@charset'utf-8';
/*公共部分*/
body,div,p,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,form,input,textarea{margin:0px;padding:0px;}
body{color:#333;font: 14px/25px '微软雅黑','\5FAE\8F6F\96C5\9ED1'; min-width:320px; max-width:640px; margin:0 auto; }
img{border:none;vertical-align: middle;max-width: 100%;height: auto;}
a{ -webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;}
html, body {-webkit-user-select: none;user-select: none;}
ol,ul{list-style: none;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
ol,ul{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a{color:inherit;font:inherit; outline: none;}
a:hover{color: inherit;}
a:hover{cursor: pointer;}
a:link, a:visited,a:hover, a:active {text-decoration: none;}
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.cl{zoom:1;}

.containerBox{ max-width:1336px; width:100%; margin: 0 auto 1rem; }
.ww img{ width: 50%;}
.child_bn{font-size: 0;}
.casrlistPage{width: 100%;margin: 40px auto; text-align: center;}
.pager{ display: inline-block;}


#goTop{position:fixed; bottom: 100px; right: 2px; width:50px; height:50px; background:#000 url(../images/gotop.png) no-repeat 15px 15px; background-size:20px 20px; border-radius:12px; opacity: 0.5; cursor:pointer z-index:99;}

header{height: 50px; position: fixed; left: 0; top: 0; width: 100%; margin: 0px auto; background:#fff; z-index: 100; box-shadow: 0 1px 3px rgba(26,26,26,.1); }
.btn-box{background: url(../images/logo.png) no-repeat center center; background-size:150px ; overflow: hidden; height: 50px; width: 100%; padding-left: 20px; box-sizing: border-box;}
.btn-box .btn{border: none; outline: none; width:45px; height:45px; box-sizing: border-box; background: #fff; font-size: 18px; }
.btn-box > a{font-size: 18px; width:45px; height:45px; display: block; text-align: center; line-height: 45px;}

.nav{font-size: 0.4rem; background: #99ccff; text-align: center; width: 100%; overflow: hidden;}
.nav .swiper-slide{box-sizing: border-box; padding: 0.35rem 8px;}
.nav .on{background: #000; color: #fff;}
.nav a{color: #fff;}

.menu{border-top: 2px solid #191919; display: none; width:100%; box-sizing: border-box; padding:15px 0; background:#99ccff; overflow: hidden; display: none;}
.menu li{padding:0 15px; height: 45px; color:#9d9d9d; font-size: 15px; line-height: 45px;}
.menu li.active,.menu li:hover{color:#ddd; background-color:#222;}
.menu li a{display: block; width:100%; height: 100%; color: #787878;}


/*二维码*/
#qrcode{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none; }
.qr{ width: 200px; height: 230px; position: absolute; top: 50%; left: 50%; margin: -115px 0 0 -100px; background: #fff; border-radius: 8px; border: 1px solid #ccc; }
.qr h3{ height: 30px; padding: 0 10px; font-size: 14px; font-weight: 500; line-height: 30px;  border-bottom: 1px solid #eee; }
.qr span{ display: block; width: 16px; height: 16px; line-height: 16px; cursor: pointer; text-align: center; font-size: 14px; color: #666; position: absolute; top: 7px; right: 7px; }
.proremark strong{ margin-right: 20px;}
.serchmain{display: none; height: 50px; padding-top: 20px; background:#333; }
.serchmainBox{width: 250px; margin: 0px auto}
.serchmain input{border: none;}
.serchmain input[type='text']{/*float: right;*/ /*margin-right: 50%;*/ background: #ebebeb; padding: 6px 30px ; border-radius: 5px; height: 30px; width: 250px; box-sizing: border-box; text-align: center; display: block; margin: 0px auto;}
.serchmain form{width: 250px; margin: 0px auto; position: relative;}
.sea{background: url(../images/search.png) no-repeat center; width: 25px; height: 25px; display: block; position: absolute; right:3px; top: 10px; margin-top: -7px;}
.swiper-slide{display: block;}
.swiper-slide img{display: block;}


/*首页产品*/
.ipro_search{width: 100%;}
.index_list_head{width: 100%; height: 2rem; padding-top: 0.5rem;}
.index_list_head p:nth-child(1){width: 1rem; height: 0.1rem; margin: 0 auto; background:#99ccff; }
.index_list_head p:nth-child(2){text-align: center; font-size: 0.8rem; font-weight: bold; color: #00AEED; margin-top: 0.4rem;}
.ipro_search_list{width: 98%; margin: 0px auto;}
.ipro_search_list div{width: 33.333333%;}
.ipro_search_list div:nth-child(4){border-top: 1px solid #ccc;}
.ipro_search_list div:nth-child(5){border-top: 1px solid #ccc;}
.ipro_search_list div:nth-child(6){border-top: 1px solid #ccc;}
.ipro_search_list{width: 98%; margin: 0px auto; border: 1px solid #ccc; border-radius: 4px; text-align: center;}
.ipro_search_list div a{display: block; padding: 0.6rem 0; position: relative;}
.ipro_search_list div img{height: 1rem; margin: 0px auto;}
.ipro_search_list div h3{font-size: 0.7rem;  color:#454545; }
.ipro_search_list div p{font-size: 0.3rem; line-height: 0.5rem;}
.ipro_search_list div a:before{content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #ccc;}
.ipro_search_list div:last-child a:before{background: none;}
.ipro_recommend_list{width: 98%; margin: 0px auto;}
.ipro_recommend_list div{width: 49.5%; text-align: center;}
.ipro_recommend_list img{width: 100%; display: block;}
.ipro_recommend_list p{width: 0.8rem; height: 0.1rem; margin: 0px auto 0.4rem; background: #111e3e;}
.ipro_recommend_list h4{font-size: 0.4rem; color: #111e3e; line-height: 1rem;}
.ipro_recommend_list div:nth-child(2),.ipro_recommend_list div:nth-child(4){margin-left: 1%;}
.ipro_recommend_list div:nth-child(3),.ipro_recommend_list div:nth-child(4){background: #efeff0;}
.ipro_cneter{width: 100%; background: #efeff0; margin-top: 0.5rem;}
.ipro_cneter_tab{width: 98%; margin: 0px auto;}
.ipro_cneter_content div{width: 100%;}
.ipro_cneter_content div img{width: 100%; display: block;}
.ipro_cneter_btn{/*border-left: 1px solid #ccc;*/ /*border-right: 1px solid #ccc;*/ /*border-bottom: 1px solid #ccc;*/}
.ipro_cneter_btn ul li{text-align: center; font-size: 12px;}
.ipro_cneter_btn ul li div{position: relative;}
.ipro_cneter_btn li p:nth-child(1){padding-top: 0.6rem;}
.ipro_cneter_btn li p:nth-child(2){width: 0.4rem; background: #6a6a6a; margin: 0px auto;}
.ipro_cneter_btn ul li div:before{content: ''; position: absolute; right: 0; top:20%; width: 1px; height: 60%; background: #ccc;}
.ipro_cneter_btn ul li:last-child div:before{background: none;}


/*案例*/
.icase{max-width: 640px; width: 100%; background: #ddddde; padding-bottom: 1rem; margin: 0 auto;}
.icase_list{width: 93%; margin: 0px auto; background: #fff; padding: 2%;}
.icase_list div:nth-child(1){width: 49%; height: 6.55rem; overflow: hidden;}
.icase_list div:nth-child(2){width: 49%; height: 6.55rem; overflow: hidden; margin-left:2%;}
.icase_list div:nth-child(3){width: 11rem; height: 6.55rem; overflow: hidden; margin-top: 0.2rem;}
.icase_list div:nth-child(3) img{height: 6.55rem;}
.icase_list div:nth-child(4){width: 3.65rem; height: 5rem; overflow: hidden; margin-left: 0.2rem; margin-top: 0.2rem;}
.icase_list div:nth-child(4) img{width: 3.65rem; height: 5rem;}
.icase_list_btn{width: 3.65rem; height: 1.4rem; line-height: 1.4rem; background: #111e3e; bottom: 2%; right: 2%; color: #fff; text-align: center;}


/*关于我们*/
.iabout_header_list{width: 98%; margin: 0px auto; border: 1px solid #ccc; border-radius: 4px; text-align: center;}
.iabout_header_list div{width: 25%}
.iabout_header_list div a{display: block; padding: 0.6rem 0; position: relative;}
.iabout_header_list div img{width: 1.2rem; height: 1rem; margin: 0px auto;}
.iabout_header_list div h3{font-size: 0.4rem;}
.iabout_header_list div p{font-size: 0.3rem; line-height: 0.5rem;}
.iabout_header_list div a:before{content: ''; position: absolute; right: 0; top: 20%; width: 1px; height: 60%; background: #ccc;}
.iabout_header_list div:last-child a:before{background: none;}
.iabout_content_list{width: 98%; margin: 0.3rem auto;}
.iabout_list{width: 50%;}
.iabout_content_img{width: 60%; padding: 0.05rem; height: 3.2rem;}
.iabout_content_img img{display: block; height: 3.1rem;}
.iabout_content_font{width: 36%;}
.iabout_content_font{padding: 0.05rem;}
.iabout_content_font div{background: #111e3e; height: 3.1rem; color: #fff; text-align: center; font-size: 0.3rem; line-height: 0.6rem;}
.iabout_content_font div p:nth-child(1){padding-top: 0.5rem;}
.iabout_content_font div p:nth-child(2){width: 30%; height: 0.05rem; background: #fff; margin: 0.2rem auto;}
.iabout_content_font div p:nth-child(3){}
.iabout_content_list .iabout_list:nth-child(1) .iabout_content_font div:after{position: absolute; content: ""; width: 0; height: 0; border-width: 0.2rem 0.2rem 0.2rem 0; border-style: solid; border-color: transparent #111e3e transparent transparent; left: -0.2rem; top: 50%; margin-top: -0.2rem;}
.iabout_content_list .iabout_list:nth-child(2) .iabout_content_font div:after{position: absolute; content: ""; width: 0; height: 0; border-width: 0.2rem 0.2rem 0.2rem 0; border-style: solid; border-color: transparent #111e3e transparent transparent; left: -0.2rem; top: 50%; margin-top: -0.2rem;}
.iabout_content_list .iabout_list:nth-child(3) .iabout_content_font div:after{position: absolute; content: ""; width: 0; height: 0; border: 0.2rem solid; border-color: transparent transparent transparent #111e3e; right: -0.4rem; top: 50%; margin-top: -0.2rem;}
.iabout_content_list .iabout_list:nth-child(4) .iabout_content_font div:after{position: absolute; content: ""; width: 0; height: 0; right: -0.4rem; top: 50%; margin-top: -0.2rem; border: 0.2rem solid; border-color: transparent transparent transparent #111e3e;}


/*新闻中心*/
.inews_nav{width: 100%;}
.inews_nav ul{text-align: center;}
.inews_nav ul li{display: inline-block; padding:0 0.5rem; font-size: 0.4rem; line-height: 0.4rem;}
.inews_nav ul li+li{border-left: 1px solid #ccc;}
.inews_mid{width: 95%; margin: 0.5rem auto;}
.inews_content_header div:first-child{width: 100%; height: 1.2rem; line-height: 1.2rem;}
.headlines{width: 30%; height: 1.2rem; line-height: 1.2rem; background: #111e3e; text-align: center; color: #fff;}
.headlinesl{left: 0.4rem; top: 0.6rem; width: 0.2rem; height: 1px; background: #fff; display: block;}
.headlinesr{right: 0.4rem; top: 0.6rem; width: 0.2rem; height: 1px; background: #fff; display: block;}
.headlines_new{width: 65%; height: 1.2rem; line-height: 1.2rem; background: #eeeeee; padding-left: 5%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.inews_content_header div:last-child{line-height: 0.8rem; margin: 0.5rem 0; color: #656565; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.infoList li{height: 3rem; margin-bottom: 0.5rem;}
.itime{width: 2.8rem; height: 3rem; border: 1px solid #cdcdcd; padding: 0.2rem; box-sizing: border-box; float: left; margin-right: 0.35rem; background: #cfcfcf;}
.itime p{font-size: 1.2rem; color: #fff; font-family: SimHei; text-align: center; line-height: 1.5rem; font-weight: 700;}
.itime span{font-size: 0.3rem; text-align: top; color: #fff;}
.inewst{font-size: 0.4rem; color: #333; position: relative; color: #000; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.inewsc{font-size: 0.35rem; color: #666; line-height: 0.6rem; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}


/*视频*/
.ivideo_list{width: 100%;}
.ivideo_list >div{width: 40%; padding: 5%}
.ivideo_list_btn{width: 1.4rem; height: 1.4rem; top: 50%; left: 50%; margin-top: -0.7rem; margin-left: -0.7rem;}
.ivideo_list_font{width: 100%; font-size: 0.3rem; line-height: 0.6rem;}
.ivideo_list_font p:first-child{width: 33%; padding-right: 2%;}
.ivideo_list_font p:last-child{width: 55%; padding-left: 5%; border-left: 2px solid #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ivideo_more{width: 5rem; height: 1.5rem; text-align: center; line-height: 1.5rem; color: #fff; background: #111e3e ; margin: 0px auto;}
.ivideo_more:after{position: absolute; content: ""; width: 0; height: 0; right: 0.2rem; top: 50%; margin-top: -0.3rem; border: 0.3rem solid; border-color: transparent transparent transparent #fff;}


/* 底部导航 */
.foot{position: fixed; left: 0; bottom:0; width:100%; overflow: hidden; z-index: 999; height: 2.5rem; background-color: #424242;}
.foot a{float: left; display:block; text-align: center; color: #fff; line-height: 1rem; padding: 5px 0; height: 2.5rem;}
.foot a:hover{opacity: .9;}
.phone{width: 33%; background: #065C7F;}
.email{width: 34%; background: #065C7F;}
.foot .ewm{width: 33%; background: #065C7F ; background-size: 1.7rem 1.45rem;}
.category_ul{padding: 5%;}
.category_ul li{overflow: hidden; position: relative; min-height: 220px;}
.category_ul img{border-radius: 10px;}
.category_ul li a>div{position: absolute; top: 0; color: #fff; font-size: 16px; top: 45%; left: 45%; text-shadow: 0 3px 16px #000;}


/*子页面--------------------------------*/
/*aboutlist*/
.about_header{font-size: 18px; line-height: 30px; padding: 10px 0; text-align: center; color: 111e3e; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; margin:10px 20px;}
.about_header p:nth-child(3){width: 1.2rem; height: 1px; background: #000; margin: 0.4rem auto;}
.about_nav{width: 100%;}
.about_nav ul{text-align: center;}
.about_nav ul li{display: inline-block; padding: 0 0.2rem; font-size: 0.4rem; line-height: 0.6rem;}
.about_nav ul li+li{border-left: 1px solid #ccc;}
.about_content{width: 95%; margin: 1rem auto;}
.about_l{width: 40%;}
.about_r{width: 60%;}
.about_r_t{width: 100%;}
.about_r_t div{width: 50%;}
.about_r_c{width: 100%; font-size: 0.3rem; line-height: 0.6rem;}


/*加盟*/
.join_xx_img{width: 90%; margin: 0px auto;}
.join_zc_img{width: 100%;}
.join_tj_font{width: 90%; margin: 0px auto; text-align: justify;}
.join_sq_content{width: 90%; border: 1px solid #ccc; margin: 0px auto; /*min-height: 400px;*/}
.join_sq_form{}
.join_sq_txt{width: 80%; height: 1.4rem; margin: 1rem auto; background: #f6f6f6;}
.join_sq_txt input{background: #f6f6f6; width: 90%; height: 0.8rem; margin-top: 0.3rem; border: 0; margin-left: 5%; outline: none;}
.join_sq_btn{width: 5rem; height: 1.2rem; line-height: 1.2rem; text-align: center; color: #fff; font-size: 0.4rem; font-weight: bold; background: #111e3e; margin: 0px auto 1rem;}


/*工程*/
.casenav{text-align: center; width: 100%; overflow: hidden; border-bottom: 1px solid #f2f2f2; padding: 0 12px; box-sizing: border-box; background: #fff;} .casenav .swiper-slide{box-sizing: border-box; padding: 2% 1%;}
.casenav .on{border-bottom: 1px solid #111e3e;}
.casenav a{color: #000; white-space:nowrap;}
.spec-nav{width: 100%; font-size: 0.3rem; background: #ccc;}
.spec-nav .swiper-slide{padding: 0.2rem 0; text-align: center; background: #ccc;}
.spec-nav .swiper-container{background: #ccc;}
#tab-content{margin-top: 1rem;}
.spec-list{width: 95%; margin:0px auto;}
.spec-list li{width: 23.75%; margin-left: 1%;}
.none{display: none;}
.selected{background:#000 !important; color: #fff;}
.feedback li img{width: auto;}
.feedback li{padding: 20px;}

.caselist{padding: 12px; padding-top: 20px; background: #f5f5f5;}
.caselist li{margin-bottom: 20px; text-align: center; background: #fff; border-radius: 5px; padding-bottom: 10px; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05);}
.caselist li img{border-radius: 2px; margin-bottom: 10px;}
.newslist{padding: 5% 3%;}
.newslist li{border-bottom: 1px solid #f2f2f2; padding-bottom: 5%; position: relative;}
.newslist li img{width: 35%; margin-right: 20px; max-height: 75px;}
.newslist li p{margin-bottom: 20px; text-align: left; font-weight: bold;}
.newslist li p:last-child{position: absolute; bottom: 0; right: 0; margin-bottom: 0; font-weight: normal;}
.newstit{text-align: center; font-size: 16px; color: #111e3e; font-weight: bold;}
.newscontent{padding: 5%;}
.second_nav{padding-left: 20px; padding-top: 5px;}
.second_nav .on{color: #111e3e;}

.prolist{padding: 12px; text-align: center; background: #fff; }
.prolist li{margin-bottom: 10px; width: 50%; float: left;  position: relative;}
.prolist li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.prolist li >a{display: block; margin-left: 10px; background: #fff; padding-top: 5px;}
.prolist >div{margin-bottom: 20px;}
.prolist li img{ width: auto; margin-bottom: 5px;}
.prolist > div{position: relative;}
.prolist .pnavtit{ position:absolute; top:45%; left:45%; color:#fff; text-shadow:0 3px 16px #000; }
.promain .show{ text-align:center; }
.promain .show img{width:auto; }
.prosepc{ padding:10px 5%; }
.protit{ word-break:break-all; padding:0 5%; font-weight:bold; border-bottom:#ccc 1px solid; font-size:16px; }
.pcontent{ padding:5%; }
.connav{ padding-bottom:10px; }

.pager_list{text-align: center; padding-top: 40px; height: 50px;}
.pager_list a,.pager_list span{border: 1px solid #111e3e; padding: 6px 12px; margin-left: -1px; font-family: arial,"NotoSansHans-Regular"; transition: all .3s;}
.pager_list span{margin-right: 10px;}
.pager_list .cur{background: #111e3e; color: #fff;}
.pager_list a:first-child{margin-right: 10px;}
.pager_list span:hover{background: #111e3e; color: #fff;}
.boxMain .serBox{padding-top: 58px; background-repeat: no-repeat; background-position: center top; background-size: 48px; margin-bottom: 35px; padding-bottom: 42px;}
.boxMain{text-align: center;}
.boxMain .serBox p{text-align: center; font-size: 12px; color: #74706d;}
.boxMain .serBox .btns{padding-top: 18px; text-align: center;}
.boxMain .serBox .btns a{display: inline-block; height: 50px; line-height: 50px; background: #111e3e; color: #ceb353; padding: 0 38px; font-size: 12px; border-radius: 4px; font-weight: bold;}
.boxMain .sb1{background-image:url(../images/ser_1.png);}
.boxMain .sb2{background-image:url(../images/ser_2.png);}
.boxMain .sb3{background-image:url(../images/ser_3.png);}

.storeslist{width: 96%; margin: 0px 2%;}
.storeslist li{border: 1px solid #111e3e; margin-bottom: 12px; padding: 12px; box-sizing: border-box; border-radius: 4px;}
.stores{width: 96%; margin: 0 auto; padding-top: 12px;}
.stores select{border: 1px solid #111e3e; height: 30px; margin-bottom: 12px; width: 100%; line-height: 30px;}
.stores input{width: 100%; border: 1px solid #111e3e; height: 30px; margin-bottom: 12px; line-height: 30px; padding-left: 5px; box-sizing: border-box;}
.stores a{width: 100%; height: 30px; color: #fff; background: #111e3e; display: block; line-height: 30px; margin-bottom: 12px; text-align: center;}
.index-vr{margin-bottom: 12px;}

.footNav{padding: 0 20px 20px 20px; }
.footNav li{padding:0 8px 0 0; position:relative;}
.footNav li>a{height:48px; line-height:48px; color: #fff; font-size:14px; background:url(../images/icon_01_2.png) no-repeat right center; background-size:12px; display:block;}
.footNav .on>a{background-image:url(../images/icon_02_2.png);}
.footNav li.link>a{background-image:url(../images/icon_03_2.png);}
.footNav li > div a{width: 100%; display: inline-block; height: 42px; line-height: 42px; font-size: 13px; float: left; color: #fff; position: relative; background-repeat: no-repeat; background-position: 15px center; background-size: 28px; text-indent: 20px;}
.footNav li > div{display: none;}

footer{margin-top: 2.5rem;}
.bBor:after, .tBor:before{ position:absolute; content: ""; height: 1px; left: 0; right: 0; bottom: 0; background:#666; }
.profile-1{padding: 20px; text-align: justify; word-break: normal;}
.profile-1 .prot > div{width: 214px; font-size: 18px; border-bottom: 1px solid #fff; box-sizing: border-box; margin-bottom: 30px; padding-bottom: 10px;}

.menu-section{margin: 25px 0;}
.menu-section-title{text-transform: uppercase; color: #85888d; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0;}
.menu-section-list{padding:0; margin: 10px 0; list-style:none;}
.menu-section-list a{display: block; padding: 10px 20px;}

.slideout-menu{position: fixed; right: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 206px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; min-height: 100vh;}
.slideout-panel{position: relative; z-index: 1; height: 100vh; background: #fff;}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel{overflow: hidden;}
.slideout-open .slideout-menu{display: block!important; z-index: 21;}

#menu li{padding: 0 5px; height:21px; color: #464545; font-size: 12px; line-height: 21px; float: left; border-radius: 4px; border:1px solid #fff; width:95px;}
#menu li.check{border:1px solid #111e3e;}
#menu li:last-child{border-bottom: none;}
#menu li.active,
#menu li:hover{ color:#fff; background:#99ccff; }
#menu li a{ display:block; width:100%; height:100%; }

.spice-black-opacity{background-color: #000000; opacity: .5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=68); filter: alpha(opacity = 68); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; display: none;}
.spice-black-opacity.active{display: block;}
.spice-bule-opacity{background-color: #111e3e; opacity: .5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=68); filter: alpha(opacity = 68); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; display: none;}
.spice-bule-opacity.active{display: block;}
.mob-filtres-center{padding: 12px 0; font-size: 13px; color: #000; font-weight: bold; text-align: center;}
.quick-search{background: #fff; font-size: 12px; padding: 10px 14px 10px 10px; margin-bottom: 6px; border: 0 #dbdbdb solid; border-top: 1px #dbdbdb solid; border-bottom: 1px #dbdbdb solid;}
.prolist li > i{position: absolute; top: 0; left: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom: 20%; width: 20%; z-index: 11;}

.module2-jxs-login{margin-top: 100px; margin-bottom: 150px;}
.module2-jxs-login>div{max-width: 360px; margin: 0 auto;}.module2-jxs-login>div>div{padding-top: 5px; padding-bottom: 5px;}
.module2-jxs-login>div>div:nth-of-type(1){padding-top: 30px; padding-bottom: 30px;}
.module2-jxs-login>div>div:nth-of-type(5){padding-bottom: 40px; border-bottom: 1px solid #d2cfcc;}
.module2-jxs-login>div>h3{text-align: center; margin-bottom: 0;}
.module2-jxs-login-zh,
.module2-jxs-login-mm,
.module2-jxs-login-tj{width: 100%; padding: 15px; box-sizing: border-box;}
.module2-jxs-login-zh,
.module2-jxs-login-mm{border: none; background-color: #ebebeb;}
.module2-jxs-login-tj{background-color: #2a3048; border: none; color: #ffffff;}
.module2-jxs-login img{margin: 0 auto;}
.module2-jxs-login .checkbox{margin: 0; margin-bottom: 15px;}
@media screen and (max-width: 767px){.module2-jxs-login{margin-top: 30px; margin-bottom: 60px;}}

.prolist .down{width: auto;}
.prolist .down img{height: auto; width: 100%;}
.mob-filtres-center i{margin-right: 50px;}
.logo{float: left; height: 50px; line-height: 50px;}

.topnav{height: 40px; padding:0 20px; line-height: 40px; background: #0097D5; color: #fff;}
.nav-toggle i{color: #fff; font-size: 18px; height: 40px; line-height: 40px; margin-right: 10px;}
.topnav > i{color: #fff; margin-right: -5px; font-size: 18px; height: 40px; line-height: 40px; }
.topnav span{float: right; letter-spacing:8px;}
.btn-box.in{background: none;}

#nav{position: fixed; pointer-events: none; z-index: 3000; width: 240px; height: 100%; top: 0; left: -260px;}
.top-nav{position: fixed; width: 240px; height: 100%; left: -260px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .8); box-shadow: 0 0 16px rgba(0, 0, 0, .8); overflow-y: scroll; -webkit-transition: left .4s ease-in-out; -o-transition: left .4s ease-in-out; transition: left .4s ease-in-out; background:url(../images/navbg.png); }
#nav.active{pointer-events: inherit; display: block;}
.active .top-nav{left: 0;}

#menu{position: fixed; pointer-events: none; z-index: 3000; width: 280px; height: 100%; top: 0; right: 0;}
.main-nav{position: fixed; width: 240px; height: 100%; right: -260px; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .8); box-shadow: 0 0 16px rgba(0, 0, 0, .8); overflow-y: scroll; -webkit-transition: right .4s ease-in-out; -o-transition: right .4s ease-in-out; transition: right .4s ease-in-out; background: #f5f5f5;}
#menu.active{pointer-events: inherit; display: block;}
.active .main-nav{right: 0;}
.prosepc b{color: #333; font-weight: 700; width: 65px; display: block; float: left;}
.prosepc span{margin-right: 10px; color: #666;}
.xiang{font-size: 18px; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-bottom: 10px;}
.promain{padding-top: 15px;}
.fa.swiper-button-next{right: 0 ; background-image: none; line-height: 26px;}
.fa.swiper-button-prev{left: 0; background-image: none; line-height: 26px;}

.vr_ul{padding: 30px 12px; box-sizing: border-box;}
.vr_ul li{width: 50%; float: left;}
.vr_ul li > a{padding: 10px; display: block;}
.vr_ul li p:last-child{font-size: 85%; color: #666;}
.vr_ul li p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; clear: both;}
.vr_ul li img{margin-bottom: 10px; max-height: 75px; width: 100%;}

.pronav{width: 33.33333%; float: left; text-align: center; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; border-bottom: 1px solid #999; background: #f1f1f1;}
.pronav.on{background: #111e3e; color: #fff;}
.casenav img{height: .8rem; display: inline-block;}
.casenav{text-align: center;}
.pronavli > div:nth-child(1){border-right: 1px solid #999;}
.pronavli > div:nth-child(2){border-right: 1px solid #999;}
.pronavli > div:nth-child(4){border-right: 1px solid #999;}
.pronavli > div:nth-child(5){border-right: 1px solid #999;}
.proimglist{padding: 12px;}
.proimglist > div{width: 60px; float: left; margin-right: 10px; max-height: 60px; border-top: 2px solid #fff; overflow: hidden; text-align: center; background: #fff;}
.proimglist img{max-height: 60px;}
.proimglist > div.on{border-top: 2px solid #111e3e;}
.prospan{display: block; background: rgba(0, 0, 0, .5); padding: 5px 10px; color: #fff; text-align: left;}
.show{padding:0 12px;}

.inmore{background:#fff; width:80%; margin:0 auto; height:50px; padding-top:20px;  border-radius:5px;text-align:center; }
.nmore{position: relative; width: 60px; margin: 0 auto; color: #fff; display: inline-block; height: 30px; padding: 0 10px; background: #0097D5; line-height: 30px;}
.nmore span{ z-index:1000; }
.nmore:after{ width:60px; height:30px; content: '';
/* background: #111e3e; */ position:absolute; top:50%; color:#fff; margin-top:-15px; left:0; }
.copy{color:#FDFEFE; font-size:12px; line-height:24px; padding:20px 0 20px; text-align:center; border-top:0px solid #c3ddf6; background:#21252b; }
.copy a{ color:#6d6d6d; display:inline-block; }
.copy span{ display:block; padding-right:0; }

.footLink{ padding:20px 0; background:#99ccff; text-align:center; clear:both; }
.footleft ul{ display:inline-block; float:none; border-left:1px solid #c3ddf6; border-right:0; }
.footleft ul:first-child{ border-left:0; }
.footleft li{ padding:0 15px; }
.inabout li{ width:33.3333%; float:left; text-align:center; padding:10px 0; color:#111e3e; }
.inabout li img{ height:1rem; margin-bottom:5px; }

.index-zj{ clear:both; overflow:hidden; }
.index-zj li div{ width:50%; float:left; height:110px; }
.zjword{ text-align:center; line-height:110px; }
.zjword.on{ background:#99ccff; }
.zjword a{ height:110px; display:block; }
.zjword.on a{ color:#fff; }
.zjword.bo{ border-bottom:1px solid #f1f1f1; }


/*首页视频*/
.ivideo{ max-width:640px; margin:0 auto; clear:both; overflow:hidden; clear:both; overflow:hidden; margin-bottom:10px; }
.ivideo .video_l{ max-width:640px; height:240px; position:relative; }
.ivideo .video_l img{ width:100%;height:240px; position:absolute; left:0;top:0;z-index:1; }
.ivideo .video_l .hide{ width:100%;height:240px; position:absolute;left:0;top:0;z-index:222;background:url(../images/bf01.png) 38% 45% no-repeat;cursor:pointer; }