/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@keyframes b-bg{
	from{filter:alpha(opacity=0); opacity:0;  transform: scale(1.1);}
	to{filter:alpha(opacity=100); opacity:1;  transform: scale(1);}
  }
@keyframes b-title{
	from{filter:alpha(opacity=0); opacity:0; margin:38px 0 0 0px;}
	to{filter:alpha(opacity=100); opacity:1; margin:0px;}
}  
.module-wrap .card-area {
	position: relative;
	
}
.swiper-button-prev-cp{ left: -50px !important;  }
.swiper-button-next-cp{ right: -50px !important;}
.y-row {
	margin: 0px auto;
	max-width: 1200px;
	min-width: 1000px;
}
.module-wrap .card-area .card-item.active {
	border: 1px solid #00c1de;
	box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);
	height: 565px;
	width: 34% !important;
	margin-top: -10px;
	z-index: 100;
	margin-left: -58px;
    margin-right: -50px;
}
.module-wrap .card-area .card-item:nth-child(1).active { margin-left: 0px; margin-right: -108px;}
.module-wrap .card-area .card-item:last-child.active{ margin-left: -108px; margin-right: 0px;}
.module-wrap .card-area .card-item {
	background-color: transparent;
	border: 1px solid #dbdbdd;
	float: left;
	height: 548px;
	position: relative;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, z-index 0s ease 0.12s;
	width: 22% ;
	z-index: 10;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
.module-wrap .card-area .card-item .card {
	background: #fff none repeat scroll 0 0;
	height: 100%;
	text-align: center;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, z-index 0s ease 0.12s;
	width: 100%;
}
.module-wrap .card-area .card-item .card .card-title .content {
	padding-top: 40px;
	width: 100%;
}
.module-wrap .card-area .card-item i .tb1{ display: inline-block;}
.module-wrap .card-area .card-item i .tb2{ display: none;}
.module-wrap .card-area .card-item.active i .tb1{ display: none;}
.module-wrap .card-area .card-item.active i .tb2{ display: inline-block;}

.module-wrap .card-area .card-item .card .card-title .ali-product-img {
	height: 55px;
	margin: 10px auto;
	position: relative;
	width: 55px;
}
.module-wrap .card-area .card-item .card .card-title h1 {
	color: #373d41;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.module-wrap .card-area .card-item .card .card-title h1 a {
	color: #373d41;
}
.module-wrap .card-area .active .card .card-title h1 a {
	color: #fff;
}
.module-wrap .card-area .card-item .card .card-title .h1 {
	color: #373d41;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}
.module-wrap .card-area .card-item .card .card-title .h1 a {
	color: #373d41;
}
.module-wrap .card-area .active .card .card-title .h1 a {
	color: #fff;
}
.module-wrap .card-area .card-item .card .card-title .short-info {
	color: #949a9e;
	font-size: 14px;
	margin-top: 10px;
}
.module-wrap .card-area .card-item .card .card-content.content-first .content-first-list {
	color: #373d41;
	font-size: 16px;
	margin-bottom: 47px;
	margin-top: 47px;
	max-width: 250px;
	width: 100%;
}
.module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li {
	margin-bottom: 30px;
}
.module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li a {
	color: #333;
}
.module-wrap .card-area .card-item .card .card-content.content-first {
	opacity: 1;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
	z-index: 3;
}
.module-wrap .card-area .card-item .card .card-content.content-second {
	color: #a9b0b4;
	font-size: 14px;
	left: 25px;
	max-width: 350px;
	padding-top: 26px;
	text-align: left;
}
.module-wrap .no-effect {
	text-decoration: none;
}
.module-wrap .card-area .card-item .card .card-content.content-second .main-head {
	color: #373d41;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 4px;
}
.module-wrap .card-area .card-item .card .card-content.content-second .main-desc {
	line-height: 22px;
}
.module-wrap .card-area .card-item .card .card-content.content-second .main-btn {
	background-color: #fff;
	border: 1px solid #00c1de;
	color: #00c1de;
	cursor: pointer;
	font-size: 14px !important;
	height: 30px;
	margin-bottom: 33px;
	margin-top: 22px;
	transition: color 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
	width: 100px;
}
.module-wrap .card-area .card-item .card .card-content .other-info {
	border-top: 1px solid #ebebec;
	font-size: 12px;
	line-height: 22px;
	padding-top: 20px;
}
.module-wrap .card-area .card-item .card .card-content .other-info .other-info-list {
	height: 80px;
	margin-bottom: 10px;
	padding-right: 5px;
}
/*.module-wrap .card-area .card-item .card .card-content.content-second li {
	float: left;
	width: 50%;
}*/
.module-wrap .card-area .card-item .card .card-content .other-info .other-info-list .list-context {
	color: #106398;
}
.module-wrap .card-area .card-item.active .card .card-title {
	background-color: #106398;
	height: 185px;
	left: -1px;
	top: -15px;
}
.module-wrap .card-area .card-item .card .card-title {
	font-size: 14px;
	height: 170px;
	line-height: 26px;
	top: 0;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, z-index 0s ease 0.12s;
}
.title-even {
	background-color: #ebebec;
}
.module-wrap .card-area .card-item .card .card-content {
	height: 376px;
	position: absolute;
	top: 170px;
}
.module-wrap .card-area .card-item .card .card-content {
	line-height: 2;
	width: 100%;
}
.module-wrap .card-area .card-item .card .card-content.content-second {
	line-height: 2;
	opacity: 0;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	z-index: 2;
}
.module-wrap .card-area .card-item.active .card .card-content.content-second {
	opacity: 1;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
	z-index: 3;
}
.module-wrap .card-area .card-item.active .card .card-content.content-first {
	opacity: 0;
	transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	z-index: 2;
}
.content-header {
	margin: 60px 0px;
}
.bg_f5f5f5 {
	background: #f5f5f5;
}
.module-wrap .card-area .card-item.active .card .card-title h1,.module-wrap .card-area .card-item.active .card .card-title .h1, .module-wrap .card-area .card-item.active .card .card-title .short-info {
	color: #fff;
}
.module-wrap .card-area .card-item .card .card-title .content i {
	font-size: 40px;
	color: #666666;
}
.module-wrap .card-area .card-item.active .card .card-title .content i {
	color: #ebebeb;
}
.module-wrap .card-area .card-item .card .card-content .other-info .other-head {
	font-size: 14px;
	font-weight: normal;
	color: #373d41;
}
.kh_img {
	height: 165px;
}
.other-desc {
	margin-top: 10px;
}
.Continar-slides {
	max-width: 1500px;
	min-width: 1200px;
	margin: 0px auto;
	height: 378px;
	position: relative;
}
.Continar-slides li {
	position: relative;
	text-align: center;
	background: #36373e;
	color: #fff;
	width: 20%;
	float: left;
}
.Continar-slides li .icon {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	padding-top: 70px;
}
.Continar-slides li .icon img {
	display: block;
	margin: 0px auto;
	width: 71px;
	height: 71px;
}
.Continar-slides li .tit {
	background: url("../images/line.gif"/**/) center top no-repeat;
	margin-top: 37px;
	line-height: 82px;
	font-size: 20px;
	color: #fff;
}
.Continar-slides li .p {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	display: block;
	padding: 10px 32px 30px;
	line-height: 26px;
}
.Continar-slides li .detail {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	width: 125px;
	line-height: 38px;
	border: 1px solid #fff;
	color: #fff;
	margin: 0px auto;
	display: none;
}
.Continar-slides li .mast {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	display: block;
	height: 100%;
	width: 100%;
	background: url("../images/mastbg0.png"/**/);
	z-index: 5;
	position: absolute;
	left: 0px;
	top: 0px;
}
.Continar-slides li:hover .mast {
	background: url("../images/mastbg.png"/**/);
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	display: block;
}
.Continar-slides li:hover .icon {
	padding-top: 70px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.Continar-slides li:hover .tit {
	background: none;
	line-height: 48px;
	margin: 0px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
/*.Continar-slides li .img{z-index:-1;}*/
.Continar-slides li:hover .p {
	display: block;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.Continar-slides li:hover .detail {
	display: block;
}
.Continar-slides li .detail:hover {
	background: #fff;
	color: #767abb;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}
.Continar-slides .slides li a {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 378px;
}
.Continar-slides li a:hover {
	color: #fff;
}
.Continar-slides li a {
	display: block;
	color: #fff;
}
.Continar-slides .btn {
	position: absolute;
	top: 0;
	z-index: 10;
	width: 46px;
	height: 378px;
	background: url("../images/proarr.png"/**/) no-repeat 0 center;
	cursor: pointer;
	display: none;
}
.Continar-slides .prev {
	left: 0;
}
.Continar-slides .prev {
	background: url("../images/proarr.png"/**/) no-repeat left top;
}
.Continar-slides .next {
	right: 0;
}
.Continar-slides .next {
	background: url("../images/proarr.png"/**/) no-repeat right top;
}
.Continar-slides:hover .btn {
	display: block;
}


.header_nav .dropdown-box {
	position: absolute;
	left: 0;
	min-width: 100%;
	top: 100%;
	display: none;
	z-index: 10;
	text-align: center;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background: rgba(56,59,74,.98);
	line-height: normal;
}

.header_nav .dropdown-box p {
	margin: 0;
}
.header_nav .dropdown-box a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 40px;
	color: #fff !important;
}

.header_nav .dropdown-box a:hover {

	color: rgb(167, 180, 205) !important;
}

.cpxl{ width: 100%; padding-top:0px !important}
.cpxl li{  width: 100%;float: left; border-bottom: 1px solid #ebebec;  line-height: 87px;}
.cpxl li .cpz_tu{ width: 30%; float: left; height: 87px; position: relative; overflow: hidden;}
.cpxl li .cpz_tu img{ height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.cpxl li .cpz_cont{ width: 60%; float: left; font-size: 18px; padding-left: 5%;}
.cpxl li .cpz_ckgd{  width: 100%; float: left; font-size: 18px;  text-align: center;}

.cpxl_ckgd{ width: 100%; text-align: center; margin-top: 50px;    position: relative;z-index: 100;}
.cpxl_ckgd a{  padding:10px 30px; border: 1px solid #dbdbdd; font-size: 18px; }
.cpxl_ckgd a:hover{ background: #106398; border-color: #106398; color: #fff;}

.banner-sub {
	background: no-repeat center / cover;
	height: 200px;
	animation: b-bg 1.6s both;
	margin-top: 150px;
}
.banner-sub .container {
	height: 100%;
}
.banner-sub .wrap {
	display: table;
	height: 100%;
	color: #fff;
}
.banner-sub .inner {
	display: table-cell;
	vertical-align: middle;
	
}
.banner-sub h4 {
	margin: 0;
	font-size: 44px;
	line-height: 1.1;
	text-transform: uppercase;
	animation: b-title .6s 1s both;
}
.banner-sub h4:after {
	display: block;
	content: '';
	height: 3px;
	width: 40px;
	margin-top: 20px;
	background-color: #fff;
}
.banner-sub small {
	margin: 20px 0 0;
	font-size: 34px;
	display: block;
	text-transform: uppercase;
	animation: b-title .6s 1s both;
}

.header01{ width:100%; background:#fff;}
.wapper{ width:1200px; margin:0 auto;}

.header{ height:90px; line-height:90px;}
.logo{ padding-top:20px; float:left; width:400px; height:90px;}
.youbb{ width:350px; float:right; height:70px;}
.dianhu{ padding-top:20px; border-right:1px solid #ccc; padding-right:20px; float:left; width:180px; height:48px;}
.dianhu span{display:block;font-size: 12px;color: #a7a7a7; height:22px; line-height:22px;}
.dianhu em{display:block; font-weight:bold;font-size: 17px;height:22px; line-height:22px;}
.dianhu em i{ color:#d43138;}

.qiehh{ float:right; width:100px; background:url(../images/ico.en.png) left center no-repeat; padding-left:30px; }
.qiehh a{ font-size:13px; color:#666; background:url(../images/arr.r.png) right center no-repeat; padding-right:30px;}



.menu{height:40px;line-height:40px; float: left; width:900px;}
.menu ul li.home{ background:url(../images/ico.home.png) bottom no-repeat; width:20px; height:20px; margin-top:10px; display:block;}
.menu ul li.home:hover{background:url(../images/hover.png) bottom no-repeat; margin-top:10px;}
.menu ul li.home a{height:30px;}
.menu ul li{ float:left; position:relative; background:url(../images/ge.png) right center no-repeat; z-index:999; padding:0px 30px}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#666; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#337ab7;/*border-bottom:3px solid #d43138;*/}
a.menu_hover{color:#337ab7; /*border-bottom:3px solid #d43138;*/}

.search{ float:right; width:200px; height:26px; line-height:26px; background: #efefef;border-radius: 100px;box-shadow: 1px 1px 1px rgba(0,0,0,.08) inset;}
.input_text{ float: left; width:160px;height:26px; line-height:26px; padding-left:10px; font-size:14px;background: #efefef; color:#666;}
.input_button{ float:right; background:url(../images/ico.zoom.png) center no-repeat;height:26px; line-height:26px; width:25px; }

.slide_container {position: relative;width: 100%;margin-top: 170px;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px;margin: 0;max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.7;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("../images/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}

.slide img.banner_wap{ display: none;}
.slide img.banner_pc{ display: block;}




.max {
    min-width: 1200px;
}
.box {
    width: 1200px;
    margin: 0 auto;
}
.box2{
	width: 150px;
}
.about {
	height: 618px;
	background: url(../images/about_bg.jpg) no-repeat center;
	position: relative;
}
.about_bj{     
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center right;
	opacity: 0.4;
}
.about .box {
	height: 618px;
	position: relative;
	z-index: 9;
}
.about .box:after {
	content: "";
	width: 1171px;
	height: 512px;
	background: url(../images/about_box2.png) no-repeat center;
	position: absolute;
	left: 60px;
	top: 50px;
	visibility: visible;
	background-size: 100% 100%;
}
.about .box .t {
	display: block;
	font-size: 24px;
	color: #2f2f2f;
	position: absolute;
	right: 0px;
	top: 30px;
	font-weight: bold;
	opacity: 0.37;
}
.about .box .left {
	display: block;
	margin-top: 98px;
	position: relative;
	z-index: 99;
	width: 550px;
	height: 420px;
}
.about .box .left img {
	width: 100%;
	height: 100%;
}
.about .box .right {
	position: absolute;
	width: 573px;
	top: 111px;
	right: 50px;
	z-index: 99;
}
.about .box .right strong {
	font-size: 32px;
	color: #106398;
	display: block;
}
.about .box .right .about_tab {
	margin-top: 25px;
	margin-bottom: 15px;
}
.about .box .right .about_tab a {
	display: inline-block;
	width: 119px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border: 2px solid rgba(255,255,255,.7);
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
	border-radius: 7px;
	background: #fff;
	color: #106398;
	background: #fff;
}
.about .box .right .about_tab a:hover, .about .box .right .about_tab a.on {
	background: #106398;
	color: #fff;
	border: 2px solid #106398;
}
.about .box .right .j {
	font-size: 15px;
	color: #2f2f2f;
	line-height: 27px;
}
.about .box .right .j p {
	margin-bottom: 20px;
	text-align: justify;
}
.about .box .right a.more {
	color: #2f2f2f;
	display: block;
	width: 120px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #106398;
	text-align: center;
	border-radius: 15px;
}
.about .box .right a.more:hover {
	background: #106398;
	color: #fff;
}



.main_content{ width:90%; margin:0 auto; max-width: 1200px;}


/*内页*/
.content{ width:100%; float:left;}
.Location{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #cdcdcd; color:#cdcdcd; font-size:15px; }
.Location span{ margin:0 10px;}
.Location a{ color:#cdcdcd}
.Location a:hover{ color:#106398}
.Location_tubiao{ float: left; width: 45px; height: 45px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; text-align: center;}
.Location_tubiao img{ /*margin-top: 15px;*/}


.main_fl{ width:22%; float:left; margin-top: 45px;}
.main_fl_title{ color: #fff; background:#106398; padding: 5%; font-size: 30px; font-weight: bold;} 
.main_fl_title_tb{ width:100%; background:url(../images/main_fl_title.png) center right no-repeat;}
.main_fl_list{}
.main_fl_list li{ height: 60px; line-height:60px; border: 1px solid #dedede; font-size: 16px; border-top: 0px; color:#666666; overflow:hidden;}
.main_fl_list li a{ float:left; float: left;  padding-left: 10%; width: 90%; color:#444444;}
.main_fl_list li i.main_fl_list_tb{ float: right;  font-style: normal; margin-right: 28px; font-size: 20px; color:#a7a7a7; font-family: cursive;}
.main_fl_list li.on a,.main_fl_list li:hover a{ color:#106398; background:#eee;}
.main_fl_list li.on i.main_fl_list_tb,.main_fl_list li:hover i.main_fl_list_tb{ color:#106398 }
.main_fl_lx{  padding: 20px 10px; border: 1px solid #dedede; overflow: hidden; margin: 30px 0;}
.main_fl_lx_title{ width: 94%;  padding: 0 3%; overflow: hidden; border-bottom: 1px solid #dedede; font-size: 18px; color: #106398;
 padding-bottom: 10px; margin-bottom: 10px;}
.main_fl_lx_cont{}
.main_fl_lx_cont span{ font-size: 14px; }
.main_fl_lx_cont p{ width: 94%;  padding: 0 3%; font-size: 14px; margin-bottom: 15px; color:#242424;}
.main_fl_lx_bot{ width: 94%;  padding: 0 3%;}
.main_fl_lx_tb{ width: 50px; height: 50px; float:left; background:#106398;}
.main_fl_lx_tb img{ width:100% }
.main_fl_lx_text{ width: 100px;float:left; border-left: 1px solid #fff; color:#fff; text-align:center; line-height:50px;  background:#106398; font-size: 16px; }
.main_fl_lx_text span{ font-family: cursive;}


.cp_nav_list li{ height: 60px; line-height:60px; border: 1px solid #dedede; font-size: 16px; border-top: 0px; color:#666666; overflow:hidden; position: relative;}
.cp_nav_list li i.main_fl_list_tb{ float: right;  font-style: normal; margin-right: 28px; font-size: 20px; color:#a7a7a7; font-family: cursive; position: absolute; right: 0px; cursor: pointer;}
.cp_nav_list li.xl_no a,.main_fl_list li:hover a{ color:#106398; background:#eee;}
.cp_nav_list li.xl_no i.main_fl_list_tb,.main_fl_list li:hover i.main_fl_list_tb{ color:#106398 }
.left_snav_ul li.no a{ color: #fff;  background: #337ab7;}



.main_fl_zx{  padding: 20px 10px; border: 1px solid #dedede; overflow: hidden; margin: 30px 0;}
.main_fl_zx_title{ width: 94%;  padding: 0 3%; overflow: hidden; border-bottom: 1px solid #dedede; font-size: 18px; color: #106398;
 padding-bottom: 10px; margin-bottom: 10px;}
.main_fl_zx_cont{ width: 100%; float: left;}
.main_fl_zx_cont li{ width: 100%; float: left; line-height: 40px; border-bottom: 1px #dedede dashed;}
.main_fl_zx_cont li a{ float: left; width: 100%; overflow: hidden;	text-overflow: ellipsis; white-space: nowrap;}
.main_fl_zx_cont li a i{ width: 8px; height: 8px; background: #106398; margin: 0 10px; float: left; margin-top: 16px; border-radius: 50%;}
.main_fl_zx_cont li a:hover{ color: #106398;}

.main_fr{ float: right; width: 69%; margin:45px 2%; padding:2%; border: 1px solid #dedede;}
.main_fr .main_fr_title{ text-align: center; font-size: 20px; color: #106398; line-height: 50px; padding-bottom: 20px;}
.main_fr .main_fr_tiem{ text-align: center; font-size: 14px; padding-bottom: 20px;}
.main_fr .main_fr_xian{ background:url(../images/main_fr_xian.png) center top no-repeat; width: 100%; height: 3px;}
.main_fr_info{ width:100%; min-height:300px; padding: 5% 0 0;}
.main_fr_info img{ max-width:100%;}


.gduo{ text-align: right; width:100%;}
.gduo span{ text-align: left; float: left;}
.gduo span:nth-child(2){ float: right;}

/*内页产品*/
.image_list{ width:100%;}
.image_list li{ width: 32%;  float: left;  margin-right:2%; margin-bottom:30px;  text-align: center;}
.image_list li:nth-child(3n){ margin-right: 0px;}
.image_list li span{  border: 1px solid #dedede; float:left; padding-bottom:20px; width: 100%; float: left;}
.image_list_tu{ width:100%;  padding-bottom: 66%; overflow: hidden; position: relative;}
.image_list_tu img{ height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.image_list_cont{ height: 50px; padding-top:5px; line-height: 22px; font-size: 14px;}
.image_list_title{ width:96%; height:25px;margin-bottom:15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#106398; padding: 0 2%; font-size:16px; }
.image_list_cpgd{ width: 80%;  margin: 0 auto; height:40px; line-height:40px; border: 1px solid #dedede; border-radius: 25px; }
.image_list_cpgd a{ color:#777777;}
.image_list_cpgd a:hover{ color:#106398;}
.image_list_xq{ width: 49%; float:left; border-right: 1px solid #dedede;}
.image_list_zx{ width: 50%; float:left;}


.pagingNav {
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 20px;

}
.pagingNav p {
	height: 30px;
	line-height: 30px;
}
.pagingNav .uls {
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.pagingNav .uls li{ 
    display: inline-block;
    text-align: center;
	list-style:none;
 	margin-left: 5px;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #EBEBEB;
	text-decoration: none;
}
.pagingNav .uls a {


}
.pagingNav .uls a.cur,.pagingNav .uls li.thisclass{
	background-color: #106398;
	border-color: #106398;
	color: #fff;
}
.pagingNav .uls .tBtn:hover {
	background-color: inherit;
	color: inherit;
background-color:transparent;
color:#666;
}



/*相关样式*/
#showbox { background:#eee; width:100%;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum {  margin-top:10px;   width: 100% !important;}
#showsum p{ left:0px !important; position: inherit !important; margin:0 auto;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #106398; cursor: pointer;}

.showpage { width:100%; position:relative;}
.showpage a { display:block; width:45px; height:45px; line-height:45px; background:#cccccc; text-align:center; font-size:18px; position:absolute; left:0; top:-250px; text-decoration:none; color:#fff; z-index: 99999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.sumwh{ width:35px; height:35px; display:none;}
.sumis{ width:10px; height:4px;  display:none;}

.images_info_top{ width: 100%; float: left; border-bottom: 1px solid #dedede;}
.images_info_tu{ width:49%; float:left; border-right: 1px solid #dedede;}

.images_info_cont{ float: left; width: 47%; margin-left: 2%;}
.images_info_title{ font-size: 22px; color:#000; border-bottom: 1px solid #dedede; line-height: 65px;}
.images_info_desc{ width: 100%; min-height: 150px; font-size: 14px; padding-top: 20px; padding-bottom: 30px;}
.images_info_zx{  text-align: center; width: 35%; float:left; background: #106398; color: #fff; font-size: 20px; height: 50px; line-height: 50px; border-radius: 25px;}
.images_info_zx a{ color:#fff; padding-right:30px; background:url(../images/cp_xq_zx.png) center right no-repeat;}

.images_info_tel{ float:left;  height: 50px;  font-size: 14px; padding-left:50px; background:url(../images/cp_xq_tel.png) center left no-repeat; line-height: 23px; margin-left: 2%;}
.images_info_tel span{  color:#106398;  font-size: 20px; }
.images_info_cont .foot_fx{ margin-top: 20px;}
.images_info_cont .foot_fx_title{ color:#696969;}

.images_info_bot{ width: 100%; float: left;}
.pro_info_title{ width: 96%; margin:0 auto; margin-top:25px; text-align: center;  height: 50px; line-height: 50px; border-bottom: 1px solid #dedede;color:#696969; font-size:24px;}
.pro_info_title span{ float:left; width:150px; height: 50px; background:#106398;  font-size: 20px; color: #fff;}
.pro_info{ width: 96%;margin:0 2%;  float: left; min-height: 250px; margin-top:20px; margin-bottom: 30px;}

.images_message{ width: 96%;  margin:0 auto;}
.pro_message_title{ width: 100%; text-align: center;  height: 70px; line-height: 70px;  border: 1px solid #dedede; color:#696969; font-size:24px;}

.pro_message_input{ width:100%; float:left; margin-top:15px;}
.pro_message_input li{ width:50%; float:left; margin: 15px 0; text-align: center;}

.pro_message_input li input{ width: 90%; height: 40px; padding: 0 3%; border:1px solid #dedede;}
.pro_message_input li input#name{ background:url(../images/cp_ly_name.png) center right no-repeat;}
.pro_message_input li input#tel{ background:url(../images/cp_ly_tel.png) center right no-repeat;}
.pro_message_content{ width:100%; text-align: center; margin-top:15px; float:left;}

.pro_message_content textarea{ width:94%; padding:3% 2%; height:100px; background:url(../images/cp_ly_cont.png) top right no-repeat;  border:1px solid #dedede;}
.pro_message_submit{ width:100%; float:left; text-align:center; margin-bottom:10px;}
.pro_message_submit input.coolbg{ width: 50%; height: 50px;background: #106398; color: #fff; border: 0px; font-size:16px;
margin-top: 50px;}

.pro_list_hot{ width: 100%; float: left;}
.pro_hot_title{ width: 100%; margin-top:25px; text-align: left;  height: 50px; line-height: 50px;  border-bottom: 1px solid #dedede;color:#106398; font-size:20px; margin-bottom: 30px;}
.pro_hot_list{ width: 100%; float: left; margin-top:40px;}
.pro_hot_list li{ width: 24%;  float: left; margin-right: 1.3%; text-align: center;}
.pro_hot_list li .pro_hot_tu{ width:100%;}
.pro_hot_list li .pro_hot_tu img{  width:100%;}
.pro_hot_list li .pro_hot_title2{ height:30px; line-height:30px; font-size:14px;}


.nnews_list{  width:100%;}
.nnews_list li{ width:100%; float:left; margin-bottom:20px; padding-bottom:20px; border-bottom: 1px solid #dedede;}
.nnews_list li .news_time{  float: left; width: 20%; text-align: center; height: 120px;  color: #272727; background: #e5e5e5;
font-size: 19px;  line-height: 40px;}
.nnews_list li .news_time span{ font-size: 35px; margin-top: 30px;  width: 100%;  float: left;}
.nnews_list li .news_cont{ width:68%; margin-left:2%; float: left; }
.news_cont_title{ font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_cont_desc{ font-size: 14px; }
.nnews_list li:hover .news_time{ background: #106398;  color:#fff;}
.news_tb{ width:39px; height: 120px; float: left; background:url(../images/news_tb.png) left center no-repeat; margin-left: 20px;}
.nnews_list li:hover .news_tb{ background:url(../images/news_tb.png) right center no-repeat;}


.workshop_list{ width:100%;}
.workshop_list ul.honor_list{ width:100%; float: left; /*background:url(../images/honor_list.png);*/}
.workshop_list li{ width: 30%;  float: left;  margin:0 2% 20px;  text-align: center;}
.workshop_list li:nth-child(3n){ margin-right: 0px;}
.workshop_list_tu{ width:100%; height: 200px; display: table-cell; vertical-align: middle; text-align: center;}
.workshop_list ul.honor_list .workshop_list_tu{ border: 1px solid #dedede; height: 300px;}
.workshop_list_tu img{ display: inline-block;  max-width: 100%; max-height: 100%;}
.workshop_list_title{ height: 50px; line-height: 50px; font-size: 16px; overflow:hidden;}

.contact_top{  width: 100%; float: left;}
.contact_top li{ background-image: -webkit-linear-gradient(0deg, #f4f4f4, #fff); width:33%; float:left; border: 1px solid #e5e5e5; height:330px; list-style: none;}
.contact_top_tu { width:100%; text-align:center; margin-top: 50px; margin-bottom: 30px;}
.contact_top_tu img{max-width:100%;}
.contact_top_cont{width:96%; padding:0 2%; }
.contact_top_cont p{ width:100%; text-align: center; font-size: 15px; color: #4f4e4e;}
.contact_map{ margin-top: 50px; margin-bottom: 50px;  width: 100%; float: left; }


/*Online Service*/
.kf-sidebar{position: fixed;top: 250px;right: 10px;z-index: 999;}
.kf-sidebar li{width: 55px;height: 55px;margin-bottom: 1px;position: relative;}
.kf-sidebar .sidebox{display: block;width: 55px;height: 55px;position: absolute;top: 0;right: 0;overflow: hidden;transition: ease-in-out 0.2s;}
.kf-sidebar .tb{display: block;width: 55px;height: 55px;position: absolute;top: 0;left: 0;}
.kf-sidebar li:hover .tb{background-color: rgba(0,0,0,0.3) !important;}
.kf-sidebar p{line-height: 55px;text-align: center;color: #FFFFFF !important;font-size: 20px;float: left;position: absolute;top: 0;left: 55px;}

.kf-sidebar .kf-tel .sidebox{background-color:#106398;}
.kf-sidebar .kf-qq .sidebox{background-color: #106398;}
.kf-sidebar .kf-sq .sidebox{background-color: #106398;}
.kf-sidebar .kf-weixin .sidebox{background-color: #106398;}
.kf-sidebar .kf-ww .sidebox{background-color: #106398;}
.kf-sidebar #goTop{background-color: #106398;cursor: pointer;}

.kf-sidebar .kf-tel .tb{background: url(../images/kf_tel.png)no-repeat center;}
.kf-sidebar .kf-qq .tb{background: url(../images/kf_qq.png)no-repeat center;}
.kf-sidebar .kf-sq .tb{background: url(../images/kf_sq.png)no-repeat center;}
.kf-sidebar .kf-weixin .tb{background: url(../images/kf_weixin.png)no-repeat center;}
.kf-sidebar .kf-ww .tb{background: url(../images/kf_ww.png)no-repeat center;}
.kf-sidebar #goTop .tb{background: url(../images/gotop.png)no-repeat center;}

.kf-sidebar .kf-tel p{width: 180px;}
.kf-sidebar .kf-tel:hover .sidebox{width: 235px;}
.kf-sidebar .kf-qq p{width: 140px;}
.kf-sidebar .kf-qq:hover .sidebox{width: 195px;}
.kf-sidebar .kf-sq p{width: 140px;}
.kf-sidebar .kf-sq:hover .sidebox{width: 195px;}
.kf-sidebar .kf-ww p{width: 140px;}
.kf-sidebar .kf-ww:hover .sidebox{width: 195px;}

.kf-sidebar .ewm{position: absolute;top: -53px;right: 55px;padding-right: 15px;display: none;}
.kf-sidebar .ewm .box{padding: 5px;background: #FFFFFF;border: 1px solid #106398;}
.kf-sidebar .ewm .box img{display: block;width: 150px;height: 150px;}


.sp_header{ display: none;}
.footer_fd_kuan{ display:none;}
.footer_fd,#gotop_wap{ display:none;}



@media screen and (max-width: 1230px) {
   
    .y-row{  min-width: 100%;}
	.module-wrap .card-area .card-item .card .card-content.content-second{ max-width: calc(100% - 50px);}
	#gallery{ width: 100% !important;}
	.swiper-button-prev-cp{ left: 10px !important;  }
	.swiper-button-next-cp{ right: 10px !important;}

	.header{min-width: auto;}
	.wapper{width: 96%; }
	.menu{  width: auto;}

	.max { min-width: auto;	}
	.about .box:after{ width: calc(100% - 60px);}
	.about .box{ width: 96%;}
	.about .box .t{ font-size: 20px; right: 3%; top: 38px;}
	.about .box .left{ width: 48%;}
	.about .box .right{ width: 46%; right: 4%;}
	.about .box .right .about_tab{  margin-top: 10px; margin-bottom: 10px;}
	
}

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

	.bs_header_menu .bs_content_setting #wrapper{ display: none;}
	.head_nav_wap{ margin-left: 10px; margin-top: 20px; }
	.sp_header{ display: block; }
	.module-wrap .card-area .card-item.active{    width: 100% !important;    margin-left: 0px !important;margin-right: 0px !important;} 
	

	.footer{ padding:0px;}	
	footer.link .link-lists,.kf-sidebar{display:none;}
	.footer_bot{  line-height: initial; text-align: center; height: auto;padding:10px 0;}
	#gotop_wap{display:block;}	
	#gotop_wap {
		position: fixed;
		bottom: 80px;
		right: 5px;
		background: url(../images/gotop1.png) no-repeat 14px 15px rgba(0,0,0,0.5);   
		width: 40px;
		height: 40px;
		border-radius: 4px;
		cursor: pointer;
		z-index: 999;
	}
	.footer_fd_kuan{ display:block;width: 100%; float:left; height: 60px;}
	.footer_fd{ display:block;  width: 100%; position: fixed;  bottom: 0px;  height: 60px; background:#106398; box-shadow: 0px 0px 14px  #3b3b3b; z-index: 99999;}
	.footer_fd li{ width:16.66%; float:left; text-align:center;}
	.footer_fd li a{ color:#fff; width: 100%; float: left; line-height: 30px;}
	.footer_fd li .footer_fd_tu{ width: 100%; height:20px; float:left; text-align:center; margin-top:10px;}
	.footer_fd li .footer_fd_tu img{ height:100%;}

	.main_fr{ float: left; width: 96% !important; margin: 45px 0;}
	.main_fl{ width: 100%; margin-top:0px;}
	.main_fl_title{ padding: 2%}
	.main_fl_list li a{ padding-left:5%; width: 95%;}
	.main_fl_lx{ display:none;}
	.main_fl_list{  margin-bottom: 30px;}
	
	.n_banner{ background-size: 180% !important; height:270px !important;}

	.images_info_tu{ width:100%; overflow: hidden; border-right:0px;  border-bottom: 1px solid #dedede; padding-bottom: 30px;}
	.images_info_cont{ width: 96%; margin: 2%;}
	#showbox span,#showbox p{ display:none !important;}
	#showsum{ width: 100% !important;}
	.images_info_zx{  width: 35%;}

	.jjfa_list_cpgd{ width: 100%;} 
	.zp_list_dd,.zp_list_rs,.zp_list_sj{ display:none;}
	.zp_list_top .zp_list_gw{ width:70%;}
	.zp_cont_wap{ display:block;}

	.banner-sub {
		height: 200px;		
	}
	.banner-sub h4 {
		font-size: 18px;
	}
	.banner-sub h4:after {
		margin-top: 15px;
	}
	.banner-sub small {
		margin-top: 15px;
		font-size: 18px;
	}


	.youbb,.menu,.search,.lanlan{ display: none;} 
	.logo{padding-top:0;  transition: 0.5s;}
	.head_nav_wap{  margin-top: 35px;}
	.slide_container{ margin-top: 90px;}
	.banner-sub {
		margin-top: 90px;
	}

	.about{ height: auto; padding-top: 25px; padding-bottom: 25px;  display: inline-block;}
	.box:after{ display: none;}
	.about .box{ height: auto; position: relative;}
	.about .box .t { display: none;	}
	.about .box .left{   display: block; float: none; margin-top: 0; width: 100%;}
	.about .box .right { width: 96%; top: 0;  right: 0;position: relative; background: rgba(255,255,255,0.5); padding: 2%;}
	.about .box .right strong{ font-size: 26px;}
	.about .box .right .about_tab a{  width: 100px; height: 26px; line-height: 26px;  font-size: 14px;}
	.about .box .right .j p{  font-size: 14px;}


}

@media screen and (max-width: 799px) {
	.module-wrap .card-area .card-item{ width: 100%; height: auto;}
	.module-wrap .card-area .card-item.active{ width: 100%;}
	.module-wrap .card-area .card-item .card .card-title .content{  padding-top: 20px;}
	.module-wrap .card-area .card-item .card .card-content.content-first,.module-wrap .card-area .card-item .card .card-content.content-second{    display: none;}
	.module-wrap .card-area .card-item.active .card .card-content.content-first,.module-wrap .card-area .card-item.active .card .card-content.content-second{    display: block;}
	

	.hm_head{ padding-top: 20px; padding-bottom: 20px;}
	.hm_news{ padding-bottom: 40px;}
	.hmnews_wp{ width: 100%;}
	.hm_news .fg{ width: 100%; height: 10px;}

	#lightbox-container-image-box{ max-width: 100%; height:auto !important;}
	#lightbox-container-image img#lightbox-image{ width:100%;}
	#lightbox-container-image-data-box{ max-width: 95%;}

	.workshop_list li{ width: 46%;}
	.image_list li{ width: 46%; padding: 2%;margin-right:0px;}
	.jjfa_list li{width: 46%; padding: 2%; margin-right:0px;}
	
	.footer,.kf-sidebar{display: none;}
	#gotop_wap{display: block !important;}

	.gduo{ text-align: left;}
	.gduo span{ width: 100%;  line-height: 30px;}
}	

@media (max-width: 699px){
	
	.main_content{ width: 90%; max-width: none;}	
	.news_tb{ display:none;}
	.nnews_list li .news_cont{ width: 78%;}
	.news_cont_desc{ height:75px; overflow:hidden;}	
	.down_list li .down_cont{  width: 58%;}
	.down_tb_kuan{ width: 20%;}	
	.contact_top li{ width: 100%; border:0px; border-bottom: 1px solid #e5e5e5;}
	.cpzx_nav li{  width: 30.5%; height: 35px; overflow: hidden;}
	.cpzx_nav li a{ font-size: 12px; overflow: hidden;	text-overflow: ellipsis;white-space: nowrap;}

	.shfw li{ 
		width: 48.5%; 
	}
	.shfw li:nth-child(3){  border-top: 0;}
	.shfw li:nth-child(3n){  margin-right: 3%;}
	.shfw li:nth-child(2n){  margin-right: 0px;}
}
@media (max-width:599px){
	
	.Location{ font-size: 12px;}
	.workshop_list ul.honor_list .workshop_list_tu{  height: 250px;}
	

	.logo{ width: auto; height: 50px;}
	.logo img{ height: 100%;}
	.slide img.banner_pc{ display: none;}
	.slide img.banner_wap{ display: block;}
	
}
@media screen and (max-width: 499px) {


	.about_bot li .about_bot_tb{ width: 50px}
	.about_bot li .about_bot_title{ font-size: 12px;}
	
	.jjfa_title{ font-size: 16px;}
	.jjfa_cont_fr li .jjfa_title{ font-size: 12px;}

	.in_news_fl .in_news_tu{ position: relative; padding-bottom: 62%; overflow: hidden;}
	.in_news_fl .in_news_tu img{ position: absolute; height: 100%; object-fit: cover;}
	.in_news_fl .in_news_cont{ position: relative;}
	.in_news_fl .in_news_cont .in_news_time,.in_news_fr li .in_news_time{ font-size: 14px;}
	.in_news_fl .in_news_cont .in_news_title,.in_news_fr li .in_news_title{ font-size: 16px;}
	.in_news_fl .in_news_cont .in_news_desc,.in_news_fr li .in_news_desc{ font-size: 12px;}


	#myscroll{ height: 420px;}
		
	.workshop_list li{ width: 96%;}
	.workshop_list ul.honor_list .workshop_list_tu{ height: auto; border:0px;}
	
	.image_list li{  width: 96%;}
	
	.jjfa_list li{ width: 96%;}
	
	.news_cont_title{ font-size: 16px;}
	.nnews_list li .news_time{ font-size: 12px; line-height: 24px;  height: 100px;}
	.nnews_list li .news_time span{ font-size: 25px;}
	.news_cont_desc{ font-size: 12px; height: 65px;}
	
	.down_cont_title{ font-size: 16px;}
	.down_list li .down_time{ font-size: 12px; line-height: 24px;  height: 100px;}
	.down_list li .down_time span{ font-size: 25px;}
	.down_cont_desc{ font-size: 12px; height: 65px; margin-top: 10px;}
	.down_tb{ margin-left:0px;}
	
	.images_info_zx{ width: 100%; margin-bottom: 20px;}	
	.images_info_tel{ display:none;}
	

}



@media screen and (max-width: 399px){
	#myscroll{ height: 350px;}
}


#mask_shadow {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
  }
  #popup {
	display: none;
	opacity: 0; 
	position: absolute;
	z-index: 2;
	top: -450px;
	width: 96%;
	height: 190px;
  
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  #popup .title {
	position: relative;
	width: 100%;
	height: 55px;
	background-color: #006bbd;
	cursor: move;
  }
  #popup .title p {
	padding-left: 14px;
	line-height: 55px;
	color: #fff;
  }
  #popup .title span {
	position: absolute;
	top: 12px;
	right: 20px;
	width: 30px;
	height: 30px;
	color: #000;
	opacity: .2;
	font-size: 21px;
	cursor: pointer;
	text-align: center;
	border: 1px solid #333;
  }
  #popup .title span:hover {
	opacity: .8;
  }
  #popup .cont { width: 100%; background-color: #EDEDED;    }
  #btn_popup {
	position:relative;
  }
  .wx_tu{ 
	  width: 130px;
	  margin: 0px auto;
	  padding: 10px 0;
  }
  .wx_tu img{ 
  
	  width: 100%;
	  height: 100%;
  }
  .wx_title{
	  text-align: center;
	  color: #010101;
  }