* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 14px; color: #666; overflow-x: hidden; font-family:"Microsoft YaHei",sans-serif; background: #e6e6e6;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ outline:none; font-family:"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#666; transition: color 0.56s ease;}
a:hover{ color: #ebc266;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}


img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1000px; margin: 0 auto;}
.ovh{overflow: hidden;}

::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}
/*滑块样式*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}
/*当前窗口失去焦点时的滑块样式*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}

.header{ position: relative; background: #e6e6e6;}
.nav{ height: 49px; background: url(../images/navBg.jpg) repeat-x;}
.nav ul {padding: 0 10px;}
.nav ul li{ width: 12.5%; padding: 0 10px; float: left;}
.nav ul li a{ height: 49px; line-height: 49px; background: url(../images/navBg2.jpg) repeat-x; display: block; color: #fff; text-align: center;}
.header .lang{ width: 100px; background: #00357b; color: #fff; line-height: 36px; padding: 0 12px; position: absolute; top: 0; right: 0;}
.header .lang dl{ background: url(../images/icon01.png) no-repeat right center;}
.header .lang .dropdown{display: none;}
.header .lang:hover .dropdown{display: block;}
.header .lang a{ color: #fff; display: block;}
.header .menu-toggle{display: none;}

.main{ margin: 20px 0 10px;}
.main .leftBox{ width: 227px; float: left;}
.main .rightBox{ width: 760px; float: right;}
.main .conTop{ height: 50px; line-height: 50px; background: #00357b; color: #fff; font-size: 24px; text-align: center;}

.leftNav{ background: #fff; margin-bottom: 3px;}
.leftNav dl{ line-height: 40px; background: #00357b; overflow: hidden; padding: 0 10px 0 20px;}
.leftNav dl h2{ float: left; font-size: 16px; color: #fff; font-weight: normal;}
.leftNav dl a{ font-size: 12px; color: #ccc; float: right;}
.leftNav ul li{ height: 30px; background: url(../images/leftNavBg.jpg) no-repeat;}
.leftNav ul li a{ color: #444; line-height: 30px; display: block; padding-left: 20px;}

.title{ border-bottom: #666 solid 1px; line-height: 40px; overflow: hidden; padding:0 10px;}
.title h1{ text-align: center; color: #444; font-size: 24px; padding: 10px;}
.title h2{ font-size: 16px; color: #333; font-weight: normal; float: left;}
.title a{ font-size: 12px; color: #444; float: right;}

.newsRolling {overflow:hidden; height:26px; line-height: 26px;}
.newsRolling>div{ overflow: hidden; position: relative;}
.newsRolling a{ display: block;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; color: #333; padding-right: 90px;}
.newsRolling span{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999;}

.application{ background: #fff;}
.application .box{ padding: 20px 0 12px;}
.application .box ul{}
.application .box ul li{ width:25%; padding: 0 12px; float: left;}
.application .box ul li a{ border: #ccc solid 2px; display: block; overflow: hidden;}
.application .box ul li dl{ margin-top: -28px;}
.application .box ul li h3{ color: #333; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
.application .box ul li a:hover{ border: #00357b solid 2px;}

.aboutNews{padding-top: 14px;}
.iabout{ width: 49.2%; background: #fff; float: left;}
.iabout .box{ min-height: 180px; padding: 10px; overflow: hidden; color: #444; line-height: 1.6;}
.iabout .box img{ float: left; margin:0 10px 5px 0;}
.inews{ width: 49.2%; background: #fff; float: right;}
.inews .box{ min-height: 180px; padding: 10px;}
.inews .box ul li{ line-height: 32px; position: relative;}
.inews .box ul li a{display: block; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; color: #333; padding-right:85px;}
.inews .box ul li span{ position: absolute; right: 0; top: 0;}

.about{ background: #fff;}
.about .box{ padding: 15px; font-size: 16px; line-height: 2; color: #333;}

.products{ background: #fff;}
.products .box{ padding: 20px 0 12px;}
.products .box ul li{ width:33.33%; padding: 0 12px; margin-bottom: 20px; float: left;}
.products .box ul li a{ border: #ccc solid 2px; display: block; overflow: hidden;}
.products .box ul li dl{ height: 170px; position: relative; margin-bottom: 10px;}
.products .box ul li dl img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.products .box ul li h3{ color: #333; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
.products .box ul li a:hover{ border: #00357b solid 2px;}

.view{ background: #fff;}
.view .box{ min-height: 474px; padding: 15px 15px 30px; line-height: 2;}

.news{ background: #fff;}
.news .box{ min-height: 180px; padding: 10px;}
.news .box ul li{ border-bottom:#cc0000 dotted 1px; line-height: 36px; position: relative;}
.news .box ul li a{display: block; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; color: #333; padding-right:85px;}
.news .box ul li span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #888;}

.download{ background: #fff;}
.download .box{ padding: 10px;}
.download .box dl{ font-size: 14px; color: #333; line-height: 2;}
.download .box ul{ overflow: hidden; margin-bottom: 15px;}
.download .box ul li{ width: 20%; border-bottom: #eee solid 1px; line-height: 35px; float: left;}
.download .box ul li a{ color: #444;}
.download .box ul li a:hover{ color: #444; text-decoration: underline;}

.contact{ background: #fff;}
.contact .box{ padding: 20px 80px 50px; overflow: hidden;}
.contact .box dl{ float: left; width: 50%; line-height: 2; padding-top: 30px;}
.contact .box ol{ float: right; width: 50%;}

.footer{ margin-bottom: 20px;}
.footer .link{ background: #087ccf; color: #000; padding: 10px; line-height: 1.6;}
.footer .link a{ color: #000; margin-right: 5px;}
.footer .copyright{ padding: 5px 0; color: #333;}
.footer .copyright a{ margin: 0 5px; color: #333;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 60px; margin: 10px;}
.fenye .prev, .fenye .next { width: 36px; height: 36px; line-height: 34px; color: #666;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a { width: 36px; height: 36px; line-height: 34px;  color: #666; margin-right: 5px;display: inline-block; background: #fff; border: #EBEBEB solid 1px; border-radius: 6px;}
.fenye a:hover {color: #fff; background: #ccc; border: #ccc solid 1px;}
.fenye a.current { color: #fff;  background: #ccc; margin-right: 5px; border: #ddd solid 1px;}

@media screen and (max-width:999px){
    body{ padding-top: 60px;font-size: 13px;}
    .wrap{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; box-shadow: 0 2px 8px rgba(0, 0, 0, .2);  position: fixed; top: 0; left: 0; z-index: 99999; }
    .header .logo{ height: 45px; margin-top: 8px;}
    .header .logo img:nth-child(1){display: none;}
    .header .nav{ float: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); border-top: none;  border-bottom: #eee solid 1px;  background: #e6e6e6; display: none;}
    .header .nav ul{ padding: 0; border-top: #ccc solid 1px;}
    .header .nav ul li{ width: 100%;  line-height:50px; background: none; float: none; border-bottom: #ccc solid 1px; padding: 0;}
    .header .nav ul>li.on>a{ color: #fff;background:#00357b;}
    .header .nav ul>li>a{ color: #333;  font-size: 16px; text-align: center; background: none;  display: block;}
    .header .nav ul>li>a:hover{ color: #fff; background:#00357b; }
    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    .header .lang{ width: 80px; background: #00357b; font-size: 12px; color: #fff; line-height: 60px; padding: 0 8px 0 8px; position: absolute; top: 0; right: 60px;}
    .header .lang dl{ line-height: 60px; background: url(../images/icon01.png) no-repeat right center;}
    .header .lang .dropdown{display: none; padding-bottom: 10px;}
    .header .lang:hover .dropdown{display: block;}
    .header .lang a{ line-height: 36px; color: #fff; display: block;}

    .main{ margin: 15px 0 10px;}
    .main .leftBox{ width: 100%; float: none; display: none;}
    .main .leftBox.indexBox{display: block;}
    .main .rightBox{ width: 100%; float: none;}
    .main .conTop{ height: 40px; line-height: 40px; font-size: 16px;}

    .leftNav{ background: #fff; margin-bottom: 10px;}
    .leftNav dl{ line-height: 40px; background: #00357b; overflow: hidden; padding: 0 10px 0 20px;}
    .leftNav dl h2{ float: left; font-size: 15px;}
    .leftNav dl a{ font-size: 12px; color: #ccc; float: right;}
    .leftNav ul{ overflow: hidden;}
    .leftNav ul li{ width: 50%; height: 30px; background: url(../images/leftNavBg.jpg) no-repeat; float: left;}
    .leftNav ul li a{ color: #444; line-height: 30px; display: block; padding-left: 20px;}

    .leftDown{display: none;}

    .title{ border-bottom: #666 solid 1px; line-height: 40px; overflow: hidden; padding:0 10px;}
    .title h1{ text-align: center; color: #444; font-size: 18px; padding: 8px;}
    .title h2{ font-size: 16px; color: #333; font-weight: normal; float: left;}
    .title a{ font-size: 12px; color: #444; float: right;}

    .newsRolling {overflow:hidden; height:26px; line-height: 26px; margin: 10px 0;}
    .newsRolling>div{ overflow: hidden; position: relative;}
    .newsRolling a{ display: block;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; color: #333; padding-right: 90px;}
    .newsRolling span{ position: absolute; top: 0; right: 0; font-size: 12px; color: #999;}

    .application{ background: #fff;}
    .application .box{ padding: 15px 0 10px;}
    .application .box ul{ padding: 0 5px;}
    .application .box ul li{ width:50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .application .box ul li a{ border: #ccc solid 2px; display: block; overflow: hidden;}
    .application .box ul li dl{ margin-top: -28px;}
    .application .box ul li h3{ color: #333; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
    .application .box ul li a:hover{ border: #00357b solid 2px;}

    .aboutNews{padding-top: 14px;}
    .iabout{ width: 100%; background: #fff; float: none; margin-bottom: 10px;}
    .iabout .box{ min-height: 180px; padding: 10px; overflow: hidden; color: #444; line-height: 1.6;}
    .iabout .box img{ float: left; margin:0 10px 5px 0;}
    .inews{ width: 100%; background: #fff; float: none;}
    .inews .box{ min-height: 180px; padding: 10px;}
    .inews .box ul li{ line-height: 32px; position: relative;}
    .inews .box ul li a{display: block; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; color: #333; padding-right:85px;}
    .inews .box ul li span{ position: absolute; right: 0; top: 0;}

    .about{ background: #fff;}
    .about .box{ padding: 15px; font-size: 14px; line-height: 2; color: #333;}

    .products{ background: #fff;}
    .products .box{ padding: 15px 5px 10px;}
    .products .box ul li{ width:50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .products .box ul li a{ border: #ccc solid 2px; display: block; overflow: hidden;}
    .products .box ul li dl{ height: 130px; position: relative; margin-bottom: 10px;}
    .products .box ul li dl img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .products .box ul li h3{ color: #333; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
    .products .box ul li a:hover{ border: #00357b solid 2px;}

    .view{ background: #fff;}
    .view .box{ min-height: 400px; padding: 15px 15px 30px; line-height: 2;}

    .news{ background: #fff;}
    .news .box{ min-height: 180px; padding: 10px;}
    .news .box ul li{ border-bottom:#cc0000 dotted 1px; line-height: 36px; position: relative;}
    .news .box ul li a{display: block; overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; color: #333; padding-right:85px;}
    .news .box ul li span{ position: absolute; right: 0; top: 0; font-size: 12px; color: #888;}

    .download{ background: #fff;}
    .download .box{ padding: 10px;}
    .download .box dl{ font-size: 14px; color: #333; line-height: 2;}
    .download .box ul{ overflow: hidden; margin-bottom: 15px;}
    .download .box ul li{ width: 33.33%; border-bottom: #eee solid 1px; line-height: 35px; float: left;}
    .download .box ul li a{ color: #444;}
    .download .box ul li a:hover{ color: #444; text-decoration: underline;}

    .contact{ background: #fff;}
    .contact .box{ padding: 20px 20px 50px; overflow: hidden;}
    .contact .box dl{ float: left; width: 50%; line-height: 2; padding-top: 20px;}
    .contact .box ol{ float: right; width: 50%;}

    .footer{ margin-bottom: 10px; font-size: 12px;}
    .footer .link{ background: #087ccf; color: #000; padding: 10px; line-height: 1.6;}
    .footer .link a{ color: #000; margin-right: 5px;}
    .footer .copyright{ padding: 5px 0; color: #333;}
    .footer .copyright a{ margin: 0 5px; color: #333;}

    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 15px; width: 100%; height: 50px; margin: 10px;}
    .fenye .prev, .fenye .next { width: 32px; height: 32px; line-height: 30px; color: #666;margin-right: 2px; display: inline-block; font-family: "宋体";font-size: 14px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
    .fenye a { width: 32px; height: 32px; line-height: 30px;  color: #666; margin-right: 2px;display: inline-block; background: #fff; border: #EBEBEB solid 1px; border-radius: 6px;}
    .fenye a:hover {color: #fff; background: #ccc; border: #ccc solid 1px;}
    .fenye a.current { color: #fff;  background: #ccc; margin-right: 2px; border: #ddd solid 1px;}

}