@charset "utf-8";
/* Style Reset */
body,p ,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
.clear { clear:both; }
.ui-pages{-webkit-backface-visibility: hidden;}
/* top */
.topbg{width:100%; height:65px; background-image:-moz-linear-gradient(center top , #006db9, #005896);background-image: -moz-linear-gradient(top, #006db9, #005896);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006db9), to(#005896));background-image: -webkit-linear-gradient(top, #006db9, #005896);background-image: -o-linear-gradient(top, #006db9, #005896);background-image: linear-gradient(top, #006db9, #005896); border-bottom:1px solid #006eb9;}
.logo{float:left; margin:21px 0 0 2.03125%;}
.search{float:right; width:51.71875%; height:24px; border:1px solid #004474; margin:25px 14px 0 0;background-image:-moz-linear-gradient(center top , #005e9f, #004f86);background-image: -moz-linear-gradient(top, #005e9f, #004f86);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005e9f), to(#004f86));background-image: -webkit-linear-gradient(top, #005e9f, #004f86);background-image: -o-linear-gradient(top, #005e9f, #004f86);background-image: linear-gradient(top, #005e9f, #004f86);}
.text{background:none; border:0; float:left; width:78%; height:24px; color:#fff;}
.button{float:left; margin:3px 0 0 9px;}
/* nav */
.bg4{background:#023979; width:100%; height:42px;}
.nav{width:80%; margin:0 auto; height:42px; background:#023979; overflow:hidden;}
.navbg{width:200%; line-height:42px;}
.navbg a{color:#fff; display:block; width:16.5%; height:42px; float:left; text-align:center; background:#023979;}
.navbg a:hover{color:#fff; display:block; width:16.5%; height:42px; float:left; text-align:center;}
.rightbtn{position:absolute; right:1%; top:80px; z-index:999;}
.leftbtn{position:absolute; left:1%; top:80px; z-index:999;}
/* banner */
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:310%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:310%;}
.big-pic3 .pic-list a{width:33.33333%;/*33.33%*/}
.big-pic4 .pic-list{width:310%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;left:40.15625%; bottom:0;padding:2px 0; float:left; height:14.6667%; background:url(../images/bannerbg.png) no-repeat 0 66.6666667%; width:18.125%; background-size:100%;}
.slide-dot center{width:100%; height:100%;}
.slide-dot span{display:inline-block;width:10%;height:36%;background-image:-moz-linear-gradient(center top , #005dac, #0075ac);background-image: -moz-linear-gradient(top, #005dac, #0075ac);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005dac), to(#0075ac));background-image: -webkit-linear-gradient(top, #005dac, #0075ac);background-image: -o-linear-gradient(top, #005dac, #0075ac);background-image: linear-gradient(top, #005dac, #0075ac);vertical-align:top; z-index:10; margin:8% 5%; border:0.5pt solid #002b5e;-moz-border-radius:15px; border-radius:15px;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10;background-image:-moz-linear-gradient(center top , #518bac, #69b4da);background-image: -moz-linear-gradient(top, #518bac, #69b4da);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#518bac), to(#69b4da));background-image: -webkit-linear-gradient(top, #518bac, #69b4da);background-image: -o-linear-gradient(top, #518bac, #69b4da);background-image: linear-gradient(top, #518bac, #69b4da);vertical-align:top; z-index:10; border:0.5pt solid #3671b5;-moz-border-radius:15px; border-radius:15px; margin:8% 5%;}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
/* pro-show */
.pro-show{width:100%;height:240px;}
.show-title{width:100%; height:32px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:9px 0 22px 0;background-image:-moz-linear-gradient(center top , #fff, #e7e7e7);background-image: -moz-linear-gradient(top, #fff, #e7e7e7);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e7e7e7));background-image: -webkit-linear-gradient(top, #fff, #e7e7e7);background-image: -o-linear-gradient(top, #fff, #e7e7e7);background-image: linear-gradient(top, #fff, #e7e7e7);}
.title-name{background:url(../images/titlebg.jpg) 0 0 no-repeat; width:94px; height:34px; margin:-1px 0 0 0; font:500 14pt/34px 宋体; color:#fff; float:left; text-indent:12px;}
.more{display:block; width:56px; height:34px; float:right; background:#2f2f2f; color:#fff;margin:-1px 0 0 0;font:500 12pt/34px 宋体; text-indent:18px;}
.pro-img{width:100%;}
.pro-img li{float:left; width:50%; height:130px;}
.img-border{width:146px; height:123px; margin:0 auto; border:1px solid #dadada; padding:1px; background:#fff; position:relative;}
.img-border img{width:146px; height:123px;}
.img-border p{width:146px; height:25px; position:absolute; bottom:1px; background:rgba(109,107,105,0.5); text-align:center; color:#fff; font-size:12pt; line-height:25px;overflow:hidden;}
.pro-button{width:59px; height:22px;background-image:-moz-linear-gradient(center top , #00489b, #023979);background-image: -moz-linear-gradient(top, #00489b, #023979);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00489b), to(#023979));background-image: -webkit-linear-gradient(top, #00489b, #023979);background-image: -o-linear-gradient(top, #00489b, #023979);background-image: linear-gradient(top, #00489b, #023979); display:block; font-size:12px; color:#fff; text-align:center; line-height:22px;-moz-border-radius:3px; border-radius:3px; border:0.5pt solid #00326d; margin:13px auto 23px auto;}
/* news-font-ul */
.news-ul{width:100%; height:210px;}
.news-font-ul{width:100%;}
.news-font-ul a{display:block;width:100%; height:34px; border-bottom:1px solid #e4e4e4;}
.news-font-ul li{width:100%;height:33px; border-bottom:1px solid #fff; background:url(../images/icons.jpg) 94% center no-repeat #eee; color:#333; line-height:33px; text-indent:4%; font-size:12pt;}
/*footer*/
.footer{width:100%; height:38px; background:#023979; border-top:1px solid #0060d0;}
.footer li{width:32%; height:38px; border-left:0.5pt solid #004ea8; float:left;}
.footer li a{display:block; width:100%; height:38px; border-left:0.5pt solid #002653;}
.foot-home p{width:60px; background:url(../images/home.jpg) left center no-repeat; height:38px; margin:0 auto; font:500 12pt/38px 微软雅黑; text-align:right; color:#fff;}
.foot-tel p{width:60px; background:url(../images/tel.jpg) left center no-repeat; height:38px; margin:0 auto;font:500 12pt/38px 微软雅黑; text-align:right; color:#fff;}
.foot-back p{width:60px; background:url(../images/back.jpg) left center no-repeat; height:38px; margin:0 auto;font:500 12pt/38px 微软雅黑; text-align:right; color:#fff;}
/* about */
.bg{background:#eee;}
.about{width:98%; margin:5px 1%; padding-bottom:38px; overflow:hidden;}
.about img{max-width:100%;}
.about p{line-height:30px; color:#333; font-size:12pt;}
.about center{margin:15px 0;}
.about h3{text-align:center;}
.about p.date{width:90%; margin:0 5%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:right; font-size:8pt; color:#999;}
/* product&case */
.righttit{width:95%; margin-right:5%; display:block; font-size:12.5pt; color:#333;}
.righta{width:95%; margin-right:5%; display:block; font-size:11pt; color:#333;}
.sub-pro-img{width:100%;}
.sub-pro-img li{float:left; width:50%; height:130px; margin:15px 0; overflow:hidden;}
.pages a{color:#0f5896; margin:0 5px;}
.pages{width:180px; height:30px; margin:10px auto; padding-bottom:40px;}
.pre-left,.next-left{display:block; width:36px; height:28px; border:1px solid #008093; border-radius:3px; float:left; color:#018093; text-align:center; font:700 20px/28px 宋体;}
.pages span{display:block; width:64px; height:30px; text-align:center; font:500 16px/30px 宋体; color:#333; float:left;}
.next-page{width:286px; height:32px; margin:0 auto;}
.back{width:85px; height:29px; border:1px solid #1194df;background-image:-moz-linear-gradient(center top , #78cdfe, #2ea2e4);background-image: -moz-linear-gradient(top, #78cdfe, #2ea2e4);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78cdfe), to(#2ea2e4));background-image: -webkit-linear-gradient(top, #78cdfe, #2ea2e4);background-image: -o-linear-gradient(top, #78cdfe, #2ea2e4);background-image: linear-gradient(top, #78cdfe, #2ea2e4); margin:20px auto; border-radius:3px;}
.back a{display:block; width:85px; height:27px; font:500 16px/27px 宋体; color:#fff; text-align:center; text-shadow:2px 2px 2px #000;}
.float{float:left; margin:0 5px 0 0;}
.footer-back a{background:url(../images/back.png) left center no-repeat; width:70px; height:45px; margin:0 auto; text-align:right;display:block; color:#fff; line-height:45px;}