@charset "UTF-8";
/* CSS Document */

body{background: url(../images/bg.png)repeat;color: #666; font-size:13px; line-height:20px;}
a{color: #666;}
a:hover{ text-decoration: none;color: #0d5cab;}
a:focus{ text-decoration:none}
a.tc-b, .tc-b{ color:#0d5cab;}
a.tc-g, .tc-g{ color:#333;}
a.underline, .underline{ text-decoration:underline;}
i{ vertical-align:top; line-height:20px; display:inline-block;}
a,a:hover, a:focus,a:active, input:hover, input:focust, button:hover, button:focus, button:active, textarea:hover, textarea:focus, .btn:hover, .btn:focus{ outline:none !important;}
h1,h2,h3,h4,h5,h6{ color:#333; font-weight:bold;}
::selection{ background:#0d5cab; color:#fff;} 
.img-responsive{ margin-left:auto; margin-right:auto;}
 img{ max-width:100%}
.p20{ padding:20px;}
.p10{ padding:10px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.m20{ margin:20px;}
.m10{ margin:10px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mtb10{ margin:20px 0;}
.mtb20{ margin:20px 0;}
.mtb30{ margin:30px 0;}
.mtb40{ margin:40px 0;}
.pos-res{ position:relative;}

.container{ min-width:320px;}

.header{ background:#fff; border:none; margin:0;}
.header>.container{min-height:95px; position:relative;}
.header.navbar>.container .navbar-brand{ margin-left:-10px; padding:30px 70px 0 0;height:auto;}
.header.navbar>.container .navbar-brand img{ height:39px;}
.header.navbar>.container .navbar-brand h1{ display:none;}
.header .navbar-nav > li > a{ padding:0 15px; line-height:34px; font-size:18px; color:#333; text-shadow:none; border-radius:3px;}
.header .navbar-nav > li.active > a, .header .navbar-nav > li > a:hover{ color:#fff; background:#0d5cab;}
.header .head-right{ width:25%; position:absolute; right:0;}
.header .head-right .top-link{ margin:16px 0 7px;}
.header .head-right .top-link>li:first-child:before{ display:none;}
.header .head-right .top-link>li{ float:left; width:33.33333333%; position:relative;}
.header .head-right .top-link>li:before{ content:""; position:absolute; left:0; height:12px; background:#999; width:1px; top:4px;}
.header .head-right .top-link>li:last-child .dropdown-menu{ left:auto; right:0;}
.header .head-right .top-link>li .dropdown-menu{ border-color:#ccc;}
.header .head-right .top-link>li .dropdown-menu li a:hover, .header .head-right .top-link>li .dropdown-menu li a:focus{ background:#0d5cab; color:#fff;}
.header .head-right .top-link>li .dropdown-menu li a{display: block;  padding: 3px 20px;  clear: both;  font-weight: normal;  line-height: 1.42857143;  color: #333;  white-space: nowrap;}
.header .head-right .top-link>li>a{ display:block; text-align:center; cursor:pointer; padding-bottom:5px;}
.header .head-right .search .form-control, .header .head-right .search .input-group-btn > .btn{ height:32px; border:1px solid #ccc;}
.header .head-right .search .form-control{ border-right:none; box-shadow:none;}
.header .head-right .search .input-group-btn > .btn, .header .head-right .search .input-group-btn:last-child > .btn-group{ border-left:none; background:#fff;box-shadow:none; }
.header .head-right .search .input-group-btn > .btn{color:#999;}
.header .head-right .search .input-group-btn > .btn:hover, .header .head-right .search .input-group-btn > .btn:focus{color: #0d5cab; outline:none !important;}
.navbar-toggle.collapsed{ background:#fff;}
.navbar-toggle.collapsed .icon-bar{ background-color:#0d5cab}
.navbar-toggle{  height: 39px;  margin-top: 15px;background:#0d5cab; margin-right:15px;}
.navbar-toggle:hover{ background:#0d5cab}
.navbar-toggle:hover .icon-bar, .navbar-toggle .icon-bar{ background-color:#fff}

.footer{ background:#404041; color:#fff; padding:20px 0 10px;bottom: 0; width: 100%;}
.footer h3 {color: #fff;}
.footer ul.list-unstyled {font-size: 15px;line-height: 28px;margin-bottom: 15px;}
.footer .container{ position:relative;}
.footer .btn-top{ width:35px; height:35px; text-align:center; color:#666; position:fixed; bottom:20px; right:20px; color:#666; background:#fff; border-radius:3px; display:block; font-size:18px;}
.footer .btn-top:hover{ background:#0d5cab; color:#fff;}
.footer .btn-top i{ line-height:35px; display:block; vertical-align:top;}
.footer .copyright{ font-size:13px;float: right;}
.footer .info { position:relative; border-top: 1px solid; margin: 15px 0 0; padding: 15px;}
.footer .info img{ position:absolute; left:0;}
.footer .info ul{  display:inline}
.footer .info li{ position:relative; padding-left:24px; min-height:20px; float:left;}
.footer .info i{ position:absolute; width:20px; display:block; text-align:center; font-size:16px; top:2px; left:0; color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#ccc;}

/*home*/
.home{ background: #fff url(../images/home-bg.jpg) repeat-x; min-height:400px; }

.banner>.container{ padding:0;}
.banner .camera_wrap{ margin-bottom:0 !important;}
.banner .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{ background:none;}
.banner .camera_next{ right:-50px;}
.banner .camera_prev{ left:-50px;}
.camera_next:hover > span{ background-position:-120px 0}
.camera_prev:hover > span{ background-position:-80px 0}
.banner .camera_wrap .camera_pag{ margin-top:-45px;}
.banner .camera_wrap .camera_pag .camera_pag_ul{ text-align:center;}
.banner .camera_wrap .camera_pag .camera_pag_ul li{ margin:15px 5px; width:10px; height:10px;border-radius: 5px; background-color:#bdbec1;}
.banner .camera_wrap .camera_pag .camera_pag_ul li > span{ width:10px; height:10px; top:0; left:0;}
.banner .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{ background-color:#77787a;}
/*20170218*/
.home-prod .col-sm-4{ padding:0;}
.home-prod li{ float:left; width:15.555555% /*20170218*/; text-align:center; margin:5px; line-height:10px; font-size:15px; text-align:center;}
@media screen and (max-width: 1000px) {.home-prod li{ margin:0px;}}
.home-prod li img{ margin:10px auto 10px; width:260px /*20170218*/;}
.home-prod li a{ color:#333;}
.home-prod li a:hover{ color:#0d5cab;}
/*
.home-prod li .pc{ width:75px; margin:15px auto 10px; height:75px; background:no-repeat; background-size:100%; display:block; }
.home-prod li a:hover .pc{ background-position:0 -75px;}
.home-prod li.item1 .pc{ background-image:url(../images/icon/prod1.png);}
.home-prod li.item2 .pc{ background-image:url(../images/icon/prod2.png);}
.home-prod li.item3 .pc{ background-image:url(../images/icon/prod3.png);}
.home-prod li.item4 .pc{ background-image:url(../images/icon/prod4.png);}
.home-prod li.item5 .pc{ background-image:url(../images/icon/prod5.png);}
.home-prod li.item6 .pc{ background-image:url(../images/icon/prod6.png);}
.home-prod li.item7 .pc{ background-image:url(../images/icon/prod7.png);}
.home-prod li.item8 .pc{ background-image:url(../images/icon/prod8.png);}
.home-prod li.item9 .pc{ background-image:url(../images/icon/prod9.png);}
*/

.home .title{ position:relative; text-align:center; font-weight:normal; margin:0;}
.home .title span{ font-size:48px; line-height:1em; padding:0 20px; display:inline-block;background:#fff; position:relative; z-index:2;}
.home .title small{ display:block; font-size:19px; margin-top:10px; color:#333; text-indent:8px; letter-spacing:8px;}
.home .title:before{ content:""; position:absolute; width:100%; height:1px; background:#999; z-index:1; top:24px; left:0;}
.home .carousel-control{ width:19px; height:19px; line-height:19px; border-radius:2px; background:#7a7a7a; color:#fff; font-size:18px; text-align:center; top:-50px;opacity: 1; text-shadow:none;}
.home .carousel-control i{ vertical-align:top; line-height:18px; margin-top:1px; display:inline-block;}
.home .carousel-control.left{ left:auto; right:24px;}
.home .carousel-control:hover{background:#0d5cab; }

.home-news .title{ margin-bottom:30px;}
.home-news .section{ margin-bottom:10px; position:relative;}
.home-news .heading{ line-height:40px; font-size:18px; font-weight:normal; margin:0 0 20px;}
.home-news .heading .circle-icon{ background:#0d5cab; color:#fff; font-size:19px; text-align:center; border-radius:20px; width:40px; height:40px; line-height:40px; vertical-align:top; display:inline-block; margin-right:10px;}
.home-news .heading .circle-icon i{ margin-top:10px;}
.home-news .article{ min-height:90px; font-size:14px; margin-bottom:20px;}
.home-news .article h4{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin:0; line-height:24px; font-size:14px; }
.home-news .article .figcaption{ line-height:20px; height:60px; color:#666; overflow:hidden;}
.home-news .article .pc{ border:1px solid #ccc; padding:4px; float:left; margin-right:10px;border-radius:3px;}
.home-news .article a:hover h4{ color:#0d5cab;}
.home-news .article a:hover .pc{ border-color:#0d5cab;}


.home-catalog .title, .home-catalog .title small{ color:#fff;}
.home-catalog .title:before{ background:#fff;}
.home-catalog .title span{ background:#888;}
.home-catalog .title{ margin-bottom:65px;}
.home-catalog{ background:#888; padding:50px 0 25px;}
.home-catalog #home-catalog .img-responsive{ margin:0 auto 20px;;}
.home .home-catalog .carousel-control{ background:#bdbec1; color:#818284; top:-62px;}
.home .home-catalog .carousel-control:hover{ background:#0d5cab;color:#fff;}


.home-contact{ background:#fff url(../images/home-contact.png) repeat-x top; min-height:300px; padding:30px 0 20px; }
.home-contact .title{ margin-bottom:45px;}
.home-contact .title span{background: #dcdcde;  background: linear-gradient(to bottom, #dddddf 0%,#e0e0e2 100%);}
.home-contact h4{ font-size:15px; margin:0 0 8px; line-height:1em;}
.home-contact .item{ margin-bottom:45px;}
.home-contact li{ line-height:24px; font-size:15px; position:relative; padding-left:25px; min-height:24px;}
.home-contact span[class^="icon-"], .home-contact span[class*=" icon-"]{ position:absolute; width:20px; display:block; text-align:center; font-size:16px; top:4px; left:0; color:#0d5cab;}


/*sub*/
.camera_caption > div{ background:none;}
.breadcrumbs{ border-bottom:1px solid #ccc; height:30px;background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);}
.breadcrumbs .breadcrumb{ margin:0; background:none; padding:0;}
.breadcrumb > li{ line-height:30px; font-size:12px; padding-right:12px; padding-left:7px; background:url(../images/breadcrumb.png) no-repeat right center;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; max-width:200px;}
.breadcrumb > li:first-child{ padding-left:9px;}
.breadcrumb > li:first-child i{ display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;}
.breadcrumb > li:last-child{ background:none;}
.breadcrumb > li a{ color:#999;}
.breadcrumb > li a:hover{ text-decoration:underline;}
.breadcrumb > .active{color:#0d5cab;}
.breadcrumb > li + li:before{ display:none;}

.sub-page{ padding-top:30px;}
.btn{ background:#999; border:none; color:#fff; box-shadow:inset 0 -3px 0 #666; font-weight:bold;border-radius: 3px;}
.btn:hover, .btn:focus{ background:#0d5cab; color:#fff; box-shadow:inset 0 -3px 0 #00407f;}
.btn-blue{background:#0d5cab; padding:6px 35px;box-shadow:none;}
.btn-blue:hover, .btn-blue:focus{background:#00407f;}
.sider { margin-bottom:20px;}

.sider .circle-icon span{ background:url(../images/icon/sider-icon.png) no-repeat; background-size:20px; display:block; width:20px; height:20px; margin:10px auto;}
.sider .contact-area .circle-icon span{ background-position:0 -20px}
.sider .related .circle-icon span{ background-position:0 -40px}
.sider .investors-menu .circle-icon span{ background-position:0 -60px}
.sider .about-menu .circle-icon span{ background-position:0 -80px}
.sider .employee-menu .circle-icon span{ background-position:0 -100px}
.sider .csr-menu .circle-icon span{ background-position:0 -120px}
.sider .news-menu .circle-icon span{ background-position:0 -140px}

.sider #sidr-menu{ min-width:100px; line-height:20px;}
.sider #sidr-menu i{ line-height:20px; margin-right:5px;}
.sider #sidr-menu-close{ width:20px; position:absolute; right:10px; top:10px; display:block; height:20px; color:#fff; background:#ccc; text-align:center; border-radius:3px;}
.sider #sidr-menu-close i{ line-height:20px;}
.sider #sidr-menu-close:hover{ background:#0d5cab;}
.sider .title1{ margin-bottom:15px;}
.sider .menu .panel{box-shadow:none;border-radius:none; border:none; margin:0; background:none;}
.sider .menu .panel-heading{border-radius:none; padding:0;}
.sider .menu .panel-heading a, .sider .menu .active .panel-heading a.collapsed, .sider .menu .panel-heading a.collapsed:hover{ display:block; padding:5px 20px; position:relative;background:#0d5cab; color:#fff;}
.sider .menu .panel-heading a i, .sider .menu .active .panel-heading a.collapsed i, .sider .menu .panel-heading a.collapsed:hover i{ font-size:12px; position:absolute; left:4px; top:9px; color:#fff; }
.sider .menu .panel-heading a.collapsed { background:none; color:#666;}
.sider .menu .panel-heading a.collapsed i{color:#0d5cab;}
.sider .menu .panel-heading a .caret{ position:absolute; right:6px; top:13px;border-bottom: 4px dashed; border-top:none;}
.sider .menu .panel-heading a.collapsed .caret{border-top: 4px dashed; border-bottom:none;}
.sider .menu ul{ padding:10px 0; background-color:rgba(0,0,0,.03); border-bottom:solid 1px #ccc;margin-bottom:0;}
.sider .menu ul li a{ display:block; padding:0 20px;position:relative; color:#888;}
.sider .menu ul li a:before{ content:""; position:absolute; width:4px; height:4px; border-radius:2px; top:8px; left:8px; background:#333; }
.sider .menu ul li.active a, .sider .menu ul li:hover a{ color:#0d5cab; text-decoration:none;}
.sider .menu ul li.active a:before, .sider .menu ul li:hover a:before{background:#0d5cab;}

.sider .contact-area{ line-height:23px;}
.sider .contact-area .btn-contact{ text-align:center; position:relative;}
.sider .contact-area .btn-contact:after{ content:""; position:absolute; width:100%; top:50%; height:1px; display:block; background:#ccc;}
.sider .contact-area .btn-contact a{ display:inline-block; width:auto; padding:0 10px; line-height:32px; color:#fff; margin:0 auto; border-radius:3px;background:#0d5cab; text-align:center; position:relative; z-index:1; font-size:15px;}
.sider .contact-area .btn-contact a:hover{ background:#00407f;}

.sider .related a{display:block; padding:5px 20px; position:relative;}
.sider .related a i{color:#0d5cab;font-size:12px; position:absolute; left:4px; top:9px; }
.sider .related a:hover{background:#0d5cab; color:#fff;}
.sider .related a:hover i{color:#fff;}



.wrap .banner img{ width:100%;}
.wrap .sub-tab{ background:#eee; border:1px solid #ccc; border-radius:3px; padding-bottom:0;}
.wrap .sub-tab > li > a{ padding:5px 10px 5px 25px; position:relative; color:#333; background:#fff; box-shadow:inset 0 1px 0 rgba(0,0,0,.2); height:30px; margin:0 10px 10px 0; border-radius:15px;font-size:14px;}
.wrap .sub-tab > li > a i{ position:absolute; font-size:18px; top:6px; left:6px; color:#0d5cab; }
.wrap .sub-tab > li > a:hover, .wrap .sub-tab > li.active > a{background:#0d5cab; color:#fff;box-shadow:none; }
.wrap .sub-tab > li > a:hover i, .wrap .sub-tab > li.active > a i{color:#fff;  }
.fancybox-skin{ background:#fff;}
.grid-list li { margin-bottom:20px; }
.grid-list li a{ position:relative; background:#0d5cab; display:block}
.grid-list li img{opacity:.8; width:100%;}
.investors .grid-list li img{opacity:1; width:100%;}
.grid-list h4{ font-size:18px; position:absolute; left:0; bottom:40px; background:#fff; border-radius:0 5px 5px 0; text-align:center; line-height:20px; margin:0; padding:10px; width:190px; box-shadow:2px 2px 0 #999; min-height:40px; font-weight:normal;}
.grid-list h2{ font-size:18px; position:absolute; left:0; bottom:40px; background:#fff; border-radius:0 5px 5px 0; text-align:center; line-height:20px; margin:0; padding:10px; width:190px; box-shadow:2px 2px 0 #999; min-height:40px; font-weight:normal;}
.grid-list li a:hover img{opacity:1;}
.grid-list li a:hover h2{ background:#0d5cab; color:#fff; box-shadow:2px 2px 0 #00407f;}
.title1{ line-height:40px; font-size:18px; font-weight:normal; margin:0 0 20px;}
.title1 .circle-icon{ background:#0d5cab no-repeat; color:#fff; font-size:18px; text-align:center; border-radius:20px; width:40px; height:40px; line-height:40px; vertical-align:top; display:inline-block; margin-right:10px; }
.title1 .circle-icon i{ margin-top:10px;}
.title2{ font-size:24px; color:#0d5cab; font-weight:normal; line-height:30px; padding:0 0 17px; border-bottom:1px solid #ccc; margin:27px 0 0;}
.border-no.title2{ border:none;}
.title3{ margin:15px 0; color:#0d5cab; font-size:16px; padding-left: 15px; border-left:4px solid #0d5cab;}

.list-dist li { display:block; padding:5px 12px;position:relative;}
.list-dist li:before{ content:""; position:absolute; width:5px; height:5px; border-radius:50%; top:12px; left:0; background:#ccc; }

.pagination > li > a, .pagination > li > span{ border:none; min-width:30px; height:30px; line-height:30px; color:#fff; text-align:center; background:#999; margin-right:10px; border-radius:15px;padding:0;}
.pagination > li > a:hover, .pagination > li.active > a:hover, .pagination > li > a:focus, .pagination > li.active > a{background:#0d5cab; color:#fff;opacity:1;}
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span{border-radius:15px; width:30px; padding:0;}
.pagination > li > a i{ font-size:12px; line-height:20px; margin-top:5px;}
.foot-prod{background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:20px 0 10px; min-height:150px;}
.foot-prod .carousel{ padding:0 40px;}
.foot-prod .carousel-control{ font-size:34px; background:none; height:34px; top:50%; margin-top:-32px; z-index:9; color:#999; width:34px;opacity: 1; text-shadow:none; }
.foot-prod .carousel-control:hover{color:#0d5cab;}
.foot-prod .box{ position:relative; padding-left:120px; min-height:134px; margin-bottom:20px}
.foot-prod .box .head{ position:absolute; width:94px; left:10px;}
.foot-prod .box .head img{ width:100%; padding:1px; border:1px solid #ccc;}
.foot-prod .box .head h4{ font-weight:normal; color:#0d5cab; padding-left:15px; margin:4px 0 0; position:relative; line-height:20px; font-size:13px;}
.foot-prod .box .head h4 i{ position:absolute; left:0; line-height:20px; font-size:10px;}
.foot-prod .box .head h4 a:hover{ text-decoration:underline;}
.foot-prod .box .head a:hover img{ border-color:#0d5cab;}

.fck{font-family: Arial, Verdana, sans-serif;  font-size: 12px;  color: #222;}
.fck p{ margin:1em 0;}
.fck img{ max-width:100%}
/*prod*/
.product{ padding-top:0; position:relative;}
.search-area{ position:relative; width:100%; top:0; z-index:1; height:20px;}
.search-area .btn-search{ background:url(../images/btn-search.png) no-repeat; background-size:100%; width:150px; height:20px; display:block; margin:0 auto; text-align:center; line-height:20px; font-size:13px; }
.search-area .btn-search i{ vertical-align:top; margin-top:3px;}
.search-area .btn-search:hover,  .search-area .btn-search:focus,  .search-area .btn-search{ background-position:0 -25px; color:#fff;}
.search-area .btn-search.collapsed{ background-position:0 0;color:#fff;}
.search-area .btn-search.collapsed .icon-plus2{display:inline-block; }
.search-area .btn-search.collapsed .icon-minus2{display:none; }
.search-area .btn-search .icon-plus2{display:none;}
.search-area .btn-search .icon-minus2{display:inline-block; }

.search-area .inner{ background:#0d5cab;padding:9px 0;}
.search-area select{ height:32px; line-height:18px; padding:6px; border:1px solid #ccc; border-radius:3px; font-size:13px;}
.search-area .btn:hover, .search-area:focus{ background:#fff;color:#0d5cab;box-shadow: inset 0 -3px 0 #ccc;}

.product .btn-area { margin:30px 0; text-align:center; min-height:30px;}
.product .btn-area a{ width:30px; height:30px; border-radius:15px; color:#fff; background:#ccc; font-size:16px; margin:0 10px; display:inline-block;}
.product .btn-area a i{ display:block; margin-top:7px;}
.product .btn-area a:hover{ background:#0d5cab;}

.category1 .table > thead > tr > th{ border-bottom:3px solid #ccc; background:#f5f5f5; text-align:center; font-weight:normal; color:#333; padding:10px 5px; line-height:20px; vertical-align:middle; position:relative; height:50px; line-height:15px;}
.category1 .table > thead > tr > th i{ position:absolute; right:0; line-height:20px;top:15px; color:#999; font-size:10px; }
.category1 .table > thead > tr > th a{ display:block; padding-right:10px; cursor:pointer;}
.category1 .table > thead > tr > th a:hover, .category1 .table > thead > tr > th a.active{ color:#333}
.category1 .table > thead > tr > th a:hover i, .category1 .table > thead > tr > th a.active i{ color:#000;}
.category1 .table > tbody > tr > td{ padding:5px; border-bottom:1px solid #eee; line-height:15px; vertical-align:middle;}
.category1 .table-striped > tbody > tr:nth-of-type(odd){ background:#fff;}
.category1 .table-striped > tbody > tr{background:#f9f9f9; text-align:center}
.category1 .table > tbody > tr > td .btn{ width:20px;  border-radius:10px; display:block; margin:0 auto; background:#999; color:#fff; text-align:center; box-shadow:none; padding:0;}
.category1 .table > tbody > tr > td .btn i{ display:block; margin:0 auto; font-size:14px; line-height:20px; text-align:center; width:20px; margin-left:2px;}
.category1 .table > tbody > tr > td .btn:hover, .category1 .table > tbody > tr > td .btn:focus{background:#0d5cab;}

.category2 li{ margin-bottom:20px;line-height:16px;}
.category2 li a{ display:block; min-height:101px; padding-left:160px; position:relative; }
.category2 li .pc{ width:150px; height:100px; border-radius:3px; border:1px solid #ccc; /*box-shadow:0 1px 0 #ccc; */position:absolute; top:0; left:0;background-color:#fff;}
.category2 li h4{ color:#0d5cab;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:14px; font-weight:normal; padding:11px 50px 17px 14px; margin:0; line-height:1em; position:relative;}
.category2 li h4 i{ position:absolute; left:-3px;}
.category2 li .text{ height:48px; overflow:hidden;}
.category2 li a:hover h4{ text-decoration:underline;}
.category2 li a:hover{ background:linear-gradient(to bottom, #fff 0%,#eee 100%); border-radius:0 0 0 3px; /*box-shadow:inset 0 -2px 0 #ccc;*/}
.category2 li a:hover span{ color:#0d5cab;}

#camera_prod{ border:1px solid #ccc; box-shadow:0 1px 0 #ccc; border-radius:4px;}
#camera_prod .cameraSlide img{ border-radius:3px;}
#camera_prod .camera_thumbs{ padding:0 30px; height:85px; overflow:hidden;}
#camera_prod .camera_caption{ text-align:right;}
#camera_prod .camera_caption > div{ padding:0;}
#camera_prod .camera_caption a{ display:inline-block; width:30px; height:30px; float:right; color:#fff; border-radius:15px; background:#999; text-align:center; margin:5px; font-size:17px;}
#camera_prod .camera_caption a:hover{ background:#0d5cab;}
#camera_prod .camera_caption a i{ line-height:30px;}
#camera_prod .camera_prevThumbs, #camera_prod .camera_nextThumbs{ background:rgba(255,255,255,.8); top:10px; height:77px;}
#camera_prod .camera_prevThumbs{ left:-30px;}
#camera_prod .camera_nextThumbs{ right:-30px;}
#camera_prod .camera_thumbs_cont ul{ padding:0;}
#camera_prod .camera_thumbs_cont ul li > img{ margin-top:10px; width:99px;}

.prod-info .title{ line-height:20px; padding:15px 0; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc; margin:0}
.prod-info .dimensions h5{ font-weight:normal; line-height:1em;}
.prod-info .btn-download{ display:block; padding-left:28px; line-height:26px; margin-top:14px; background:url(../images/icon/pdf.png) no-repeat;}
.prod-info .safe-icon li{ float:left; margin-right:10px;}
.prod-info .share-tool, #ckepop{ float:left;}
#ckepop .button, #ckepop .jiathis_txt{ background:none !important;}
#ckepop .jiathis_button_weixin{ background:url(../images/icon/wechat.png) no-repeat; background-size:16px; display:block; width:16px; height:16px; float:left; margin-right:1px;}

/*investors*/
.investors{ position:relative; line-height:20px; font-size:14px;}
.year-select{ position:absolute; right:10px; margin-top:-50px; text-align:right;}
.year-select .form-control{ display:inline-block; width:200px;}

.table-bordered{border: 1px solid #ccc; margin-bottom:30px;border-left:none;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{   border-top: 1px solid #ccc;border-left: 1px solid #ccc; padding:10px;line-height:20px;  text-align:center;vertical-align: top;  color:#666;font-size:14px;}
.table-bordered > thead > tr > th{ border-bottom:none; border-top:none; color:#fff; background:#0d5cab;font-size:16px; }
.table-striped > tbody > tr{ background:#f7f7f7;}
.table-striped > tbody > tr:nth-of-type(odd){ background:#fff;}
.download-list > thead > tr > th.name, .download-list > tbody > tr > td.name{ padding:10px 20px; text-align:left; vertical-align:middle;}
.download-list > tbody > tr > td.td-button{ padding:5px 10px;}
.download-list .btn{ display:block;}
.list-dist{margin-bottom:30px;}
.list-dist img{ vertical-align:top;}
.list-dist td{ padding:5px 0;}
.title3{ margin:15px 0; color:#0d5cab; font-size:16px; padding-left: 15px; border-left:4px solid #0d5cab;}
.table-bordered .btn-circle{ padding-right:40px; position:relative; text-align:left;}
.table-bordered .btn-circle a{ width: 30px; height:30px;  border-radius: 15px;  display: block;  text-align: center; position:absolute; right:10px; top:10px;box-shadow:none; padding:7px 0; margin:-5px;}
.table-bordered .btn-circle img{ height:16px; display:block; margin:0 auto;}
.table-bordered.text-left > tbody > tr > td{ text-align: left;}

.questionnaire dt{ margin:30px 0 0; font-size:17px; color:#fff; background:#0d5cab; padding:10px;}
.questionnaire li{ position:relative; padding:15px 0 15px 25px; border-bottom:1px dotted #ccc;}
.questionnaire li i{ position:absolute; left:0; font-size:18px; line-height:20px;color:#0d5cab; left:0; top:15px;}
.questionnaire li h5{ margin: 0 0 10px; line-height:20px;}
.questionnaire .radio-inline{ line-height:30px;}
.questionnaire input[type="radio"]{ margin-top:8px; vertical-align:top;}
.questionnaire .radio-inline + .radio-inline, .questionnaire .checkbox-inline + .checkbox-inline{margin-left: 40px;}

/*news*/
.news-list{ margin:5px 0; padding:0;}
.news-list li{ position:relative; border-bottom:1px dotted #ccc; padding:10px 0 10px 120px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; line-height:30px;  
}
.news-list li .date{ color:#333; font-family:"Courier New", Courier, monospace; position:absolute; left:0; top:10px; font-weight:bold;}
.news-list li a{ color:#0d5cab;}
.news-list li a:hover{ text-decoration:underline;}

/*contact*/
.conact .require{ color:#c00; margin-right:5px;}
.conact .btn{ padding:5px 30px;}
.conact .form-control{  border: 1px solid #ccc; box-shadow:none;}
@media (min-width: 1200px){
.header .container > .navbar-collapse{ margin-right:25%;padding:0;margin-left:220px;}
.sider { padding-right:50px;}
}
@media (min-width: 992px) and  (max-width: 1199px){
.header .container > .navbar-collapse{ margin-right:25%; margin-left:220px; padding:0;}
.header .navbar-nav > li > a{ font-size:16px; padding:0 10px;}
.home{ background-size:1px 500px;; }
}
@media (min-width: 768px){
.header .container > .navbar-collapse{ margin-top:47px; text-align:center;}
.header .navbar-nav{ float:none; display:inline-block;}
.header .navbar-nav > li{ margin-left:2px;}
.header.navbar>.container .navbar-brand{ position:absolute;}
.home-news #home-news{ margin-right:18px;}
.category2 li a:hover h4:before{ content:""; width:39px; height:13px; background:url(../images/prod-more.png) no-repeat; position:absolute; right:0; top:10px;}
.wrap .fck{ min-height:300px;}
}

@media (min-width: 768px) and  (max-width: 991px){
.header .container > .navbar-collapse{ float:right; padding:0; margin-right:-10px;}
.header .navbar-nav > li > a{ padding:0 10px; font-size:16px;}
.header .head-right{ width:auto;}
.header .head-right .top-link{ width:auto; float:left; margin-top:5px;}
.header .head-right .top-link>li{ line-height:32px; width:auto; }
.header .head-right .top-link>li>a{padding:0 10px ;}
.header .head-right .top-link>li:before{ top:10px;}
.header .head-right .search{ width:150px; margin-top:5px;}

.home{ background-size:1px 450px;; }
.home-prod li .pc{ width:60px;  height:60px;  }


}
@media (max-width: 991px){
.banner .camera_prev,.banner .camera_next{ display:none;}
.sider #sidr-menu{ display:inline-block !important;}
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:240px;overflow-x:none;overflow-y:auto; padding:10px 0; border-right:1px solid #ccc;box-shadow:inset 0 0 10px 5px #ebebeb}
.sidr.left{left:-240px;right:auto}
.sidr .title1{ margin-left:10px;}
.sidr .contact-area p{ margin:0 10px 10px;}
}
@media (max-width: 767px){
.container{ padding:0 20px;}
.header.navbar>.container{ padding:0; border-bottom:1px solid #ccc}
.container > .navbar-header{ margin:0;}
.header.navbar>.container .navbar-brand{ margin-left:0px; padding:15px 10px; float:none; display:block; }
.header .head-right{ position:relative; right:auto; width:100%; padding:0 10px;}
.header .head-right .top-link{ margin:5px 0;}
.header .head-right .top-link>li>a{ padding-bottom:0;}
.header .container > .navbar-collapse{  margin-right: 0px;  margin-left: 0px;background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);}
.header .navbar-nav{margin: 7.5px 0;}
.header .navbar-nav > li{ margin-bottom:5px;}
.header .navbar-nav > li > a{ font-size:16px;}
.footer .info{ padding:0;}
.footer .info img{ position:relative; left:auto; display:block}
.footer .info ul{ display:block; margin-top:20px;}
.footer .info li{ margin-left:0; float:none;margin-bottom:5px;}
.footer .copyright{ padding-left:0;}
.foot-prod{ padding-top:40px;  }
.foot-prod .carousel{ padding:0;}
.foot-prod .carousel-control{ top:-30px;margin-top:0; font-size:20px; width:20px; height:20px;}
.foot-prod .carousel-control.left{ left:auto; right:30px;}

.banner .camera_wrap .camera_pag .camera_pag_ul li,
.banner .camera_wrap .camera_pag .camera_pag_ul li > span{ width:20px; height:20px;border-radius: 10px;}
.home .title span{ font-size:30px;}
.home .title small{ font-size:16px; letter-spacing:2px; text-indent:2px;}

.sub-page .banner{ display:none;}
.search-area select{ margin-bottom:10px;}
.category2 li a{ padding-left:160px;}
.category2 li h4{ white-space:normal; padding:10px 0 10px 14px;  }
.year-select{ position:relative; margin:15px 10px; right:auto;}
.year-select .form-control{ width:120px;}
.news-list li{ padding-left:95px;}
.conact select.form-control, .conact .country{ margin-bottom:15px;}
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
padding:1px 27px;
}

.gsc-search-button-v2 svg{
vertical-align: middle;
} 
.dimensions ul.list-unstyled {
    list-style: decimal;
}