@charset "utf-8";
html{-webkit-text-size-adjust: none;overflow-x:hidden; }
body {font-family:Arial,Helvetica,sans-senif,"Microsoft YaHei";color:#555;font-size:0.9em;border:0;padding:0;margin:0; background-color:#fff;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,ul,ol,li,input,p,dl,dt,dd{border:0;padding:0;margin:0;list-style-type:none;font-weight: normal;}
a,a:hover{text-decoration:none;color:#555;}
img{border:0;vertical-align:top}
.clear{clear:both;}
.clearfix:after { content: ""; display: table; clear: both; }
.clearfix { *zoom:1;}

.header{width: 100%;padding-top: 40px;margin-bottom:0;}
.header .top{width: 100%;height: auto;background: url(../images/top-bg.png) repeat;}
.header .top .top-box{width: 1200px;margin: 0 auto;}
.header .top .top-box .top-left{width: 139px;float: left;}
.header .top .top-box .top-right{width: 900px;float: right;}
.header .top .top-box .top-right .top-right-top{width: 100%;margin-bottom: 28px;}
.header .top .top-box .top-right .top-right-top .t-r-t-box{width: 650px;float: right;}
.header .top .top-box .top-right .top-right-top .qv-nav{width: 220px;float: left;}
.header .top .top-box .top-right .top-right-top .qv-nav a{font-size: 16px;color: #183261;margin-right: 25px;}
.header .top .top-box .top-right .top-right-top .qv-nav a:hover{text-decoration: underline}
.header .top .top-box .top-right .top-right-top .language{width: 100px;float: left;position: relative;z-index: 999;padding: 5px;top:-5px;}
.header .top .top-box .top-right .top-right-top .language span{width:100px;display:block;font-size: 16px;color: #183261;margin-right: 25px;}
.header .top .top-box .top-right .top-right-top .language img{position: relative;top:8px;left:6px;}
.header .top .top-box .top-right .top-right-top .language div{display: none;position: absolute;left:-2px;top:0px;z-index: 999;background: #183261;padding: 3px 5px 3px}
.header .top .top-box .top-right .top-right-top .language:hover div{display: block;}
.header .top .top-box .top-right .top-right-top .language div a{font-size: 15px;display: block;line-height:30px;color:#fff;}
.header .top .top-box .top-right .top-right-top .language div a:hover{text-decoration: underline;}
.header .top .top-box .top-right .top-right-top .search{width: 300px;float: right;position: relative;top:-5px;}
.header .top .top-box .top-right .top-right-top .search .text{width: 260px;line-height: 30px;border-bottom: 2px solid #183261;float: left;color: #183261;font-size: 18px;text-indent: 0.3em;}
.header .top .top-box .top-right .top-right-top .search .btn{width: 27px;height: 27px;background: url(../images/search-btn.jpg) no-repeat;cursor: pointer;float: right;}
.header .top .top-box .top-right .menu{}
.header .top .top-box .top-right .menu ul{}
.header .top .top-box .top-right .menu ul li{float: left;line-height: 30px;font-size: 16px;z-index: 99;}
.header .top .top-box .top-right .menu ul li a{color: #183261;padding: 10px 20px 10px;display: inline-block;}
.header .top .top-box .top-right .menu ul li:hover a,.header .top .top-box .top-right .menu ul li.active a{color: #fff;background: #183261;text-decoration: none}
.header .top .top-box .top-right .menu ul li:hover a{text-decoration: none;}
.header .top .top-box .top-right .menu ul li .sub-nav{width:100%;display: none;position: absolute;left:0px;height:50px;line-height: 50px;z-index: 99;}
.header .top .top-box .top-right .menu ul li .sub-nav a{margin-right: 0px;font-size: 20px;color: #fff;text-decoration: none;border-left:1px solid #fff;padding:0 0px 0 0px;height:100%;line-height:50px;width:33%;text-align: center; }
.header .top .top-box .top-right .menu ul li .sub-nav a:hover{text-decoration: underline;}
.header .top .top-box .top-right .menu ul li .sub-nav a:nth-child(1){border:0;}
.header .sub-nav-bg{display:none;width: 100%;height: 50px;background: #183261;position: absolute;left:0;top:150px;z-index: 9;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {.header .sub-nav-bg{display:none;width: 100%;height: 50px;background: #183261;position: absolute;left:0;top:145px;z-index: 9;}　}

.m-search{width: 90%;margin:0 auto;position:absolute;padding:15px 0 25px;top:6px;right: 0px;}
.m-search span{display:block;width: 27px;height: 27px;background: url(../images/search-btn.jpg) no-repeat;cursor: pointer;float: right;position: absolute;right:80px;top:30px;z-index: 999;}
.m-search .m-search-box{width:230px;display:none;position: absolute;top:55px;right:60px;z-index: 99;padding:15px 15px;}
.m-search .m-search-box.show{display: block;}
.m-search .text{width: 200px;line-height: 30px;border-bottom: 2px solid #183261;float: left;color: #183261;font-size: 18px;text-indent: 0.3em;}
.m-search .btn{width: 27px;height: 27px;background: url(../images/search-btn.jpg) no-repeat;cursor: pointer;float: right;}


.banner{width: 100%;margin: 0 auto;}
.banner img{width:100%;height:auto;}
/*.banner.b1{height: 467px;background: url(../images/banner_01.jpg) no-repeat center top;}
.banner.b2{height: 467px;background: url(../images/banner_02.jpg) no-repeat center top;}
.banner.b3{height: 467px;background: url(../images/banner_03.jpg) no-repeat center top;}
.banner.b4{height: 467px;background: url(../images/banner_04.jpg) no-repeat center top;}
.banner.b5{height: 467px;background: url(../images/banner_05.jpg) no-repeat center top;}
.banner.b6{height: 467px;background: url(../images/banner_06.jpg) no-repeat center top;}*/

.banner .slideBox{width:100%;overflow:hidden; position:relative;}
.banner .slideBox .hd{width: 100%;height: 145px;overflow: hidden;}
.banner .slideBox .hd ul{width: 100%;}
.banner .slideBox .hd ul li{width: 16.6%;opacity: 0.7;float: left;cursor: pointer;}
.banner .slideBox .hd ul li:nth-child(6){width: 17%;}
.banner .slideBox .hd ul li img{width: 100%;height: auto;}
.banner .slideBox .hd ul li.on{opacity: 1;}
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;}
.banner .slideBox .bd li{height: auto;position:relative;}
.banner .slideBox .bd li img{width: 100%;height: auto;}
.banner .slideBox .bd li div{position:absolute;left:5%;top:8%;padding:30px 10px 0 20px;background:url(../images/banner-bg.png) repeat; width:410px; height:240px;}

.banner .slideBox .bd li div h2{font-size:26px;line-height:30px;color:#fff; font-weight:600; margin-bottom:10px;}
  
.banner .slideBox .bd li div p{font-size:20px;line-height:30px;color:#fff; font-weight:lighter}

.banner .slideBox .bd li div a#btn{padding:10px 20px;font-size:20px;font-weight:bold;background:#e71f18;color:#fff;position:absolute;right:80px;bottom:-25px;z-index:99999;box-shadow:1px 1px 1px #333;border-radius:2px;}
.banner .slideBox .bd li div a#btn:hover{text-decoration:underline;} 

/*.banner .slideBox .bd li.b1{background: url(../images/banner_index_01.jpg) no-repeat center top;}
.banner .slideBox .bd li.b2{background: url(../images/banner_index_02.jpg) no-repeat center top;}
.banner .slideBox .bd li.b3{background: url(../images/banner_index_03.jpg) no-repeat center top;}
.banner .slideBox .bd li.b4{background: url(../images/banner_index_04.jpg) no-repeat center top;}
.banner .slideBox .bd li.b5{background: url(../images/banner_index_05.jpg) no-repeat center top;}
.banner .slideBox .bd li.b6{background: url(../images/banner_index_06.jpg) no-repeat center top;}*/

.swiper-container {width: 100%;height: 428px;margin-top: 0px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text ertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: enter;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-ox-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide{height: 428px;}
.swiper-slide img{width: 100%;}
.swiper-slide.s1{height: 428px;background: url(../images/banner_index.jpg) no-repeat center top;}
.swiper-slide.s2{height: 428px;background: url(../images/banner_01.jpg) no-repeat center top;}
.swiper-slide.s3{height: 428px;background: url(../images/banner_02.jpg) no-repeat center top;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
.swiper-pagination-bullet{border-radius: 0;border-radius: 50%;}
.swiper-pagination-bullet-active{width: 20px;border-radius: 6px;}

.wraper{}
.wraper.index{}
.wraper.index .module{width: 95%;margin: 0 auto;overflow: hidden;padding:50px 0;}
.wraper.index .module ul{width: 100%;}
.wraper.index .module ul li{width: 33.3%;margin-right: 25;float: left;text-align: center;}
.wraper.index .module ul li .li-box{width:95%;margin:0 auto;position: relative;}
.wraper.index .module ul li img{width: 100%;}
.wraper.index .module ul li h2{width: 90%;margin: 0 auto;text-align: left;position: absolute;left:15%;top:15%;z-index: 999;color: #183261;font-size: 26px;line-height: 35px;}
.wraper.index .module ul li .opt{display:none;width: 100%;height: 100%;position: absolute;left:0px;top:0px;background: url(../images/hover-bg.png) repeat;}
.wraper.index .module ul li .opt a{display:block;width:100%;height:100%;}
.wraper.index .module ul li:hover h2{color: #fff;}

.wraper{padding-bottom: 25px;}
.wraper .subject{font-size: 25px;color: #183261;font-weight: 500px;padding:30px 0 30px;}

.wraper.about{}
.wraper.about .about-box{width: 1200px;margin: 0 auto;}
.wraper.about .about-box {color: #183261;}
.wraper.about .about-box h2{line-height: 35px;font-size: 20px;border-bottom: 2px solid #183261; margin-bottom:15px; margin-top:15px;}
.wraper.about .about-box {line-height: 25px;font-size: 16px;padding: 10px 0;}
 
.wraper.about .about-box   p strong{font-weight: bold;font-size: 16px;}

.wraper.about .about-box{width: 1200px;margin: 0 auto;}
.wraper.about .about-box {color: #183261;}
.wraper.about .about-box  .subjecta{line-height: 45px;font-size: 20px;border-bottom: 2px solid #183261;font-weight:bold; margin-top:8px; }
.wraper.about .about-box  h1{line-height: 35px;font-size: 20px; font-weight:bold; margin-top:10px; margin-bottom:10px;}
.wraper.about .about-box  h2{line-height: 35px;font-size: 20px; font-weight:bold}
.wraper.about .about-box  p{line-height: 20px;font-size: 14px; color:#183261; }
.wraper.about .about-box  p strong{font-weight: bold;font-size: 18px;}


 
.wraper.about .about-news{width: 1200px;margin: 0 auto;}
.wraper.about .about-news dl{color: #183261;}
.wraper.about .about-news dl dt{line-height: 35px;font-size: 20px;border-bottom: 2px solid #183261;}
.wraper.about .about-news dl dd{line-height: 25px;font-size: 16px;padding: 10px 0;}
.wraper.about .about-news dl dd p{margin-bottom: 20px;}
.wraper.about .about-news dl dd p strong{font-weight: bold;font-size: 16px;}




}



.wraper.list{}
.wraper.list .list-arc{width: 1200px;margin: 0 auto;}
.wraper.list .list-arc dl{color: #183261;margin-bottom: 50px;}
.wraper.list .list-arc dl dt{line-height: 35px;font-size: 20px;border-bottom: 2px solid #183261;font-weight: bold;margin-bottom: 15px;}
.wraper.list .list-arc dl dd{line-height: 25px;font-size: 16px;padding: 10px 0;}
.wraper.list .list-arc dl dd div.left{width: 250px;float: left;}
.wraper.list .list-arc dl dd div.left img{width: 100%;}
.wraper.list .list-arc dl dd div.left img:hover{opacity: 0.8;}
.wraper.list .list-arc dl dd div.right{width: 910px;float: right;}
.wraper.list .list-arc dl dd div.right h2{line-height: 40px;margin-bottom: 10px;}
.wraper.list .list-arc dl dd div.right h2 a{font-size:20px;font-weight: bold;color: #183261;}
.wraper.list .list-arc dl dd div.right h2 a:hover{text-decoration: underline;}
.wraper.list .list-arc dl dd div.right p{font-size:18px;line-height: 35px;margin-bottom: 10px;color: #183261;}

.wraper.list .list-arc dl dd ul{}
.wraper.list .list-arc dl dd ul li{line-height: 35px;font-size:18px;}
.wraper.list .list-arc dl dd ul li:hover a{text-decoration: underline;}
.wraper.list .list-arc dl dd ul li span{color: #183261;padding-right: 35px;}
.wraper.list .list-arc dl dd ul li a{color: #183261;}

.wraper .list-arc-box{width: 1200px;margin: 0 auto;}
.wraper .list-arc-box dl{padding-bottom: 10px;margin-bottom: 25px;border-bottom: 2px solid #183261;}
.wraper .list-arc-box dl dt{line-height: 35px;font-size: 20px;}
.wraper .list-arc-box dl dt a{font-weight:bold;color: #183261;}
.wraper .list-arc-box dl dt a:hover{text-decoration: underline;}
.wraper .list-arc-box dl dt a font{color: #e71f19;}
.wraper .list-arc-box dl dd{line-height: 33px;font-size: 20px;}
.wraper .list-arc-box dl dd font{color: #e71f19;}

.wraper.list .page{text-align: center;line-height: 35px;padding: 15px 0}
.wraper.list .page a{margin:0 2px;font-size: 18px;}
.wraper.list .page a:hover,.wraper.list .page a.active{color: #183261;}

.wraper.pro{}
.wraper.pro .pro-box{width: 1200px;margin: 0 auto;}
.wraper.pro .pro-box .pro-left{width: 850px;float: left;}
.wraper.pro .pro-box .pro-left .pro-box-list{margin-bottom: 35px;}
.wraper.pro .pro-box .pro-left .thumb{width: 300px;float: left;margin-right: 20px; } 
.wraper.pro .pro-box .pro-left .thumb img{width: 100%;border:1px solid #7c736e;}
.wraper.pro .pro-box .pro-left .thumb img:hover{opacity: 0.8;}


.showPic{width:650px;float:left;vertical-align: middle;text-align: center; height:515px; line-height:515px;  }
.showPic img{ max-width: 100%; vertical-align: middle;display: inline-block; max-height:515px; }
.picScroll-top{width:150px;overflow:hidden;position:relative;padding-bottom: 65px;float:right; margin-right:300px;}
.picScroll-top .hd{width:100%;height:23px;position: relative;margin-bottom: 5px;}
.picScroll-top .hd .prev{width: 100%;height: 23px;background: url("../images/arrows-up.jpg") no-repeat top center;cursor: pointer;position: absolute;left:0px;top:0px;}
.picScroll-top .hd .next{width: 100%;height: 23px;background: url("../images/arrows-down.jpg") no-repeat top center;cursor: pointer;position: absolute;left:0px;top:515px;z-index: 99;}
.picScroll-top .bd ul{overflow:hidden; zoom:1;}
.picScroll-top .bd ul li{width: 150px;height: 120px;position: relative;cursor: pointer;}
.picScroll-top .bd ul li div{width: 100%;height: 100%;position: absolute;left:0px;top:0px;background: url(../images/opt-bg.png) repeat;z-index: 9;}
.picScroll-top .bd ul li img{width:100%;}
.picScroll-top .bd ul li.active div{display: none;}

.picScroll-left2{padding-bottom: 35px;}
.picScroll-left2 .hd{width:100%;height:55px;position: relative;}
.picScroll-left2 .hd .prev{width: 23px;height: 55px;background: url("../images/arrows-left.jpg") no-repeat top center;cursor: pointer;position: absolute;left:0px;top:53px;}
.picScroll-left2 .hd .next{width: 23px;height: 55px;background: url("../images/arrows-right.jpg") no-repeat top center;cursor: pointer;position: absolute;right:0px;top:53px;z-index: 99;}
.picScroll-left2 .bd{width:280px;margin: 0 auto;}
.picScroll-left2 .bd ul{overflow:hidden; zoom:1;}
.picScroll-left2 .bd ul li{width: 70px;height: 50px;position: relative;cursor: pointer;}
.picScroll-left2 .bd ul li div{width: 100%;height: 100%;position: absolute;left:0px;top:0px;background: url(../images/opt-bg.png) repeat;z-index: 9;}
.picScroll-left2 .bd ul li img{width:100%;}
.picScroll-left2 .bd ul li.active div{display: none;}




/*.show-t{display: table;padding:35px 0 60px;}
.show-t .list-box{display: table-cell;width: 260px;position:relative;padding-right: 15px;}
.show-t .list-box .showList{width: 260px;height: 640px;overflow: hidden;}
.show-t .list-box .showList li{height: 260px;height:163px;position: relative;z-index: 999;}
.show-t .list-box .showList li div{width: 100%;height: 100%;position: absolute;left:0px;top:0px;background: url(../images/opt-bg.png) repeat;z-index: 10001;}
.show-t .list-box .showList li.on{}
.show-t .list-box .showList li.on div{display: none;}
.show-t .list-box .showList li img{width: 100%;height:160px;}
.show-t .list-box .prev{position: absolute;top: -35px;left:0;width: 100%;height: 23px;background: url("../images/arrows-up.jpg") no-repeat top center;cursor: pointer;display: none;}
.show-t .list-box .next{position: absolute;bottom: -35px;left:0;width: 100%;height: 23px;background: url("../images/arrows-down.jpg") no-repeat bottom center;cursor: pointer;display: none;}
.show-t .showPic{display: table-cell;vertical-align: middle;text-align: center;}
.show-t .showPic img{max-width: 100%;}*/

.wraper.pro .pro-box .pro-left .pro-list{width: 230px;float: left;}
.wraper.pro .pro-box .pro-left .pro-list dl{}
.wraper.pro .pro-box .pro-left .pro-list dl dt{line-height: 35px;}
.wraper.pro .pro-box .pro-left .pro-list dl dt{font-size:20px;color: #183261;font-weight: bold;}
.wraper.pro .pro-box .pro-left .pro-list dl dt a{font-size:20px;color: #183261;font-weight: bold;}
.wraper.pro .pro-box .pro-left .pro-list dl dt a:hover{text-decoration: underline;}
.wraper.pro .pro-box .pro-left .pro-list dl dd{position: relative;line-height: 23px;padding:5px 10px;}
.wraper.pro .pro-box .pro-left .pro-list dl dd:hover{background: #183261;color: #fff;}
.wraper.pro .pro-box .pro-left .pro-list dl dd:hover span{color: #fff;}
.wraper.pro .pro-box .pro-left .pro-list.no{width: 400px;}
.wraper.pro .pro-box .pro-left .pro-list.no dl dd{padding-left: 0;}
.wraper.pro .pro-box .pro-left .pro-list.no dl dd a{font-size: 16px;color: #183261;cursor: pointer;}
.wraper.pro .pro-box .pro-left .pro-list.no dl dd:hover{background: #fff;color: #183261;}
.wraper.pro .pro-box .pro-left .pro-list.no dl dd:hover a{color: #183261;text-decoration: underline;}

.wraper.pro .pro-box .pro-left .pro-list.no.percent{}
.wraper.pro .pro-box .pro-left .pro-list.no.percent dl dd{width: 45%;float: left;padding-left:8px;padding-right:0; }
.wraper.pro .pro-box .pro-left .pro-list.no.percent dl dd a{font-size: 14px;}

 



.wraper.pro .pro-box .pro-left .pro-list dl dd span{font-size: 18px;color: #183261;cursor: pointer;}
.wraper.pro .pro-box .pro-left .pro-list dl dd:hover div{display: block;}
.wraper.pro .pro-box .pro-left .pro-list dl dd div{display:none;width: 220px;position: absolute;left:230px;top:0px;background: #183261;padding: 5px 15px;line-height: 30px;z-index: 999;}
.wraper.pro .pro-box .pro-left .pro-list dl dd div a{color: #fff;display: block;font-size: 14px;}
.wraper.pro .pro-box .pro-left .pro-list dl dd div a:hover{text-decoration: underline;}
.wraper.pro .pro-box .pro-left .desc{width: 240px;float: left;padding-top: 50px;}
.wraper.pro .pro-box .pro-left .desc p{font-size: 16px;line-height: 25px;font-style: italic;color: #8a8b8b;}
.wraper.pro .pro-box .pro-right{width: 350px;float: right;}
.wraper.pro .pro-box .pro-right dl{}
.wraper.pro .pro-box .pro-right dl dt{font-size:20px;line-height: 45px;text-indent:1em;background: #cecfd0;font-weight: bold;color: #183261;margin-bottom: 20px;}
.wraper.pro .pro-box .pro-right dl dd{margin-bottom: 20px;}
.wraper.pro .pro-box .pro-right dl dd:hover{opacity: 0.8;}
.wraper.pro .pro-box .pro-right dl dd img{width:348px;border: 2px solid #183261;margin-bottom: 5px;height:150px;}
.wraper.pro .pro-box .pro-right dl dd h2{line-height: 15px;}
.wraper.pro .pro-box .pro-right dl dd h2 a{color: #183261;font-size: 16px;}
.wraper.pro .pro-box .pro-right dl dd p{line-height: 20px;}
.wraper.pro .pro-box .pro-right dl dd p a{color: #183261;text-decoration: underline;font-size: 16px;}

.wraper.pro .pro-box .desc{margin-bottom: 25px;}
.wraper.pro .pro-box .desc ul{ width:650px;}
.wraper.pro .pro-box .desc ul li{width: 50%;float: left;font-size: 18px;line-height: 40px;color: #183261;}
.wraper.pro .pro-box .desc ul li strong{font-size: 22px;}

.wraper.pro .pro-box .pro-content{margin-bottom: 35px;}
.wraper.pro .pro-box .pro-content h3{font-size: 18px;line-height: 40px;color: #183261;border-bottom: 2px solid #183261;margin-bottom: 15px;}
.wraper.pro .pro-box .pro-content .pro-content-box{}
.wraper.pro .pro-box .pro-content .pro-content-box {margin-bottom:35px;}
.wraper.pro .pro-box .pro-content .pro-content-box h2{line-height: 35px;font-size: 22px;color: #183261;}
 
.wraper.pro .pro-box .pro-content .pro-content-box p{line-height: 35px;font-size: 16px;font-family: arial, helvetica, sans-serif; }
 
.wraper.pro .pro-box .pro-content .pro-content-box  img{ max-width:1200px;}
 
thead{background: #0c71b2;color: #fff;line-height: 35px;}










.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tbody tr:nth-child(even){background: #eef6fc;}
.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr th{text-align: left;text-indent: 1em;}
.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr td{border-bottom: 1px dashed #7d7570;line-height: 35px;text-indent: 1em;}
.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr td:nth-child(1){border-right: 1px dashed #7d7570;}
.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr td.pecent_1{width: 20%;}
.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr td.pecent_2{width: 80%;}

.picBtnTop{ width:100%; height:640px;position:relative;  overflow:hidden;zoom:1;}
.picBtnTop .hd{ width:260px;position:absolute; top:0px;right:0; overflow:hidden; }
.picBtnTop .hd ul li{ width:260px; text-align:center; padding:0;position: relative;z-index: 999;}
.picBtnTop .hd ul li img{ width:260px; height:160px;cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px;}
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .hd ul li div.bg{width: 100%;height: 100%;position: absolute;left:0px;top:0px;background: url(../images/opt-bg.png) repeat;z-index: 10001;}
.picBtnTop .hd ul li.on div{display: none;}
.picBtnTop .bd{ width:830px;  height:660px; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{width:830px; height:660px; vertical-align:bottom; }


.footer{width: 100%;margin: 0 auto;background: #030000;padding: 15px 0 25px;}
.footer .footer-box{width: 1200px;margin: 0 auto;}
.footer .footer-box .f-b-left{width: 250px;float: left;text-align: center;}
.footer .footer-box .f-b-center{width: 500px;float: left;}
.footer .footer-box .f-b-center dl{width: 50%;float: left;}
.footer .footer-box .f-b-center dl dd{line-height: 30px;}
.footer .footer-box .f-b-center dl dd a{color: #d8d7d7;}
.footer .footer-box .f-b-center dl dd a:hover{color: #fff;text-decoration: underline}
.footer .footer-box .f-b-right{width: 280px;float: left;}
.footer .footer-box .f-b-right dl{}
.footer .footer-box .f-b-right dl dt{line-height: 30px;margin-bottom: 12px;color: #d8d7d7}
.footer .footer-box .f-b-right dl dd{line-height: 30px;margin-bottom: 15px;}
.footer .footer-box .f-b-right dl dd img{margin-right: 6px;}
.footer .footer-box .f-b-right dl dd img:hover{opacity: 0.8;}


/*手机站*/
.mobile{display: none;}
.m-menu {display: none;position: relative;}
.m-menu {height: 50px;width: 60px;position:absolute;right:10px;top:25px;z-index: 9999;}
.m-menu:before, .m-menu:after, .m-menu span {position: absolute;display: block;content: '';}
.m-menu:before, .m-menu:after, .m-menu span {left: 10px;width: 60%;height: 3px;-webkit-transition: opacity .4s linear,-webkit-transform .4s linear;-moz-transition: transform .4s linear,opacity .4s linear,-moz-transform .4s linear;transition: opacity .4s linear,-webkit-transform .4s linear;transition: transform .4s linear,opacity .4s linear;transition: transform .4s linear,opacity .4s linear,-webkit-transform .4s linear,-moz-transform .4s linear;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;
    transform-origin: 0 0;background: #183261;}
.m-menu:before {top: 10px;}
.m-menu span {top: 23px;}
.m-menu:after {bottom: 12px;}
.m-menu.open:before {transform-origin: 0 2px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.m-menu.open span {opacity: 0;}
.m-menu.open:after {transform-origin: 0 2px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.m-menu-con {display: none;position: absolute;left: 0px;top: 100px;width: 100%;overflow: auto;border-top: 1px solid #e2e2e2;z-index: 9999;overflow: scroll;background: rgba(255,255,255,0.9);height:500px;}

.subNav {border-bottom: solid 1px #e5e3da;cursor: pointer;line-height: 40px;text-indent: 10px;font-size: 14px;display: block;background: url("../images/right-arrow.png") no-repeat right center;color: #333;}
.subNav.currentDt{background: url("../images/down-arrow.png") no-repeat right center #183261;color: #fff;border-bottom: 1px dashed #42a1bc;}
.navContent {display: none;border-bottom: solid 1px #fff;background: #3e63a7;margin: 0px;}
.navContent li{border-bottom: 1px dashed #fff;}
.navContent li a {display: block;color: #fff;line-height: 40px;text-align: center;}
.navContent li a:hover {color: #fff;background-color: #277fc2;}
.sub-a {border-bottom: solid 1px #e5e3da;cursor: pointer;line-height: 40px;text-indent: 10px;font-size: 14px;display: block;color: #333;}

@media only screen and (max-width: 640px) {
 
.picScroll-top{display: none;}
.picScroll-left{display: block;}
.showPic{width: 100%;float: none; height:auto}
.showPic img{ max-width: 100%; }




 
.picScroll-top .bd ul li{width: 150px;height: 50px;position: relative;cursor: pointer;}
 







      .pc{display: none;}
    .mobile{display: block;}
    .m-menu {display:block}

    .header .top{border-bottom: 1px solid #ededed;padding-bottom: 10px;}

.swiper-container {height: auto;padding-top: 0px;}
.swiper-slide{height: auto;}
.swiper-slide img{width: 100%;}
.swiper-slide.s1{height: auto;background:none;}
.swiper-slide.s2{height: auto;background:none;}
.swiper-slide.s3{height: auto;background:none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

    .header{padding-top: 10px;margin-bottom: 15px;}
    .header .top .top-box{width: 95%;margin: 0 auto;}
    .header .top .top-box .top-left{width: 120px;margin-top:1px}
	 
    .header .top .top-box .top-left img{width: 100%;}
    .header .top .top-box .top-right{display: none;}

.banner{width: 100%;}
    .banner.b1,.banner.b2,.banner.b3,.banner.b4,.banner.b5,.banner.b6{height: auto;background:none;}
	.banner img.mobile{width: 100%;margin-bottom: 15px;}

    .wraper.index{padding-bottom: 0;}
    .wraper.index .module{padding: 15px 0 0;}
    .wraper.index .module ul li{width: 100%;margin-right: 0;margin-bottom: 25px;}
    .wraper.index .module ul li h2{left: 10%;font-size: 20px;}

    .wraper.about .about-box{width: 90%;margin: 0 auto;}
    .wraper .subject{padding: 10px 0;font-size: 20px;}
 
    .wraper.about .about-box img{width: 100%;}
	
	
	  .wraper.about .about-news{width: 90%;margin: 0 auto;}
   
    .wraper.about .about-news img{width: 100%;}

    .wraper.pro .pro-box{width: 90%;}
    .wraper.pro .pro-box .pro-left{width: 100%;}
    .wraper.pro .pro-box .pro-left .thumb{width: 100%;margin-bottom: 20px;}
    .wraper.pro .pro-box .pro-left .pro-list.no.percent dl dd{width: 100%;}
    .wraper.list .list-arc dl dd ul li span{float: right;padding-right:0;}

.wraper.list .list-arc dl{margin-bottom: 10px;}
    .wraper.list .list-arc dl dd div.left,.wraper.list .list-arc dl dd div.right{width: 100%;}
    .wraper.list .list-arc dl dd div.left img{width: 100%;}

    .wraper.pro .pro-box .pro-left .pro-list dl dd{overflow: hidden;}

.wraper.pro .pro-box .pro-left .pro-list{width: 100%;}
.wraper.pro .pro-box .pro-left .desc{padding-top: 0;width: 100%;font-size: 16px;}
.wraper.pro .pro-box .pro-left .desc p{font-size: 16px;line-height: 35px;}

.wraper.pro .pro-box .pro-left .pro-list dl dd div{width: 100%;position: relative;left:auto;top:auto;padding-left: 0;}

    .wraper.pro .pro-box .pro-right{width: 100%;}

    .wraper .list-arc-box{width: 90%;}
    .wraper.list .list-arc{width: 90%;}
    .wraper.list .list-arc dl dt{margin-bottom: 5px;}
    .wraper.pro .pro-box .pro-right dl dd img{width: 99%;height:100%}
.wraper.pro .pro-box .pro-content .pro-content-box  img{ width:100%}
 
 
    .footer .footer-box{width: 90%;margin: 0 auto;}
    .footer .footer-box .f-b-left{width: 100%;}
    .footer .footer-box .f-b-center,.footer .footer-box .f-b-center dl{width: 100%;}

    .footer .footer-box .f-b-right{width: 100%;}

	.picBtnTop {height: auto;margin-bottom: 25px;}
    .picBtnTop .bd{width: 100%;height: auto;}
	.picBtnTop .bd li .pic img{width: 100%;height: auto;}
	.picBtnTop .hd{width: 100%;height: auto;position: relative;}
	.picBtnTop .hd ul li{width: 25%;float: left;}
	.picBtnTop .hd ul li img{width: 100%;height: auto;}

	.wraper.pro .pro-box .desc ul li{width: 100%;}

	.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-left{width: 100%;}
	.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right{width: 100%;}

	.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr td.pecent_1{width: 40%}
	.wraper.pro .pro-box .pro-content .pro-content-box dl dd div.dd-box .dd-box-right table tr td.pecent_2{width: 60%}
}

@media only screen and (max-width: 320px) {

}

 
.page{text-align:center;margin: 30px 0px 20px;}
 
.page ul li{display:inline;}
.page ul li a{display:inline-block;border: 1px solid #ccc;margin: 0 2px;padding: 5px 10px;width:auto; }
.page li a:hover{background:#183261;color:#DF0D10} 
 
.page .nolink{display:inline-block;border: 1px solid #ccc;margin: 0 2px;padding: 5px 10px;width:auto; }
.page .c3{display:inline-block;border: 1px solid #ccc;margin: 0 2px;padding: 5px 10px;width:auto; background:#183261;color:#fff;}
.page ul li.c3 a{color:#fff; }
.page ul li.prev a{text-indent: 0;}
.page ul li.prev:hover,.page ul li.next:hover{background:#fff;margin: 0 2px;}
.page ul li img{vertical-align: top;}