/*max-width:411px*/
@media screen and (max-width:411px) {
	.container{margin: 0 2% !important;}
	/*header*/
	.ss{ display: none;}
	.Product-section .prort-cot .prort-param{     margin-bottom: 0% !important; }
	#slider-wrapper{ display: none;}
	.pc_search_input dl{ font-size: 16px !important;}
	.fs24 {font-size: 16px !important;}
	.fs48 {font-size: 24px !important;}
	.fs14 { font-size: 3vw !important;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	.fs18 {font-size: 3.8vw !important;}
	/* .fs16 {font-size: 3.5vw !important;} */
	.fs20 {font-size: 3.8vw !important;}
	.fs30 {font-size: 3.8vw !important;}
	.fs36 {font-size: 4.3vw !important;}
	.Product-section .prort-cot .prort-intro {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		/*line-height: 2 !important;*/
	}
	.about_banner {
	    height: 65vw;
	    position: relative;
		overflow: hidden;
	}
	.about_banner img {
	    object-fit: cover;
	    width: auto;
	    margin-left: -10vw;
	}
	.ab_four_item .dnya {
	    font-size: 5vw !important;
	    font-weight: bold;
	}
	.ab_four_item .dnyb {
	    height: 21vw;
	    line-height: 7vw;
	    font-size: 3.5vw !important;
	}
	.adv_4 .adv_list li { width: calc(100%/2) !important;}
	.adv_4 .adv_list .adv-en { font-size: 3.1vw !important;}
	.adv_4 .adv-cot .adv-lt, .adv_4 .adv-cot .adv-rt { width: 100% !important;}
	.adv_4 .adv-cot .adv-lt, .adv_4 .adv-cot .adv-rt { width: 100% !important;}
	.adv_4 .adv-cot .adv-rt .advrt-list li:before{top: 10%!important;}
	.adv_4 .adv-cot {  margin-top: 3% !important;}
	.nysm_all .slogan{ display: none;}
	.nysm_all .position{ float: left !important;}
	.abmko_list .dcot{ width: 100% !important; margin: 0px auto !important;}
	.abmko_list .dimg{ width: 100% !important;}
	.ab_four_item{ width: 50% !important;}
	.synyz{ display: none !important;}
	.synyy{ width: 100% !important;}
	.Probox-c.Pro-list { width: calc(100%/2 - 1.3%) !important;}
	.Probox-c.Pro-list:nth-of-type(3n) {margin-right: 1% !important;}
	.Probox-c.Pro-list {margin: 0 1% 2% 0 !important;}
	.Probox-c.Pro-list:after { border-bottom: 2px solid #dcdcdc !important;}
	.CPCA_list {  display: none !important;}
	.yqlj{ line-height: 45px; background: #005EB9;}
	.yqlj dt{ float: left !important; color: #fff !important; width: auto !important;}
	.yqlj a{ color: #ffff !important;}
	/*产品分类*/
	
	    .common-left { margin-bottom: 30px; display: block !important;}
	
	    .com-title { padding: 14px 14px; color: #ffffff; font-size: 16px; font-weight: bold; /*line-height: 26px;*/ background: url(../image/wicon14.png) 0 center no-repeat, #005eb9; position: relative; background-size: auto 20px; }
	
	    .com-title:after { content: ""; position: absolute; width: 12px; height: 12px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; display: block; top: 12px; right: 20px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
	
	    .common-nav { border: 1px solid #e6e6e6; border-top: 0; background: #f7f8fa; border-bottom: none; }
	
	    .common-nav ul li { border-bottom: 1px solid #e6e6e6; position: relative;}
	
	    .common-nav ul li h4 a { color: #333333; /*font-size: 14px;*/ display: block; padding: 16px 0 16px 42px; position: relative; width: 70%;}
	
	    .common-nav ul li h4 a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #b3b3b3; border-bottom: 6px solid transparent; display: block; top: 50%; margin-top: -6px; left: 20px; }
	    .common-nav ul li:after {
	        content: "";
	        position: absolute;
	        width: 8px;
	        height: 8px;
	        border-right: 1px solid #333;
	        border-top: 1px solid #333;
	        border-left: 0;
	        border-bottom: 0;
	        display: block;
	        top: 20px;
	        right: 20px;
	        -webkit-transform: rotate(45deg);
	        -ms-transform: rotate(45deg);
	        -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	        transition: all .5s;
	    }
	    .common-nav ul li.cur:after {
	        top: 15px;
	        -webkit-transform: rotate(135deg);
	        -ms-transform: rotate(135deg);
	        -o-transform: rotate(135deg);
	        transform: rotate(135deg);
	    }
	
	
	    .common-nav ul li.cur h4 a { color: #005eb9; font-weight: bold; /*background: #EBECEC;*/ }
	
	    .common-nav ul li.cur h4 a:after { border-left-color: #005eb9; }
	
	    .three-nav { display: none; padding: 8px 0;border-top: 1px solid #e6e6e6; }
	
	    .three-nav a { display: block; padding: 8px 0 8px 50px; position: relative; }
	
	    .three-nav a:after { content: ""; position: absolute; width: 4px; height: 4px; background: #999999; -webkit-border-radius: 100%; border-radius: 100%; display: block; top: 50%; margin-top: -2px; left: 37px; }
	
	    .three-nav a.cur, .three-nav a:hover { color: #005eb9; }
	
	    .three-nav a.cur:after, .three-nav a:hover:after { background: #005eb9; }
	.CP_detail .CPmkol { width: 100% !important;}
	.CP_detail .CPmkor { width: 100% !important; margin: 0% 0 0 !important; position: relative !important; left: 0 !important;}
	.CPmkol_img .dimg { height: auto !important;}
	.CP_detail .CPmkor{
	        width: 100%;
	        margin: 0% 0 0;
	        position: relative;
	        left: 0;
	    }
	    .CPmkor .CPmkor_title{
	        /*font-weight: bold;*/
	    }
	    .CPmkor .CPmkor_ys4s{
	        width: 50%;
	    }
	
	    .CPmkor .CPmkor_intro{
	        width: 100%;
	    }
	    .CPmkor .CPmkor_zxzx{
	        width: 100%;
	        padding: 2% 0;
	        text-align: center;
	        font-size: 4vw;
	        letter-spacing: 2px;
	        font-weight: bold;
	    }
	
	    .CPmkor .CPmkor_lxdh span{
	        /*font-size: 5.5vw;*/
	    }
		.news-list .news-lt, .news-list .news-rt {width: 100% !important;}
		.news-list .news-lt .newslt-box, .news-list .news-rt .newsrt-box { height: auto !important;}
		.fs18 {font-size: 3.8vw !important;}
		.news-list .news-rt .newsrt-box .nsrt-time { width: 18% !important;}
		.news-list .news-rt .newsrt-box .nsrt-txt { width: 76% !important;}
		.detail_title {font-size: 4.5vw !important;  margin: 0 0 8% 0 !important;}
		.upperandlower .next {  width: 100% !important; margin-bottom: 10px;}
		.brands-category .brds-box { width: calc(100%/2 - 1.75%) !important;}
		.brands-category .brds-box:last-of-type {  margin-right: 0 !important;}
		.brands-category .brds-box:nth-of-type(2n) { margin-right: 0 !important;}
		.brands-category .brds-box .brds-ico img {height: 9.78vw !important;}
		.partner_item {  width: 49% !important; margin: 0 2% 2% 0 !important;}
		.partner_item:nth-child(2n) {margin: 0 0 2% 0 !important;}
		.download_item {width: 49% !important;; margin: 0 2% 2% 0 !important;;}
		.download_item:nth-child(2n) { margin: 0 0 2% 0!important;}
		.video_item {width: 49% !important;; margin: 0 2% 2% 0 !important;;}
		.video_item:nth-child(2n) { margin: 0 0 2% 0!important;}
		.video_item .v-img { height: 22.85vw !important;}
		.video_item .dtit .vidtit { width: 100% !important;;}
		.video_item .dtit .vidtime { float: left !important;width: 100% !important;text-align: left !important;		}
		.contact-lt, .contact-rt {width: 100% !important; margin-top:40% !important; margin-bottom: 5% !important;}
		.contact-rt .sub-btn .tj-btn, .contact-rt .sub-btn .yzm {height: 9vw !important; line-height: 9vw !important;}
		.CP_minutiae_item { width: 100% !important; margin-bottom: 5% !important;}
		.fs66 {font-size: 7.5vw !important;}
		.contact-lt .mapbox {  height: 60vw!important;}
	.About-us .Abt-cnt .abt-ct .abt-cot{ padding: 0px !important; border-left: none !important; border-right: none !important;}
	.btn-c {  width: 22.5vw !important; height: 7vw !important; line-height: 7vw !important; padding-left: 2vw !important;	}
	.Product-section .prort-cot { padding: 3% !important;}
	.btn-c i { width: 3.15vw !important;}
	.btn-c i { right: 15% !important;}
	.Probox-c { width: 50% !important;}
	.fs48 {font-size: 5vw !important;}
	.foot_rwm{ padding: 0px !important;}
	.copyright{ width: 100%; padding: 5% 0% 15% 0% !important; background: #EEEEEE !important;  color: #333333 !important;}
	.copyright .sys2{ color: #333333 !important;}
	.copyright .sys2 a{ color: #333333 !important;}
	.Contact-us .foot_message .srk1 { width: 100% !important; border-radius: 3px !important; padding: 3% !important;}
	.Contact-us .foot_message .srk2 { width: 100% !important; border-radius: 3px !important; padding: 3% !important;}
	.Contact-us .foot_message .ann { width: 100% !important;  padding: 3% 10% !important;	}
	.fs60 {font-size: 5vw !important;}
	.foot_list{ display: none;}
	.foot_list:last-child { width: 35% !important; display: block; padding-left: 0px !important; float: none !important; margin: 0px auto;}
	.News-section .news-list .news-box { padding: 2% !important;  width: 100% !important;}
	.header{ position: inherit !important; padding: 0px !important; background: #005EB9 !important;}
	.navbar-brand{ width: 70%; float: left;}
	.menu_icon{ margin-top: 0px !important;}
	.Product-section .procnt-cot {  height: 100vw !important;}
	.Product-section .prolt-cot, .Product-section .prort-cot { width: 100% !important;}
	.Product-section .prolt-cot { height: 60vw !important;}
	.Product-section .prolt-cot img { max-height: 60vw !important; max-width: 100% !important; width: auto !important; margin: 0 auto !important;; border: none !important;}
	.probtn-switch .probtn-lt, .probtn-switch .probtn-rt { height: 8vw !important; width: 8vw !important; margin-bottom: 100%;}
	.Probox-c .prort-img .pimg { width: 22.7vw !important; height: 23.7vw !important;}
	.Probox-c:after { border-bottom: none !important;}
	.About-us .Abt-cnt .abt-lt{ width: 100%!important;}
	.About-us .Abt-cnt .abt-ct { width: 100%!important; margin: 5% 0 !important; padding: 0 !important;}
	.About-us .Abt-cnt .abt-rt { width: 100%!important;}
	.About-us .Abt-cnt .abt-lt li, .About-us .Abt-cnt .abt-rt li { margin-bottom: 10% !important;}
	/*header*/
	.top{ display: none;}
	.dnnavbj{ display: none;}
	.tb{ position:absolute; z-index:9999; top:0px; width:100%;}
	#home {	width: 100%; overflow: hidden;}
	#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
	#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 20px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 30px; width: 120px;}
	.slider-caption dl{ font-size: 20px; color: #0083f8;}
	.slider-caption p { display: none;}
	.slider-caption dl span{ color: #636363;}
	.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 5px auto;}
	.slider-caption dd{ font-size: 14px; color: #0083f8;}
	/*logo*/
	.dnlonav{display:none;}
	.sjlonav{display:block;}
	.dnlogo{float:left; width:361px; position:absolute; margin-right:9px;}
	.dnnavbj{float:right; width:800px;}
	.dytp img{ width: 100%;}
	
	/*导航*/
	.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none;}
	.menu_icon { float: right; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
	.wrap_menu { width: 300px; position: fixed; top: 0px; left: -300px; height: 100%; text-align: left; z-index: 10000001; background: #000;}
	.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold; background: rgba(255, 255, 255, 0.3); }
	.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
	.wrap_menu li.menu_close { font-size: 20px; position: absolute; top: 10px; right: 15px; color: #fff; border-bottom: none; z-index: 1000;}
	.wrap_menu li {	margin-bottom: 2px;	font-size: 14px; position: relative;}
	.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; background: #000; padding: 10px 15px; border-bottom: 1px solid #343434;}
	.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255, 255, 255, 0.8); overflow: hidden; line-height: 30px; font-size: 14px;
		border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
	.wrap_menu_2 { display: none;}
	.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
	.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
	.wrap_menu_2 a span { float: left; width: 250px;}
	/*footer*/
	.wap_footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 1000; background: #005EB9; }
	.wap_footer dl { width: 25%; float: left; text-align: center; }
	.wap_footer dt { height: 33px;}
	.wap_footer dd { color: #fff; font-size: 13px; font-weight: bold;}
	.fnav{ width: 100%; line-height: 35px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 15px; color: #636363; font-size: 12px;}
	.flx{ color: #636363; line-height: 30px; padding-left: 10px; margin-top: 20px;}
	.flx a{ color: #636363;}
	.yqlj{ background-color: #005eb9;line-height: 3.8;}
	.yqlj dt{ width: 18%; float: left; font-size: 12px;}
	.yqlj a{ color: #636363;}
	/*内页*/
	.ileft{ display: none;}
	.iright{ width:100%;}
	.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
	.icpfl dt span {font-size: 14px;font-weight: normal;}
	.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
	.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
	.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
	.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
	.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
	.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
	.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
	.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
	.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
	.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
	.mup span{float:right;padding-right:10px;}
	.mup span a{ font-size:14px; color:#808080;}
	.mup span a:hover{color:#3490CA;}
	.inews span{ display: none;}
	.nr video{ width: 100% !important;}
	
	
	/*关于我们*/
	.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
	.gywm{ background: #fff; padding: 0px 10px 10px 10px; margin: 0px 10px;}
	.gyb{ line-height: 28px; color: #676767; font-size: 13px;}
	.gsmore{ margin: 0px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
	.gsmore a{ color: #fff; font-size: 16px;}
	/*产品中心*/
	.index_title{ text-align: center;}
	.index_title .p1{ font-size: 30px; color: #818181; text-transform: Capitalize;}
	.index_title .p2{ height: 25px;	width: 2px;	background-color: #35b0fe; margin: 5px auto 5px; transform: rotate(60deg);}
	.index_title .p3{ font-size: 18px; color: #000;	}
	.pro{ padding: 30px 0 50px;}
	.pro_type_list{	text-align: center;	margin-top: 35px;	}
	.pro_type_list li{	display: inline-block; }
	.pro_type_list li a{ display: block; padding: 10px 0px;	color: #818181;	font-size: 16px; border-radius:16px; position: relative;}
	.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
	.pro_type_list li a:hover{ color: #fff;}
	.pro_list{ margin: 55px 0px 0;}
	.pro_list li{ padding: 0 6px; float: left;	overflow: hidden;}
	.pro_list li .image img{ width: 100%; }
	.pro_list li .text{	position: relative;	text-align: center;	padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px;	transition: all 0.6s;}
	.pro_list li .text .p1{	font-size: 30px; color: #686868;}
	.pro_list li .text .p2{	width: 25px;height: 2px;background-color: #fff;	margin: 25px auto 5px; display: none;}
	.pro_list li .text .p3{	color: #2d261b;	font-size: 22px; margin-top: 10px;	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text .p4{	margin: 25px 0 15px;color: #999999;	line-height: 24px;	height: 96px; display: -webkit-box;	-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;	overflow: hidden;}
	.pro_list li .text .p5{	width: 140px; height: 36px;	line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
	.pro_list li:hover .text{ background: #35b0fe;	margin-top: -70px;	height: 355px;	padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
		-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
	.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
	.pro_list li:hover .text p{	color: #fff !important;}
	.pro_list li:hover .text .p5{ color: #35b0fe !important;}
	.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
	.pro_list li:hover .text a{	color: #fff !important;}
	/*产品中心*/
	.rytp{}
	.rytp a{width:100% !important;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
	.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s; width: 100%; height: auto;}
	.rytp a img:hover{transform:scale(0.9);}
	.rytp p{line-height:40px;height:40px;text-align:center;}
	
	/*新闻中心*/
	.news{	padding: 70px 0 50px; background-color: #F1F1F1;}
	.news .news_list{	margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
	.news .news_list li a{ display: block; position: relative; overflow: hidden;}
	.news .news_list li a>div{ padding: 0;}
	.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(3) a>div{ float: right;}
	.news .news_list li a .image img{ width: 100%; opacity: 1;}
	.news .news_list li a .text{ text-align: center; padding: 0 25px 0;	font-size: 13px; position: relative; background-color: #fff; box-sizing: border-box;}
	.news .news_list li a .text:before{	content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
		right: -20px; top: 50%; margin-top: -10px;}
	.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
		border-left-color:transparent;}
	.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 16px; margin-top: 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 10px auto;}
	.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;    
		overflow: hidden;}
	.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
	}
	.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(3) a:hover .text{ position: absolute;	left: 0; width: 100%; top: 0; transition: all linear 0.5s;
	}
	.news .news_list li:nth-child(2) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute;	right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
	.news .news_list li a:hover .text:before{ display: none;}
	.news .news_list li a:hover .text .p1{ margin-top: 30px;}
	.news .news_list li a:hover .text .p2{ width: 20px;	margin: 18px auto 10px;}
	.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
	
}
/* 412-767px */
@media(min-width:412px)and (max-width:767px) {
	.container{margin: 0 2% !important;}
	/*header*/
	.ss{ display: none;}
	#slider-wrapper{ display: none;}
	.pc_search_input dl{ font-size: 16px !important;}
	.fs24 {font-size: 16px !important;}
	.fs48 {font-size: 24px !important;}
	.fs14 { font-size: 3vw !important;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	.fs18 {font-size: 3.8vw !important;}
	/* .fs16 {font-size: 3.5vw !important;} */
	.fs20 {font-size: 3.8vw !important;}
	.fs30 {font-size: 3.8vw !important;}
	.fs36 {font-size: 4.3vw !important;}
	.adv_4 .adv-cot .adv-rt .advrt-list li:before{top: 10%!important;}
	.Product-section .prort-cot .prort-intro {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.about_banner {
	    height: 65vw;
	    position: relative;
		overflow: hidden;
	}
	.about_banner img {
	    object-fit: cover;
	    width: auto;
	    margin-left: -10vw;
	}
	.banner {
	    position: relative;
		overflow: hidden;
	}
	.banner img {
	    object-fit: cover;
	    width: auto;

	}
	.ab_four_item .dnya {
	    font-size: 5vw !important;
	    font-weight: bold;
	}
	.ab_four_item .dnyb {
	    height: 21vw;
	    line-height: 7vw;
	    font-size: 3.5vw !important;
	}
	.adv_4 .adv_list li { width: calc(100%/2) !important;}
	.adv_4 .adv_list .adv-en { font-size: 3.1vw !important;}
	.adv_4 .adv-cot .adv-lt, .adv_4 .adv-cot .adv-rt { width: 100% !important;}
	.adv_4 .adv-cot .adv-lt, .adv_4 .adv-cot .adv-rt { width: 100% !important;}
	.adv_4 .adv-cot {  margin-top: 3% !important;}
	.nysm_all .slogan{ display: none;}
	.nysm_all .position{ float: left !important;}
	.abmko_list .dcot{ width: 100% !important; margin: 0px auto !important;}
	.abmko_list .dimg{ width: 100% !important;}
	.ab_four_item{ width: 50% !important;}
	.synyz{ display: none !important;}
	.synyy{ width: 100% !important;}
	.Probox-c.Pro-list { width: calc(100%/2 - 1.3%) !important;}
	.Probox-c.Pro-list:nth-of-type(3n) {margin-right: 1% !important;}
	.Probox-c.Pro-list {margin: 0 1% 2% 0 !important;}
	.Probox-c.Pro-list:after { border-bottom: 2px solid #dcdcdc !important;}
	.CPCA_list {  display: none !important;}
	/*产品分类*/
	
	    .common-left { margin-bottom: 30px; display: block !important;}
	
	    .com-title { padding: 14px 14px; color: #ffffff; font-size: 16px; font-weight: bold; /*line-height: 26px;*/ background: url(../image/wicon14.png) 0 center no-repeat, #005eb9; position: relative; background-size: auto 20px; }
	
	    .com-title:after { content: ""; position: absolute; width: 12px; height: 12px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; display: block; top: 12px; right: 20px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
	
	    .common-nav { border: 1px solid #e6e6e6; border-top: 0; background: #f7f8fa; border-bottom: none; }
	
	    .common-nav ul li { border-bottom: 1px solid #e6e6e6; position: relative;}
	
	    .common-nav ul li h4 a { color: #333333; /*font-size: 14px;*/ display: block; padding: 16px 0 16px 42px; position: relative; width: 70%;}
	
	    .common-nav ul li h4 a:after { content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #b3b3b3; border-bottom: 6px solid transparent; display: block; top: 50%; margin-top: -6px; left: 20px; }
	    .common-nav ul li:after {
	        content: "";
	        position: absolute;
	        width: 8px;
	        height: 8px;
	        border-right: 1px solid #333;
	        border-top: 1px solid #333;
	        border-left: 0;
	        border-bottom: 0;
	        display: block;
	        top: 20px;
	        right: 20px;
	        -webkit-transform: rotate(45deg);
	        -ms-transform: rotate(45deg);
	        -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	        transition: all .5s;
	    }
	    .common-nav ul li.cur:after {
	        top: 15px;
	        -webkit-transform: rotate(135deg);
	        -ms-transform: rotate(135deg);
	        -o-transform: rotate(135deg);
	        transform: rotate(135deg);
	    }
	
	
	    .common-nav ul li.cur h4 a { color: #005eb9; font-weight: bold; /*background: #EBECEC;*/ }
	
	    .common-nav ul li.cur h4 a:after { border-left-color: #005eb9; }
	
	    .three-nav { display: none; padding: 8px 0;border-top: 1px solid #e6e6e6; }
	
	    .three-nav a { display: block; padding: 8px 0 8px 50px; position: relative; }
	
	    .three-nav a:after { content: ""; position: absolute; width: 4px; height: 4px; background: #999999; -webkit-border-radius: 100%; border-radius: 100%; display: block; top: 50%; margin-top: -2px; left: 37px; }
	
	    .three-nav a.cur, .three-nav a:hover { color: #005eb9; }
	
	    .three-nav a.cur:after, .three-nav a:hover:after { background: #005eb9; }
	.CP_detail .CPmkol { width: 100% !important;}
	.CP_detail .CPmkor { width: 100% !important; margin: 0% 0 0 !important; position: relative !important; left: 0 !important;}
	.CPmkol_img .dimg { height: auto !important;}
	.CP_detail .CPmkor{
	        width: 100%;
	        margin: 0% 0 0;
	        position: relative;
	        left: 0;
	    }
	    .CPmkor .CPmkor_title{
	        /*font-weight: bold;*/
	    }
	    .CPmkor .CPmkor_ys4s{
	        width: 50%;
	    }
	
	    .CPmkor .CPmkor_intro{
	        width: 100%;
	    }
	    .CPmkor .CPmkor_zxzx{
	        width: 100%;
	        padding: 2% 0;
	        text-align: center;
	        font-size: 4vw;
	        letter-spacing: 2px;
	        font-weight: bold;
	    }
	
	    .CPmkor .CPmkor_lxdh span{
	        /*font-size: 5.5vw;*/
	    }
		.news-list .news-lt, .news-list .news-rt {width: 100% !important;}
		.news-list .news-lt .newslt-box, .news-list .news-rt .newsrt-box { height: auto !important;}
		.fs18 {font-size: 3.8vw !important;}
		.news-list .news-rt .newsrt-box .nsrt-time { width: 18% !important;}
		.news-list .news-rt .newsrt-box .nsrt-txt { width: 76% !important;}
		.detail_title {font-size: 4.5vw !important;  margin: 0 0 8% 0 !important;}
		.upperandlower .next {  width: 100% !important; margin-bottom: 10px;}
		.brands-category .brds-box { width: calc(100%/2 - 1.75%) !important;}
		.brands-category .brds-box:last-of-type {  margin-right: 0 !important;}
		.brands-category .brds-box:nth-of-type(2n) { margin-right: 0 !important;}
		.brands-category .brds-box .brds-ico img {height: 9.78vw !important;}
		.partner_item {  width: 49% !important; margin: 0 2% 2% 0 !important;}
		.partner_item:nth-child(2n) {margin: 0 0 2% 0 !important;}
		.download_item {width: 49% !important;; margin: 0 2% 2% 0 !important;;}
		.download_item:nth-child(2n) { margin: 0 0 2% 0!important;}
		.video_item {width: 49% !important;; margin: 0 2% 2% 0 !important;;}
		.video_item:nth-child(2n) { margin: 0 0 2% 0!important;}
		.video_item .v-img { height: 22.85vw !important;}
		.video_item .dtit .vidtit { width: 100% !important;;}
		.video_item .dtit .vidtime { float: left !important;width: 100% !important;text-align: left !important;		}
		.contact-lt, .contact-rt {width: 100% !important; margin-top: 5% !important; margin-bottom: 5% !important;}
		.contact-rt .sub-btn .tj-btn, .contact-rt .sub-btn .yzm {height: 9vw !important; line-height: 9vw !important;}
		.CP_minutiae_item { width: 100% !important; margin-bottom: 5% !important;}
		.fs66 {font-size: 7.5vw !important;}
		.contact-lt .mapbox {  height: 60vw!important;}
	.About-us .Abt-cnt .abt-ct .abt-cot{ padding: 0px !important; border-left: none !important; border-right: none !important;}
	.btn-c {  width: 22.5vw !important; height: 7vw !important; line-height: 7vw !important; padding-left: 2vw !important;	}
	.Product-section .prort-cot { padding: 3% !important;}
	.btn-c i { width: 3.15vw !important;}
	.btn-c i { right: 15% !important;}
	.Probox-c { width: 50% !important;}
	.fs48 {font-size: 5vw !important;}
	.foot_rwm{ padding: 0px !important;}
	.copyright{ width: 100%; padding: 5% 0% 15% 0% !important; background: #EEEEEE !important;  color: #333333 !important;}
	.copyright .sys2{ color: #333333 !important;}
	.copyright .sys2 a{ color: #333333 !important;}
	.Contact-us .foot_message .srk1 { width: 100% !important; border-radius: 3px !important; padding: 3% !important;}
	.Contact-us .foot_message .srk2 { width: 100% !important; border-radius: 3px !important; padding: 3% !important;}
	.Contact-us .foot_message .ann { width: 100% !important;  padding: 3% 10% !important;	}
	.fs60 {font-size: 5vw !important;}
	.foot_list{ display: none;}
	.foot_list:last-child { width: 35% !important; display: block; padding-left: 0px !important; float: none !important; margin: 0px auto;}
	.News-section .news-list .news-box { padding: 2% !important;  width: 100% !important;}
	.header{ padding: 0px 0px !important ; background: #005EB9 !important;}
	.navbar-brand{ width: 70%; float: left; margin: 0% 0 0 0% !important;}
	.menu_icon{ margin-top: 0px !important;}
	.header{ position: inherit !important;}
	.Product-section .procnt-cot {  height: 100vw !important;}
	.Product-section .prolt-cot, .Product-section .prort-cot { width: 100% !important;}
	.Product-section .prolt-cot { height: 60vw !important;}
	.Product-section .prolt-cot img { max-height: 60vw !important; max-width: 100% !important; width: auto !important; margin: 0 auto !important;; border: none !important;}
	.probtn-switch .probtn-lt, .probtn-switch .probtn-rt { height: 8vw !important; width: 8vw !important; margin-bottom: 100%;}
	.Probox-c .prort-img .pimg { width: 22.7vw !important; height: 23.7vw !important;}
	.Probox-c:after { border-bottom: none !important;}
	.About-us .Abt-cnt .abt-lt{ width: 100%!important;}
	.About-us .Abt-cnt .abt-ct { width: 100%!important; margin: 5% 0 !important; padding: 0 !important;}
	.About-us .Abt-cnt .abt-rt { width: 100%!important;}
	.About-us .Abt-cnt .abt-lt li, .About-us .Abt-cnt .abt-rt li { margin-bottom: 10% !important;}
	/*header*/
	.top{ display: none;}
	.dnnavbj{ display: none;}
	.tb{ position:absolute; z-index:9999; top:0px; width:100%;}
	#home {	width: 100%; overflow: hidden;}
	#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
	#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 20px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 30px; width: 120px;}
	.slider-caption dl{ font-size: 20px; color: #0083f8;}
	.slider-caption p { display: none;}
	.slider-caption dl span{ color: #636363;}
	.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 5px auto;}
	.slider-caption dd{ font-size: 14px; color: #0083f8;}
	/*logo*/
	.dnlonav{display:none;}
	.sjlonav{display:block;}
	.dnlogo{float:left; width:361px; position:absolute; margin-right:9px;}
	.dnnavbj{float:right; width:800px;}
	.dytp img{ width: 100%;}
	/*产品中心*/
	.rytp{}
	.rytp a{width:100% !important;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
	.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s; width: 100%; height: auto;}
	.rytp a img:hover{transform:scale(0.9);}
	.rytp p{line-height:40px;height:40px;text-align:center;}
	
	/*导航*/
	.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none;}
	.menu_icon { float: right; margin-top: 2rem; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-right: 0rem;}
	.wrap_menu { width: 300px; position: fixed; top: 0px; left: -300px; height: 100%; text-align: left; z-index: 10000001; background: #000;}
	.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold; background: rgba(255, 255, 255, 0.3); }
	.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
	.wrap_menu li.menu_close { font-size: 20px; position: absolute; top: 10px; right: 15px; color: #fff; border-bottom: none; z-index: 1000;}
	.wrap_menu li {	margin-bottom: 2px;	font-size: 14px; position: relative;}
	.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; background: #000; padding: 10px 15px; border-bottom: 1px solid #343434;}
	.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255, 255, 255, 0.8); overflow: hidden; line-height: 30px; font-size: 14px;
		border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
	.wrap_menu_2 { display: none;}
	.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
	.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
	.wrap_menu_2 a span { float: left; width: 250px;}
	/*footer*/
	.wap_footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 1000; background: #005EB9; margin-top: 20px;}
	.wap_footer dl { width: 25%; float: left; text-align: center; }
	.wap_footer dt { height: 33px;}
	.wap_footer dd { color: #fff; font-size: 13px; font-weight: bold;}
	.fnav{ width: 100%;  line-height: 35px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 15px; color: #636363; font-size: 12px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	.yqlj{ line-height: 45px; background: #005EB9;}
	.yqlj dt{ float: left; font-size: 12px; color: #fff;}
	.yqlj a{ color: #ffff;}
	#footer{ background: #EEEEEE !important;}
	/*内页*/
	.ileft{ display: none;}
	.iright{ width:100%;}
	.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
	.icpfl dt span {font-size: 14px;font-weight: normal;}
	.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
	.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
	.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
	.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
	.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
	.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
	.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
	.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
	.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
	.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
	.mup span{float:right;padding-right:10px;}
	.mup span a{ font-size:14px; color:#808080;}
	.mup span a:hover{color:#3490CA;}
	.nr video{ width: 100% !important;}
	
	/*关于我们*/
	.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
	.gywm{ background: #fff; padding: 20px 20px; margin: 0px 20px;}
	.gyb{ line-height: 28px; color: #676767; font-size: 13px;}
	.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
	.gsmore a{ color: #fff; font-size: 16px;}
	/*产品中心*/
	.index_title{ text-align: center;}
	.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
	.index_title .p2{ height: 25px;	width: 2px;	background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
	.index_title .p3{ font-size: 18px; color: #000;	}
	.pro{ padding: 75px 0 110px;}
	.pro_type_list{	text-align: center;	margin-top: 35px;	}
	.pro_type_list li{	display: inline-block; }
	.pro_type_list li a{ display: block; padding: 10px 0px;	color: #818181;	font-size: 16px; border-radius:16px; position: relative;}
	.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
	.pro_type_list li a:hover{ color: #fff;}
	.pro_list{ margin: 55px 0px 0;}
	.pro_list li{ padding: 0 6px; float: left;	overflow: hidden;}
	.pro_list li .image img{ width: 100%; }
	.pro_list li .text{	position: relative;	text-align: center;	padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px;	transition: all 0.6s;}
	.pro_list li .text .p1{	font-size: 30px; color: #686868;}
	.pro_list li .text .p2{	width: 25px;height: 2px;background-color: #fff;	margin: 25px auto 5px; display: none;}
	.pro_list li .text .p3{	color: #2d261b;	font-size: 22px; margin-top: 10px;	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text .p4{	margin: 25px 0 15px;color: #999999;	line-height: 24px;	height: 96px; display: -webkit-box;	-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;	overflow: hidden;}
	.pro_list li .text .p5{	width: 140px; height: 36px;	line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
	.pro_list li:hover .text{ background: #35b0fe;	margin-top: -70px;	height: 355px;	padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
		-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
	.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
	.pro_list li:hover .text p{	color: #fff !important;}
	.pro_list li:hover .text .p5{ color: #35b0fe !important;}
	.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
	.pro_list li:hover .text a{	color: #fff !important;}
	/*新闻中心*/
	.news{	padding: 70px 0 50px; background-color: #F1F1F1;}
	.news .news_list{	margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
	.news .news_list li a{ display: block; position: relative; overflow: hidden;}
	.news .news_list li a>div{ padding: 0;}
	.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(3) a>div{ float: right;}
	.news .news_list li a .image img{ width: 100%; opacity: 1;}
	.news .news_list li a .text{ text-align: center; padding: 0 25px 0;	font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
	.news .news_list li a .text:before{	content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
		right: -20px; top: 50%; margin-top: -10px;}
	.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
		border-left-color:transparent;}
	.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 20px auto;}
	.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;    
		overflow: hidden;}
	.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
	}
	.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(3) a:hover .text{ position: absolute;	left: 0; width: 100%; top: 0; transition: all linear 0.5s;
	}
	.news .news_list li:nth-child(2) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute;	right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
	.news .news_list li a:hover .text:before{ display: none;}
	.news .news_list li a:hover .text .p1{ margin-top: 70px;}
	.news .news_list li a:hover .text .p2{ width: 20px;	margin: 18px auto 10px;}
	.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
	
		
}
/* 768-1023 */
@media (min-width:768px)and (max-width:1023px) {
	.container{margin: 0 5% !important;}
	/*header*/
	.ss{ display: none;}
	.banner{ display: none;}
	.pc_search_input dl{ font-size: 16px !important;}
	.fs24 {font-size: 16px !important;}
	.fs48 {font-size: 24px !important;}
	.fs14 {font-size: 12px !important;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	.fs18 {font-size: 14px !important;}
	.fs16 {font-size: 12px !important;}
	.fs20 {font-size: 14px !important;}
	.fs30 {font-size: 14px !important;}
	.fs60 {font-size: 30px !important;}
	.about_banner{ display: none;}
	.adv_4 .adv-cot .adv-rt .advrt-list li:before{top: 10%!important;}
	/*header*/
	.sjlonav{ display: none;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	#home {	width: 100%; overflow: hidden;}
	#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
	#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
	.slider-caption dl{ font-size: 56px; color: #0083f8;}
	.slider-caption p { font-size: 12px; color: #999999;}
	.slider-caption dl span{ color: #636363;}
	.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
	.slider-caption dd{ font-size: 30px; color: #0083f8;}
	.sbj{ margin: 50px auto;}
	/*logo*/
	.dnlonav{display:block;}
	.sjlonav{display:none;}
	.dnlogo{float:left; width:30%; position:absolute;}
	.dnlogo img{ width: 95%;}
	.dnnavbj{float:right; width:65%;}
	/*导航*/
	#nav{ width:100%; display: flex; justify-content: space-between;}
	#nav li{text-align: center;line-height: 40px;}
	#nav li a{display:block;text-align:center;font-size:16px;color: #fff;}
	#nav li span{ display: inline-block; position: relative;}
	#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #fff;position: absolute;bottom: 0px;transition: all 0.6s; margin: 0px auto;}
	#nav li:hover>a span:before{width: 100%;transition: all 0.6s;}
	#nav li dl{width:300px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -20px;}
	#nav li dl dt{line-height:44px;}
	#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
	#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
	#nav li:hover dl{left:auto;}
	#nav li .leftadd{ text-transform: uppercase; position: relative;}
	#nav li .leftadd:after{ content: ''; width: 100%;height: 2px; opacity: 1; background-color: #fff; position: absolute; left: 0; bottom: 0px; right: 0; margin: 0 auto;}
	.yqlj{ line-height: 45px;  color: #fff; background: #005EB9;}
	.yqlj dt{ width: 13%; float: left; font-size: 14px; line-height: 45px; color: #fff;}
	.yqlj a{ color: #fff;}
	
	/*footer*/
	.wap_footer{ display: none;}
	.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 15px; color: #636363; font-size: 16px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	/*内页*/
	.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
	.iright{ width:77%; float:left;margin-bottom: 20px;}
	.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
	.icpfl dt span {font-size: 14px;font-weight: normal;}
	.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
	.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
	.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
	.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
	.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
	.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
	.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
	.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
	.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
	.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
	.mup span{float:right;padding-right:10px;}
	.mup span a{ font-size:14px; color:#808080;}
	.mup span a:hover{color:#3490CA;}
	.nr video{ width: 100% !important;}
	
	/*关于我们*/
	.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
	.gywm{ background: #fff; padding: 30px 40px; margin: 0px 40px;}
	.gyb{ padding-top: 20px; line-height: 28px; color: #676767; font-size: 16px;}
	.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
	.gsmore a{ color: #fff; font-size: 16px;}
	/*产品中心*/
	.index_title{ text-align: center;}
	.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
	.index_title .p2{ height: 25px;	width: 2px;	background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
	.index_title .p3{ font-size: 18px; color: #000;	}
	.pro{ padding: 75px 0 110px;}
	.pro_type_list{	text-align: center;	margin-top: 35px;	}
	.pro_type_list li{	display: inline-block; }
	.pro_type_list li a{ display: block; padding: 10px 0px;	color: #818181;	font-size: 16px; border-radius:16px; position: relative;}
	.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
	.pro_type_list li a:hover{ color: #fff;}
	.pro_list{ margin: 55px 0px 0;}
	.pro_list li{ padding: 0 6px; float: left;	overflow: hidden;}
	.pro_list li .image img{ width: 100%; }
	.pro_list li .text{	position: relative;	text-align: center;	padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px;	transition: all 0.6s;}
	.pro_list li .text .p1{	font-size: 30px; color: #686868;}
	.pro_list li .text .p2{	width: 25px;height: 2px;background-color: #fff;	margin: 25px auto 5px; display: none;}
	.pro_list li .text .p3{	color: #2d261b;	font-size: 22px; margin-top: 10px;	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text .p4{	margin: 25px 0 15px;color: #999999;	line-height: 24px;	height: 96px; display: -webkit-box;	-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;	overflow: hidden;}
	.pro_list li .text .p5{	width: 140px; height: 36px;	line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
	.pro_list li:hover .text{ background: #35b0fe;	margin-top: -70px;	height: 355px;	padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
		-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
	.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
	.pro_list li:hover .text p{	color: #fff !important;}
	.pro_list li:hover .text .p5{ color: #35b0fe !important;}
	.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
	.pro_list li:hover .text a{	color: #fff !important;}
	/*新闻中心*/
	.news{	padding: 70px 0 50px; background-color: #F1F1F1;}
	.news .news_list{	margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
	.news .news_list li a{ display: block; position: relative; overflow: hidden;}
	.news .news_list li a>div{ padding: 0;}
	.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(3) a>div{ float: right;}
	.news .news_list li a .image img{ width: 100%; opacity: 1;}
	.news .news_list li a .text{ text-align: center; padding: 0 25px 0;	font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
	.news .news_list li a .text:before{	content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
		right: -20px; top: 50%; margin-top: -10px;}
	.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
		border-left-color:transparent;}
	.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 20px auto;}
	.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;    
		overflow: hidden;}
	.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
	}
	.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(3) a:hover .text{ position: absolute;	left: 0; width: 100%; top: 0; transition: all linear 0.5s;
	}
	.news .news_list li:nth-child(2) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute;	right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
	.news .news_list li a:hover .text:before{ display: none;}
	.news .news_list li a:hover .text .p1{ margin-top: 70px;}
	.news .news_list li a:hover .text .p2{ width: 20px;	margin: 18px auto 10px;}
	.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
	
}
/* 1024-1199 */
@media(min-width:1024px)and (max-width:1199px) {
	.container{margin: 0 5% !important;}
	.ss{ display: none;}
	/*header*/
	.sjlonav{ display: none;}
	.banner{ display: none;}
	.ss{ bottom: 55% !important;}
	.about_banner{ display: none;}
	.pc_search_input dl{ font-size: 16px !important;}
	.fs24 {font-size: 16px !important;}
	.fs48 {font-size: 24px !important;}
	.fs14 {font-size: 12px !important;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	.fs18 {font-size: 14px !important;}
	.fs16 {font-size: 12px !important;}
	.fs20 {font-size: 14px !important;}
	.fs30 {font-size: 14px !important;}
	.fs60 {font-size: 30px !important;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	#home {	width: 100%; overflow: hidden;}
	#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
	#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
	.slider-caption dl{ font-size: 56px; color: #0083f8;}
	.slider-caption p { font-size: 12px; color: #999999;}
	.slider-caption dl span{ color: #636363;}
	.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
	.slider-caption dd{ font-size: 30px; color: #0083f8;}
	.sbj{ margin: 50px auto;}
	/*logo*/
	.dnlonav{display:block;}
	.sjlonav{display:none;}
	.dnlogo{float:left; width:30%; position:absolute;}
	.dnlogo img{ width: 95%;}
	.dnnavbj{float:right; width:65%;}
	/*导航*/
	#nav{ width:100%; display: flex; justify-content: space-between;}
	#nav li{text-align: center;line-height: 40px;}
	#nav li a{display:block;text-align:center;font-size:16px;color: #fff;}
	#nav li span{ display: inline-block; position: relative;}
	#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #fff;position: absolute;bottom: 0px;transition: all 0.6s; margin: 0px auto;}
	#nav li:hover>a span:before{width: 100%;transition: all 0.6s;}
	#nav li dl{width:300px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -20px;}
	#nav li dl dt{line-height:44px;}
	#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
	#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
	#nav li:hover dl{left:auto;}
	#nav li .leftadd{ text-transform: uppercase; position: relative;}
	#nav li .leftadd:after{ content: ''; width: 100%;height: 2px; opacity: 1; background-color: #fff; position: absolute; left: 0; bottom: 0px; right: 0; margin: 0 auto;}
	.yqlj{ background-color: #005eb9;line-height: 53px;}
	.yqlj dt{ float: left; font-size: 14px; color: #fff;}
	.yqlj a{ color: #fff; line-height: 53px; padding-right: 10px; font-size: 14px;}
	
	/*footer*/
	.wap_footer{ display: none;}
	.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 25px; color: #636363; font-size: 16px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
	.iright{ width:77%; float:left;margin-bottom: 20px;}
	.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
	.icpfl dt span {font-size: 14px;font-weight: normal;}
	.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
	.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
	.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
	.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
	.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
	.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
	.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
	.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
	.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
	.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
	.mup span{float:right;padding-right:10px;}
	.mup span a{ font-size:14px; color:#808080;}
	.mup span a:hover{color:#3490CA;}
	
	/*关于我们*/
	.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
	.gywm{ background: #fff; padding: 40px 40px; margin: 0px 40px;}
	.gyb{ padding-top: 20px; line-height: 35px; color: #676767; font-size: 16px;}
	.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
	.gsmore a{ color: #fff; font-size: 16px;}
	/*产品中心*/
	.index_title{ text-align: center;}
	.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
	.index_title .p2{ height: 25px;	width: 2px;	background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
	.index_title .p3{ font-size: 18px; color: #000;	}
	.pro{ padding: 75px 0 110px;}
	.pro_type_list{	text-align: center;	margin-top: 35px;	}
	.pro_type_list li{	display: inline-block; }
	.pro_type_list li a{ display: block; padding: 10px 0px;	color: #818181;	font-size: 16px; border-radius:16px; position: relative;}
	.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
	.pro_type_list li a:hover{ color: #fff;}
	.pro_list{ margin: 55px 0px 0;}
	.pro_list li{ padding: 0 6px; float: left;	overflow: hidden;}
	.pro_list li .image img{ width: 100%; }
	.pro_list li .text{	position: relative;	text-align: center;	padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px;	transition: all 0.6s;}
	.pro_list li .text .p1{	font-size: 30px; color: #686868;}
	.pro_list li .text .p2{	width: 25px;height: 2px;background-color: #fff;	margin: 25px auto 5px; display: none;}
	.pro_list li .text .p3{	color: #2d261b;	font-size: 22px; margin-top: 10px;	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text .p4{	margin: 25px 0 15px;color: #999999;	line-height: 24px;	height: 96px; display: -webkit-box;	-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;	overflow: hidden;}
	.pro_list li .text .p5{	width: 140px; height: 36px;	line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
	.pro_list li:hover .text{ background: #35b0fe;	margin-top: -70px;	height: 355px;	padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
		-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
	.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
	.pro_list li:hover .text p{	color: #fff !important;}
	.pro_list li:hover .text .p5{ color: #35b0fe !important;}
	.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
	.pro_list li:hover .text a{	color: #fff !important;}
	/*新闻中心*/
	.news{	padding: 70px 0 50px; background-color: #F1F1F1;}
	.news .news_list{	margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
	.news .news_list li a{ display: block; position: relative; overflow: hidden;}
	.news .news_list li a>div{ padding: 0;}
	.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{ float: right;}
	.news .news_list li a .image img{ width: 100%; opacity: 1;}
	.news .news_list li a .text{ text-align: center; padding: 0 25px 0;	font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
	.news .news_list li a .text:before{	content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
		right: -20px; top: 50%; margin-top: -10px;}
	.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
		border-left-color:transparent;}
	.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; }
	.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;    
		overflow: hidden;}
	.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
	}
	.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{ position: absolute;	left: 0; width: 100%; top: 0; transition: all linear 0.5s;
	}
	.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{ position: absolute;	right: 0; width: 100%; top: 0; transition: all linear 0.5s; }
	.news .news_list li a:hover .text:before{ display: none;}
	.news .news_list li a:hover .text .p1{ margin-top: 70px;}
	.news .news_list li a:hover .text .p2{ width: 20px;	margin: 18px auto 10px;}
	.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
	
}
/* 1200-1399 */
@media(min-width:1200px)and (max-width:1399px) {
	.container{margin: 0 5% !important;}
	/*header*/
	.sjlonav{ display: none;}
	.banner{ display: none;}
	.ss{ bottom: 45% !important;}
	.about_banner{ display: none;}
	.pc_search_input dl{ font-size: 18px !important;}
	.fs24 {font-size: 18px !important;}
	.fs14 {font-size: 12px !important;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	.fs18 {font-size: 14px !important;}
	.fs16 {font-size: 14px !important;}
	.fs20 {font-size: 16px !important;}
	.fs30 {font-size: 16px !important;}
	#home {	width: 100%; overflow: hidden;}
	#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
	#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
	.slider-caption dl{ font-size: 56px; color: #0083f8;}
	.slider-caption p { font-size: 12px; color: #999999;}
	.slider-caption dl span{ color: #636363;}
	.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
	.slider-caption dd{ font-size: 30px; color: #0083f8;}
	.sbj{ margin: 50px auto;}
	/*logo*/
	.dnlonav{display:block;}
	.sjlonav{display:none;}
	.dnlogo{float:left; width:27.5%;}
	.dnnavbj{float:right; width:61%;}
	/*导航*/
	#nav{ width:100%; display: flex; justify-content: space-between;}
	#nav li{text-align: center;line-height: 40px;}
	#nav li a{display:block;text-align:center;font-size:16px;color: #fff;}
	#nav li span{ display: inline-block; position: relative;}
	#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #fff;position: absolute;bottom: 0px;transition: all 0.6s; margin: 0px auto;}
	#nav li:hover>a span:before{width: 100%;transition: all 0.6s;}
	#nav li dl{width:300px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -20px;}
	#nav li dl dt{line-height:44px;}
	#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
	#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
	#nav li:hover dl{left:auto;}
	#nav li .leftadd{ text-transform: uppercase; position: relative;}
	#nav li .leftadd:after{ content: ''; width: 100%;height: 2px; opacity: 1; background-color: #fff; position: absolute; left: 0; bottom: 0px; right: 0; margin: 0 auto;}
	
	/*footer*/
	.wap_footer{ display: none;}
	.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 25px; color: #636363; font-size: 16px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	.yqlj{ background-color: #005eb9;line-height: 53px;}
	.yqlj dt{ float: left; font-size: 14px; color: #fff;}
	.yqlj a{ color: #fff; line-height: 53px; padding-right: 10px; font-size: 14px;}
	/*内页*/
	.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
	.iright{ width:77%; float:left;margin-bottom: 20px;}
	.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
	.icpfl dt span {font-size: 14px;font-weight: normal;}
	.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
	.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
	.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
	.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
	.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
	.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
	.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
	.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
	.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
	.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
	.mup span{float:right;padding-right:10px;}
	.mup span a{ font-size:14px; color:#808080;}
	.mup span a:hover{color:#3490CA;}
	
	/*关于我们*/
	.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
	.gywm{ background: #fff; padding: 40px 40px; margin: 0px 40px;}
	.gyb{ padding-top: 20px; line-height: 40px; color: #676767; font-size: 16px;}
	.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
	.gsmore a{ color: #fff; font-size: 16px;}
	/*产品中心*/
	.index_title{ text-align: center;}
	.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
	.index_title .p2{ height: 25px;	width: 2px;	background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
	.index_title .p3{ font-size: 18px; color: #000;	}
	.pro{ padding: 75px 0 110px;}
	.pro_type_list{	text-align: center;	margin-top: 35px;	}
	.pro_type_list li{	display: inline-block; }
	.pro_type_list li a{ display: block; padding: 10px 0px;	color: #818181;	font-size: 16px; border-radius:16px; position: relative;}
	.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
	.pro_type_list li a:hover{ color: #fff;}
	.pro_list{ margin: 55px 0px 0;}
	.pro_list li{ padding: 0 6px; float: left;	overflow: hidden;}
	.pro_list li .image img{ width: 100%; }
	.pro_list li .text{	position: relative;	text-align: center;	padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px;	transition: all 0.6s;}
	.pro_list li .text .p1{	font-size: 30px; color: #686868;}
	.pro_list li .text .p2{	width: 25px;height: 2px;background-color: #fff;	margin: 25px auto 5px; display: none;}
	.pro_list li .text .p3{	color: #2d261b;	font-size: 22px; margin-top: 10px;	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text .p4{	margin: 25px 0 15px;color: #999999;	line-height: 24px;	height: 96px; display: -webkit-box;	-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;	overflow: hidden;}
	.pro_list li .text .p5{	width: 140px; height: 36px;	line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
	.pro_list li:hover .text{ background: #35b0fe;	margin-top: -70px;	height: 355px;	padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
		-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
	.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
	.pro_list li:hover .text p{	color: #fff !important;}
	.pro_list li:hover .text .p5{ color: #35b0fe !important;}
	
	/*新闻中心*/
	.news{	padding: 70px 0 50px; background-color: #F1F1F1;}
	.news .news_list{	margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
	.news .news_list li a{ display: block; position: relative; overflow: hidden;}
	.news .news_list li a>div{ padding: 0;}
	.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{ float: right;}
	.news .news_list li a .image img{ width: 100%; opacity: 1;}
	.news .news_list li a .text{ text-align: center; padding: 0 25px 0;	font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
	.news .news_list li a .text:before{	content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
		right: -20px; top: 50%; margin-top: -10px;}
	.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
		border-left-color:transparent;}
	.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 35px auto 25px; }
	.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;    
		overflow: hidden;}
	.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
	}
	.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{ position: absolute;	left: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
	}
	.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{
		position: absolute;	right: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
	}
	.news .news_list li a:hover .text:before{ display: none;}
	.news .news_list li a:hover .text .p1{ margin-top: 70px;}
	.news .news_list li a:hover .text .p2{ width: 20px;	margin: 18px auto 10px;}
	.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
	
}
/* 1400 */
@media(min-width:1400px) {
	/*header*/
	
	.fs14{ font-size: 12px !important;}
	.fs30 {
	    font-size: 26px !important;
	}
	.banner{ display: none;}
	.btn-c i{ top: 0px !important;}
	.sjlonav{ display: none;}
	.about_banner{ display: none;}
	.tb{ z-index:9999; top:0px; width:100%; padding-top: 20px;}
	#home {	width: 100%; overflow: hidden;}
	#home .flexslider .mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}
	#home .btn { background: #0083F8; border-radius: 0; border: 2px solid transparent; color: #FFFFFF; font-weight: bold; margin: 40px 0 0 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 39px; width: 140px;}
	.slider-caption dl{ font-size: 56px; color: #0083f8;}
	.slider-caption p { font-size: 12px; color: #999999;}
	.slider-caption dl span{ color: #636363;}
	.slider-caption dt{ width: 70px; height: 3px; background: #0083F8; margin: 30px auto;}
	.slider-caption dd{ font-size: 30px; color: #0083f8;}
	.sbj{ margin: 50px auto;}
	/*logo*/
	.dnlonav{display:block;}
	.sjlonav{display:none;}
	.dnlogo{float:left; width:27.5%;}
	.dnnavbj{float:right; width:62%;}
	/*导航*/
	#nav{ width:100%; display: flex; justify-content: space-between;}
	#nav li{text-align: center;line-height: 65px;}
	#nav li a{display:block;text-align:center;font-size:18px;color: #fff;}
	#nav li span{ display: inline-block; position: relative;}
	#nav li>a span:before{content: "";display: block;width: 0px;height: 2px;background-color: #fff;position: absolute;bottom: 9px;transition: all 0.6s; margin: 0px auto;}
	#nav li:hover>a span:before{width: 100%;transition: all 0.6s;}
	#nav li dl{width:300px;background:#35b0fe;list-style-type:none;left:-999em;position:absolute;z-index:999999;float:left; margin-top: -20px;}
	#nav li dl dt{line-height:44px;}
	#nav li dl dt a{color:#fff;font-size:14px;line-height:44px; display: block; text-align: left; padding-left: 20px;}
	#nav li dl dt:hover{ background: #35b0fe; font-weight: bold;}
	#nav li:hover dl{left:auto;}
	#nav li .leftadd{ text-transform: uppercase; position: relative;}
	#nav li .leftadd:after{ content: ''; width: 100%;height: 2px; opacity: 1; background-color: #fff; position: absolute; left: 0; bottom: 10px; right: 0; margin: 0 auto;}

	/*footer*/
	.wap_footer{ display: none;}
	.fnav{ width: 100%; padding-top: 20px; line-height: 70px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 25px; color: #636363; font-size: 16px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	.yqlj{ background-color: #005eb9;line-height: 53px;}
	.yqlj dt{ float: left; font-size: 14px; color: #fff;}
	.yqlj a{ color: #fff; line-height: 53px; padding-right: 10px; font-size: 14px;}
	
	/*内页*/
	.ileft{ width:20%; float:left; margin-right:3%;margin-bottom: 20px; background: #F4F5F7;}
	.iright{ width:77%; float:left;margin-bottom: 20px;}
	.icpfl dt {color: #fff;font-size: 22px;font-weight: bold; padding-top: 20px;background: #35B0FE;height: 60px; text-align: center;}
	.icpfl dt span {font-size: 14px;font-weight: normal;}
	.icpfl ul{ padding:15px 0px; background-color:#f4f5f7;}
	.icpfl ul li{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px; padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a{ padding-left:20px; font-size:18px; color:#333333;}
	.icpfl ul li a:hover{color:#3490CA; font-size: 20px;}
	.icpfl ul p{ border-bottom: 1px solid #E6E6E6; line-height:60px; margin-bottom:10px;}
	.icpfl ul p a{ padding-left:20px; font-size:15px; color:#333333;}
	.icpfl ul p a:hover{color:#3490CA; font-size: 16px;}
	.icpfl ul ol{ border-bottom: 1px solid #E6E6E6; line-height:60px; height:60px; margin-bottom:10px;}
	.icpfl ul ol a{ padding-left:40px; font-size:16px; color:#333333;}
	.icpfl ul ol a:hover{color:#3490CA; font-size: 18px;}
	.mup{ height:44px;line-height: 44px;color:#333333; font-size:14px; margin: 23px 0px;}
	.mup p{height:42px;float:left; border-bottom: 4px solid #35b0fe; font-size: 20px; font-weight: bold; color: #333333;}
	.mup span{float:right;padding-right:10px;}
	.mup span a{ font-size:14px; color:#808080;}
	.mup span a:hover{color:#3490CA;}
	
	/*关于我们*/
	.gsjj{ width: 100%; background: url(../images/gsjj.jpg) no-repeat top; height: auto; padding: 100px 0px;}
	.gywm{ background: #fff; padding: 40px 40px;}
	.gyb{ padding-top: 20px; line-height: 40px; color: #676767; font-size: 16px;}
	.gsmore{ margin: 30px auto; width: 170px; height: 35px; background: #35affd; border-radius: 15px; line-height: 35px; text-align: center;}
	.gsmore a{ color: #fff; font-size: 16px;}
	/*产品中心*/
	.index_title{ text-align: center;}
	.index_title .p1{ font-size: 36px; color: #818181; text-transform: Capitalize;}
	.index_title .p2{ height: 25px;	width: 2px;	background-color: #35b0fe; margin: 15px auto 6px; transform: rotate(60deg);}
	.index_title .p3{ font-size: 18px; color: #000;	}
	.pro{ padding: 75px 0 110px;}
	.pro_type_list{	text-align: center;	margin-top: 35px;	}
	.pro_type_list li{	display: inline-block; }
	.pro_type_list li a{ display: block; padding: 10px 0px;	color: #818181;	font-size: 16px; border-radius:16px; position: relative;}
	.pro_type_list li:hover{ background: #36B0FE; border-radius: 15px;}
	.pro_type_list li a:hover{ color: #fff;}
	.pro_list{ margin: 55px 0px 0;}
	.pro_list li{ padding: 0 6px; float: left;	overflow: hidden;}
	.pro_list li .image img{ width: 100%; }
	.pro_list li .text{	position: relative;	text-align: center;	padding: 20px 20px 50px; font-size: 16px; margin-top: 0px; height: 285px;	transition: all 0.6s;}
	.pro_list li .text .p1{	font-size: 30px; color: #686868;}
	.pro_list li .text .p2{	width: 25px;height: 2px;background-color: #fff;	margin: 25px auto 5px; display: none;}
	.pro_list li .text .p3{	color: #2d261b;	font-size: 22px; margin-top: 10px;	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pro_list li .text .p4{	margin: 25px 0 15px;color: #999999;	line-height: 24px;	height: 96px; display: -webkit-box;	-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;	overflow: hidden;}
	.pro_list li .text .p5{	width: 140px; height: 36px;	line-height: 36px; color: #35b0fe; margin: 10px auto 5px; background-color: #fff;border-radius: 16px; display: none;}
	.pro_list li:hover .text{ background: #35b0fe;	margin-top: -70px;	height: 355px;	padding: 40px 20px 50px; z-index: 10; transition: all linear 0.4s;
		-webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s;}
	.pro_list li:hover .text .p2,.pro_list li:hover .text .p5{ display: block;}
	.pro_list li:hover .text p{	color: #fff !important;}
	.pro_list li:hover .text .p5 a{ color: #35b0fe !important;}
	.pro_list li:hover .text a{	color: #fff !important;}
	
	/*新闻中心*/
	.news{	padding: 70px 0 50px; background-color: #F1F1F1;}
	.news .news_list{	margin-top: 45px; border-top:1px solid #E8E8E8; border-right:1px solid #E8E8E8; }
	.news .news_list li{ padding: 0; background-color: #fff; border-bottom:1px solid #E8E8E8; border-left:1px solid #E8E8E8;}
	.news .news_list li a{ display: block; position: relative; overflow: hidden;}
	.news .news_list li a>div{ padding: 0;}
	.news .news_list li:nth-child(1) a>div,.news .news_list li:nth-child(2) a>div{ float: right;}
	.news .news_list li a .image img{ width: 100%; opacity: 1;}
	.news .news_list li a .text{ text-align: center; padding: 0 25px 0;	font-size: 16px; position: relative; background-color: #fff; box-sizing: border-box;}
	.news .news_list li a .text:before{	content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-left-color:#fff; position: absolute;
		right: -20px; top: 50%; margin-top: -10px;}
	.news .news_list li:nth-child(3) a .text:before,.news .news_list li:nth-child(4) a .text:before{ right: 0; left: -20px; border-right-color:#fff;
		border-left-color:transparent;}
	.news .news_list li a .text .p1{ color: #1c1c1c; font-size: 18px; margin-top: 45px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news .news_list li a .text .p2{ width: 33px; height: 3px; background-color:#35b0fe; margin: 35px auto 25px; }
	.news .news_list li a .text .p3{ color: #858585; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;    
		overflow: hidden;}
	.news .news_list li a .text .p4{ width: 104px; height: 30px; line-height: 30px; color: #fff; background-color: #35b0fe; color: #fff; margin: 20px auto 0;
	}
	.news .news_list li:nth-child(1) a:hover .text,.news .news_list li:nth-child(2) a:hover .text{ position: absolute;	left: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
	}
	.news .news_list li:nth-child(3) a:hover .text,.news .news_list li:nth-child(4) a:hover .text{
		position: absolute;	right: 0; width: 100%; top: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s;
	}
	.news .news_list li a:hover .text:before{ display: none;}
	.news .news_list li a:hover .text .p1{ margin-top: 70px;}
	.news .news_list li a:hover .text .p2{ width: 20px;	margin: 18px auto 10px;}
	.news .news_list li:hover a .image img{ opacity: 0; transition: all linear 0.5s; -webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
}
	
	
	.nrys{  font-size: 14px; line-height: 32px;}
	.titleSet{ font-size:20px;}
	.p_news{}
	.p_news li{ width: 46%; margin: 0px 4% 0px 0px; float: left; border-bottom: 1px solid #ccc; background: url(../images/icon.png) no-repeat 15px center; line-height: 35px;}
	.p_news li span{ float: right; padding-right: 20px; color: #333;}
	.p_news a{ color: #333; padding-left: 35px;}
	

.clear{clear:both;}
.header{position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; padding-top: 1.5%; padding-bottom: 5%; background: url(../images/head_bg.png) no-repeat top; background-size: 100%;}
.container { max-width: 1600px;  margin: 0 auto;}
#footer{   background-color: #313131; position: relative; padding: 3.8% 0 2%; overflow: hidden;}
.foot_list{ width: 29%; float: left; padding-left: 3%; position: relative;}
.foot_list:after{ display: none; content: "";position: absolute; width: 1px; height: 10vw; left: 0; top: 0;background-color: #FFFFFF;}
.foot_list:nth-of-type(1){padding: 0 7.5% 0 2.8%;}
.foot_list:nth-of-type(2){width: 11%;}
.foot_list:nth-of-type(3){ width: 42%;}
.foot_list:last-child{ width: 11.5%;}
.foot_list:last-child:after{ display: none;}
.foot_list .foot_title{ color: #eeeeee; margin-bottom: 10%; padding-top: 2%; letter-spacing: 1px;}
.foot_list .foot_title span{ color: #005eb9; padding-left: 5%; letter-spacing: 1px; font-weight: bold;}
.foot_list .foot_ul{ position: relative;}
.foot_list .foot_ul li{ color: #eeeeee; float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 2.5; font-size: 14px;}
.foot_list .foot_ul li a{ color: #eeeeee; font-size: 14px;}
.foot_list .ulli50 li{ width: 35%; margin-right: 5%;}
.foot_list .ulli100 li{ width: 90%;}
.foot_rwm{ padding: 16% 0 0;}
.foot_rwm .foot_ewm_nr{ width: 100%; float: left; text-align: center; color: #ffffff; line-height: 2;}
.foot_rwm .foot_ewm_nr img{ /*max-width: 120px;*/ margin: 0 auto; width: 100%;}
.foot_rwm .foot_ewm_nr .v_360{ display: flex; align-items: center; background-color: #005eb9; padding: 5px 10px; margin-top: 5%; color: #eee; font-size: 14px;}
.foot_rwm .foot_ewm_nr .v_360 img{  width: 5vw; max-width: 22px;}
.copyright{ background-color: #313131; color: #cccccc; text-align: center; z-index: 99; position: relative; padding: 0 32% 0;}
.copyright_all{ position: relative; padding: 1% 0;}
.copyright_all:after{ display: none; content: ""; position: absolute; width: 8%; height: 8px; background-color: #005eb9; left: 0; top: -10px;}
.copyright .sys2{ border-top: 1px solid #bfbfbf; padding: 3.5% 0; color: #eee; font-size: 14px;}
.copyright .sys2 a{ color: #eee; font-size: 14px;}
.nysm_all{ position: relative; padding: 0 0 4% 0; color: #333333;}
.nysm_all .slogan{
    width: 31.25%;
    float: left;
}
.nysm_all .slogan .crumbs-en{
    text-transform: uppercase;
    margin-bottom: 3%;
}

.nysm_all .slogan .crumbs-en span{
    font-weight: bold;
    position: relative;
    padding-left: 1.5em;
    overflow: hidden;
}
.nysm_all .slogan .crumbs-en span:before{
    position: absolute;
     content: '▋';
    left: 0;
    top: 4px;
    padding-left: 3px;
    bottom: 0;
    font-style: italic;
    height: 66%;
    color: #005eb9;
    overflow: hidden;
}
.nysm_all .slogan .crumbs-zh{
    padding-left: 1.5em;
}
.nysm_all .position{
    width: 60%;
    float: right;
    line-height: 2;
    text-align: right;
    padding-top: 5px;
    letter-spacing: 1px;
}
.nysm_all .position_home{
    background: url(../images/home.png) no-repeat left;
    padding-left: 25px;
    background-size: 22%;
}
.ab_mko {
    padding: 2.5% 0 8%;
}
.nysm_all .position .gt:last-child{ display: none;}
.abmko_list{
    position: relative;
}

.abmko_list .dimg{
    width: 40.875%;
    float: right;
}

.abmko_list .company-tab{
    margin-bottom: 3%;
}
.abmko_list .company-tab li{
    float: left;
    padding: 1.8% 6%;
    background-color: #dcdcdc;
    color: #666666;
    cursor: pointer;
}
.abmko_list .company-tab li.on{
    color: white;
    background-color: #005eb9;
}
.abmko_list .cmpy-cnt{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.abmko_list .cmpy-cnt li{
    float: left;
    width: calc(100%/2 - 1%);
    margin: 0 1% 1% 0;
}
.abmko_list .cmpy-cnt li img{ width: 100%;}
.ab_four{
    padding:0 0 3% 0;
    position: relative;
    width: 100%;
    color: #005eb9;
}
.ab_four_item{
    width: 25%;
    text-align: center;
    float: left;
    line-height: 1.5;
}
.ab_four_item .dnyb{
    color: #333333;
}
.ab_four_item .dnya{
    margin: 0 0 0% 0;
    position: relative;
}
.ab_four_item .dnya:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 45%;
    right: 0;
    top: 25%;
    background-color: white;
}
.ab_four_item:last-of-type .dnya:after{
    display: none;
}
.fs58 {
    font-size: 3vw;
}

.abmko_list .dcot{
    float: left;
    width: 51%;
    line-height: 2;
    margin: 0 5% 0 0;
}
.abmko_list .dcot .dtit{
    padding: 0 0 2% 0;
    color: #005eb9;
}
.abmko_list .dcot .dint{
    text-indent: 2em;
    letter-spacing: 1px;
    line-height: 2.5;
}
.adv_4{
    background-color: #eeeeee;
    padding: 2.5% 0;
}
.adv_4 .adv_list{
    background-color: white;
}
.adv_4 .adv_list li{
    float: left;
    width: calc(100%/4);
    text-align: center;
    border: 1px solid #dcdcdc;
    padding: 1.5% 0;
    transition: all .5s;
    position: relative;
    z-index: 1;
}
.adv_4 .adv_list li.on{
    color: white;
}
.adv_4 .adv_list li:before{
    color: white;
    position: absolute;
    content: '';
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #005eb9;
    z-index: -1;
    transition: all .5s;
}
.adv_4 .adv_list li.on:before{
    height: 100%;
}
.adv_4 .adv_list li.on .adv-en,.adv_4 .adv_list li.on .adv-num{
    color: white;
}
.adv_4 .adv_list li:nth-of-type(n+2){
    border-left: none;
}
.adv_4 .adv_list .adv-num{
    color: #005eb9;
    font-family: Arial;
}
.adv_4 .adv_list .adv-tit{
    margin: 2% 0;
}
.adv_4 .adv_list .adv-en{
    font-family: Arial;
    color: #999999;
}
.adv_4 .adv-cot{
    margin-top: 3%;
}
.adv_4 .adv-cot .adv-box{
    display: flex;
}
.adv_4 .adv-cot .adv-lt{
    float: left;
    width: 50%;
}
.adv_4 .adv-cot .adv-lt .advlt-img{
    overflow: hidden;
}
.adv_4 .adv-cot .adv-rt{
    float: right;
    width: 50%;
    padding: 2.6% 5% 0;
    background-color: white;
}
.adv_4 .adv-cot .adv-rt .advrt-en{
    line-height: 2;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1.8%;
}
.adv_4 .adv-cot .adv-rt .advrt-en:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 10%;
    height: 2px;
    background-color: #005eb9;
}
.adv_4 .adv-cot .adv-rt .advrt-list{
    margin-top: 5%;
}
.adv_4 .adv-cot .adv-rt .advrt-list li{
    position: relative;
    margin-bottom: 4.9%;
    text-indent: 1em;
}
.adv_4 .adv-cot .adv-rt .advrt-list li:last-of-type{
    margin-bottom: 0;
}
.adv_4 .adv-cot .adv-rt .advrt-list li:before{
    position: absolute;
    content: '';
    left: 0;
    top: 30%;
    width: 8px;
    height: 8px;
    background-color: #005eb9;
    border-radius: 50%;
}
.adv_4 .adv-cot .adv-box:hover .advlt-img img{
    transform: scale(1.05);
}
.public_title{
    text-align: center;
    line-height: 1.5;
}
.public_title .ny_cn{
    /*font-size: 42px;*/
    font-weight: bold;
    letter-spacing: 5px;
    position: relative;
    display: inline-block;
}
.public_title .ny_en{
    /*font-size: 24px;*/
    font-family: "Segoe UI Emoji";
    letter-spacing: 1px;
    text-transform: uppercase;
}
.public_title .tit_zh{
    font-weight: bold;
    letter-spacing: 5px;
    position: relative;
    display: inline-block;
}
.public_title .tit_en{
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d6d6d6;
}
.public_title .ptcn{
    color: #333333;
    margin-bottom: 1%;
    font-family: "æ€æºé»‘ä½“ CN Medium";
}
.public_title .intro{
    color: #666666;
    padding-bottom: 2%;
    margin-bottom: 2.5%;
    position: relative;
}
.public_title .intro:before{
    position: absolute;
    content: '';
    left: 47.6%;
    bottom: 20%;
    width: 5%;
    height: 2px;
    background-color: #005eb9;
}


.public_title .tit_zh:after{
    content: "";
    position: absolute;
    width: 85%;
    height: 5%;
    background-color: #666666;
    left: -100%;
    top: 48%;
}
.public_title .tit_zh:before{
    content: "";
    position: absolute;
    width: 85%;
    height: 5%;
    background-color: #666666;
    right: -100%;
    top: 48%;
}
.public_title.syysb{
    color: #FFFFFF;
}
.public_title.syysh{
    color: #333333;
}
.content_main {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 2.2% 0;
}
.synyz{
    width: 23.35%;
    float: left;
    padding: 0 0 5% 0;
}

.synyy{
    width: 74.95%;
    float: right;
}

.cpCaAN{
    margin: 5% 0 0 0;
    width: 100%;
    padding: 3% 5%;
    font-size: 4vw;
    letter-spacing: 2px;
    background-color: #005eb9;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    display: none;
}
.CAchoice{
    width: 100%;
    margin: 0 0 0% 0;
}
.CAchoice .Pca_title{
    /*font-size: 30px;*/
    background-color: #005eb9;
    color: #FFFFFF;
    text-align: center;
    padding: 7% 0;
    font-weight: bold;
    /*letter-spacing: 2px;*/
}
.CAchoice .Pca_list{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #005eb9;
}
.CAchoice .Pca_list ul li{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
    background: url(../images/Pca_img.png) no-repeat left;
    padding: 0 0 0 10%;
    background-size: 6.65%;
}
.CAchoice .Pca_list ul li:last-child{
    border-bottom: 0;
}
.CAchoice .Pca_list ul li .Pca_a{
    padding: 7% 0;
    display: block;
    font-weight: bold;
    color: #333333;
}
.CAchoice .Pca_list ul li:hover .Pca_a{
    color: #005eb9;
}
.CAchoice .Pca_list ul li.on  .Pca_a{
    color: #005eb9;
}


.CAchoice{
    width: 100%;
    margin: 0 0 0% 0;
}
.CAchoice .Pca_title{
    /*font-size: 30px;*/
    background-color: #005eb9;
    color: #FFFFFF;
    text-align: center;
    padding: 7% 0;
    font-weight: bold;
    /*letter-spacing: 2px;*/
}
.CAchoice .Pca_list{
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    border-bottom: 15px solid #005eb9;
}
.CAchoice .Pca_list ul li{
    line-height: 1.6;
    border-bottom: 1px dashed #ccc;
    background: url(../images/Pca_img.png) no-repeat left;
    padding: 0 0 0 10%;
    background-size: 6.65%;
}
.CAchoice .Pca_list ul li:last-child{
    border-bottom: 0;
}
.CAchoice .Pca_list ul li .Pca_a{
    padding: 7% 0;
    display: block;
    font-weight: bold;
    color: #333333;
}
.CAchoice .Pca_list ul li:hover .Pca_a{
    color: #005eb9;
}
.CAchoice .Pca_list ul li.on  .Pca_a{
    color: #005eb9;
}
.CPCA_list{
    position: relative;
}
.CPCA_item{
    width: 14.28%;
    float: left;
    text-align: center;
    background-color: #005eb9;
    color: #FFFFFF;
    line-height: 1.5;
    position: relative;
    transition: all .5s;
	margin: 0 0 5% 0;
}
.CPCA_item:first-of-type{
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.CPCA_item:last-child{
    margin: 0 0 5% 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.CPCA_item .PA_a{
    display: block;
    padding: 12% 0 12%;
}
.CPCA_item .PA_mc{
    position: relative;
    color: white;
}
.CPCA_item .PA_mc:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ffffff;
    bottom: 0;
    right: 0px;
    z-index: 1;
    overflow: hidden;
}
.CPCA_item:last-of-type .PA_mc:after{
    display: none;
}
.CPCA_item .on:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 1%;
    bottom: 3%;
    border: 0;
    z-index: 0;
    transition: all .5s;
}
.CPCA_item .on:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: 1%;
    bottom: 3%;
    border: 0;
    border-radius: 0;
    z-index: 0;
    transition: all .5s;
}
.CPCA_item:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: 1%;
    bottom: 3%;
    border: 0;
    z-index: 0;
    transition: all .5s;
}
.CPCA_item:after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: 1%;
    bottom: 3%;
    border: 0;
    border-radius: 0;
    z-index: 0;
    transition: all .5s;
}
.CPCA_item .on:before,.CPCA_item:hover:before{
    border: solid 10px transparent;
    border-left-color: #005eb9;
    border-bottom-color: #005eb9;
}
.CPCA_item .on:after,.CPCA_item:hover:after{
    border: solid 10px transparent;
    border-right-color: #005eb9;
    border-bottom-color: #005eb9;
}
.CPCA_item .on{
    background-color: #ffffff;
    color: #005eb9;
    box-shadow: 0 1px 6px rgba(0,94,185,.15);
	border-left-color: #005eb9;
	border-bottom-color: #005eb9;
	border-right-color: #005eb9;
}
.CPCA_item a:hover .PA_mc,.CPCA_item.on .PA_mc{
    color: #005eb9;
}
.CPCA_item a:hover{
    background-color: #ffffff;
    color: #005eb9;
    box-shadow: 0 1px 6px rgba(0,94,185,.15);
}
.CPCA_item .on .PA_mc{color: #005eb9;}
.navMenubox {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    padding: 0 10%;
    background-color: #FFFFFF;
}
.navMenu .xlCAli{
    line-height: 1.6;
    border-bottom: 1px dashed #c0c0c0;
}
.navMenu .xlCAli:last-of-type{
    border: none;
}

.navMenu .xlCAli .xlCAnr{
    background: url(../images/Pca_img.png) no-repeat left;
    background-size: 6.65%;
    display: block;
    color: #333333;
    transition: all 0.3s;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    overflow:hidden;
    padding: 7% 0 7% 10%;
    letter-spacing: 1px;
}
.navMenu .xlCAli .xlCAnr:after{
    content: '';
    position: absolute;
    background: url(../images/Pcaarrow.png) no-repeat center;
    right: 0;
    top: 30%;
    padding: 4%;
    background-size: 100%;
    filter: grayscale(1);
    transform:rotate(-90deg);
    transition: all 0.3s;
}
.navMenu .xlCAli .xlCAnr.active .nyt{
    color: #005eb9;
}
.navMenu .xlCAli .xlCAnr.active .nyt a{ color: #005eb9;}
.navMenu .xlCAli .xlCAnr.active:after{
    transform:rotate(0);
    filter: grayscale(0);
}
.navMenu .nyt{
    width: 80%;
    float: left;
}

.navMenu .xlCAli .xlCAnr .arrow {
    padding: 3%;

    background-size: cover;
    display: inline-block;
    float: right;
    transition: all 0.3s;
    margin: 2.5% 0 0;
}
.navMenu .open .arrow {
    transform:rotate(90deg);
}


.navMenu>li>div.active, .navMenu>li>div:hover {
    color: #005eb9;
}

.navMenu .xlCAli .sub-menu{
    display: none;
}

.navMenu>li.active > ul.sub-menu, .navMenu>li>ul.sub-menu>li.active >ul.sub-menu {
}

.navMenu .xlCAli .sub-menu .xlCBli {
    background: none;
    border-top: 1px dashed #c0c0c0;
}
.navMenu .xlCAli .sub-menu .xlCBli .xlCBlia{
    padding: 7% 0 7% 8%;
    width: 100%;
    display: block;
    color: #666666;
    transition: all 0.3s;
    background: url(../images/cparrow.png)no-repeat left;
    background-size: 4%;
}

.navMenu>li>ul.sub-menu li>div {
    display: block;
    font-size: 14px;
    line-height: 65px;
    padding: 0 20px;
    color: #333333;
    clear: both;
    border-bottom: 1px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li:last-child>div{
    border-bottom: 0px dashed #cccccc;
}
.navMenu>li>ul.sub-menu li>div.active, .navMenu>li>ul.sub-menu li>div:hover, .navMenu>li>ul.sub-menu>li.active >div {
    color: #005eb9;
}
.navMenu .xlCAli .sub-menu .on .xlCBlia{
    color: #005eb9;
}
.navMenu .xlCAli .sub-menu .xlCBli:hover .xlCBlia{
    color: #005eb9;
}
.Plxall{
    border: 1px solid #005eb9;
    padding: 5% 2% 10% 4%;
    background-color: #005eb9;
    color: white;
}
.Plxall .Plx_ico{
    text-align: center;
}
.Plxall .Plx_ico img{
    width: 1.667vw;
    max-width: 32px;
}
.Plxall .Plx_title{
    border-bottom: 1px solid #ffffff;
    text-align: center;
    padding: 2% 0 5% 0;
    margin:  0 6% 8% 3%;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.6;
    letter-spacing: 1px;
}
.Plxall .Plx_list{
    width: 100%;
}
.Plxall .Plx_int{
    line-height: 1.6;
    margin: 0 0 3% 0;
    padding: 0 0 0 11%;
}
.Plxall .Plx_int:nth-of-type(1){
    background: url(../images/Plx_int1.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_int:nth-of-type(2){
    background: url(../images/Plx_int2.png) no-repeat left;
    background-size: 8.35%;
    margin: 0 0 3% 0;
}
.Plxall .Plx_int:nth-of-type(3){
    background: url(../images/Plx_int3.png) no-repeat left 8%;
    background-size: 8.35%;
    line-height: 2;
}
.Plxall .Plx_int:nth-of-type(4){
    background: url(../images/Plx_int3.png) no-repeat left;
    background-size: 8.35%;
}
.Plxall .Plx_an{
    float: left;
    margin: 5% 0 0 12%;
    background-color: #ffffff;
    padding: 5% 18% 5% 6%;
    border-radius: 30px;
    text-align: left;
    position: relative;
    box-shadow: 0 1px 10px #cccccc;
    color: #333333;
}
.Plxall .Plx_an:after{
    content: '';
    position: absolute;
    padding: 12%;
    border-radius: 50%;
    background: url(../images/honor_arrow.png) no-repeat center;
    background-color: #005eb9;
    background-size: 100%;
    right: 10%;
    top: 18%;
}
.NyCaall{
    width: 100%;
    position: relative;
    margin: 0 0 3% 0;
}
.NyLsall{
    width: 100%;
    position: relative;
}

.Probox-c.Pro-list{
    width: calc(100%/3 - 1.5%);
    margin: 0 2% 2% 0;
}
.Probox-c.Pro-list:before{
    right: -2px;
    bottom: -3px;
    z-index: 0;
}
.Probox-c.Pro-list:after{
    border-left: 2px solid #dcdcdc;
}
.Probox-c.Pro-list:nth-of-type(3n){
    margin-right: 0;
}
.CP_detail{

}
.CP_detail .CP_mko{
    margin: 0 0 5% 0;
    position: relative;
}
.CP_detail .CPmkol{
    width: 43%;
    float: left;
}
.CP_detail .CPmkor{
    width: 100%;
    float: right;
    padding: 0 4% 0 4%;
    line-height: 2;
    left: 43%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.CP_detail .CPmkor:before{
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: url("../images/bgd.png");
    background-size: contain;
}
.cpw{ width: 57%; float: left;}
.CPmkol_list{
    width: 100%;
    margin: 0 0 0% 0;
}
.CPmkol_list .viall {
    width: 100%;
}
.CPmkol_list .viall video{
    width: 100%;
}
.CPmkol_img{
    background-color: #ffffff;
    position: relative;
    border: 2px solid #005eb9;
}
.CPmkol_img .dimg{
    width: 100%;
    height: 26.65vw;
    overflow: hidden;
}

.CPmkol_img .dtit{
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 3%;
}
.CPmkol_img .dsy{
    position: absolute;
    width: 8.825%;
    right: 10%;
    top: 0;
    padding: 12.5% 0;
    background: url(../image/Pl_logos.png) no-repeat center;
    background-size: cover;
}
.CPmkol_img:hover .dimg img{
    transform: scale(1.1);
}


.CPmkol_item{
    width: 100%;
}

.CPmkol_item ul li{
    width: 50%;
    float: left;
    background-color: #201f1f;
    color: #FFFFFF;
    padding: 2% 0;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 2px;
    cursor: pointer;
}
.CPmkol_item ul li.on{
    background-color: #005eb9;
}


.CPmkor .CPmkor_title{
    color: #005eb9;
    font-style: italic;
    padding: 1.8% 0 3% 0;
}
.CPmkor .CPmkor_ys4{
    margin: 0 0 4.5% 0;
}
.CPmkor .CPmkor_ys4 dl{ width: 50%; float: left;}
.CPmkor .CPmkor_ys4 p{
    width: 35%;
    float: left;
    color: #666666;
}

.CPmkor .CPmkor_ys4s{
    color: #666666;
    float: left;
    width: 35%;
}
.CPmkor .CPmkor_intro{
    color: #666666;
    width: 85%;
}
.CPmkor .CPmkor_zxzx{
    color: #FFFFFF;
    background-color: #005eb9;
    display: inline-block;
    padding: 0.5% 5%;
    margin: 5% 0 3%;
}
.CPmkor .CPmkor_lxdh{
    color: #333333;
    display: flex;
    align-items: center;
}
.CPmkor .CPmkor_lxdh img{
    margin-right: 1%;
}
.CPmkor .CPmkor_lxdh span{
    color: #005eb9;
    font-weight: bold;
}
.CPmkor .CPmkor_consult{
    margin-top: 3%;
}

.CP_content{
    position: relative;
}
.CPc_title{
    text-align: center;
    padding: 0 0 3% 0;
}
.CPc_title .CPc_title_cn{
    color: #333333;
    position: relative;
    /*width: 100%;*/
    line-height: 2;
    display: inline-block;
    letter-spacing: 1px;
}
.CPc_title .CPc_title_cn:after{
    display: none;
    content: '';
    position: absolute;
    width: 22%;
    height: 1px;
    background-color: #333333;
    left: 39%;
    bottom: 0;

}
.CPc_title .CPc_title_cn:before{
    content: '';
    position: absolute;
    width: 40%;
    left: 31.5%;
    bottom: 5%;
    height: 2px;
    background-color: #005eb9;
    z-index: 2;
}
.CPc_title  .CPc_title_sz{
    color: #005eb9;
    font-size: 58px;
    font-weight: bold;
    margin: 0 5px 0 2px;
    font-style: italic;
}
.CPc_title .CPc_title_en{
    margin-top: 1%;
    color: #333333;
    font-family: "Segoe UI Emoji";
    text-transform: uppercase;
}

.CPc_all{
    width: 100%;
    overflow: hidden;
    padding: 0 0 5% 0;
    /*line-height: 0;*/
}
.CPc_all img{
    max-width: 100%;
}
.content_all{
    width: 100%;
    position: relative;
}
.news-list{

}
.news-list .news-lt{
    width: 48%;
    float: left;
}
.news-list .news-lt .newslt-cate,
.news-list .news-rt .newsrt-cate{
    line-height: 2;
    margin-bottom: 1%;
}
.news-list .news-lt .newslt-box{
    position: relative;
    margin-bottom: 2.5%;
    height: 13.65vw;
    transition: all .5s;
    overflow: hidden;
}
.news-list .news-lt .newslt-box:hover .newslt-txt{
    background-color: rgb(0,94, 185,.75);
}
.news-list .news-lt .newslt-box:hover img{
    transform: scale(1.05);
}


.news-list .news-lt .newslt-box .newslt-txt{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    line-height: 1.8;
    color: white;
    padding: .5% 2%;
    background-color: rgba(0,0,0,0.3);
    transition: all .5s;
}
.news-list .news-rt{}
.news-list .news-rt .newsrt-box{
    padding: 1%;
    margin-bottom: 1.5%;
    min-height: 6.3vw;
    background-color: #e5e5e5;
    overflow: hidden;
    transition: all .5s;
}
.news-list .news-rt .newsrt-box .nsrt-time{
    float: left;
    width: 8%;
    text-align: center;
	line-height: 1;
}
.news-list .news-rt .newsrt-box .nsrt-time p:first-of-type{
	padding-bottom: 10%;
}

.news-list .news-rt .newsrt-box .nsrt-txt{
    float: right;
    width: 90%;
    line-height: 1.8;
}
.news-list .news-rt .newsrt-box .nsrt-txt .nsrt-tit{

}
.news-list .news-rt .newsrt-box:hover{
    background-color: #005eb9;
}
.news-list .news-rt .newsrt-box:hover a{
    color: white;
}
.news-list .news-rt .newsrt-box:hover a .fs16{
    color: white;
}
.news_item{
    width: 31%;
    float: left;
    margin: 0 3.5% 3.5% 0;
    position: relative;
}
.news_item:nth-child(3n){
    margin: 0 0 3.5% 0;
}
.news_item .dimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.news_item .dcot{
    width: 100%;
    background-color: #201f1f;
    color: #FFFFFF;
    padding: 3% 7% 4%;
    line-height: 2;
    position: relative;
}
.news_item .dcot .dtit{
    width: 65%;
}
.news_item .dcot .dint{
    padding: 2% 0 0 0;
}
.news_item .dcot .dtime{
    position: absolute;
    right: 7%;
    width: 30%;
    top: 16%;
    text-align: right;
}
.news_item .darrow{
    position: absolute;
    width: 17.5%;
    top: 40%;
    height: 20%;
    right: 0;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 2;
    background: url(../images/news_arrow.png) no-repeat center;
    background-color: #005eb9;
    background-size: 100%;
}

.news_item:hover .dimg img{
    transform: scale(1.1);
}

.CP_minutiae{
    padding: 1.5% 0 2.5% 0;
    background: #f9f9f9;
}

.CP_minutiae_item{
    width: 31.65%;
    float: left;
    margin: 0 2.5% 0 0;
}
.CP_minutiae_item:nth-child(3n){
    margin: 0 0 2.5% 0;
}

.CP_minutiae_item .dimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.CP_minutiae_item  .fl_layer{
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    padding: 0 7%;
    left: -100%;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 94, 185,.75);
    transition: all .8s;
}
.CP_minutiae_item  .fl_layer p{
    position: relative;
    padding-left: 1em;
    line-height: 1.8;
}
.CP_minutiae_item  .fl_layer p:after{
    position: absolute;
    content: '●';
    left: 0;
    top: -1px;
    width: 10px;
    height: 10px;
}

.CP_minutiae_item .dcot{
    padding: 2% 5%;
}
.CP_minutiae_item .dcot .dnum{
    color: #dbdbdb;
    font-family: DIN;
    transition: all .5s;
}
.CP_minutiae_item .dcot .dtit{
    margin: 5% 0;
    color: #666666;
}
.CP_minutiae_item .dcot .dint{
}
.CP_minutiae_item:hover .dimg img{
    transform: scale(1.1);
}
.CP_minutiae_item:hover .dnum{
    color: #005eb9;
}
.CP_minutiae_item:hover .fl_layer{
    left: 0;
}
.fs66 {
    font-size: 3.438vw;
}

.detail_title{
    font-size: 1.8vw;
    color: #333333;
    text-align: center;
    line-height: 1.5;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 3% 0;
}
.detail_title:after{
    content: "";
    position: absolute;
    width: 10%;
    height: 4px;
    background-color: #005eb9;
    left: 45%;
    bottom: -15px;
}

.detail_content{
    width: 100%;
    overflow: hidden;
	font-size: 14px;
	line-height: 2;
}
.detail_content img{
    max-width: 100%;
}
.upperandlower {
    padding: 1% 0 0 0;
}
.upperandlower .next{
    width: 25%;
    background-color: #626262;
    padding: 1.5% 2%;
    color: #ffffff;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.upperandlower .next .arrow{
    margin: 0 10%;
}
.upperandlower .next *{
    color: #ffffff!important;
}
.upperandlower .tl{
    text-align: left;
}
.upperandlower .tr{
    text-align: right;
}
.upperandlower .next:hover{
    background-color: #005eb9;
}
.fl{ float: left;}
.fr{ float: right;}
.content_all{
    width: 100%;
    position: relative;
}
.brands-category{

}
.brands-category .brds-box{
    width: calc(100%/4 - 2.63%);
    float: left;
    margin: 0 3.5% 3.5% 0;
    padding: 2.5%;
    background-color: #f4f4f4;
    cursor: pointer;
    transition: all .5s;
}
.brands-category .brds-box:last-of-type{
    margin-right: 0;
}
.brands-category .brds-box.on{
    background-color: #005eb9;
    color: white;
}
.brands-category .brds-box.on .brds-cot{
    color: white;
}
.brands-category .brds-box.on .brds-ico{
    filter: brightness(10);
}
.brands-category .brds-box.on .brds-ico img{
    transform: rotateY(360deg);
}

.brands-category .brds-box .brds-ico{

}
.brands-category .brds-box .brds-ico img{
    height: 3.78vw;
    transition: all .5s;
}
.brands-category .brds-box .brds-tit{
    margin: 7% 0;
}
.brands-category .brds-box .brds-cot{
    color: #666666;
    line-height: 2;
}
.download_main{
    /*padding: 3% 0;*/
}
.download_main .gsyb{
    background: url(../images/gsyb.png) no-repeat 25%;
    background-size: 10%;
    background-color: #005eb9;
    color: #FFFFFF;
    display: inline-block;
    padding:1% 3% 1% 5%;
}
.download_item{
    width: calc(100%/5 - .8%);
    margin: 0 1% 1% 0;
    float: left;
    color: #FFFFFF;
    text-align: center;
}
.download_item:nth-of-type(5n){
    margin-right: 0;
}

.download_item .dimg{
    /*padding:0 3.15%;*/
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}
.download_item .down-txt{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: -100%;
    height: 100%;
    /*background-color: rgba(0,0,0,.7);*/
    color: white;
    transition: all .5s;
    background: rgba(0,0,0,.7) url("../images/down.png") no-repeat center center;
    background-size: 28.6%;
}
.download_item .down-txt:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 5px;
    width: 0;
    background-color: #005eb9;
    transition: all 1.5s;
}

.download_item .down-txt .down-tit{
    bottom: 2%;
    padding:0 5%;
    width: 100%;
    line-height: 3;
    text-align: left;
    position: absolute;
}


.download_item .dtit{
    margin: 10% 0;
    letter-spacing: 1px;
}
.download_item .dcot{

}
.download_item .dcot .xz{
    width: 35px;
    height: 35px;
    background: url(../images/download_item_logo.png) no-repeat center;
    background-color: #201f1f;
    background-size: 100%;
    float: left;
    transition: all 0.3s;
}
.download_item .dcot .xzs{
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left:5%;
    letter-spacing: 1px;
    transition: all 0.3s;
}
.download_item .dcot .ck{
    float: right;
    background-size: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #201f1f;
    padding: 0 10%;
    transition: all 0.3s;
}
.download_item:hover .down-txt{
    top: 0;
}
.download_item:hover .down-txt:after{
    width: 100%;
}

.download_item:hover .dimg{
    /*transform:translateY(-10px);*/
}
.download_item .dcot .xz:hover{
    background-color: #005eb9;
}
.download_item .dcot .xzs:hover{
    color: #005eb9;
}
.download_item .dcot .ck:hover{
    background-color: #005eb9;
}
.paging {
    text-align: right;
    padding: 2% 0 2%;
}
.paging li{
    position: relative;
    display: inline-block;
    padding: 1.5% 1.75%;
    border:1px solid #f9f9f9;
    color: #333333;
    /*margin:0 0.5%;*/
    transition: ease-in 0.1s;
    /*border-radius: 2px;*/
    background-color: #f9f9f9;
}
.paging li:before{
    position: absolute;
    content: '';
    right: -1px;
    top: 25%;
    height: 50%;
    width: 1px;
    z-index: 1;
    background-color: #c1c1c1;
}
.paging li a:last-of-type:before{
    display: none;
}

.paging span{
    margin:0 5px;
}
.paging li:hover,
.case_lisst .cate-box a:hover{
    border:1px solid #005eb9;
    background-color: #005eb9;
    color: #ffffff;
}
.paging li:hover a{ color: #fff;}
.paging .current:before{
    background-color: #005eb9;
}

.paging .current{
    border:1px solid #005eb9;
    color: #ffffff;
    background-color: #005eb9;
}
.paging .current a{ color: #fff;}
.video_item{
    width: 31.66%;
    float: left;
    line-height: 2;
    margin: 0 2.5% 0 0;
    cursor: pointer;
}
.video_item:nth-child(3n){
    margin: 0 0 1.25% 0;
}
.video_item .v-img{
    position: relative;
    height: 12.85vw;
}
.video_item .v-img .v-mark{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,.5) url("../images/bf-ico.png") no-repeat center center;
    background-size: 13.15%;
    transition: all .5s;
}
.video_item.on .v-img .v-mark{
    background-color: transparent;
}
.video_item.on .dtit{
    color: #005eb9;
}


.video_item .dtit{
    padding: 2% 0 5%;
    transition: all .5s;
}
.video_item .dtit .vidtit{
    float: left;
    width: 70%;
}
.video_item .dtit .vidtime{
    float: right;
    width: 30%;
    text-align: right;
}

.video_item video{
    width: 100%;
}
.video-switch{
    display: flex;
    justify-content: center;
    margin: 3% 0;
}
.video-switch .video-button-prev{
    flex: .08;
}
.video-switch .video-button-prev img,
.video-switch .video-button-next img{
    transform: rotate(90deg);
    width: 3.021vw;
}

/* 视频弹出层 */

.VideoPlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    display: none;
}

.videoBox {
    width: auto;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    border: 4px solid #ffffff;
}

.videoBox div:first-child {
    height: 100%;
}

.videoBox  video {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.closevideo {
    cursor: pointer;
    width: 2.1vw;
    height: 2.1vw;
    line-height: 3vw;
    position: absolute;
    text-align: center;
    top: -4px;
    right: -2.5vw;
    background-color: #ffffff;
}

.closevideo img {
    max-width: 40px;
    min-width: 25px;
    width: 2.1vw;
}

@media screen and (max-width: 1200px){
    .videoBox {
        width: 88%;
        height: auto;
        left:47%;
    }
    .videoBox video{
        width: 100%;
        height: auto;
    }
    .closevideo{
        width: auto;
        height: auto;
        right: -7.5vw;
    }

}
.contact-lt{
    width: 43.8%;
    float: left;
}
.contact-lt .contact-img{
    margin-bottom: 10%;
}
.contact-lt .contact-img img{
    width: 26.05vw;
}

.contact-lt .contact-teladr{
    margin: 3% 0;
}
.contact-lt .contact-teladr .cntct-teladr{
    width: 50%;
    float: left;
    color: #666666;
}
.contact-lt .contact-teladr .cntct-teladr:nth-of-type(2){
    padding-left: 7%;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit{
    border-left: 2px solid #005eb9;
    padding-left: 4%;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit .p1-zh{
    margin-bottom: 3.5%;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit .p2-en{
    font-family: "Arial";
}
.contact-lt .contact-teladr .cntct-teladr .cntct-cot{
    margin-top: 3%;
    line-height: 2;
    padding-left: 4%;
}
.contact-lt .mapbox{
    margin-top: 5%;
}
.contact-rt{
    width: 42%;
    float: right;
}
.contact-rt .msg-tit{

}
.contact-rt .msg-tit .m1{
    position: relative;
    padding-bottom: 2.5%;
    display: inline-block;
}
.contact-rt .msg-tit .m1:after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 15%;
    background-color: #005eb9;
}
.contact-rt .msg-tit .m2{
    margin-top: 2%;
    font-family: Arial;
}
.contact-rt .msg-tit .m3{
    text-align: right;
    font-family: Arial;
}
.contact-rt .frm-blk{
    margin-top: 5%;
}
.contact-rt .frm-blk textarea{
    border: none;
    width: 100%;
    text-indent: 1em;
    padding-top: 1.5%;
    height: 9.5vw;
    background-color: #eeeeee;
}
.contact-rt .frm-blk input{
    border: none;
    line-height: 3.2;
    width: 100%;
    text-indent: 1em;
    background-color: #eeeeee;
}
.contact-rt .frm-blk li:nth-of-type(-n+3){
    width: 47%;
    margin-bottom: 5%;
    float: left;
}
.contact-rt .frm-blk li:nth-of-type(2){
    float: right;
}
.contact-rt .frm-blk li:nth-of-type(n+3){
    width: 100%;
    margin-bottom: 5%;
}

.contact-rt .sub-btn .tj-btn{
    background-color: #005eb9;
    color: white;
    width: 30%;
    height: 3.2vw;
    line-height: 3.2vw;
    margin-right: 3%;
    display: inline-block;
    cursor: pointer;
    border: none;
}
.contact-rt .sub-btn .yzm{
    /*border: 1px solid #AAAAAA;*/
    line-height: 3.2vw;
    height: 3.2vw;
    width: 22%;
    background-color: #eeeeee;
    text-indent: 1em;
    margin-right: 1%;
}
.contact-rt .ymzsz{
    margin-bottom: -.8vw;
}
.colour {
    color: #005eb9;
}
.contact-lt .contact-teladr .cntct-teladr .cntct-tit .p2-en {
    font-family: "Arial";
}

















.ss{ width: 100%; position: absolute; bottom: 28%; z-index: 99999;}
.ssl{cursor: pointer;transition: all 0.5s;position:absolute;left: 0;top:0;height: 100%;width: 5%;text-align: center;z-index: 5;color: #FFFFFF;opacity: 0.3;background: -webkit-linear-gradient(left, black , rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, black, rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, black, rgba(255,255,255,0)); /* Firefox 3.6 - 15 */background: linear-gradient(to right, black , rgba(255,255,255,0)); /* 标准的语法 */}
.ssr{cursor: pointer;transition: all 0.5s;position:absolute;right: 0;top:0;height: 100%;width: 5%;text-align: center;z-index: 5;color: #FFFFFF;opacity: 0.3;background: -webkit-linear-gradient(left, rgba(255,255,255,0),black); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right,rgba(255,255,255,0),black); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right,rgba(255,255,255,0),black); /* Firefox 3.6 - 15 */background: linear-gradient(to right, rgba(255,255,255,0),black); /* 标准的语法 */}
.ssl:hover, .ssr:hover{display: block;opacity: 0.5;}
.train_banner_li{position: absolute;top:50%;width: 100%;text-align: center;}
.ssc{ position: absolute; right: 11%;  width: 19.6vw;  background-color: white;  text-align: center;  bottom: 27%; border-radius: 10px; padding: 1.6% 1.5% 2.7% 1.5%;}
.pc_search_input dl{ line-height: 2; margin-bottom: 5%; font-size: 24px; font-weight: bold; color: #333;}
.pc_search_input input{width: 100%;line-height: 3.6;padding: 0 6%; border: 1px solid #e8e8e8;margin-bottom: 3%; font-size: 14px;}
.inpsub{ display: inline-block; padding: 4.5% 17%; margin-top: 2%; letter-spacing: 2px; background-color: #005eb9; text-align: center; border: none; font-size: 16px; color: #fff;}
.msg {  background-color: #F1F1F1;}
.Product-section{
    position: relative;
}
.probtn-switch{
    position: absolute;
    right: 10%;
    height: 100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.probtn-switch .probtn-lt,.probtn-switch .probtn-rt{
    height: 3vw;
    width: 3vw;
    margin-bottom: 70%;
    cursor: pointer;
}
.probtn-switch .probtn-rt{
    margin-bottom: 0;
}
.probtn-switch .procnt-cot{
    min-height: 22.8vw;
}
.Product-section .procnt-cot{
}
.Product-section .prolt-cot{
    width: 40%;
    float: left;
    background-color: #eeeeee;
    position: relative;
}
.Product-section .prolt-cot img{
    border: 1px solid #dcdcdc;
}

.Product-section .prort-cot{
    width: 60%;
    float: right;
    padding:5% 22% 4% 4%;
}
.Product-section .prort-cot .prort-tit{
    font-family: Impact;
    color: #313131;
    margin-bottom: 4%;
}
.Product-section .prort-cot .prort-intro{
    color: #666666;
    line-height: 1.8;
    margin-bottom: 1.8%;
}
.Product-section .prort-cot .prort-param{
    color: #666666;
    line-height: 2;
    margin-bottom: 5%;
}
.Product-section2{

}
.Probox-c{
    width: calc(100%/4);
    float: left;
    position: relative;
    padding: 1% 1% 2% 3%;
    transition: all .5s;
}
.Probox-c:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    border: 2px solid #dcdcdc;
    border-left: none;
    z-index: -1;
}
.Probox-c:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border: 0;
    /*border-top:none;*/
    /*border-left:none;*/
    /*border-right-color: #005eb9;*/
    /*border-bottom-color: #005eb9;*/
    z-index: -1;
    transition: all .6s;
}
.Probox-c:hover:before{
    /*border: solid 4.75vw transparent;*/
    border: solid 80px transparent;
    border-right-color: #005eb9;
    border-bottom-color: #005eb9;
}
.Probox-c .pro-tit{
    font-family: "Segoe UI";
    font-style: italic;
    margin-bottom: 81%;
}


.Probox-c .prolt-tit,.Probox-c .prort-img{
    width: 50%;
    float: left;
    position: relative;
    /*overflow: hidden;*/
}
.pubimg {
    width: 100%;
    height: 100%;
    display: block;
}
.pubimg1s{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 1s;
}
.Probox-c  .prort-img .pimg{
    position: relative;
    bottom: 0;
    top: 0;
    right: 5%;
    margin-top: 45%;
    width: 11.5vw;
    height: 11.5vw;
    max-width: 200px;
}
.Pro-list  .prort-img .pimg{
    right: 14%;
}
.Probox-c:hover  .prort-img .pimg img{
    /*transform: scale(1.2);*/
    transform: translateY(-23%) translateX(-40%) scale(1.8);
}

.Probox-c:hover .btn-c i{
    background: url("../images/jtou_.png") no-repeat center right;
}
.Probox-c:hover .btn-c:before{
    width: 100%;
}
.Probox-c:hover .btn-c{
    border-color: #005eb9;
    color: white;
}
.fs60 {
    font-size: 3.125vw;
}
.fs24 {
    font-size: 24px;
}
.fs14 {
    font-size: 14px;
}
.btn-c {
    display: inline-block;
    width: 7.5vw;
    height: 2.1vw;
    line-height: 2.1vw;
    padding-left: 1.1vw;
    /* text-align: center; */
    border: 1px solid #333333;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .5s;
}
.btn-c{
    display: inline-block;
    width: 7.5vw;
    height: 2.1vw;
    line-height: 2.1vw;
    padding-left: 1.1vw;
    /*text-align: center;*/
    border: 1px solid #333333;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .5s;
}
.btn-c i{
    position: absolute;
    content: '';
    width: 1.15vw;
    top: 2px;
    right: 20%;
    height: 100%;
    font-style: inherit;
    background: url("../images/jtou.png") no-repeat center;
    transition: all .8s;
    background-size: 100%;
}
.btn-c:after{
    display: none;
    position: absolute;
    content: '';
    right: 20%;
    top: 0;
    height: 100%;
    background: url("../images/jtou.png") no-repeat center right;
    width: 22px;
    transition: all .5s;
}
.btn-c:before{
    /*display: none;*/
    position: absolute;
    content: '';
    z-index: -1;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #005eb9;
    transition: all .5s;
}
.btn-c:hover,
.btn-c.on{
    border-color: #005eb9;
    color: white;
}
.btn-c.on2{
    border: 1px solid #333333;
    color: #333333;
}
.btn-c.on2:before{
    background-color: transparent;
}
.btn-c:hover i,
.btn-c.on i{
    background: url("../images/jtou_.png") no-repeat center right;
}
.btn-c.on2 i{
    background: url("../images/jtou.png") no-repeat center right;
}
.btn-c:hover:before,
.btn-c.on:before,
.btn-c:active:before{ width: 100%; border: 1px solid #005eb9;}
.slick-initialized .slick-slide { display: block;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-list{ overflow: hidden}
.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}[dir=rtl] .slick-slide {
     float: right
 }

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; overflow: hidden;
}

.slick-arrow.slick-hidden,.sweet-alert {
    display: none
}
.fs48 {
    font-size: 2.5vw;
}
.fwb {
    font-weight: bold;
}
.About-us{
    background: url("../images/abt_bg.png") no-repeat center;
    padding: 7.5% 0;
    background-size: cover;
}
.About-us .Abt-cnt{
    color: white;
    text-align: center;
}
.About-us .Abt-cnt .abt-lt{
    width: 15%;
    float: left;
}
.About-us .Abt-cnt .abt-lt li,
.About-us .Abt-cnt .abt-rt li{
    margin-bottom: 50%;
}
.About-us .Abt-cnt .abt-lt li:nth-of-type(2),.About-us .Abt-cnt .abt-rt li:nth-of-type(2){
    margin: 0;
}
.About-us .Abt-cnt .abt-lt .abt-simg,.About-us .Abt-cnt .abt-rt .abt-simg{
    overflow: hidden;
}
.About-us .Abt-cnt .abt-lt .abt-simg img,
.About-us .Abt-cnt .abt-rt .abt-simg img{
    transform: translateY(-42px);
    filter: drop-shadow(#ffffff 0 42px);
    width: 2.175vw;
    min-width: 40px;
    transition: all .5s;
}
.About-us .Abt-cnt .abt-lt li:hover .abt-simg img,
.About-us .Abt-cnt .abt-rt li:hover .abt-simg img{
    transform: translateY(0);
    filter: drop-shadow(#005eb9 0 42px);
}
.About-us .Abt-cnt .abt-lt .abt-stit,
.About-us .Abt-cnt .abt-rt .abt-stit{
    margin: 6% 0 5%;
}
.About-us .Abt-cnt .abt-lt .abt-stxt,
.About-us .Abt-cnt .abt-rt .abt-stxt{
    line-height: 1.8;
}



.About-us .Abt-cnt .abt-ct{
    width: 70%;
    float: left;
    padding: 0 5.5%;
}
.About-us .Abt-cnt .abt-ct .abt-cot{
    border-right: 1px solid white;
    border-left: 1px solid white;
    padding: 0 14%;
    line-height: 2;
    margin: 5% 0;
}
.About-us .Abt-cnt .abt-ct .abt-more .btn-c{
    text-align: left;
}



.About-us .Abt-cnt .abt-rt{
    width: 15%;
    float: right;
}
.fs36 {
    font-size: 1.5vw;
}
.public_title .ny_en {
    font-family: "Segoe UI Emoji";
    letter-spacing: 1px;
    text-transform: uppercase;
}
.public_title .ny_cn {
    font-weight: bold;
    letter-spacing: 5px;
    position: relative;
    display: inline-block;
}
.fs20 {
    font-size: 20px;
}
.fs18 {
    font-size: 18px;
}
.fs16 {
    font-size: 16px;color: #777;
}
.News-section{
    padding: 3.5% 0;
}
.News-section .news-list{}
.News-section .news-list .news-box {
    float: left;
    width: 50%;
    position: relative;
    padding: 3% 5%;
    display: block;
}
.News-section .news-list .news-box:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 99.6%;
    height: 99.6%;
    display: none;
}
.News-section .news-list .news-box:hover .nstime{
    color: #005eb9;
}
.News-section .news-list .news-box:hover .btn-c{
    border-color: #005eb9;
    color: white;
}
.News-section .news-list .news-box:hover .btn-c:before{
    width: 100%;
}

.News-section .news-list .news-box:hover .btn-c i{
    background: url("../images/jtou_.png") no-repeat center right;
}


.news-box .border-left{width: 1px;height: 0px;background: #005eb9;position:absolute;left:-1px;bottom: 0;}
.news-box .border-bottom{width: 0px;height: 1px;background: #005eb9;position:absolute;left:0;bottom: 0px;}
.news-box .border-top{width: 0px;height: 1px;background: #005eb9;position:absolute;right:0;top: 0px;}
.news-box .border-right{width: 1px;height: 0px;background: #005eb9;position:absolute;right:-1px;top: 0;}

.News-section .news-list .news-box .nstit{
    color: #005eb9;
    margin-bottom: 3%;
}
.News-section .news-list .news-box .nscot{
    line-height: 2.5;
    margin-bottom: 5%;
}
.News-section .news-list .news-box .nstime{
    font-family: "Impact";
    color: #c3c3c3;
    text-align: right;
    transition: all .5s;
}
.PRow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.PRow1 {}
.fs30 {
    font-size: 30px;
}
.Contact-us{
    width: 100%;
    position: relative;
    background: url("../images/contact-bg.png") no-repeat center;
    background-size: cover;
}

.Contact-us .foot_message{
    padding: 2.35% 0;
}
.Contact-us .foot_message .fm_title{
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 2% 0;
    font-family: "Impact";
    line-height: 2;
    letter-spacing: 1px;
}
.Contact-us .foot_message .fm_form{

}
.Contact-us .foot_message .srk1{
    width: 25.5%;
    margin: 0 11.75% 3% 0;
    border:none;
    background-color: white;
    padding: 1% 2%;
    float: left;
    border-radius: 5px;
}
.Contact-us .foot_message .srk1:nth-of-type(3){
    margin: 0 0 3% 0;
}
.Contact-us .foot_message .srk2{
    width: 62.5%;
    margin: 0 3% 3% 0;
    border: none;
    background-color: white;
    padding: 1.2% 2%;
    float: left;
    border-radius: 5px;
}
.Contact-us .foot_message input::-webkit-input-placeholder{
    color:#333333;
}
.Contact-us .foot_message .ann{
    background-color: #005eb9;
    border: 1px solid #005eb9;
    color: #ffffff;
    text-align: center;
    padding: 1.1% 2%;
    display: block;
    /*margin: 2% auto 0;*/
    cursor: pointer;
    float: right;
    width: 15.5%;
    border-radius: 5px;
    letter-spacing: 2px;
}
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}





.iys{ border:2px solid #CCCCCC; padding:50px 0px;}
.iys img{-webkit-transition:-webkit-transform 2s;}
.iys img:hover{-webkit-transform: rotate(360deg);}
.iys li{ color:#000000; font-size:16px; margin-top:30px;}
.iys p{ background:url(../images/line.png) no-repeat center bottom; color:#999999; font-size:14px; text-transform:uppercase; padding-bottom:20px; height:60px;}
.ry{ color:#fff;}
.ry p{ font-weight:bold; font-size:40px; margin-top:49px;}
.ry p b{ color:#fce822;}
.ry li{ font-size:20px;}
.ry span{ text-transform:uppercase; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.xwzx li{ border:1px solid #ccc; overflow:hidden;}
.xwzx li img{cursor:pointer;transition:all 0.6s;}
.xwzx li img:hover{transform: scale(1.1);}
.xwzx ol{ color:#222; font-size:16px; margin:5px 0px;}
.xwzx p{ color:#999999; line-height:22px;}
.xwzx dl{ font-size:14px; color:#555555;}
.xwzx dl span{ background-color:#0083F8; padding:3px 10px; color:#fff; margin-right:5px;}
.xwzx dt{ border:1px solid #ccc; padding:5px; margin-top:10px;}
.xwzx dt a{ color:#555555;}
.hzhb img{cursor:pointer;transition:all 0.6s;}
.hzhb img:hover{transform: scale(1.1);}

.page{width: 100%;}
.page li{width: 40px;padding-right: 0;background: #f1f1f1;line-height: 2;margin-right:10px;}
.page li.current{background: #0083F8;}
.page li.current a{color: #fff;}

.mup1{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.xgpro{float: left;width: 23%;margin: 0 1%;}
.xgpro img{width: 100%;}
.xgpro p{text-align: center;line-height: 45px;font-size: 16px;}
