@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;}
fieldset, img {border:0;}
.clear {clear:both;}
/* top */
body{background:url(../images/bg.jpg) 0 0 repeat;}
.top{width:100%;background:#1d3b55;border-bottom:1px solid #355672;}
.topleft{width:80.84375%;float:left;height:auto;border-right:1px solid #1e4362;}
.topright{width:18%;float:left;border-left:1px solid #021c32;height:100%;}
.logo{display:block;margin:14px 0 10px 2.394106%;width:88.50828%;}
.navbtn{display:block;width:70.789473%;min-width:50px;margin:16px auto;}
.logo img{display:block;width:100%;}
.searchbox{width:100%;height:45px;padding-top:3px;background:url(../images/searchbg.jpg) 0 0 repeat;border-top:1px solid #1d3b55;border-bottom:1px solid #163550;}
.search{width:77.5%;height:40px;border:1px solid #6c96bb;border-radius:40px;margin:0 0 0 1.09375%;background:url(../images/searchbg2.jpg) 0 0 repeat-x;background-size:6px 100%;float:left;}
.text{width:70%;float:left;height:40px;border:0;background:none;font:16px/40px '微软雅黑';color:#1d3b55;text-indent:1em;}
.button{width:20%;float:right;height:40px;border:0;background:url(../images/searchico.png) center center no-repeat;}
.classbtn{float:right;width:20.3125%;height:40px;border-top:1px solid #132e45;background:#1d3e59;margin-top:1px;text-align:center;color:#ddefff;text-shadow:1px 1px 1px #20415e;font:14px/40px '宋体';}
.class{width:100%;position:absolute;top:0;left:0;z-index:18;display:none;}
.class li{width:100%;height:38px;border-top:1px solid #16354f;background:#214461;background-image:-moz-linear-gradient(center top , #214461, #1e3d58);background-image: -moz-linear-gradient(top, #214461, #1e3d58);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#214461), to(#1e3d58));background-image: -webkit-linear-gradient(top, #214461, #1e3d58);background-image: -o-linear-gradient(top, #214461, #1e3d58);background-image: linear-gradient(top, #214461, #1e3d58);margin-top:1px;text-align:right;}
.class li a{diplay:block;width:90%;height:100%;color:#ddefff;font:14px/38px '微软雅黑';padding-right:10%;}
/* nav */
.nav{width:240px;background:url(../images/navbg.jpg) repeat-y 0 0 #1d3b55;height:200%;position:fixed;right:-240px;top:0;}
.nav li{width:100%;line-height:53px;border-bottom:1px solid #1a456b;background:url(../images/icons.jpg) 40px 20px no-repeat;width:200px;margin:0 auto;}
.nav li ul{border-top:1px solid #1a456b;border-bottom:1px solid #112e48;background:none;}
.nav li li{border:0;line-height:42px;background:none;}
.nav li li a{display:block;width:100%;height:42px;border:0;text-indent:79px;font:14px/42px 微软雅黑;color:#fff;background:url(../images/icons.jpg) 50px center no-repeat;text-shadow:1px 1px 1px #0046b0;}
.nav li a{display:block;width:100%;height:52px;border-bottom:1px solid #112e48;text-indent:67px;font:16px/52px 微软雅黑;color:#ddefff;text-shadow:1px 1px 1px #1d3b55;}
.clicked{}
/* banner */
.big-pic{width:100%;position:relative;}
.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 img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:20%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;background:rgba(0,0,0,.2);padding-left:80%;}
.slide-dot span{display:inline-block;width:11px;height:11px;border-radius:11px;vertical-align:top; z-index:10;background:#7ba8cf;background-image:-moz-linear-gradient(center top , #7ba8cf, #4a7aa7);background-image: -moz-linear-gradient(top, #7ba8cf, #4a7aa7);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7ba8cf), to(#4a7aa7));background-image: -webkit-linear-gradient(top, #7ba8cf, #4a7aa7);background-image: -o-linear-gradient(top, #7ba8cf, #4a7aa7);background-image: linear-gradient(top, #7ba8cf, #4a7aa7);margin:8px 3px 0 3px;}
.slide-dot .slide-dot-cur{z-index:10;vertical-align:top;background:#dce8f2;}
.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;}
/* product */
.product{width:100%;}
.product li{width:33.333%;float:left;margin-top:4%;}
.product li div{width:80.75%;margin:0 auto;position:relative;}
.libg{display:block;width:100%;}
.product li div a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.product li div a img{display:block;width:49.4186%;margin:6% auto;}
.product li div a span{display:block;width:100%;font:14px/30px '微软雅黑';text-align:center;color:#1e719e;position:absolute;left:0;bottom:0;}
/* news_ul */
.news_ul{width:96.75%;margin:2% auto;border:1px solid #91b7d9;box-shadow:0 0 2px #fff inset;background:#dee9f2;padding:6% 0;position:relative;}
.news_ul li{width:92%;margin:0 auto;height:36px;border-bottom:1px solid #a4c4df;background:url(../images/newsmore.png) 94% center no-repeat;background-size:22px;}
.news_ul li a{display:block;width:100%;height:35px;border-bottom:1px solid #fff;font:14px/35px '微软雅黑';color:#408cb4;text-indent:1em;}
.title{display:block;width:13.90625%;top:0;left:0;position:absolute;z-index:9;}
.news_ul li a span{display:block;width:86%;height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* support */
.support{width:96.75%;margin:2% auto;border:1px solid #91b7d9;box-shadow:0 0 2px #fff inset;background:#dee9f2;padding:3% 0;}
.footnav{width:79%;height:36px;margin:0 auto 2%;}
.footnav li{width:20%;float:left;height:32px;}
.footnav li a{display:block;height:30px;width:87%;margin:0 auto;text-align:center;font:14px/30px '宋体';background:#2c5a82;border:1px solid #194c78;box-shadow:0 0 2px #1e70b8 inset;color:#cedeeb;}
.support p{width:100%;text-align:center;font:14px/18px '宋体';color:#577c91;text-align:center;}
.support p a{color:#577c91;margin:0 3px;}
/* foot */
.foot{width:100%;height:55px;border-top:6px solid #2f5596;background:#1f242a;}
.foot a{display:block;width:24.5%;float:left;height:55px;font:14px/55px '微软雅黑';color:#fff;text-indent:12%;}
.tel{background:url(../images/tel.jpg) 25% center no-repeat;border-right:1px solid #353d46;background-size:28px;}
.sms{background:url(../images/sms.jpg) 18% center no-repeat;border-right:1px solid #353d46;border-left:1px solid #1f242a;background-size:28px;}
.map{background:url(../images/map.jpg) 25% center no-repeat;border-right:1px solid #353d46;border-left:1px solid #1f242a;background-size:22px;}
.share{background:url(../images/share.jpg) 16% center no-repeat;border-left:1px solid #1f242a;background-size:30px;}
/* subpage */
.subpage{width:96.75%;margin:2% auto;border:1px solid #91b7d9;box-shadow:0 0 2px #fff inset;background:#dee9f2;padding:7% 0;position:relative;}
.aboucon{width:92%;margin:0 auto;font:14px/180% '微软雅黑';color:#346a9b;}
.newsul{width:96.75%;margin:0 auto;}
.newsul li{width:100%;margin:0 auto;height:36px;border-bottom:1px solid #a4c4df;background:url(../images/newsmore.png) 94% center no-repeat;background-size:22px;}
.newsul li a{display:block;width:100%;height:35px;border-bottom:1px solid #fff;font:14px/35px '微软雅黑';color:#408cb4;text-indent:1em;}
.title{display:block;width:13.90625%;top:0;left:0;position:absolute;z-index:9;}
.newsul li a span{display:block;width:86%;height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.aboutcon img,.subpage img{display:block;max-width:100%;margin:0 auto;}
.aboucon h1{width:100%;font:16px/50px '微软雅黑';color:#408cb4;text-align:center;}
.border{width:100%;height:0;overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #a4c4df;margin:0 auto 10px;}
/* pages */
.pages{width:226px;height:28px; margin:20px auto 0;}
.prev{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px 宋体; color:#cedeeb;text-indent:14px;background-size:100% 100%;}
.prev2{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px 宋体; color:#ccc;text-indent:14px;background-size:100% 100%;}
.next{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px 宋体; color:#cedeeb;text-indent:12px;background-size:100% 100%;}
.next2{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px 宋体; color:#ccc;text-indent:12px;background-size:100% 100%;}
.pages span{display:block;width:70px;height:28px;margin:0 auto;float:left;text-align:center;font:16px/28px '微软雅黑';color:#155082;}
.back{width:67px;height:32px;display:block;margin:5px auto 0;font:14px/32px '宋体';background:url(../images/back.jpg) 0 0 no-repeat;background-size:100% 100%;text-align:center;color:#cedeeb;}
.page span{display:block;width:50px;height:28px;margin:0 auto;}
/* product_ul */
.product_ul{width:100%;}
.product_ul li{width:50%;float:left;}
.product_ul li img{display:block;width:89.33%;margin:0 auto;}
.protitle{display:block;width:89.33%;height:30px;font:14px/30px '微软雅黑';color:#fff;text-align:center;background:#346a9b;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:1px auto 15px;}
.page1{width:100%;height:32px;font:14px/32px '宋体';text-indent:2em;color:#cedeeb;background:url(../images/page1.jpg) 0 0 no-repeat;background-size:100% 100%;margin:5px auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.page2{width:100%;height:32px;font:14px/32px '宋体';text-indent:2em;color:#cedeeb;background:url(../images/page2.jpg) 0 0 no-repeat;background-size:100% 100%;margin:5px auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.page1 a,.page2 a{color:#cedeeb;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}