* {-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:Arial,"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:Arial,"Microsoft YaHei",Helvetica,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{ font-size: 12px; 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;}



}