/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
form{display:inline;}
ul,ol,li{list-style:none;}
a{ cursor:pointer;}
i{ font-style:normal; color:#666; font-weight:normal; font-size:12px;}
em{ font-style:normal;}
body{line-height:24px; color:#333; font-family:Arial, Helvetica, sans-serif; background:#f9f9f9;}
a{text-decoration:none;color:#333;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
a:hover{text-decoration:underline;color:#00367a;}
img{vertical-align:top;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
html>/**/body .clearfix{overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*public*/
.fl{ float:left;}
.fr{ float:right;}
.box{width:1200px; margin:0 auto;}
.relative{position:relative;}
.absolute{ position:absolute;}
.mtop40{ margin-top:40px;}
.mb40{ margin-bottom:40px;}
.p40{ padding:10px 0;}
.all_img a img{cursor: pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.all_img a:hover img{transform: scale(1.1);}
/*top-bar*/
.logo img{ height:80px;}
.top-bar{ height:40px; line-height:40px; color:#fff; font-size:12px; background:#0052ba; width:100%;min-width:1200px;}
.top-bar .tel{ background:url(../images/icon-tel.jpg) left no-repeat; padding-left:22px;}
.top-bar .email{ background:url(../images/icon-email.jpg) left no-repeat; padding-left:26px;}
.top-bar .line{ color:rgba(255,255,255,.5); font-size:12px; margin:0 15px; display: inline-block;}
.top-bar a{ float:left;color:#fff;}
.top-bar .search{ background:url(../images/icon-search.png) no-repeat; width:18px; height:18px; margin-top:11px;}
.top-bar .cn{ background:url(../images/icon-cn.jpg) left no-repeat; padding-left:30px;}
.search-con{ position:absolute; z-index:9; right:100px; background:#fff; border-radius:20px; height:26px; line-height:26px; top:6px; display:none;}
.search-con .inp{ border:none; height:26px; line-height:26px; background:none; float:left;padding:0 15px;}
.search-con .but{ background:url(../images/icon-search-blue.png) no-repeat; width:18px; height:18px; border:none;display:inline-block; margin:4px 10px 0 0; cursor:pointer; float:left;}
/*header*/
.header{ background:#00367a; height:80px; position:relative;width:100%;min-width:1200px;}
.nav .nLi{ float:left; padding:20px; font-size:14px;}
.nav .nLi h3 a{ color:#fff; font-size:14px;border-bottom:2px #00367a solid; height:40px; line-height:40px; display:inline-block;}
.nav .nLi h3 a:hover{ text-decoration:none; color:#00c0ff; border-bottom:2px #00c0ff solid;}
.nav .on  h3 a{ text-decoration:none; color:#00c0ff; border-bottom:2px #00c0ff solid;}
.nav .nLi .sub{ display:none; background:rgba(0,54,122,.9); position:absolute; z-index:99; top:80px;text-transform : uppercase; }
.nav .nLi .sub li{ height:46px;line-height:46px;border-bottom:1px rgba(255,255,255,.05) solid;}
.nav .nLi .sub li a{ color:#fff; display:block; padding:0 15px; font-size:12px;}
.nav .nLi .sub li a:hover{color:#00c0ff; text-decoration:none;}
/*pro-list*/
.pro-list{ margin-right:-20px;}
.pro-list ul li{ float:left; width:285px; height:346px; margin-right:20px; background:#fff;}
.pro-list ul li a{ border:1px #e6e6e6 solid; display:block;}
.pro-list ul li a:hover{ border:1px #00367a solid; display:block;-moz-box-shadow:0 0 10px #ddd; -webkit-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd;}
.pro-list .img{ width:283px; height:283px; overflow:hidden;}
.pro-list .img img{ width:100%; height:100%;}
.pro-list .title{ height:60px; line-height:60px; overflow:hidden; width:244px; margin:0 auto; border-top:1px #e6e6e6 solid; background:url(../images/product-view.jpg) right no-repeat;}
.pro-list .hd,.honor-list .hd{ text-align:center; width:100%; display:block; margin-top:30px;}
.pro-list .hd ul li,.honor-list .hd ul li{ width:10px; height:10px; font-size:0; overflow:hidden; line-height:60px; background:#ccc; display:inline-block; margin:0 4px; border-radius:10px; cursor:pointer; float:inherit;}
.pro-list .hd .on,.honor-list .hd .on{ background:#00367a;}
/*honor-list*/
.honor-list{ margin-left:-20px; font-size:14px;}
.honor-list ul li{ width:285px; overflow:hidden; float:left; margin-left:20px; text-align:center; line-height:36px;}
/*footer*/
.footer{ background:#00367a; height:40px; line-height:40px; width:100%; color:#4d7dba; margin-top:40px;}
.footer .fl a{ margin-right:15px;}
.footer a{ color:#4d7dba;}
.footer a:hover{ color:#fff;}

.blank,.appmenu,.nav_mobile,.nav_language,.mobile-scroll{ display:none;}



.hidden-lg{display:none;}
@media (max-width: 767px) {
.hidden-xs{display:none;}
.hidden-lg{display:block;}
}