@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { font-size: 100% }
body, button, input, select, textarea { font: 14px/1.5 Microsoft Yahei, tahoma, Srial, helvetica, sans-serif; outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0 }
a { text-decoration: none; color: #3e3e3e;}
img { border: 0px; }
.clear { clear: both; }
html, body { overflow-x: hidden; max-width: 640px; margin: auto; width: 100%; min-height: 100%; font-family: "微软雅黑" ; }
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; padding: 0; margin: 0;}


.perBox{ perspective: 1000000; -webkit-perspective: 1000000;}
.imgs{ font-size: 0px;}
.rotateBox{ width: 100%; height: auto; padding-top: 50px; position: relative; margin: auto;transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition-duration: 1s; -webkit-transition-duration: 1s; max-width: 640px;}
.rotateBox.open{ transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg);}
.rotateBox.open .navList{ z-index: 1001;}
#container{ width: 100%; height: auto; position: relative;top: 0px; z-index: 200;background: #eeeeee;}
.navList{width: 100%; height: 100%; position: fixed; padding-top: 80px; max-width: 640px; background: rgba(0,0,0,.9); z-index: 0;  left: 0px;}
.navList ul{ position: fixed; top: 0px; left: 0px; width: 100%;}
.navList li{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #545454; text-align: center;}
.navList li.active a{ background: #C00;}
.navList li a{ display: block; width: 100%; height: 100%; color: #FFFFFF;}
/**************头部**************/
.header{ width: 100%; height: 50px; max-width: 640px; background: #FFF; position: fixed; top: 0px; z-index: 1000; box-shadow: 0px 5px 5px rgba(234,229,229,.7); -webkit-box-shadow: 0px 5px 5px rgba(234,229,229,.5); z-index: 1000;}
.header .logo{ width: 60%; left: 3%; max-width: 230px; line-height: 50px; position: absolute; font-size: 0px; display: block; height: 100%; }
.header .logo img{ vertical-align: middle;}

.backTop{ width:30px; height: 30px; position: fixed; right: 2%; bottom: 10%; z-index: 10000; background: url(backTop.png) no-repeat center; background-size: cover; cursor: pointer; display: none;}

.pageTit{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #C0C0C0; text-align: center; font-size: 18px; color: rgba(14,87,158,.9);}
/***导航**/
.menu{ width: 24px; height: 20px; position: absolute; cursor: pointer; right: 2%; top: 50%; margin-top: -10px;perspective: 1000; -webkit-perspective: 1000;}
.menu span{  width: 100%; transition-duration: .3s; -webkit-transition-duration: .3s; height: 2px; background-color: #C00; display: block; position: relative; top: 50%; margin: auto; margin-top: -1px; }
.menu:before{width: 100%; height: 2px; background-color: #C00; display: block; transform: translateZ(0px); -webkit-transform: translateZ(0px); position: absolute; top: 0px; content: ''; left: 0; transition-duration: .5s; -webkit-transition-duration: .5s;}
.menu:after{width: 100%; height: 2px; background-color: #C00; display: block; position: absolute; bottom: 0px; content: ''; left: 0; transition-duration: .5s; -webkit-transition-duration: .5s;transform: translateZ(0px); -webkit-transform: translateZ(0px);}
.menu.active span{width: 0px;}
.menu.active:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 50%;margin-top: -1px;}
.menu.active:after{transform: rotate(45deg); -webkit-transform: rotate(45deg);top: 50%;margin-top: -1px;}
.menuBg{ width: 100%; height:100%; top: 50px; left: 0px; cursor: pointer; position: fixed; background: #000000; opacity: .4; z-index: 101; }

.footer{ width: 100%;
    background-size: 50% auto;
    padding-top: px;
    padding-bottom: 10px;
    background-color: #1b1b1b;}
.footer .hotLine{ width: 60%; margin: auto; display: block; overflow: hidden; font-size: 12px; color: #545454;}
.footer .downBox{ width: 70%; height: auto; overflow: hidden; margin: auto; padding-top: 5px;}
.footer .downBox .contact{ width: 48%; float: left; font-size: 12px; color: #1b1b1b; display: block; height: 24px; line-height: 24px; border-radius: 5px; background: url(contactIcon.png) no-repeat 10px center; background-size: 15px; background-color: #545454; text-indent: 30px;}
.footer .downBox .down{ width: 48%; float: right; font-size: 12px; color: #1b1b1b; display: block; height: 24px; line-height: 24px; border-radius: 5px; background: url(downIcon.png) no-repeat 10px center; background-size: 15px; background-color: #545454; text-indent: 30px;}
.footer .bottom{ width: 100%; margin: auto; text-align: center; font-size: 12px; padding-top: 10px;height:20px;}
.footer .bottom a{ color: #999999;}
.footer .bottom .desgin{ margin-left: 20px;}
.footer .bottom ul li{float:left;width:25%;height:25px;}
.footer .bottom ul li a{padding:3px;border:solid 1px #333;border-radius:3px; }
.footer .bottom ul li a:hover{padding:3px;border:solid 1px #fff;border-radius:3px;color:#FFFFFF }
.moveBox{  perspective: 1000000 !important; -webkit-perspective: 1000000 !important;}
.moveBox>ul>li{ height: auto !important;}
.moveBox>ul>li{ border-right: 1px solid #C0C0C0; box-sizing: border-box; -webkit-box-sizing: border-box;}
.lookMore{ width: 100%; vertical-align: middle; height: 40px; line-height: 40px; color: #999999; text-align: center; display: block;}
.lookMore .text{ display: inline-block; height: 100%; padding-right: 20px; background: url(arrow.png) no-repeat right center; background-size: 15px auto;}
.lookMore .text.no{ background: none;}
.moveTit{ width: 100%; height: 40px; line-height: 40px; text-align: center;}
.moveTit ul{ width: 100%; height: 100%; display: inline-block;}
.moveTit li{width: auto; display: inline-block; }
.moveTit li.active a{ color: rgba(14,87,158,.9);}
.moveTit li a{ display: block; color: #949494; padding:0 10px;}

.pageBox{ width: 100%; height: auto; text-align: center; margin-top: 5%;}
.pageBox a{ display: inline-block; width: 100px; height: 30px; border-radius: 3px; border: 1px solid #C0C0C0; line-height: 30px; margin: 0 5px;}

.banner{ width: 100%; font-size: 0px;}
/****首页banner****/
.bannerBox{ width: 100%; position: relative; font-size: 0px; perspective: 1000000 !important; -webkit-perspective: 1000000 !important;}
.bannerBox ul{ width: 100%;}
.bannerBox .swiper-pagination-bullet{ width: 26px; height: 3px; background: #FFFFFF; border-radius:0px; opacity: 1; }
.bannerBox .swiper-pagination-bullet-active{ background: rgba(14,87,158,.9);}

.linkList{ width: 100%; padding: 10px 0; overflow: hidden; background: #eeeeee; margin-bottom: 5px;}
.linkList li{ width: 21%; margin:0 2%; height: 80px; background: url(navImg.jpg) no-repeat; float: left; background-size: cover;}
.linkList-e{ width: 100%; padding: 10px 0; overflow: hidden; background: #eeeeee; margin-bottom: 5px;}
.linkList-e li{ width: 21%; margin:0 2%; height: 80px; background: url(navImg-e.jpg) no-repeat; float: left; background-size: cover;}

.centerNews{ width: 100%; height: auto; background: #FFFFFF;}
.centerNews .imgBox{ width: 100%; height: auto; position: relative; overflow: hidden;}
.centerNews .imgBox li{ float: left; position: relative;}
.centerNews .imgBox li a{ display: block; width: 100%; height: 100%;}
.centerNews .imgBox .bg{ width: 100%; height: 40px; background: url(centerBg.png) no-repeat bottom; background-size:100% auto; position: absolute; bottom: 0px; left: 0px;}
.centerNews .imgBox .text{ position: absolute; z-index: 10; bottom: 0px; left: 0px; color: #FFF; height: 40px; line-height: 40px; padding: 0 10px;}
.centerNews .imgBox .swiper-pagination-bullet{ background: #ffffff; opacity: 1;} 
.centerNews .imgBox .swiper-pagination-bullet-active{ background: #e60012;}
.centerNews .imgBox .swiper-pagination{ text-align: right;}
.centerList{ width: 100%; background: #FFFFFF;}
.centerList li{ height: 55px; width: 94%; padding: 0 3%; position: relative; border-bottom: 1px solid #dcdcdc; padding-top: 10px;}
.centerList .tit{ font-size: 14px; color: #333333;}
.centerList .time{ font-size: 12px; color: #999999; margin-top: 2px;}
.centerList .imgs{ font-size: 0px; height: 80%; position: absolute; right: 3%; top: 10%; width:70px;}
.centerList .imgs img{ width:100%; height:100%;}
.advertisement{ width: 100%; height: 40px; background: #dc0909; text-align: center; line-height: 40px; position: fixed; bottom: 0px; left: 0px; z-index: 10000; display: block; display: none;animation-duration:.5s; -webkit-animation-duration:.5s;}
.advertisement a{ display: block; width: 100%; height: 100%; color: #FFF;}
.advertisementlCose{position: absolute; right: 3%; width: 24px; height: 20px; top: 50%; margin-top: -10px;  z-index: 10001;}

.advertisementlCose:before{width: 100%; height: 2px; background-color: #fff; display: block;position: absolute; top: 0px; content: ''; left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg);top: 50%;margin-top: -1px;}
.advertisementlCose:after{width: 100%; height: 2px; background-color: #fff; display: block; position: absolute; bottom: 0px; content: ''; left: 0;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);top: 50%;margin-top: -1px;}

.indexInfo{ background: #FFFFFF; margin-top: 5px;}
.infoBox{ width: 100%; background: #FFF;}
.infoBox .imgBox{ width: 100%; height: auto; position: relative; overflow: hidden;}
.infoBox .imgBox .bg{ width: 100%; height: 40px; background: url(centerBg.png) no-repeat bottom; background-size:100% auto; position: absolute; bottom: 0px; left: 0px;}
.infoBox .imgBox .text{padding: 0 10px; position: absolute; z-index: 10; bottom: 0px; left: 0px; color: #FFF; height: 40px; line-height: 40px;}
.delBox{ width: 94%; margin: auto; height: auto; padding-bottom: 100px;}
.delBox .title{  font-size: 16px; color: #070707; height: auto; padding:10px 100px 10px 0; position: relative; border-bottom: 1px dashed #070707;}
.delBox .title .backList{ font-size: 12px; color: #FFFFFF; width: 90px; height: 25px; line-height: 25px; background: #1b558e; border-radius: 20px; display: block; float: right; text-align: center; position: absolute; right: 0px;  top: 50%; margin-top: -12px; }
.delBox .time{ font-size: 12px; color: #6C6C6C; height: 20px; line-height: 20px; margin: 5px 0;}
.delBox .cont{ padding: 10px 0 40px; margin-bottom: 10px; border-bottom:1px dashed #070707 ; width: 100%; color: #272727; font-size: 14px; line-height: 26px; }
.delBox .cont p{ margin: 10px 0;}
.delBox .page{ display: block; width: 100%; height: 30px; line-height: 30px; color: #272727; font-size: 14px;}
.delBox .cont img{ width:100%;}


.collection{ background: #FFFFFF; margin-top: 5px;}
.collectionList{ width: 96%; height: auto; background: #f7f7f7;padding: 5px 2% 10%;}
.collectionList ul{ overflow: hidden; width: 100%;}
.collectionList li{ width: 49%; margin-right: 2%; background: #FFF; margin-bottom: 2%; float: left;}
.collectionList li:nth-child(2n){ margin-right: 0px;}
.collectionList li a{ display: block; width: 100%; height: 100%;}
.collectionList .time{ font-size: 12px; color: #e8a400; padding-left: 15px; background: url(timeIcon.png) 0 center no-repeat; background-size: 12px auto; }
.collectionList .imgs{font-size: 0px; width: 100%;}
.collectionList .textBox{ padding: 5%; box-sizing: border-box; -webkit- box-sizing: border-box; height: 70px;}
.collectionList .textBox .tit{ font-size:12px;}
.about{ background: #FFFFFF;}
.about .pageTit{ margin-top: 5px;}
.about .center{ width: 100%; margin: auto; background: #FFFFFF;}
.about .center .title{ width: 100%; height: auto; line-height: 40px; font-size: 16px; color: #C00; border-bottom: 3px solid #d4d4d4; position: relative; }
.about .center .title .border{ width: 30%; position: absolute; height: 3px; bottom: -3px; left: 0px; background: #C00;}
.about .center .text{ padding:20px 10px;}

#map{ width: 100%; height: 220px;}
.about .mapBox .text{ text-align: center; width: 96%; margin: auto; padding-top: 20px;}
.about .mapBox .ewmBox .tit{ width: 90%; margin: auto; text-align: center; border-top: 1px solid #C00; color: #FFF; margin-top: 10px;}
.about .mapBox .ewmBox .font{ display: inline-block; background: #C00; padding: 0 10px; height: 20px; line-height: 20px;  position: relative; top: -2px;]}
.about .mapBox .ewmBox .imgBox{ width: 90%; text-align: center; overflow: hidden; margin: auto; padding-top: 20px;}
.about .mapBox .ewmBox .imgBox div{ width: 40%; display: inline-block;}

.customer{ width: 90%; margin: auto; color: #333333; padding: 40px 0; overflow: hidden;}
.customer>div{ width: 40%; float: left; margin:0 5%; text-align: center;}
.customer .text{ margin-top: 20px;}
.customer .btn{ display: block; width: 80px; height: 24px; line-height: 24px; border: 1px solid #C0C0C0; margin:5px auto 0; border-radius: 2px; -webkit-border-radius: 2px;}

.befDiv{ text-align: center; color: #666; height: 40px; line-height: 40px;}