@charset "utf-8";
body,html{font-size:14px;min-width:320px;color:#3c3c3c;position:relative;height:100%}
body,html, button, input, select, textarea,a{ font-family:"微软雅黑"}
.fl{float:left}
.fr{float:right}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .clearfix{zoom:1}
img{max-width:100%}
a,body{ color: #020202 }
a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
a:hover{text-decoration:none}
img{max-width:100%;vertical-align:middle}
.mian-container{background:#001741;position:relative}
.search_top{ height:120px;}


@media (min-width: 1200px){
.container {
    width: 1230px;}
}
@media (min-width:1800px){
	.big-container{ width: 1700px; margin: 0 auto; }
}
@media (min-width:1600px){
	.big-container1{ width: 1500px; }
}


/*导航*/
.nav-back{ background:#ffffff}
.nav-list{ margin-bottom: 0; }
.nav-list li{ float: left; margin-left:45px; font-size: 16px;}
.logo{ margin-top:13px; margin-right: 0; }
.nav-list li a{ display: block; height:80px; line-height: 80px;   position: relative; font-size:16px;}
.nav-list li.active a,.nav-list li a:hover{ color: #010101; }
.nav-list li.active > a:after,.nav-list > li> a:hover:after,.nav-right a.active:after{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 15px; background: #fff; height: 4px; }
.nav-list li.nav_line a{ padding:0 15px; color:#f1f1f1}

.nav-list > li{ position:relative}
.nav-list > li:hover .dropdown-menu {display: block; right:auto; min-width:130px; text-align:center; margin:0; border-radius:0; left: 50%; margin-left:-65px;}
.nav-list > li:hover .dropdown-menu li{margin:0; padding:0; float:none}
.nav-list > li:hover .dropdown-menu li a{ padding:5px 0; height:35px; line-height:25px; color:#4b556a}
.nav-list > li:hover .dropdown-menu li a:hover{ border:none;}
.header_height{ height:80px; }
.nav-mask{ display: none; }
.nav-container{ padding: 0 30px; }
.nav-contact{ line-height: 80px; }
.nav-contact .phoneTxt{ font-size: 20px; color: #ff0000 }
.nav-contact p{ margin:0; }


@media (max-width: 991px){
	.nav-container{ padding: 0 15px; }
	.header_height{ height: 60px; }
	.sj_zj_wrap{ margin-left:0;}
	.carousel-background{ display:none}
    .container{ width: 100%; }
    .nav-back{ height: 60px; }
    .logo{ margin-top:15px;}
    .logo img{ height: 30px; }
    .navbar-toggle{ display: block; position: absolute; right: 0; margin-right:5px; margin-top: 13px; }
    .navbar-toggle span{ background: #333; }
    .nav-list li{ float: none; margin:0; }
    .nav-right{ display: none; }
    .nav-c{ position:absolute; height:0; transition: 0.5s all; top: 60px; left: 0;   width: 100%; z-index: 100000; overflow: hidden; background: rgba(0,0,0,0.8);}
    .nav-c .nav-list{ background: #fff }
    .nav-list li a{ height:60px; line-height: 60px;  font-size: 16px; padding:0 30px; border-top: solid 1px #eee; }
    .nav-contact{height:60px; line-height: 60px;  font-size: 16px; padding:0 30px;border-top: solid 1px #eee; border-bottom: solid 1px #eee; text-align: center; }

    .nav-list li.active > a:after,.nav-list > li> a:hover:after,.nav-right a.active:after{ display: none;}

    .header,.header-img,.cs-list{ display: none; }
    .nav-mask{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; z-index: 1000;}
    .nav-c.active{ height:100vh; }
    .nav-mask.active{}
}

@media(max-width:1200px){
	.dropdown-menu{ left:-28px;}
}

@media(max-width:768px){
	.header .nav li > a:hover span,.header .nav li.active > a span{ display: none; }
}



.section_box{ padding: 80px 0; }

.section_box1{ padding-top: 80px;  }
.index_title{text-align:center;margin-bottom:40px;}
.index_title h3{font-size:36px;color:#010101; margin:0 0 15px; font-weight:700}
.index_title p{ font-size: 14px; color: #5f5e5e; }
@media(max-width:992px){
	.index_title h3{ font-size: 30px; }
	.section_box{ padding:40px 0; }
}


.index_product{ background: #fafafa; text-align: center; }
.index_product .col-box{ width: 20%; float: left; margin-bottom: 30px;}
.index_product .col-box a{ font-size: 18px; padding: 10px 0 0; display: inline-block;}
@media(min-width:992px){
	.index_product .img img{-ms-transition: transform .62s cubic-bezier(.05,.2,.1,1);
    -webkit-transition: transform .62s cubic-bezier(.05,.2,.1,1);
    transition: transform .62s cubic-bezier(.05,.2,.1,1);}
	.index_product .img:hover img{ transform: scale(1.11); -webkit-transform: scale(1.11); }
}
@media(max-width:991px){
	.index_product .col-box a{ font-size: 16px; }
	.index_product .col-box{ width:33.333%;}
}

.index_case .box{ margin-bottom:15px; text-align: center; line-height: 60px;}
.index_case .box a{ font-size: 16px; }
@media (min-width:1600px){
	.index_case .container{ padding: 0 33px; }
	.index_case .container .row{ margin-left: -33px; margin-right: -33px; }
	.index_case .container .col-xs-6{ padding: 0 13px; }
	.index_case .container .col-xs-61{ padding: 0 10px; }
	.index_case .box{ margin-bottom:30px;}
}

.index_about{display: flex;justify-content: center; align-items: center; background: #fafafa}
.index_about .img{ width: 50%; position: relative; overflow: hidden;}
.index_about .txt_box{ width: 50%; padding:50px;}
.index_about .txt_box p{ font-size: 16px; line-height: 30px; }
.index_about .num li{ float: left; width: 33.3333%; text-align: center; border-left: 1px solid #4b4a4a;}
.index_about .num span{ display: block; }
.index_about .num span.big{ font-size: 48px; }
.index_about .num span.small{ font-size:16px; }
.index_about .img_box{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; color: #fff;display: flex;justify-content: center; align-items: center;}
.index_about .num{ position: absolute; bottom: 0; width: 100%;background: rgba(0,0,0,0.6); margin-bottom: 0; padding: 20px 0}
.index_about .img_box .tel{ font-size: 48px; padding-bottom: 80px; }
@media(min-width:992px){
	.index_about .img img{-ms-transition: transform .62s cubic-bezier(.05,.2,.1,1);
    -webkit-transition: transform .62s cubic-bezier(.05,.2,.1,1);
    transition: transform .62s cubic-bezier(.05,.2,.1,1);}
	.index_about .img:hover img{ transform: scale(1.11); -webkit-transform: scale(1.11); }
}
@media (min-width:1600px){
	.index_about .txt_box{  padding: 0 100px;}
}
@media(max-width:991px){
	.index_about{flex-direction: column;}
	.index_about .img{ width:100%}
	.index_about .txt_box{width:100%; padding:30px 15px;}
	.index_about .img_box .tel{ font-size: 30px; }
	.index_about .num span.big{ font-size: 30px; }
	.index_about .num span.small{ font-size:14px; }
	.index_about .num{ padding: 10px 0 }
}


.index_news .more{ display: block; margin:0 auto; width: 155px; height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 20px; background: #5ac4f8; font-size: 16px;}
.index_news .txt{ padding: 25px 20px 30px; }
.index_news .txt h4{ font-size: 18px; height: 35px; line-height: 35px; overflow: hidden; font-weight: bold; text-align: center;}
.index_news .txt .des{ font-size: 14px; color: #5d5c5c; min-height: 60px; }
.index_news .img{ text-align: center; }
@media(min-width:992px){
	.index_news .box:hover .des{ color: #fff }
	.index_news .box:hover{ color: #fff; background: #5ac4f8; }
	.index_news .box:hover .more{ background: #fff; color:#010101; }
}


.footer_menu {background: #fdfdfd; padding: 60px 0 50px;}
.footer_menu li{ float: left; width: 20%; text-align: center;}
.footer_menu li:first-child{ text-align: left; }
.footer_menu li:last-child{ text-align: right; }
.footer_menu .box{ display: inline-block; border: 1px solid #f0f0f0; background: #fff; width: 100%; padding: 15px 20px; text-align: center; }
.footer_menu li h4{ font-size: 18px; color: #131313; }
.footer_menu li p{ font-size: 12px; color: #555454; min-height: 50px; overflow: hidden; line-height: 24px; }
.footer_menu .icon{ position: relative; }
.footer_menu .icon .erweima{ position: absolute; left:50%; margin-left: -60px; bottom: 0; width: 120px; display: none; }
.footer_menu .icon:hover .erweima{ display: block; }
.f_link{background: #f2f2f2; padding: 60px 0 40px;}
.f_info{background: #f2f2f2; border-top: 1px solid #e0e0e0; font-size: 16px; line-height:30px; padding: 15px; text-align: center; color: #939393;}
.f_info a{ color: #939393; }
.f_link li{ float: left; margin-left: 60px;}
.f_link li h3{ font-size: 16px; color: #073190;margin-bottom:25px }
.f_link li a{ font-size: 14px; color: #777777 }
.f_link li p{font-size: 14px; color: #777777 ;position:relative;}
.f_link li p .erweima{ position: absolute; left: 0; top: 25px; width: 100px; display: block; }
.f_link li p:hover .erweima{ display: block; }
@media (min-width:1600px){
	.footer_menu .box{width: 210px;}
	.f_link li{ margin-left: 100px; }
}
@media(max-width:991px){
	.footer_menu li{width:50%;}
	.footer_menu .box{ padding: 15px; }
}



.page_top_nav{ text-align: center; border-bottom: 1px solid #e1e1e1;}
.page_top_nav ul{ margin-bottom: 0; }
.page_top_nav li{ display: inline-block; }
.page_top_nav a{ display: block; height: 80px; line-height: 80px; font-size: 18px; width: 240px;}
.page_top_nav a.on{ background: #073190; color: #fff }
@media(min-width:992px){
	.page_top_nav a:hover{ background: #073190; color: #fff }
}
@media(max-width:1200px){
	.page_top_nav a{ width: auto; padding:0 15px;  height: 60px; line-height: 60px;font-size: 16px;}
}



.page_product .img{ position: relative; }
.page_product .black{ position:absolute; left: 0; top: 0; width: 100%; height: 100%;justify-content: center; align-items: center; background:rgba(40,167,225,0.8); display: none;}
.page_product .txt h3{ font-size: 18px; }
.page_product .txt{ background: #f2f2f2; text-align: center; padding: 5px 0; }
.page_product .txt p{ font-size: 18px; color: #073190 }
.page_product .box:hover{ color:#fff }
.page_product .box:hover .txt p{ color: #fff }
.page_product .box:hover .txt{ background: #28a7e1; }
.page_product .box:hover .black{ display: flex; }
.page_product .box{ margin-bottom:30px; }


.page_product_show .swiper-pagination-bullet-active{ background: #c3122f }
.page_product_show .swiper-button-next,.page_product_show .swiper-button-prev{ width: 45px; height:60px; background-size: 20px 32px; background-color: rgba(0,0,0,1); }
.page_product_show .swiper-slide{ text-align: center; padding-bottom: 50px; }
.page_product_show .swiper-slide img{ min-width: 320px }
.page_product_show .swiper-button-next{}
.page_product_show .swiper-button-prev{}

.page_product_show .big_tit{ font-size: 36px; color: #073190; margin-bottom: 15px; }
.page_product_show .show_size{ font-size: 16px; color:#606060; margin-bottom: 20px; }
.page_product_show .show_des{ font-size: 16px; color:#606060; margin-bottom: 20px; line-height: 36px;}
.page_product_show .show_ys{ font-size: 16px; color:#010101; margin-bottom: 20px; line-height: 36px; padding-bottom: 20px; border-bottom: 1px solid #f1f2f2;}
.page_product_show .show_option{ font-size: 16px; color:#073190; line-height: 36px;}
.page_product_show .show_cs{ line-height: 70px; font-size: 18px; color:#4c4c4c; }
.page_product_show .show_cs .line{ border-bottom: 1px solid #e3e3e3;}
.page_product_show .show_cs .show_cs_title{ font-size: 32px; color: #073190; font-weight: bold; }
@media(max-width:992px){
	.page_product_show .show_cs{ line-height: 60px; }
}



.page_zhichi .sidebar { margin-bottom: 30px; }
.page_zhichi .sidebar a{ display: block; height: 55px; line-height: 55px; text-indent: 15px; border-bottom: 1px solid #fff; }
.page_zhichi .sidebar .father a{ font-size: 18px; color:#fff; background-color:#28a7e1;}

.page_zhichi .sidebar .father a span{ float: right;display: block; width: 32px; height: 32px; background: url(../images/aq_08.jpg) no-repeat; position: relative; top: 11px; right: 3px;}
.page_zhichi .sidebar .on  .father a span{ background: url(../images/aq_11.jpg) no-repeat;  }

.page_zhichi .sidebar .sublist a{ font-size: 16px; color:#020202; background: #f6f8f9}
.page_zhichi .sidebar .sublist{ display: none; }
.page_zhichi .sidebar .on .sublist{ display:block; }
.newslist li{ background: #f6f8f9; padding:2px 30px; margin-top: 20px;}
.newslist li h3.tit{ font-size: 20px; color: #010101; line-height: 32px; cursor: pointer;;margin-bottom: 20px;}
.newslist li h3.tit span{ float: right; display: block; width: 32px; height: 32px; background: url(../images/aq_10.jpg) no-repeat; }

.newslist li.on h3 span{ background: url(../images/zc_12.jpg) no-repeat; }

.newslist li.on .cont{ height: auto; padding: 20px 0;}

@media(max-width:768px){
	.page_zhichi .sidebar a{ line-height: 40px; height: 40px;  }
	.page_zhichi .sidebar .father a span{top: 4px;}
	.page_zhichi .sidebar   .father a{ font-size: 16px; }
	.page_zhichi .sidebar .sublist a{ font-size: 14px; }

	.page_zhichi{ padding: 25px 0 10px; }
	.newslist li h3.tit{ font-size:17px; line-height: 28px;  }
	.newslist li .cont{ font-size: 14px; line-height: 25px;}
	.newslist li{ padding: 15px; }
}


.page_case .box h4{ text-align:center; background:#f8f8f8; line-height: 45px; margin:0 0 30px; line-height: 45px; }
.page_case .box:hover h4{ background:#43b2e5; color: #fff }

.page_fzlc .title{ text-align: center; font-size: 36px; color: #073190; margin-bottom: 30px;}
.page_fzlc .des{ text-align: center; font-size: 16px; color: #161616; line-height: 36px; margin-bottom: 50px;}
.page_fzlc .content{ background-image: url(../images/about_03.jpg); background-repeat: no-repeat; background-position:38.5vw 10%; background-color: #f2f2f2; height: 830px; position: relative;}
.fzlc_list{  overflow: hidden; padding:125px 0; position: relative;margin-left: 10%;}
.fzlc_list .swiper-container{height: 580px; width: 90px; margin-left: 1px;}
.fzlc_list .txt{ width: 90px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; color: #030303; cursor: pointer;}
.fzlc_list .des{ display: none; }
.fzlc_list .txt.on{ color: #fff; background: #073190; }

.fzlc_list .swiper-button-next3, .fzlc_list  .swiper-button-prev3{width: 90px; height: 45px; left: 0; margin: 0; cursor: pointer;}
.fzlc_list .swiper-button-prev3{background: url(../images/about_03.png) no-repeat center center; top:50px}
.fzlc_list .swiper-button-next3{ background: url(../images/about_06.png) no-repeat center center; bottom:50px; top: auto;}
.page_fzlc .content_box{ position: absolute; width: 100%; height: 100%;  justify-content: center; align-items: center; display: flex; }
.page_fzlc .content_box .content_box_center{ background: #fff; text-align: center; padding: 80px 70px; box-shadow: 0 0 30px rgba(0,0,0,0.2); max-width: 615px; margin-right:23%;}

.page_fzlc .content_box h3{ font-size: 30px; color: #030303; margin-bottom:20px; }
.page_fzlc .content_box p{ font-size: 18px; color: #030303; line-height: 30px; }
@media(max-width:1200px){
	.page_fzlc .content_box .content_box_center{ margin-right:13%;}
}

@media(max-width:991px){
	.fzlc_list{ margin-left: 14px; }
	.page_fzlc .content_box .content_box_center{ margin-left:110px; padding:50px 30px;margin-right:0;}
}



.page_point_top--service{ background: #f6f6f6 }
.page_point_top .title{ text-align: center; font-size: 40px; color:#073190;}
.page_point_top .title span{ display: block; height: 2px; width: 50px; background: #c80404; margin:10px auto; }
.page_point_top .contact li{ width: 50%; float: left;text-align: center;}
.page_point_top .contact li.last{ border-left: 1px solid #133b95; }
.page_point_top .contact { padding-top: 40px;}
.page_point_top .contact .name{ font-size: 18px;margin:10px 0;}
.page_point_top .contact .txt{ font-size: 36px; color:#073190;}
.page_point_map {}
@media(max-width:991px){
	.page_point_top .contact li{ width:100%; float:none; margin-bottom: 30px;}
	.page_point_top .contact li.last{ border:none; }
	.page_point_top .contact .txt{ font-size: 30px; }
}

.page_point_top--sale{ padding-bottom: 0 }


.searchInputWrap > h2{font-size: 24px; margin-bottom: 16px;}
.searchInputWrap label{display: block; width: 49%; float: left; height: 50px;}
.searchInputWrap label > .selectCon{display: block; position: relative; vertical-align: middle; margin: 0; cursor: pointer;}
.searchInputWrap label > .selectCon .select{padding: 0 15px; line-height: 48px; border: 1px solid #eee; border-radius: 3px; width: 100%; font-size: 15px; color: #b3b3b3; position: relative; box-sizing: border-box;}
.searchInputWrap label > .selectCon .selectDiv{position: absolute; top:49px; left: 0; right: 0; z-index: 60; border: 1px solid #eee; display: none; max-height: 229px; overflow-y: scroll;}
.searchInputWrap label > .selectCon .selectDiv p{font-size: 14px; color: #888; background: #fff; min-height: 50px; line-height: 50px; padding: 0 15px; cursor: pointer; margin: 0}
.searchInputWrap label > .selectCon .selectDiv p + p{border-top: 1px solid #eee;}
.searchInputWrap label:last-child{float: right;}
.searchInputWrap label > svg{position: absolute; top: 14px; right: 10px; z-index: 1;}
.buttonRedBg{background: #c80404; border: 1px solid #c80404; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s;}
.searchInputWrap button{margin-top:15px; font-size: 20px; font-weight: bold; color: #fff; padding: 0 45px; border-radius: 20px; line-height: 38px; height: 50px; cursor: pointer;}
.searchInputWrap label.col-1{width: 100%; margin: 0 0 10px 0;}
.selectArrowhead{position: relative;}
.selectArrowhead::after{content: ""; display: block; position: absolute; top: 50%; right: 15px; width: 12px; height: 8px; background: url(../images/greySelectArrow.png) no-repeat 50% 50%; background-size: 100%; margin: -4px 0 0 0;}
.buttonRedBg:hover{background: #fff; border: 1px solid #c6092d; color: #c6092d;}
.heatingShopMap{min-height: 541px;}
.heatingShopMap .dituContent{min-height: 541px;}
.shopMap{min-height: 591px;}
.heatingShopMap .mapcont{min-height: 591px;}
.mechanismUl{padding: 34px 20px 0;}
.mechanismUl > li{padding: 20px 6px 20px; border-bottom: 1px solid #eee; cursor: pointer;}
.mechanismUlListIcon{float: left;}
.mechanismUlListIcon > em{font-size: 23px; margin-top: 1px; margin-right: 5px;}
.mechanismUlListCon{float: left; width: 88%;}
.mechanismUlListCon > h3{font-size: 14px; color: #333; font-weight: bold; line-height: 14px; margin-bottom: 5px; margin-top: 4px;}
.mechanismUlListCon > p{font-size: 14px; color: #888; line-height: 22px;}
.mechanismUl.searchListWrap{padding: 0; margin-top: 18px; overflow-y: scroll; max-height: 394px; padding-right: 25px;}
.mechanismUl.searchListWrap::-webkit-scrollbar-track{border-radius: 5px; background: #ebebeb;}
.mechanismUl.searchListWrap::-webkit-scrollbar{width: 3px;}
.mechanismUl.searchListWrap::-webkit-scrollbar-thumb{border-radius: 5px; background: #333333;}







.page_about_zc .title{ text-align: center; font-size: 40px; color:#073190;}
.page_about_zc .title span{ display: block; height: 2px; width: 50px; background: #c80404; margin:10px auto; }
.page_about_zc .title p{ font-size: 16px; color: #000000; padding-top: 30px; }
.page_about_zc .contact li{ width:33.3333%; float: left;text-align: center;}
.page_about_zc .contact li.last{ border-left: 1px solid #a3a1a1; }
.page_about_zc .contact { padding-top: 40px;}
.page_about_zc .contact .name{ font-size: 14px;margin:5px 0; color:#000000;}
.page_about_zc .contact .txt{ font-size:24px; color:#c6092d;}

.zc_shouqian_fw{ margin-top:100px; margin-bottom: 0}
.zc_shouqian li{ float: left; width: 50%; }
.zc_shouqian li .box{ padding: 60px 100px 0 ; }
.zc_shouqian li .box h3{ font-size: 32px; color: #000000; margin-bottom: 15px; }
.zc_shouqian li .box p{ font-size:16px; color: #000000; line-height: 30px;}
.zc_shouqian li img{ display: block; }
.zc_shouqian .zc_shouqian_zc li{ float: right; }

.zc_shouhou{background: #f4f4f4}
.zc_shouhou .title { text-align: center; }
.zc_shouhou .title h3{ font-size: 36px; color: #040404; font-weight: bold;}
.zc_shouhou .title p{ font-size: 14px; color: #5f5e5e }
.zc_shouhou .box{ margin-top: 50px; text-align: center; }
.zc_shouhou .box .name{ font-size: 30px; color: #040404; font-weight: bold;}
.zc_shouhou .box .txt{ font-size:18px; color: #040404; min-height: 50px; max-width: 210px; margin:0 auto;}

.zc_shouhou .col-xs-6:nth-child(1) .box,.zc_shouhou .col-xs-6:nth-child(4) .box{ border-right: 1px solid #464547 }
.zc_shouhou .col-xs-6:nth-child(3) .box,.zc_shouhou .col-xs-6:nth-child(6) .box{ border-left: 1px solid #464547 }

@media(max-width:1200px){
	.zc_shouqian li .box{ padding:0 30px 0 ; }
}

@media(max-width:991px){
	.zc_shouhou .col-xs-6 .box{ border: none !important; }
	.page_about_zc .contact li{ width:100%; float:none; margin-bottom: 30px;}
	.page_about_zc .contact li.last{ border:none; }
	.zc_shouqian .zc_shouqian_fw li{ float: none; }
	.zc_shouqian .zc_shouqian_zc li{ float: none; }
	.zc_shouqian li .box{ padding:15px;text-align: left;}
	.zc_shouqian li{ width: 100%; text-align: center;}
	.zc_shouqian li img{ display:inline;}
}


.page_rongyu .box{ padding: 20px; }
.page_rongyu .box h4{ text-align:center; background:#f8f8f8; line-height: 45px; margin:0 0 30px; line-height: 45px; }
.page_rongyu .box:hover h4{ background:#43b2e5; color: #fff }



.page_news{}
.page_news .titleTxtCon{position: relative; width: 100%; margin-bottom: 30px;}
.page_news .titleTxtCon h1{line-height: 40px; font-size: 30px; font-weight: bold; color: #073190;}
.page_news .titleTxtCon .yearSelect{display: inline-block; height: 40px; position: absolute; right: 0; top: 0;}
.yearSelect .select{width: 130px; line-height: 38px; border: 1px solid #073190; padding: 0 20px; border-radius: 50px; color: #073190; background: url(../images/selectArrowRed.png) no-repeat 90% 50%; position: relative; z-index: 100; cursor: pointer; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s;}
.yearSelect .select:hover{border: 1px solid #073190; background: #073190 url(../images/selectArrowWhite.png) no-repeat 90% 50%; color: #fff;}
.yearSelect .selectDiv{width:100%; display: none; position: absolute; top: 20px; z-index: 10; border-radius: 0 0 20px 20px; border-left: 1px solid #073190; border-right: 1px solid #073190; border-bottom: 1px solid #073190; padding: 20px 0 0 0; background: #fff;}
.yearSelect .selectDiv p{font-size: 14px; padding: 0 20px; line-height: 40px; color: #073190; cursor: pointer;}



.page_news_list  .box{   margin: 0 0 50px 0; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s;}
.page_news_list  .box:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.page_news_list  .txtCon{padding:25px 0 0 0;}
.page_news_list  .txtCon .redTxt{color: #073190;}
.page_news_list  .txtCon .timeTxt{font-size: 12px; line-height: 12px; color: #7b7a7b; font-weight: bold;}
.page_news_list  .txtCon .titleTxt{font-size: 16px; line-height: 16px; color: #333; margin: 15px 0 0 0;/* overflow: hidden;*/ text-overflow: ellipsis; white-space: nowrap;}
.page_news_list  .txtCon .paraTxt{line-height: 22px; color: #999; margin: 15px 0 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.page_news_list  .txtCon .btn span{text-align: center; line-height: 38px; border: 1px solid #073190; color: #073190; display: inline-block; padding: 0 40px; border-radius: 50px; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s;}
.page_news_list  .txtCon .btn span:hover{background: #073190; color: #fff;}
.page_news_list  .txtCon .btn{ margin: 0; padding: 0; }


.newsConPanel{position: relative; width: 100%;}
.newsConPanel .newsCon{max-width: 1200px; margin: 0 auto 0; padding: 0 20px;}
.newsConPanel .newsTitleCon{border-bottom: 1px solid #eee; padding: 0 0 10px 0;}
.newsConPanel .newsTitleCon h1{font-size: 30px; line-height: 30px; color: #073190; margin:0;}
.newsConPanel .newsTitleCon h2{line-height: 26px; color: #7b7a7b; padding-top: 10px; box-sizing: border-box; font-size: 16px;}
.newsConPanel .newsInfoCon{max-width: 1200px;  padding: 30px 0 0 0; box-sizing: border-box;
font-size: 16px;
line-height: 2em;
color: #2b2b2b;
}

.newsFooter{border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; width: 100%; margin: 60px 0 0 0; text-align: center;}
.newsFooter ul{width: 100%; max-width: 1200px; display: inline-block; margin: 0 auto; vertical-align: top;}
.newsFooter ul li{float: left; width: 50%; padding: 35px 10px; position: relative;}
.newsFooter ul li .btn:hover span{border: 1px solid #073190; background: #073190; color: #fff;}
.newsFooter ul li .btn span{line-height: 38px; border-radius: 50px; border: 1px solid #073190; color: #073190; display: inline-block; padding: 0 30px; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; transition: all ease 0.6s;}
.newsFooter ul li .btn em{font-size: 16px; margin: 0 5px 0 0;}
.newsFooter ul li a{display: block; padding: 0 0px;}
.newsFooter ul li:nth-child(3n-1):before{width: 1px; height: 100%; display: block; content: ""; background: #eee; position: absolute; top: 0; left: 0;}
.newsFooter ul li:nth-child(3n-1):after{width: 1px; height: 100%; display: block; content: ""; background: #eee; position: absolute; top: 0; right: 0;}
.newsFooter ul li h6{color: #073190; line-height: 26px; text-align: left; font-size: 14px; margin: 0}
.newsFooter ul li p a {color: #999; line-height: 26px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsFooter .backBtn{margin: 20px auto 0; display: inline-block;}
.newsFooter .backBtn span{width: 140px; line-height: 40px; border-radius: 50px; border: 1px solid #eee; color: #073190; display: inline-block; height: 40px; box-sizing: border-box;}
.newsFooter .backBtn span em{font-size: 16px; margin: 0 5px 0 0;}


@media(max-width:768px){
	.newsFooter{width: auto; padding: 0 6.6%; border: none;} .newsFooter ul{border: 1px solid #eee;} .newsFooter ul li{width: 50%; padding: 25px 0;} .newsFooter ul li:nth-child(3n-1):before{display: none;} .newsFooter ul li a{padding: 0 12px;} .newsFooter ul li h1{font-size: 12px; line-height: 18px;} .newsFooter ul li p{font-size: 12px; line-height: 18px; overflow: auto; white-space: normal; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	 .newsConPanel .newsCon{width: auto; padding: 0 20px; margin: 30px auto 0;} .newsConPanel .newsTitleCon{text-align: left; padding: 0 0 30px 0;} .newsConPanel .newsTitleCon h1{font-size: 18px; line-height: 24px; color: #333; font-weight: bold;} .newsConPanel .newsTitleCon h2{font-size: 14px; line-height: 14px; margin: 0;} .newsConPanel .newsInfoCon img{width: 100%; margin: 20px auto;} .newsConPanel .newsInfoCon p{font-size: 14px; line-height: 20px;}
}


.page_about_gm .row1{ margin-bottom:50px;  }
.page_about_gm .txt .title{ text-align: center; font-size: 36px; font-weight:bold; color: #073190; margin-bottom: 30px; }
.page_about_gm .txt .cont{ line-height: 36px; font-size: 16px; color: #161616; }
.page_about_gm .map{ text-align: right; padding-top: 80px; }
.page_about_gm .row2 .box{ margin-bottom: 30px; }


.page_about_js .title{ font-size: 36px; color: #073190; font-weight: bold; text-align: center; margin-bottom: 25px; }
.page_about_js .content{ font-size: 16px; line-height: 36px; color: #161616 }
.js_hxjz .box{ border: 1px solid #e0e1e5; padding: 30px 15px 0; text-align: center;}
.js_hxjz .box .name{ font-size: 24px; color: #073190; text-align: center; padding: 10px 0 20px; }
.js_hxjz .box .txt{ font-size: 16px; line-height: 36px; color: #282828; min-height: 255px; }
.page_about_js .js_hxjz .title{ margin-bottom: 45px; }
.js_jzln li{ float: left; width: 50%; }
.js_jzln li .box{ padding: 40px 100px 0 ; text-align: center;}
.js_jzln li .box h3{ font-size: 30px; color: #000000; margin-bottom: 15px; color: #073190; font-weight: bold; margin-bottom: 0; }
.js_jzln li .box h4{ font-size: 16px; color: #020202; padding-top: 5px;}
.js_jzln li .box p{ font-size:30px; color: #000000;}
.js_jzln li .box p span{ display: inline-block; margin:0 15px; }

.js_jzln li img{ display: block; }
.js_jzln .jzln_jz li{ float: right; }

@media(max-width:1200px){
	.js_jzln li .box{ padding:0 30px 0 ; }
}

@media(max-width:991px){
	.js_hxjz .box{ margin-bottom: 15px; padding: 20px 15px  ;}
	.js_hxjz .box .txt{ min-height: inherit; }
	.js_jzln .jzln_jz li{ float: none; }
	.js_jzln .jzln_sm li{ float: none; }
	.js_jzln li .box{ padding:15px;}
	.js_jzln li{ width: 100%; text-align: center;}
	.js_jzln li img{ display:inline;}
	.js_jzln li .box p{ font-size:22px;}
	.js_jzln li .box h3{ font-size: 22px; }
}

.js_video{ background: url(../images/about_jj_21.jpg) no-repeat center center; background-size: cover; margin:80px 0;}
.js_video .box{ text-align: center; padding: 0; position: relative; }
.js_video .video{ width: 100%; position: absolute; top: 0;}

.js_video .video_box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex;justify-content: center; align-items: center;}
.video_btn{ position:absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex;justify-content: center; align-items: center; }
.video_btn img{ cursor: pointer; }

.page_contact_zongbu{ background: #fcfcfc }
.page_contact_zongbu .box{ border:1px solid #f1eff0; background: #fff; text-align: center; }
.page_contact_zongbu .box .title{ font-size: 24px; font-weight: bold; margin:45px 0 35px; }
.page_contact_zongbu .box .txt{ font-size: 14px; line-height: 34px; color:#2a494b; padding-bottom: 30px; }
.page_contact_zongbu .box .txt p{ margin:0; }
.page_contact_banshichu .box{ border:1px solid #f1eff0; padding: 30px 35px 0; margin-bottom: 30px;}
.page_contact_banshichu .box .title{ font-size: 18px; color: #252525; margin-bottom: 10px; }
.page_contact_banshichu .box .txt{ font-size: 14px; line-height: 24px; color: #666666;}
.page_contact_banshichu .box .txt p{ margin:0; }
.page_contact_title{ font-size: 30px; color: #073190; font-weight: bold; margin-bottom: 40px; text-align: center; }



@media(min-width:992px){
	.page_contact_zongbu .box_left{ margin-right: 40px; }
	.page_contact_zongbu .box_right{ margin-left: 40px; }
	.page_contact_banshichu .box .txt{ min-height: 140px;}
	.page_contact_zongbu .box .txt{ min-height: 145px; }
}
@media(max-width:991px){
	.page_contact_zongbu .box{ margin-bottom: 15px; padding: 15px;}
	.page_contact_banshichu .box{ margin-bottom: 15px; padding: 15px;}
	.page_contact_zongbu .box .title,.page_contact_banshichu .box .title{ margin-top: 0; }
}


.page_zhaopin .box{ text-align: center; border:1px solid #ebe8e8; padding-top: 55px; height: 280px; margin-bottom: 30px; }
.page_zhaopin .title h3{ text-align: center; font-size: 30px; color: #073190; font-weight: bold; margin-bottom: 50px; }
.page_zhaopin .info{ text-align: center; font-size: 16px;padding-top:20px; }
.page_zhaopin .info a{ font-size: 16px; color: #073190; }
.page_zhaopin .box .icon{ width: 122px; height: 94px; margin:0 auto; }
.page_zhaopin .col-xs-6:nth-child(1) .icon{ background: url(../images/zhaopin_05.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(2) .icon{ background: url(../images/zhaopin_07.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(3) .icon{ background: url(../images/zhaopin_09.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(4) .icon{ background: url(../images/zhaopin_14.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(5) .icon{ background: url(../images/zhaopin_15.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(6) .icon{ background: url(../images/zhaopin_17.png) no-repeat; }

.page_zhaopin .box .name{ font-size: 20px; color: #000000; margin-bottom: 15px; }
.page_zhaopin .box .txt a{ display: block; width: 110px; height: 35px; margin:0 auto; line-height: 35px; text-align: center; font-size: 14px; color: #c50404; border:1px solid #ffffff; border-radius: 35px;}
.page_zhaopin .box:hover{ background: #073190; color: #fff;}
.page_zhaopin .box:hover .name{ color: #fff; }
.page_zhaopin .box:hover .txt a{ color: #fff }
.page_zhaopin .col-xs-6:nth-child(1) .box:hover .icon{background: url(../images/zhaopin_hover_05.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(2) .box:hover .icon{background: url(../images/zhaopin_hover_07.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(3) .box:hover .icon{background: url(../images/zhaopin_hover_09.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(4) .box:hover .icon{background: url(../images/zhaopin_hover_14.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(5) .box:hover .icon{background: url(../images/zhaopin_hover_15.png) no-repeat; }
.page_zhaopin .col-xs-6:nth-child(6) .box:hover .icon{background: url(../images/zhaopin_hover_17.png) no-repeat; }






.page_zhaopin_show .info{ text-align: center; font-size: 16px;padding-top:60px; }
.page_zhaopin_show .info a{ font-size: 16px; color: #073190; }
.page_zhaopin_show .title h1{ font-size: 36px; color: #073190; text-align: center; margin:0; }
.zhaopin_show_btn{ padding: 30px 0; border-bottom:1px solid #eceaea; line-height: 40px; }
.zhaopin_show_btn a.goOther{ display: inline-block; height: 40px; line-height: 40px; text-align: center; text-align: center; margin-left: 25px; width: 125px; border-radius: 40px; border:1px solid #d6d4d4;}
.zhaopin_show_btn .goList{ color: #d90606; font-size: 14px; ;background-blend-mode: 40px; display: inline-block; }

.zhaopin_show_content{border-bottom:1px solid #eceaea; padding:50px 0; font-size: 16px; line-height: 2em; color:#2b2b2b;}



.page_buy{ background: #f6f6f6 }
.page_buy .title{ text-align: center; font-size: 40px; color:#073190;}
.page_buy .title span{ display: block; height: 2px; width: 50px; background: #c80404; margin:10px auto ; }
.page_buy .contact li{ width: 50%; float: left;text-align: center;}
.page_buy .contact { padding-top:50px;}
.page_buy .contact .name{ font-size:24px;margin:25px 0 0; color: #000000}
@media(max-width:991px){
	.page_buy .contact li{ width:100%; float:none; margin-bottom: 30px;}
	.page_buy .contact li.last{ border:none; }
	.page_buy .contact .txt{ font-size: 30px; }
}

.page_form { padding: 0 60px; }
.page_form input{ background: #fdfdfd; border-radius:0; border:1px solid #e9e9e9; height: 45px; line-height: 45px; padding-left: 15px; font-size: 16px; margin-bottom: 15px; box-shadow: none;}
.page_form .bt{ font-size: 18px; color: #020202 }
.page_form .bt span{color:#ff0000}
.page_form .title{ font-size: 40px; color: #073190; font-weight: bold; text-align: center; margin-bottom: 50px; }

.page_form input::placeholder,.page_form textarea::placeholder{ color: #c7c7c7 }
.page_form textarea{ background: #fdfdfd; border-radius:0; border:1px solid #e9e9e9; width: 100%;font-size: 16px; margin-bottom: 15px; box-shadow: none; padding: 10px 15px; height: 205px;}

.page_form .submit{ margin-top:30px; width: 165px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #073190; font-size: 16px; border-radius: 20px; border:none;}



.choosePanel{  position:relative}
.choosePanel .wrapper{padding:150px 0 85px}
.choosePanel .questionCon{ height:auto;}
.choosePanel .questionCon g{cursor:pointer}
.choosePanel .questionCon circle{fill:none;stroke-width:140;stroke-dasharray:1320;stroke-dashoffset:1320;stroke:#eee;transition:all .4s ease;-ms-transition:all .4s ease}
.choosePanel .questionCon g:hover circle{stroke:#073190}
.choosePanel .questionCon .quesCon{display:none}
.choosePanel .questionCon .quesCon.active{display:block}
.choosePanel .questionCon .quesCon text{fill:#000000;transition:fill .4s ease;font-size:24px;font-weight:bold}
.choosePanel .questionCon .quesCon text.spanTxt{display:none}
.choosePanel .questionCon .quesCon g:hover text{fill:#fff}
.choosePanel .questionCon .quesCon text.titleTxt{font-size:28px;fill:#073190;text-align:center}
.choosePanel .questionCon g image{opacity:1;transition:opacity .4s ease}
.choosePanel .questionCon g:hover .imgBlack{opacity:0}
.choosePanel .quesCon{ }
.choosePanel .quesResCon{ padding:10px 0 0 0}
.choosePanel .quesResCon .img{width:38px;height:38px;float:left}
.choosePanel .quesResCon .txtCon{padding:0 0 0 55px}
.choosePanel .txtCon h3{font-size:32px;line-height:40px;color:#073190;font-weight:700}
.choosePanel .quesResUl{width:100%;position:relative;margin:30px 0 0 0;border-top:1px solid #eee;overflow:hidden;display:none}
.choosePanel .quesResUl::-webkit-scrollbar{width:4px;height:10px;background-color:#f4f4f4}
.choosePanel .quesResUl::-webkit-scrollbar-thumb{background:#333}
.choosePanel .quesResUl li{padding:15px 0 25px;border-bottom:1px solid #eee}
.choosePanel .quesResUl .txt{font-size:18px;color:#000000;font-weight:bold}
.choosePanel .quesResUl li.active .txt{color:#e30606}
.choosePanel .quesResUl .resTxt{line-height:20px;color:#000000;margin:10px 0 0 0;display:block; font-size: 16px;}


.page_xuanxing_show .show1{ text-align: center; margin-bottom:20px;}
.page_xuanxing_show .show2{ text-align: center; margin-bottom:120px;}
.page_xuanxing_show .show_title{ text-align: center; }
.page_xuanxing_show .tit1{ font-size: 36px; color: #073190; font-weight: bold; }
.page_xuanxing_show .tit2{ font-size: 20px; color: #3e3d3d; margin: 15px 0 60px }
.page_xuanxing_show .tit3{ font-size: 30px; color: #000000; margin-bottom: 100px; font-weight: bold;}




.page_xuanxing_show .show_prolist .box{ text-align: center;margin-bottom: 30px;}
.page_xuanxing_show .show_prolist .img{ border: 1px solid #dcdada }

@media(min-width:991px){
	.page_xuanxing_show .show_prolist .box{ padding:0 75px; margin-bottom: 100px; }
}







.met_pager { margin: 50px 0 50px; text-align: center }
.met_pager a,.met_pager span  { border: 1px solid #e4eaec; background: #fff; padding: 9px 15px; text-align: center; color: #76838f }
.met_pager a:hover { background: #f5f5f5; text-decoration: none }
.met_pager a.NextA { border-right: 1px solid #e4eaec }
.met_pager .PreSpan, .met_pager .NextSpan { border: 1px solid #e4eaec; padding: 9px 15px; background: #fff; color: #ccd5db; cursor: default }
.met_pager .firstPage, .met_pager .lastPage { height: 28px; line-height: 28px; min-width: 40px }
.met_pager span { background: #073190;; border-color: #073190;; color: #fff; cursor: default }
.met_pager span:hover { background: #073190; border-color: #073190;; color: #fff }
.met_pager a { text-decoration: none }
.met_pager a:active, .met_pager a:focus, .met_pager a:hover { text-decoration: none }
.met_pager .PageText { margin-left: 10px; color: #aaa; display: none }
.met_pager input { display: none }
@media (max-width:768px) {
.met_pager{ margin:15px 0; }
}





.loading-container{display:table;width:100%;min-height:45%}
.loader{position:relative;margin:20px auto 0;width:90px;padding-left:20px}
.loader *{animation-play-state:paused}
.loader:hover{opacity:1}
.loader:hover *{animation-play-state:running}
.loading-spokes{position:relative;margin:auto;height:45px}
.loading-spokes .spoke-container{position:absolute;top:100%;left:calc(50% - 10px*1.5);transform-origin:50% -100%}
.loading-spokes .spoke-container .spoke{background:#888;width:1px;height:4px;animation:spoke 1s infinite;animation-delay:inherit}
.loading-spokes .spoke-container:nth-of-type(0n+1){transform:translateX(100%) rotate(-105deg);animation-delay:-1.375s}
.loading-spokes .spoke-container:nth-of-type(0n+2){transform:translateX(100%) rotate(-75deg);animation-delay:-1.25s}
.loading-spokes .spoke-container:nth-of-type(0n+3){transform:translateX(100%) rotate(-45deg);animation-delay:-1.125s}
.loading-spokes .spoke-container:nth-of-type(0n+4){transform:translateX(100%) rotate(-15deg);animation-delay:-1s}
.loading-spokes .spoke-container:nth-of-type(0n+5){transform:translateX(100%) rotate(15deg);animation-delay:-875ms}
.loading-spokes .spoke-container:nth-of-type(0n+6){transform:translateX(100%) rotate(45deg);animation-delay:-.75s}
.loading-spokes .spoke-container:nth-of-type(0n+7){transform:translateX(100%) rotate(75deg);animation-delay:-625ms}
.loading-spokes .spoke-container:nth-of-type(0n+8){transform:translateX(100%) rotate(105deg);animation-delay:-.5s}
.loading-spokes .spoke-container:nth-of-type(0n+9){transform:translateX(100%) rotate(135deg);animation-delay:-375ms}
.loading-spokes .spoke-container:nth-of-type(0n+10){transform:translateX(100%) rotate(165deg);animation-delay:-.25s}
.loading-spokes .spoke-container:nth-of-type(0n+11){transform:translateX(100%) rotate(195deg);animation-delay:-125ms}
.loading-spokes .spoke-container:nth-of-type(0n+12){transform:translateX(100%) rotate(225deg);animation-delay:0}
@keyframes spoke{0%{opacity:1}
100%{opacity:.2}
}


.page_xuanxing_show .show1 .box{ position: relative; display: inline-block;}
.page_xuanxing_show .show1 .box img{ width: 100% }
.page_xuanxing_show .show1 .txt{ position:absolute; background: #01afa6; height: 25px; line-height: 25px; width: 90px; text-align:center; font-size: 14px; color: #fff; border-radius: 25px; display: none; }
.page_xuanxing_show .show1 .box1{ width: 29.3229% }
.page_xuanxing_show .show1 .box2{ width: 47.3437% }
.page_xuanxing_show .show1 .box3{ width: 23.3333% }

.page_xuanxing_show .show1 .txt1{ top: 62%; left: 0%}
.page_xuanxing_show .show1 .txt2{ top: 88%; left:10%}
.page_xuanxing_show .show1 .txt3{ top: 63%; left:21%}
.page_xuanxing_show .show1 .txt4{ top: 65%; left:45%}
.page_xuanxing_show .show1 .txt5{ top: 62%; left: 69%}



@media(max-width:991px){
	.page_xuanxing_show .show1 .box1{ width: 100% }
	.page_xuanxing_show .show1 .box2{ width: 100% }
	.page_xuanxing_show .show1 .box3{ width: 100% }
	.page_xuanxing_show .show1 .txt{ width:75px; font-size: 8px; height: 20px; line-height: 20px;s border-radius:20px; }
}





.pure-u-1-3{
    width: 33.3333%; position: relative; display: inline-block;
}

@media(max-width:991px){
	.pure-u-1-3{
	    width: 100%;
	}
}




.page_xuanxing_show .show2 .pure-u-1-3{
    position: relative;
}

.page_xuanxing_show .show2 .cbutton{
    width: 55px;
    height: 55px;
    background: url(../images/cbutton.png);
    background-size: contain;
    display: block;
    position: absolute;
    z-index: 10;
    animation: cbutton 0.3s alternate infinite ease;
    cursor: pointer; margin-left:-27px; margin-top: -27px;
}

@keyframes cbutton {
    0% {
        transform: scale(1,1);
    }
    100% {
        transform: scale(1.1,1.1);
    }

}

.page_xuanxing_show .show2 .m1 .cb1{left: 18%;top: 40%;}
.page_xuanxing_show .show2 .m1 .cb2{left: 77%;top: 61%;}

.page_xuanxing_show .show2 .m2 .cb1{left: 53.9%;top: 70.5%;}


.page_xuanxing_show .show2 .m3 .cb1{left: 83%;top: 65%;}
.page_xuanxing_show .show2 .m3 .cb2{left: 52%;top: 33%;}
.page_xuanxing_show .show2 .m3 .cb3{left: 19%;top: 61%;}
.page_xuanxing_show .show2 .hide{
    opacity: 0;
    visibility: hidden;
}
.page_xuanxing_show .show2 .mask{
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
    position: absolute;
    transition: all 0.3s ease;
}

.page_xuanxing_show .show2 .mask .close{
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px; margin-top: -25px;
    top: 82%;
    background: url(../images/cclose.png);
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 10; background-size: cover; opacity: 1;
}

.swiper-pagination-bullet{ width:30px; border-radius:5px; height:5px;}
.swiper-pagination-bullet-active{ background: #69d3e8 }
.product_cpzh{
	max-width: 1200px;
margin: 0 auto;
line-height: 35px;
font-size: 16px;
padding:0 30px 80px 30px;
}