HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:16px; FONT-FAMILY:"微软雅黑","宋体";
}




TD,div {font-family: "微软雅黑","宋体";font-size: 16px;line-height:20px;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "微软雅黑","宋体";}


A {TEXT-DECORATION:none;color:#838383;font-size: 16px;
}

A:hover {
	COLOR:#555555; TEXT-DECORATION:none;font-size: 16px;/* TOP:1px; LEFT:1px; POSITION:relative;*/
}

.clear{clear:both;}







#menu_web{ width:100%; margin:auto; background:#ffffff; position:fixed; height:109px; z-index:150;box-shadow: 0px 0px 5px #ccc;}
#menu_wap{ display:none}
.menu_line{width:100%; height:109px}

.menu_left{ float:left; width:20%}
.menu_logo{float:left; padding-top:20px; padding-bottom:20px}
.logo_title{ float:left; padding-left:10px; padding-right:10px}
.menu_logo img { height:69px}

.logo_cn{font-size:26px; line-height:40px; padding-top:20px; color:#454545}
.logo_en{font-size:20px; line-height:25px; color:#454545}

.menu_middle{ float:left; width:65%}

.menu_right{ float:right; width:15%; text-align:right}


.menu_a {   height:109px; line-height:109px; text-align:left;margin-right:4%}
.menu_a a{ color:#222222; font-size:18px;width:100%; height:109px; line-height:109px; display:block}
.menu_a a:hover{ color:#222222; font-size:18px;width:100%; height:109px; line-height:109px; display:block}

.menu_ab {   height:109px; line-height:109px; text-align:left; margin-right:4%}
.menu_ab a{ color:#1f9aed; font-size:18px;width:100%; height:109px; line-height:109px; display:block;}
.menu_ab a:hover{ color:#1f9aed; font-size:18px;width:100%; height:109px; line-height:109px; display:block;}

.menu_feedback{ width:160px; height:40px; line-height:40px; color:#ffffff; font-size:18px; text-align:center; cursor:pointer; background:#1f9aed; display:block; margin-top:10px}
.menu_feedback a{ color:#ffffff; font-size:18px}
.menu_feedback a:hover{ color:#ffffff; font-size:18px}


@media screen and (max-width:1600px) {

#menu_web{ width:100%; margin:auto; background:#ffffff; position:fixed; height:109px; z-index:150}


.menu_left{ float:left; width:20%}
.menu_logo{float:left; padding-top:40px; padding-bottom:auto; width:15%}
.logo_title{ float:left; padding-left:10px; padding-right:10px}
.menu_logo img { height:auto; width:100%}

.logo_cn{font-size:20px; line-height:35px; padding-top:25px; color:#454545}
.logo_en{font-size:18px; line-height:25px; color:#454545}

.menu_middle{ float:left; width:65%}

.menu_right{ float:right; width:15%; text-align:right}


.menu_a {   height:109px; line-height:109px; text-align:left;margin-right:4%}
.menu_a a{ color:#222222; font-size:16px;width:100%; height:109px; line-height:109px; display:block}
.menu_a a:hover{ color:#222222; font-size:16px;width:100%; height:109px; line-height:109px; display:block}

.menu_ab {   height:109px; line-height:109px; text-align:left; margin-right:4%}
.menu_ab a{ color:#1f9aed; font-size:16px;width:100%; height:109px; line-height:109px; display:block;}
.menu_ab a:hover{ color:#1f9aed; font-size:16px;width:100%; height:109px; line-height:109px; display:block;}

.menu_feedback{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; cursor:pointer; background:#1f9aed; display:block; margin-top:10px; padding-left:2px; padding-right:2px}
}


@media screen and (max-width:1400px) {

#menu_web{ width:100%; margin:auto; background:#ffffff; position:fixed; height:109px; z-index:150}


.menu_left{ float:left; width:20%}
.menu_logo{float:left; padding-top:40px; padding-bottom:auto; width:15%}
.logo_title{ float:left; padding-left:10px; padding-right:10px}
.menu_logo img { height:auto; width:100%}

.logo_cn{font-size:20px; line-height:35px; padding-top:25px; color:#454545}
.logo_en{font-size:18px; line-height:25px; color:#454545}

.menu_middle{ float:left; width:65%}

.menu_right{ float:right; width:15%; text-align:right}


.menu_a {   height:109px; line-height:109px; text-align:left;margin-right:1%}
.menu_a a{ color:#222222; font-size:16px;width:100%; height:109px; line-height:109px; display:block}
.menu_a a:hover{ color:#222222; font-size:16px;width:100%; height:109px; line-height:109px; display:block}

.menu_ab {   height:109px; line-height:109px; text-align:left;margin-right:1%}
.menu_ab a{ color:#1f9aed; font-size:16px;width:100%; height:109px; line-height:109px; display:block;}
.menu_ab a:hover{ color:#1f9aed; font-size:16px;width:100%; height:109px; line-height:109px; display:block;}

.menu_feedback{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; cursor:pointer; background:#1f9aed; display:block; margin-top:10px; padding-left:2px; padding-right:2px}
}


@media screen and (max-width:1024px) {

#menu_web{ width:100%; margin:auto; background:#ffffff; position:fixed; height:109px; z-index:150}


.menu_left{ float:left; width:15%}
.menu_logo{float:left; padding-top:25px; padding-bottom:auto; width:100%}
.logo_title{ float:left; padding-left:10px; padding-right:10px; display:none}
.menu_logo img { height:auto; width:60%}

.logo_cn{font-size:20px; line-height:35px; padding-top:25px; color:#454545}
.logo_en{font-size:18px; line-height:25px; color:#454545}

.menu_middle{ float:left; width:85%}

.menu_right{ float:right; width:15%; text-align:right; display:none}


.menu_a {   height:109px; line-height:109px; text-align:left;margin-right:1%}
.menu_a a{ color:#222222; font-size:14px;width:100%; height:109px; line-height:109px; display:block}
.menu_a a:hover{ color:#222222; font-size:14px;width:100%; height:109px; line-height:109px; display:block}

.menu_ab {   height:109px; line-height:109px; text-align:left; margin-right:1%}
.menu_ab a{ color:#1f9aed; font-size:14px;width:100%; height:109px; line-height:109px; display:block;}
.menu_ab a:hover{ color:#1f9aed; font-size:14px;width:100%; height:109px; line-height:109px; display:block;}

.menu_feedback{ width:160px; height:40px; line-height:40px; color:#ffffff; font-size:18px; text-align:center; cursor:pointer; background:#1f9aed; display:block; margin-top:10px}
}


@media screen and (max-width:781px) {
	
	
	#menu_web{ display:none}
	.menu_line{display:none}
	#menu_wap{ display:block}
header {
	width: 100%;
}

header img {
	display: block; height:70px
}
header .header_title {
	float: left;
	box-sizing: border-box;z-index:100;padding-left:2%;
}

header span {
	display: block;
	float: right;
	margin-right: 2%; padding-top:13px; padding-bottom:13px
}

header span img { width:44px; height:44px}
/*nav_menu*/



.nav_menu {
	overflow:hidden;
	width:60%;
	position:fixed;
	left:0;
	top:0;
	padding-top:6rem;
	background-color:#1f9aed;
	height: 100%;
	width: 0;
	z-index: 100000;
}
.nav_menu .btn {
	display: block;
	width: 19%;
	position: absolute;
	top: 2%;
	right: 5%;
}
.nav_menu .btn img {
	display: block;
	width: 100%;
}
.nav_menu ul {
	overflow:hidden;
	width:100%;
	background-color:#1f9aed;
	overflow:scroll;
	padding-bottom:50%; padding-top:50px
}
.nav_menu li {
	width:100%;height:40px; line-height:40px; list-style:none
}
.nav_menu li p {
	color:#ffffff; height:40px; line-height:40px; border-bottom:1px solid #276b99
}
.nav_menu li p a {
	color:#ffffff;
}
.nav_menu li .mu a {
	color:#ffffff;
	display:block;
	padding:1rem 0 1rem 3.75rem;
	border-bottom:1px solid #0b4a86;
	background:url(../images/nav03.png) no-repeat 2rem center;
	background-size:0.6rem;
	background-color:#222
}
 .nav_menu li:nth-child(1) a {
border-bottom:0;
padding:0;
background:none
}
.nav_menu li .mu {
	display:none
}
.nav_menu li.on {
	background:url(../images/nav02-1.png) no-repeat 80% 1.2rem;
}
.nav_menu li.on p {
	color:#fff;
	background:url(../images/nav01-1.png) no-repeat 2rem center;
	background-size:0.8rem;
}
.nav_menu li.on p a {
	color:#fff;
}
/*nav*/



nav {
	width: 100%;
	overflow: hidden;
	background:#069dd4;
	background-size: cover;
}
nav a {
	font-size: 1rem;
	color: #fff;
	display: block;
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #ffffff;
	border-right: 0px solid #ffffff;
	height: 3rem;
	line-height: 3rem;
	border-left: 1px solid #ffffff;
}
 nav a:nth-child(4), nav a:nth-child(8) {
border-right: none;
}
 nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(3), nav a:nth-child(4) {
}
 nav a:nth-child(5), nav a:nth-child(6), nav a:nth-child(7), nav a:nth-child(8) {
border-top:  1px solid #ffffff;
border-left: 1px solid #ffffff;
}
 nav a:nth-child(1), nav a:nth-child(5) {
border-left: none;
}

.mian{  padding-bottom:0px}
.menu_wap_title{float:left; width:80%;font-size:16px; height:80px; line-height:80px}
.menu_wap_title a{ color:#000000; font-size:16px}
.menu_wap_title a:hover{ color:#000000; font-size:16px}

}



.menu_xl_left{width:35%; background:#f8f8f8; height:500px; float:left}
.menu_xl_right{width:65%; background:#ffffff; height:500px; float:left}

.menu_xl_left_title1{margin:auto; text-align:left; padding-left:30%; color:#333333; font-size:30px; margin-top:130px; height:100px; line-height:100px; font-weight:bold}
.menu_xl_left_title2{margin:auto; text-align:left; padding-left:30%; color:#cdcdcd; font-size:60px; margin-top:10px; text-transform:uppercase; font-weight:bold}
.menu_xl_right_title1{width:100%; margin:auto; padding-top:20px}
.menu_xl_right_title1_ico{float:left; padding-left:20px; padding-right:5px; padding-top:10px}
.menu_xl_right_title1_title{float:left; height:40px; line-height:40px}
.menu_xl_right_title1_title a{ color:#333333; font-size:18px}
.menu_xl_right_title1_title a:hover{ color:#1f9aed}
.menu_xl_right_title2{float:left; padding-left:40px; margin-right:15px}
.menu_xl_right_title2 a{ color:#666666; font-size:16px}
.menu_xl_right_title2 a:hover{ color:#1f9aed; font-size:16px}
.menu_xl_right_title3{float:left; margin-right:15px}
.menu_xl_right_title3 a{ color:#666666; font-size:16px}
.menu_xl_right_title3 a:hover{ color:#1f9aed; font-size:16px}

.banner {height: 800px;position: relative;background:#cccccc}

.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}

.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}

.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}

.banner .text h4 {font-size: 54px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text p {font-size: 22px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}

.banner .text a:hover {background-color: #1f9aed;border-color: #1f9aed;}

.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.banner .swiper-pagination {display: none;}

.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}





@media screen and (max-width:781px) {

.banner {height: 500px;position: relative;background:#cccccc}

.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}

.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}

.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}

.banner .text h4 {font-size: 30px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text p {font-size: 20px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}

.banner .text a:hover {background-color: #1f9aed;border-color: #1f9aed;}

.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.banner .swiper-pagination {display: none;}

.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}


}
@media screen and (max-width:481px) {

.banner {height: 500px;position: relative;background:#cccccc}

.banner video {display: block;position: absolute;left: 50%;top: 50%;width: 1920px;height: 1080px;margin: -540px 0 0 -960px;}

.banner .text {display: table;width: 100%;height: 100%;color: #fff;background: rgba(8,8,9,0.4);}

.banner .text .inner {display: table-cell;vertical-align: middle;text-align: center;}

.banner .text h4 {font-size: 26px;text-shadow: 0 2px 2px #333333;margin: 0 0 30px;-webkit-transform: translateX(-200px);transform: translateX(-200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text p {font-size: 20px;margin: 0;text-shadow: 0 2px 2px #333333;-webkit-transform: translateX(200px);transform: translateX(200px);-webkit-transition: all 1s;transition: all 1s;opacity: 0;}

.banner .text a {display: block;margin: 40px auto 0;border: 1px solid #fff;border-radius: 50px;line-height: 42px;font-size: 18px;width: 180px;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}

.banner .text a:hover {background-color: #1f9aed;border-color: #1f9aed;}

.banner .img-cover {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.banner .swiper-pagination {display: none;}

.banner .ani-slide h4,.banner .ani-slide p {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}


}	


.index_news_bt{float:left; width:50%; text-align:left; height:55px; line-height:55px; font-size:36px; color:#333333; font-weight:bold}
.pclass1{ width:180px; float:right; height:55px; text-align:center; line-height:55px; color:#454545; font-size:18px; cursor:pointer}
.pcalss1 a{ color:#454545; font-size:18px}
.pcalss1 ab{ color:#454545; font-size:18px}
.pclass1b{ width:180px; float:right; height:55px; text-align:center; line-height:55px; background:#1f9aed; color:#ffffff; font-size:18px; cursor:pointer}
.pclass1b a{ color:#ffffff; font-size:18px}
.pclass1b ab{ color:#ffffff; font-size:18px}



@media screen and (max-width:1400px) {
.index_news_bt{float:left; width:30%; text-align:left; height:55px; line-height:55px; font-size:30px;}
.pclass1{ width:180px; float:right; height:55px; text-align:center; line-height:55px; color:#454545; font-size:18px; cursor:pointer}
.pcalss1 a{ color:#454545; font-size:18px}
.pcalss1 ab{ color:#454545; font-size:18px}
.pclass1b{ width:180px; float:right; height:55px; text-align:center; line-height:55px; background:#1f9aed; color:#ffffff; font-size:18px; cursor:pointer}
.pclass1b a{ color:#ffffff; font-size:18px}
.pclass1b ab{ color:#ffffff; font-size:18px}

}
@media screen and (max-width:1024px) {
.index_news_bt{float:left; width:20%; text-align:left; height:55px; line-height:55px; font-size:30px;}
.pclass1{ width:180px; float:right; height:55px; text-align:center; line-height:55px; color:#454545; font-size:18px; cursor:pointer}
.pcalss1 a{ color:#454545; font-size:18px}
.pcalss1 ab{ color:#454545; font-size:18px}
.pclass1b{ width:180px; float:right; height:55px; text-align:center; line-height:55px; background:#1f9aed; color:#ffffff; font-size:18px; cursor:pointer}
.pclass1b a{ color:#ffffff; font-size:18px}
.pclass1b ab{ color:#ffffff; font-size:18px}

}
@media screen and (max-width:781px) {

.index_news_bt{float:left; width:100%; text-align:center; height:55px; line-height:55px; font-size:30px;}
.pclass1{ width:33.3%; float:right; height:55px; text-align:center; line-height:55px; color:#454545; font-size:18px; cursor:pointer}
.pcalss1 a{ color:#454545; font-size:18px}
.pcalss1 ab{ color:#454545; font-size:18px}
.pclass1b{ width:33.3%; float:right; height:55px; text-align:center; line-height:55px; background:#1f9aed; color:#ffffff; font-size:18px; cursor:pointer}
.pclass1b a{ color:#ffffff; font-size:18px}
.pclass1b ab{ color:#ffffff; font-size:18px}

}
@media screen and (max-width:481px) {


}	


.index_news_main_left{ width:50%; float:left; padding-top:50px}
.index_news_main_middle{ width:5%; float:left}
.index_news_main_right{ width:45%; float:left; height:800px}





li{list-style:none;padding:0px;}
#slidera{width:100%;height:auto;margin:auto;position:relative;padding:0px;}
.slider_lista {padding:0px;}
.slider_lista li{position:absolute;display:none;}
.slider_lista li:first-child{display:block;}
.slider_lista li img{ width:100%; height:auto}
.slider_icona{position:absolute;z-index:1;right:5%;font-size:0;padding:4px 8px;border-radius:12px;background-color:hsla(0,0%,100%,.3); margin-top:70%}
.slider_icona i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.btna{background:#fff;}
.arrowa{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrowa span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_lefta{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_righta{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrowa:hover{background:#444;}
#slidera:hover .arrow{display:block;}
.btn_acta{background:#db192a;}


.index_newx_content{width:100%; border-bottom:1px dashed #cccccc; height:190px}
.index_news_date{width:100%; margin:auto; height:60px; line-height:60px; font-size:20px; color:#666666; padding-top:20px}
.index_news_title{width:100%; margin:auto;text-align:left;height:50px; line-height:50px;}
.index_news_smallc{line-height:25px; text-align:left; color:#777777; overflow:hidden; height:50px; margin-top:10px; margin-bottom:10px}



@media screen and (max-width:1400px) {
	
	
.index_news_main_left{ width:60%; float:left; padding-top:50px}
.index_news_main_middle{ width:5%; float:left}
.index_news_main_right{ width:35%; float:left; height:650px}	

li{list-style:none;padding:0px;}
#slidera{width:100%;height:auto;margin:auto;position:relative;padding:0px;}
.slider_lista {padding:0px;}
.slider_lista li{position:absolute;display:none;}
.slider_lista li:first-child{display:block;}
.slider_lista li img{ width:100%; height:auto}
.slider_icona{position:absolute;z-index:1;right:5%;font-size:0;padding:4px 8px;border-radius:12px;background-color:hsla(0,0%,100%,.3); margin-top:70%}
.slider_icona i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.btna{background:#fff;}
.arrowa{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrowa span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_lefta{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_righta{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrowa:hover{background:#444;}
#slidera:hover .arrow{display:block;}
.btn_acta{background:#db192a;}



.index_newx_content{width:100%; border-bottom:1px dashed #cccccc; height:120px}
.index_news_date{width:100%; margin:auto; height:60px; line-height:60px; font-size:20px; color:#666666; padding-top:20px}
.index_news_title{width:100%; margin:auto;text-align:left;height:50px; line-height:50px;}
.index_news_smallc{line-height:25px; text-align:left; color:#777777; overflow:hidden; height:25px; margin-top:10px; margin-bottom:10px; display:none}

}
@media screen and (max-width:1024px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:700px}
.index_news_main_middle{ width:5%; float:left; display:none}
.index_news_main_right{ width:100%; float:left; height:auto}	

li{list-style:none;padding:0px;}
#slidera{width:100%;height:auto;margin:auto;position:relative;padding:0px;}
.slider_lista {padding:0px;}
.slider_lista li{position:absolute;display:none;}
.slider_lista li:first-child{display:block;}
.slider_lista li img{ width:100%; height:auto}
.slider_icona{position:absolute;z-index:1;right:5%;font-size:0;padding:4px 8px;border-radius:12px;background-color:hsla(0,0%,100%,.3); margin-top:70%}
.slider_icona i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.btna{background:#fff;}
.arrowa{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrowa span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_lefta{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_righta{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrowa:hover{background:#444;}
#slidera:hover .arrow{display:block;}
.btn_acta{background:#db192a;}



.index_newx_content{width:100%; border-bottom:1px dashed #cccccc; height:120px}
.index_news_date{width:100%; margin:auto; height:60px; line-height:60px; font-size:20px; color:#666666; padding-top:20px}
.index_news_title{width:100%; margin:auto;text-align:left;height:50px; line-height:50px;}
.index_news_smallc{line-height:25px; text-align:left; color:#777777; overflow:hidden; height:25px; margin-top:10px; margin-bottom:10px; display:none}

}
@media screen and (max-width:950px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:650px}
}



@media screen and (max-width:850px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:600px}
.index_news_main_middle{ width:5%; float:left; display:none}
.index_news_main_right{ width:100%; float:left; height:auto;}	

li{list-style:none;padding:0px;}
#slidera{width:100%;height:auto;margin:auto;position:relative;padding:0px;}
.slider_lista {padding:0px;}
.slider_lista li{position:absolute;display:none;}
.slider_lista li:first-child{display:block;}
.slider_lista li img{ width:100%; height:auto}
.slider_icona{position:absolute;z-index:1;right:5%;font-size:0;padding:4px 8px;border-radius:12px;background-color:hsla(0,0%,100%,.3); margin-top:70%}
.slider_icona i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.btna{background:#fff;}
.arrowa{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrowa span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_lefta{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_righta{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrowa:hover{background:#444;}
#slidera:hover .arrow{display:block;}
.btn_acta{background:#db192a;}
}

@media screen and (max-width:781px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:570px}
}

@media screen and (max-width:731px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:520px}
}

@media screen and (max-width:681px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:470px}
}

@media screen and (max-width:631px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:420px}
}



@media screen and (max-width:581px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:370px}
}

@media screen and (max-width:531px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:350px}
}



@media screen and (max-width:481px) {

.index_news_main_left{ width:100%; float:left; padding-top:0px; height:300px}
.index_news_main_middle{ width:5%; float:left; display:none}
.index_news_main_right{ width:100%; float:left; height:auto}	

li{list-style:none;padding:0px;}
#slidera{width:100%;height:auto;margin:auto;position:relative;padding:0px;}
.slider_lista {padding:0px;}
.slider_lista li{position:absolute;display:none;}
.slider_lista li:first-child{display:block;}
.slider_lista li img{ width:100%; height:auto}
.slider_icona{position:absolute;z-index:1;right:5%;font-size:0;padding:4px 8px;border-radius:12px;background-color:hsla(0,0%,100%,.3); margin-top:70%}
.slider_icona i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.btna{background:#fff;}
.arrowa{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrowa span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_lefta{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_righta{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrowa:hover{background:#444;}
#slidera:hover .arrow{display:block;}
.btn_acta{background:#db192a;}
}


.index_faq{width:100%; margin:auto; background:url(../images/faq_bg.jpg) center top; height:889px}
.faq_left{ width:30%; float:left; background-color:rgba(0,0,0,.1); height:auto; padding-bottom:135px}
.faq_middle{ width:2%; float:left}
.faq_right{ width:63%; float:left}

.faq1{ width:100%; margin:auto; height:90px}
.faq1 .faq_class{ width:100%;}
.faq1 .faq_class a{ width:100%; height:89px; border-bottom:1px solid #7e7e7e; color:#454545; font-size:20px; text-align:left; display:block; line-height:89px}
.faq1 .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #cccccc; color:#454545; font-size:20px; text-align:left; display:block; line-height:89px}


.faq1b{ width:100%; margin:auto; height:90px; background:#1f9aed}
.faq1b .faq_class{width:100%;}
.faq1b .faq_class a{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:20px; text-align:left; display:block; line-height:89px}
.faq1b .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:20px; text-align:left; display:block; line-height:89px}

.faq_left_en{height:125px; line-height:125px; font-size:90px; color:#454545; padding-top:50px}
.faq_left_cn{height:100px; line-height:100px; font-size:60px; color:#454545;}

.faq_content{border-bottom:1px dashed #454545; height:160px; padding-top:15px}

.faq_q{ height:50px}
.faq_q_img{float:left; width:40px; padding-top:10px}
.faq_q_t{float:left; width:calc(100% - 40px); height:50px; line-height:50px}
.faq_q_t a{font-size:18px; color:#454545}

.faq_a{ height:100px}
.faq_a_img{float:left; width:40px; padding-top:5p}
.faq_a_t{float:left; width:calc(100% - 40px); height:100px; line-height:33px; color:#6f6d6d; font-size:16px}

.faq_main{ width:100%; margin:auto; padding-top:100px}



@media screen and (max-width:1400px) {
	
.faq_left{ width:30%; float:left; background-color:rgba(0,0,0,.1); height:auto; padding-bottom:130px}
.faq_middle{ width:2%; float:left}
.faq_right{ width:63%; float:left}

.faq1{ width:100%; margin:auto; height:90px; float:left}
.faq1 .faq_class{ width:100%;}
.faq1 .faq_class a{ width:100%; height:89px; border-bottom:1px solid #7e7e7e; color:#454545; font-size:20px; text-align:left; display:block; line-height:89px}
.faq1 .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #cccccc; color:#454545; font-size:20px; text-align:left; display:block; line-height:89px}


.faq1b{ width:100%; margin:auto; height:90px; background:#1f9aed; float:left}
.faq1b .faq_class{width:100%;}
.faq1b .faq_class a{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:20px; text-align:left; display:block; line-height:89px}
.faq1b .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:20px; text-align:left; display:block; line-height:89px}

.faq_left_en{height:125px; line-height:125px; font-size:60px; color:#454545; padding-top:50px}
.faq_left_cn{height:100px; line-height:100px; font-size:40px; color:#454545;}

.faq_content{border-bottom:1px dashed #454545; height:160px; padding-top:15px}

.faq_q{ height:50px}
.faq_q_img{float:left; width:40px; padding-top:10px}
.faq_q_t{float:left; width:calc(100% - 40px); height:50px; line-height:50px}
.faq_q_t a{font-size:18px; color:#454545}

.faq_a{ height:100px}
.faq_a_img{float:left; width:40px; padding-top:5p}
.faq_a_t{float:left; width:calc(100% - 40px); height:100px; line-height:33px; color:#6f6d6d; font-size:16px; overflow:hidden}	


}

@media screen and (max-width:781px) {
	
.faq_left{ width:35%; float:left; background-color:rgba(0,0,0,.1); height:auto; padding-bottom:130px}
.faq_middle{ width:2%; float:left}
.faq_right{ width:58%; float:left}


.faq1{ width:100%; margin:auto; height:90px; float:left}
.faq1 .faq_class{ width:100%;}
.faq1 .faq_class a{ width:100%; height:89px; border-bottom:1px solid #7e7e7e; color:#454545; font-size:16px; text-align:left; display:block; line-height:89px}
.faq1 .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #cccccc; color:#454545; font-size:16px; text-align:left; display:block; line-height:89px}


.faq1b{ width:100%; margin:auto; height:90px; background:#1f9aed; float:left}
.faq1b .faq_class{width:100%;}
.faq1b .faq_class a{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:16px; text-align:left; display:block; line-height:89px}
.faq1b .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:16px; text-align:left; display:block; line-height:89px}

.faq_left_en{height:65px; line-height:65px; font-size:40px; color:#454545; padding-top:50px}
.faq_left_cn{height:65px; line-height:65px; font-size:30px; color:#454545;}

.faq_main{ width:100%; margin:auto; padding-top:10px}


.faq_content{border-bottom:1px dashed #454545; height:160px; padding-top:15px}

.faq_q{ height:50px}
.faq_q_img{float:left; width:40px; padding-top:10px}
.faq_q_t{float:left; width:calc(100% - 40px); height:50px; line-height:50px; overflow:hidden}
.faq_q_t a{font-size:18px; color:#454545}

.faq_a{ height:100px}
.faq_a_img{float:left; width:40px; padding-top:5p}
.faq_a_t{float:left; width:calc(100% - 40px); height:100px; line-height:33px; color:#6f6d6d; font-size:16px; overflow:hidden}	

}

@media screen and (max-width:461px) {
	
	.index_faq{width:100%; margin:auto; background:url(../images/faq_bg.jpg) center top; height:auto}

.faq_left{ width:100%; float:left; background-color:rgba(0,0,0,.1); height:auto; padding-bottom:130px}
.faq_middle{ width:2%; float:left; display:none}
.faq_right{ width:100%; float:left}

.faq1{ width:50%; margin:auto; height:90px; float:left}
.faq1 .faq_class{ width:100%;}
.faq1 .faq_class a{ width:100%; height:89px; border-bottom:1px solid #7e7e7e; color:#454545; font-size:20px; text-align:left; display:block; line-height:89px}
.faq1 .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #cccccc; color:#454545; font-size:20px; text-align:left; display:block; line-height:89px}


.faq1b{ width:50%; margin:auto; height:90px; background:#1f9aed; float:left}
.faq1b .faq_class{width:100%;}
.faq1b .faq_class a{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:20px; text-align:left; display:block; line-height:89px}
.faq1b .faq_class a:hover{ width:100%; height:89px; border-bottom:1px solid #1f9aed; color:#ffffff; font-size:20px; text-align:left; display:block; line-height:89px}

.faq_left_en{height:125px; line-height:125px; font-size:90px; color:#454545; padding-top:50px}
.faq_left_cn{height:100px; line-height:100px; font-size:60px; color:#454545;}

.faq_content{border-bottom:1px dashed #454545; height:160px; padding-top:15px}

.faq_q{ height:50px}
.faq_q_img{float:left; width:40px; padding-top:10px}
.faq_q_t{float:left; width:calc(100% - 40px); height:50px; line-height:50px}
.faq_q_t a{font-size:18px; color:#454545}

.faq_a{ height:100px}
.faq_a_img{float:left; width:40px; padding-top:5p}
.faq_a_t{float:left; width:calc(100% - 40px); height:100px; line-height:33px; color:#6f6d6d; font-size:16px}

.faq_main{ width:100%; margin:auto; padding-top:10px}
}




.index_contact{width:100%; margin:auto; height:auto; background:url(../images/index_contact.jpg) center top}
.index_contact_left{float:left; width:50%; height:200px; background-color:rgba(34,34,34,0.8); height:740px;}
.index_contact_right{float:left; width:50%; height:200px; background-color:rgba(31,154,237,0.7); height:740px;}

.index_contact_bt{float:left; padding-left:10%}
.index_contact_left_content{width:100%; margin:auto; padding-bottom:60px}
.index_contact_left_content_main{float:left; padding-left:10%; padding-right:10%; width:80%}
.index_contact_left_img{ float:left; width:60px}
.index_contact_left_nr{float:left; font-size:18px; line-height:30px; color:#ffffff;width:calc(100% - 60px);}



.index_contact_cn{ text-align:left;color:#ffffff; font-size:30px; padding-top:90px; height:60px; line-height:60px; font-weight:bold}
.index_contact_en{ text-align:left;color:#ffffff; font-size:18px; padding-bottom:90px; height:40px; line-height:40px}


.feedback_1_button{ width:98%; height:45px; line-height:45px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%}
.feedback_2_button{ width:96%; height:45px; line-height:45px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%; padding-right:2%}
.feedback_3_button{ width:96%; height:120px; line-height:30px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%; padding-right:2%}
.feedback_4_button{ width:180px; height:40px; line-height:40px; background:#3575c0; text-align:center; font-size:16px; display:block; cursor:pointer; border:none; color:#ffffff}



@media screen and (max-width:1400px) {
	


}
@media screen and (max-width:1024px) {
.index_contact{width:100%; margin:auto; height:auto; background:url(../images/index_contact.jpg) center top}
.index_contact_left{float:left; width:50%; height:200px; background-color:rgba(34,34,34,.6); height:740px;}
.index_contact_right{float:left; width:50%; height:200px; background-color:rgba(31,154,237,.9); height:740px;}

.index_contact_bt{float:left; padding-left:10%}
.index_contact_left_content{width:100%; margin:auto; padding-bottom:60px}
.index_contact_left_content_main{float:left; padding-left:10%; padding-right:10%; width:80%}
.index_contact_left_img{ float:left; width:60px}
.index_contact_left_nr{float:left; font-size:18px; line-height:30px; color:#ffffff;width:calc(100% - 60px);}



.index_contact_cn{ text-align:left;color:#ffffff; font-size:20px; padding-top:90px; height:60px; line-height:60px; font-weight:bold}
.index_contact_en{ text-align:left;color:#ffffff; font-size:14px; padding-bottom:90px; height:40px; line-height:40px}


.feedback_1_button{ width:98%; height:45px; line-height:45px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%}
.feedback_2_button{ width:96%; height:45px; line-height:45px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%; padding-right:2%}
.feedback_3_button{ width:96%; height:120px; line-height:30px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%; padding-right:2%}
.feedback_4_button{ width:180px; height:40px; line-height:40px; background:#3575c0; text-align:center; font-size:16px; display:block; cursor:pointer; border:none; color:#ffffff}

}
@media screen and (max-width:781px) {

.index_contact{width:100%; margin:auto; height:auto; background:url(../images/index_contact.jpg) center top}
.index_contact_left{float:left; width:100%; height:200px; background-color:rgba(34,34,34,.6); height:740px;}
.index_contact_right{float:left; width:100%; height:200px; background-color:rgba(31,154,237,.9); height:740px;}

.index_contact_bt{float:left; padding-left:10%}
.index_contact_left_content{width:100%; margin:auto; padding-bottom:60px}
.index_contact_left_content_main{float:left; padding-left:10%; padding-right:10%; width:80%}
.index_contact_left_img{ float:left; width:60px}
.index_contact_left_nr{float:left; font-size:18px; line-height:30px; color:#ffffff;width:calc(100% - 60px);}



.index_contact_cn{ text-align:left;color:#ffffff; font-size:30px; padding-top:90px; height:60px; line-height:60px; font-weight:bold}
.index_contact_en{ text-align:left;color:#ffffff; font-size:18px; padding-bottom:90px; height:40px; line-height:40px}


.feedback_1_button{ width:98%; height:45px; line-height:45px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%}
.feedback_2_button{ width:96%; height:45px; line-height:45px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%; padding-right:2%}
.feedback_3_button{ width:96%; height:120px; line-height:30px; background:#efefef; border:none; color:#c6c6c6; font-size:16px; text-align:left; padding-left:2%; padding-right:2%}
.feedback_4_button{ width:180px; height:40px; line-height:40px; background:#3575c0; text-align:center; font-size:16px; display:block; cursor:pointer; border:none; color:#ffffff}

}
@media screen and (max-width:481px) {
.index_contact_cn{ text-align:left;color:#ffffff; font-size:26px; padding-top:90px; height:60px; line-height:60px; font-weight:bold}
.index_contact_en{ text-align:left;color:#ffffff; font-size:14px; padding-bottom:90px; height:40px; line-height:40px}
.index_contact_left_nr{float:left; font-size:15px; line-height:30px; color:#ffffff;width:calc(100% - 60px);}

}	



.product_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/product_banner.jpg) center top no-repeat}
.web_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/web_banner.jpg) center top no-repeat}
.seo_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/seo_banner.jpg) center top no-repeat}
.viedo_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/viedo_banner.jpg) center top no-repeat}
.news_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/news_banner.jpg) center top no-repeat}
.about_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/about_banner.jpg) center top no-repeat}
.contact_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/contact_banner1.jpg) center top no-repeat}
.feedback_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/feedback_banner.jpg) center top no-repeat}
.b2b_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/b2b_banner.jpg) center top no-repeat}
.other_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/other_banner.jpg) center top no-repeat}
.project_banner{width:100%; margin:auto; height:464px; margin:auto; background:url(../images/project_banner.jpg) center top no-repeat}
.web_body{ width:90%; margin:auto}
.web_banner_text1{text-align:left; height:80px; line-height:80px; color:#454545; font-size:40px; padding-top:110px}
.web_banner_text2{text-align:left; height:auto; line-height:60px; color:#454545; font-size:20px;}
.web_banner_text3{text-align:left; height:80px; line-height:80px; color:#ffffff; font-size:40px; padding-top:110px}
.web_banner_text4{text-align:left; height:auto; line-height:60px; color:#ffffff; font-size:20px;}
.web_banner_text5{ text-align:center; font-size:50px; color:#ffffff; padding-top:180px; font-weight:bold}
.web_banner_text6{ text-align:center; font-size:20px; color:#ffffff;font-weight:bold; padding-top:50px}
.web_banner_button1{text-align:left; padding-top:20px}
.web_banner_button1 a{height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 60px 0 20px;display:inline-block;border-radius:40px;background:#0052D9;background:linear-gradient(to right,#0052D9 10%,#00A3FF,#06F4F2);}

@media screen and (max-width:1400px) {
.web_banner_text5{ text-align:center; font-size:40px; color:#ffffff; padding-top:180px; font-weight:bold}

}
@media screen and (max-width:1024px) {
.web_banner_text5{ text-align:center; font-size:35px; color:#ffffff; padding-top:180px; font-weight:bold}


}
@media screen and (max-width:781px) {

.web_banner_text1{text-align:left; height:80px; line-height:80px; color:#454545; font-size:34px; padding-top:110px}
.web_banner_text2{text-align:left; height:auto; line-height:30px; color:#454545; font-size:18px;}
.web_banner_text3{text-align:left; height:80px; line-height:80px; color:#ffffff; font-size:34px; padding-top:110px}
.web_banner_text4{text-align:left; height:auto; line-height:30px; color:#ffffff; font-size:18px;}
.web_banner_text5{ text-align:center; font-size:22px; color:#ffffff; padding-top:130px; font-weight:bold}
.web_banner_button1{text-align:left; padding-top:20px}
.web_banner_button1 a{height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 60px 0 20px;display:inline-block;border-radius:40px;background:#0052D9;background:linear-gradient(to right,#0052D9 10%,#00A3FF,#06F4F2);}
.product_banner{width:100%; margin:auto; height:364px; margin:auto; background:url(../images/product_banner.jpg) center top no-repeat}

}
@media screen and (max-width:481px) {

.product_banner{width:100%; margin:auto; height:304px; margin:auto; background:url(../images/product_banner.jpg) center top no-repeat}
.web_banner_text1{text-align:left; height:80px; line-height:80px; color:#454545; font-size:24px; padding-top:110px}
.web_banner_text2{text-align:left; height:auto; line-height:30px; color:#454545; font-size:16px;}
.web_banner_button1{text-align:left; padding-top:20px}
.web_banner_button1 a{height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 60px 0 20px;display:inline-block;border-radius:40px;background:#0052D9;background:linear-gradient(to right,#0052D9 10%,#00A3FF,#06F4F2);}
.web_banner_text5{ text-align:center; font-size:16px; color:#ffffff; padding-top:120px; font-weight:bold}
.web_banner_text6{ text-align:center; font-size:14px; color:#ffffff;font-weight:bold; padding-top:30px}
}	


.c_title h2 {font-size:32px;line-height:40px;height:40px; font-weight:normal; text-align:center; padding-top:30px;}
.c_title h3{font-size:14px;color:#7D8790; font-weight:normal; text-align:center; padding-bottom:40px}

.web_box1_1{float:left;width:calc(20% - 20px);height:230px;margin-top:100px;background:rgba(0,82,217,.6); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}
.web_box1_2{float:left;width:calc(20% - 20px);height:320px;margin-top:50px;background:rgba(0,82,217,0.9); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}
.web_box1_3{float:left;width:calc(20% - 20px);height:420px;margin-top:0px; background:#F5F7FA; margin-left:10px; margin-right:10px;border-radius:4px;}
.web_box1_4{float:left;width:calc(20% - 20px);height:320px;margin-top:50px;background:rgba(0,82,217,0.9); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}
.web_box1_5{float:left;width:calc(20% - 20px);height:230px;margin-top:100px;background:rgba(0,82,217,.6); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}

.b_bottom{font-size:50px;line-height:52px;position:absolute;right:25px;bottom:20px;color:#F5F7FA;}
.web_box1_a h2{font-size:20px;line-height:22px;color:#fff;margin:20px 0;font-weight:bold;position:relative;z-index:2;}
.web_box1_a p{font-size:14px;color:rgba(255,255,255,.90);line-height:26px;}

.web_box1_b{ background:#F5F7FA; width:90%; margin:auto}
.web_box1_b p{font-size:14px;color:#3D485D;display:block;line-height:32px;margin-top:20px;overflow:inherit;}
.web_box1_b em{font-size:12px;position:relative;border:solid 1px #98A3B7;margin-right:20px;padding:5px 10px;border-radius:4px;background:#fff;z-index:2;}

.web_box1_c{width:100%; margin:auto; height:130px; background:#F04142; line-height:130px; color:#ffffff; text-align:center; font-size:22px; font-weight:bold}

@media screen and (max-width:1400px) {

.c_title h2 {font-size:32px;line-height:40px;height:40px; font-weight:normal; text-align:center; padding-top:30px;}
.c_title h3{font-size:14px;color:#7D8790; font-weight:normal; text-align:center; padding-bottom:40px}

.web_box1_1{float:left;width:calc(17.5% - 20px);height:230px;margin-top:100px;background:rgba(0,82,217,.6); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}
.web_box1_2{float:left;width:calc(17.5% - 20px);height:320px;margin-top:50px;background:rgba(0,82,217,0.9); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}
.web_box1_3{float:left;width:calc(30% - 20px);height:420px;margin-top:0px; background:#F5F7FA; margin-left:10px; margin-right:10px;border-radius:4px;}
.web_box1_4{float:left;width:calc(17.5% - 20px);height:320px;margin-top:50px;background:rgba(0,82,217,0.9); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}
.web_box1_5{float:left;width:calc(17.5% - 20px);height:230px;margin-top:100px;background:rgba(0,82,217,.6); margin-left:10px; margin-right:10px;border-radius:4px;position:relative}

.b_bottom{font-size:50px;line-height:52px;position:absolute;right:25px;bottom:20px;color:#F5F7FA;}
.web_box1_a h2{font-size:20px;line-height:22px;color:#fff;margin:20px 0;font-weight:bold;position:relative;z-index:2;}
.web_box1_a p{font-size:14px;color:rgba(255,255,255,.90);line-height:26px;}

.web_box1_b{ background:#F5F7FA; width:90%; margin:auto}
.web_box1_b p{font-size:14px;color:#3D485D;display:block;line-height:32px;margin-top:20px;overflow:inherit;}
.web_box1_b em{font-size:12px;position:relative;border:solid 1px #98A3B7;margin-right:20px;padding:5px 10px;border-radius:4px;background:#fff;z-index:2; display:none}

.web_box1_c{width:100%; margin:auto; height:130px; background:#F04142; line-height:130px; color:#ffffff; text-align:center; font-size:18px; font-weight:bold}
}
@media screen and (max-width:1024px) {
.c_title h2 {font-size:32px;line-height:40px;height:40px; font-weight:normal; text-align:center; padding-top:30px;}
.c_title h3{font-size:14px;color:#7D8790; font-weight:normal; text-align:center; padding-bottom:40px}

.web_box1_1{float:left;width:calc(50% - 20px);height:230px;margin-top:0px;background:rgba(0,82,217,.6); margin-left:10px; margin-right:10px;border-radius:4px;position:relative; margin-bottom:10px}
.web_box1_2{float:left;width:calc(50% - 20px);height:230px;margin-top:0px;background:rgba(0,82,217,0.9); margin-left:10px; margin-right:10px;border-radius:4px;position:relative; margin-bottom:10px}
.web_box1_3{float:left;width:calc(100% - 20px);height:auto;margin-top:0px; background:#F5F7FA; margin-left:10px; margin-right:10px;border-radius:4px; margin-bottom:10px}
.web_box1_4{float:left;width:calc(50% - 20px);height:230px;margin-top:0px;background:rgba(0,82,217,0.9); margin-left:10px; margin-right:10px;border-radius:4px;position:relative; margin-bottom:10px}
.web_box1_5{float:left;width:calc(50% - 20px);height:230px;margin-top:0px;background:rgba(0,82,217,.6); margin-left:10px; margin-right:10px;border-radius:4px;position:relative; margin-bottom:10px}

.b_bottom{font-size:50px;line-height:52px;position:absolute;right:25px;bottom:20px;color:#F5F7FA;}
.web_box1_a h2{font-size:20px;line-height:22px;color:#fff;margin:20px 0;font-weight:bold;position:relative;z-index:2;}
.web_box1_a p{font-size:14px;color:rgba(255,255,255,.90);line-height:26px;}

.web_box1_b{ background:#F5F7FA; width:90%; margin:auto}
.web_box1_b p{font-size:14px;color:#3D485D;display:block;line-height:32px;margin-top:20px;overflow:inherit;}
.web_box1_b em{font-size:12px;position:relative;border:solid 1px #98A3B7;margin-right:20px;padding:5px 10px;border-radius:4px;background:#fff;z-index:2; display:block}

.web_box1_c{width:100%; margin:auto; height:130px; background:#F04142; line-height:130px; color:#ffffff; text-align:center; font-size:18px; font-weight:bold}

}
@media screen and (max-width:781px) {



}
@media screen and (max-width:481px) {

.c_title h2 {font-size:22px;line-height:40px;height:40px; font-weight:normal; text-align:center; padding-top:30px;}
.c_title h3{font-size:14px;color:#7D8790; font-weight:normal; text-align:center; padding-bottom:40px}

}	

.web_box2{width:100%; margin:auto; background:url(../images/web_bg.jpg) center top repeat-y; height:auto; padding-bottom:30px}
.planmake-process .content{ margin: 30px 0 0px; display: flex; flex-flow: wrap;  justify-content: space-between;}
.planmake-process .box{ padding: 30px 15px 15px; width: 16%; background: #FFFFFF; border-radius: 40px 0 40px 0; text-align:center; float:left; overflow: hidden;}
.planmake-process .box .ico{ display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;} 
.planmake-process .box .tit{ font-size: 24px; color: #333333; font-weight: bold; padding: 16px 0; position: relative;}
.planmake-process .box .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left:-28px; width: 56px; height: 1px; background: #1f9aed;}
.planmake-process .box .des{ position: relative; z-index: 1;margin: 10px auto 0; max-width: 130px; font-size: 16px; line-height: 34px; color: #999999; text-align: left;} 
.planmake-process .box .des p{ position: relative; padding-left: 13px;}
.planmake-process .box .des p:before{ content: ""; position: absolute; top:12px; left:0; width: 4px; height: 4px; border-radius: 100%; overflow: hidden; background: #1f9aed;}
.planmake-process .box .num{ position: absolute; z-index:0; bottom:-15px; right:20px; font-size: 72px; line-height: 80px; font-weight: bold; color: #eff3fe;}
.planmake-process .jt{ padding-top:10%; display:none}



@media screen and (max-width:1400px) {


}
@media screen and (max-width:1024px) {

.web_box2{width:100%; margin:auto; background:url(../images/web_bg.jpg) center top repeat-y; height:auto; padding-bottom:30px}
.planmake-process .content{ margin: 30px 0 0px; display:block;}
.planmake-process .box{ padding: 30px 15px 15px; width:calc(33.3% - 50px);background: #FFFFFF; border-radius: 40px 0 40px 0; text-align:center; float:left;overflow: hidden; margin-left:10px; margin-bottom:10px}
.planmake-process .box .ico{ display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;} 
.planmake-process .box .tit{ font-size: 24px; color: #333333; font-weight: bold; padding: 16px 0; position: relative;}
.planmake-process .box .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left:-28px; width: 56px; height: 1px; background: #1f9aed;}
.planmake-process .box .des{ position: relative; z-index: 1;margin: 10px auto 0; max-width: 130px; font-size: 16px; line-height: 34px; color: #999999; text-align: left;} 
.planmake-process .box .des p{ position: relative; padding-left: 13px;}
.planmake-process .box .des p:before{ content: ""; position: absolute; top:12px; left:0; width: 4px; height: 4px; border-radius: 100%; overflow: hidden; background: #1f9aed;}
.planmake-process .box .num{ position: absolute; z-index:0; bottom:-15px; right:20px; font-size: 72px; line-height: 80px; font-weight: bold; color: #eff3fe;}
.planmake-process .jt{ padding-top:10%; display:none}
}
@media screen and (max-width:781px) {

.web_box2{width:100%; margin:auto; background:url(../images/web_bg.jpg) center top repeat-y; height:auto; padding-bottom:30px}
.planmake-process .content{ margin: 30px 0 0px; display:block;}
.planmake-process .box{ padding: 30px 15px 15px; width:calc(100% - 50px);background: #FFFFFF; border-radius: 40px 0 40px 0; text-align:center; float:left;overflow: hidden; margin-left:10px; margin-bottom:10px}
.planmake-process .box .ico{ display: inline-block; background: #f8f8f8; border-radius: 100%; overflow: hidden;} 
.planmake-process .box .tit{ font-size: 24px; color: #333333; font-weight: bold; padding: 16px 0; position: relative;}
.planmake-process .box .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left:-28px; width: 56px; height: 1px; background: #1f9aed;}
.planmake-process .box .des{ position: relative; z-index: 1;margin: 10px auto 0; max-width: 130px; font-size: 16px; line-height: 34px; color: #999999; text-align: left;} 
.planmake-process .box .des p{ position: relative; padding-left: 13px;}
.planmake-process .box .des p:before{ content: ""; position: absolute; top:12px; left:0; width: 4px; height: 4px; border-radius: 100%; overflow: hidden; background: #1f9aed;}
.planmake-process .box .num{ position: absolute; z-index:0; bottom:-15px; right:20px; font-size: 72px; line-height: 80px; font-weight: bold; color: #eff3fe;}
.planmake-process .jt{ padding-top:10%; display:none}
}
@media screen and (max-width:481px) {

}

.web_table td{ height:60px; line-height:60px}
.web_table_td1{ text-align:left; padding-left:30px; color:#454545}
.web_table_td2{ text-align:left; padding-left:30px; color:#454545}
.web_table_td3{ text-align:center; color:#888888}


@media screen and (max-width:781px) {
.web_table td{ line-height:40px}
.web_table_td1{ text-align:left; padding-left:30px; color:#454545}
.web_table_td2{ text-align:left; padding-left:30px; color:#454545}
.web_table_td3{ text-align:center; color:#888888}

}

.yx_chua {width:100%; margin:auto; padding-top:30px; padding-bottom:30px}
.yx_chua .web1_box{width:calc(25% - 30px);float:left;margin:0px 0 0 30px;border-radius:4px;position:relative;box-shadow:0 0px 20px rgba(0,0,0,0.10);}
.yx_chua .web1_box i{width:100%;float:left;overflow:hidden;}
.yx_chua .web1_box h2{text-align:center;font-size:22px;line-height:30px;padding-bottom:20px;}
.yx_chua .web1_box p {line-height:26px;font-size:16px;}
.yx_chua .web1_box img { width:100%}
.yx_chua .web1_box em{font-size:12px;color:#999;margin-top:20px;display:inline-block;position:relative;text-transform:uppercase;padding-bottom:15px;}
.yx_chua .web1_box em:before{width:30px;height:2px;background:#0052D9;bottom:0px;}
.yx_chua .web1_box h2:before{width:70px;height:70px;position:absolute;left:50%;top:-90px;margin-left:-40px;border:solid 5px #fff;background:#F5F7FA;border-radius:60px;}
.yx_chua .web1_box .txt{width:calc(100% - 40px);float:left;padding:20px;}
.yx_chua .web1_box:hover img{transform:scale(1.1);transition:600ms;} 
.yx_chua .web1_box h2:after{width:40px;height:42px;background:url("ipr_ico.png") no-repeat center -643px;background-size:100%; left:50%;top:-70px;margin-left:-20px;z-index:2;}


@media screen and (max-width:1024px) {

.yx_chua .web1_box{width:calc(50% - 30px);float:left;margin:0px 15px 0 15px;border-radius:4px;position:relative;box-shadow:0 0px 20px rgba(0,0,0,0.10);}
}
@media screen and (max-width:781px) {
.yx_chua .web1_box{width:calc(100% - 30px);float:left;margin:0px 15px 0 15px;border-radius:4px;position:relative;box-shadow:0 0px 20px rgba(0,0,0,0.10);}

}
@media screen and (max-width:481px) {
.yx_chua .web1_box{width:calc(100% - 30px);float:left;margin:0px 15px 0 15px;border-radius:4px;position:relative;box-shadow:0 0px 20px rgba(0,0,0,0.10);}
}



.web2_box1_1{float:left;width:calc(100% - 880px);}
.web2_box1_2{float:left; width:80px}
.web2_box1_3{float:left; width:800px}
.web2_box1_3 img{  max-width:800px}
.web2_box1_1_text1{text-align:left; font-size:28px; line-height:40px; color:#454545; padding-top:30px}
.web2_box1_1_content{width:100%; margin:auto; padding-top:60px}
.web2_box1_1_content_1{float:left; width:45px; height:45px; background:#F00; color:#ffffff; margin-right:10px;background-color:#1f9aed;border-radius:50%; text-align:center; line-height:45px; font-size:28px}
.web2_box1_1_content_2{float:left;width:calc(100% - 55px);}
.web2_box1_1_content_3{font-size:22px; margin-bottom:40px; height:45px; line-height:45px}
.web2_box1_1_content_4{line-height:35px; color:#454545}

.web2_box2{padding-top:60px; background:#f5f5f5;}
.web2_box2_1{float:left;width:calc(100% - 880px);}
.web2_box2_2{float:left; width:80px}
.web2_box2_3{float:left; width:800px}
.web2_box2_3 img{  max-width:800px}
.web2_box2_1_content{width:100%; margin:auto; padding-top:60px}
.web2_box2_1_content_1{float:left; width:45px; height:45px; background:#F00; color:#ffffff; margin-right:10px;background-color:#1f9aed;border-radius:50%; text-align:center; line-height:45px; font-size:28px}
.web2_box2_1_content_2{float:left;width:calc(100% - 55px);}
.web2_box2_1_content_3{font-size:22px; margin-bottom:40px; height:45px; line-height:45px}
.web2_box2_1_content_4{line-height:35px; color:#454545}


@media screen and (max-width:1400px) {
.web2_box1_1{float:left;width:calc(46% - 80px);}
.web2_box1_2{float:left; width:80px}
.web2_box1_3{float:left; width:54%}
.web2_box1_3 img{ max-width:800px; width:100%}


.web2_box2_1{float:left;width:calc(46% - 80px);}
.web2_box2_2{float:left; width:80px}
.web2_box2_3{float:left; width:54%}
.web2_box2_3 img{ max-width:800px; width:100%}

}


@media screen and (max-width:1024px) {
.web2_box1_1{float:left;width:100%}
.web2_box1_2{float:left; width:80px; display:none}
.web2_box1_3{float:left; width:100%}
.web2_box1_3 img{ max-width:100%; width:100%; margin:auto; text-align:center}


.web2_box2_1{float:left;width:100%}
.web2_box2_2{float:left; width:80px; display:none}
.web2_box2_3{float:left; width:100%}
.web2_box2_3 img{ max-width:100%; width:100%; margin:auto; text-align:center}
}
@media screen and (max-width:781px) {

}
@media screen and (max-width:481px) {
}

.web3_h5_img{background:#f7f7f7; text-align:center; margin:auto; width:90%}
.web3_h5_img img{ width:100%; max-width:400px}
.web3_box1{width:calc(50% - 1px); float:left}
.web3_box2{width:1px; float:left; height:200px; background:#CCC}
.web3_box3{width:50%; float:left}
.web3_box1_1{float:right; width:50px}
.web3_box1_2{float:right; width:350px; padding-left:40px}
.web3_box1_3{float:right; text-align:left}
.web3_box1_2_text1{text-align:left; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box1_2_text2{ text-align:left; line-height:30px; color:#454545}

.web3_box3_1{float:left; width:50px}
.web3_box3_2{float:left; text-align:left}
.web3_box3_3{float:left; width:350px; padding-left:40px}
.web3_box3_3_text1{text-align:left; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box3_3_text2{ text-align:left; line-height:30px; color:#454545}


@media screen and (max-width:1400px) {

.web3_h5_img{background:#f7f7f7; text-align:center; margin:auto; width:90%}
.web3_h5_img img{ width:100%; max-width:400px}
.web3_box1{width:calc(50% - 1px); float:left}
.web3_box2{width:1px; float:left; height:200px; background:#CCC}
.web3_box3{width:50%; float:left}
.web3_box1_1{float:right; width:20px}
.web3_box1_2{float:right; width:230px; padding-left:30px}
.web3_box1_3{float:right; text-align:left}
.web3_box1_2_text1{text-align:left; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box1_2_text2{ text-align:left; line-height:30px; color:#454545}

.web3_box3_1{float:left; width:20px}
.web3_box3_2{float:left; text-align:left}
.web3_box3_3{float:left; width:230px; padding-left:30px}
.web3_box3_3_text1{text-align:left; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box3_3_text2{ text-align:left; line-height:30px; color:#454545}
}


@media screen and (max-width:1024px) {
.web3_h5_img{background:#f7f7f7; text-align:center; margin:auto; width:90%}
.web3_h5_img img{ width:100%; max-width:400px}
.web3_box1{width:calc(50% - 1px); float:left}
.web3_box2{width:1px; float:left; height:200px; background:#CCC}
.web3_box3{width:50%; float:left}
.web3_box1_1{float:left; width:100%}
.web3_box1_2{float:left; width:100%; padding-left:0px}
.web3_box1_3{float:left; text-align:center; width:100%; display:none}
.web3_box1_2_text1{text-align:center; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box1_2_text2{ text-align:left; line-height:30px; color:#454545}

.web3_box3_1{float:left; width:100%}
.web3_box3_2{float:left; width:100%; padding-left:0px; display:none}
.web3_box3_3{float:left; text-align:center; width:100%}
.web3_box3_3_text1{text-align:center; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box3_3_text2{ text-align:center; line-height:30px; color:#454545}
}

@media screen and (max-width:781px) {

.web3_h5_img{background:#f7f7f7; text-align:center; margin:auto; width:90%}
.web3_h5_img img{ width:100%; max-width:400px}
.web3_box1{width:100%; float:left}
.web3_box2{width:1px; float:left; height:200px; background:#CCC; display:none}
.web3_box3{width:100%; float:left}
.web3_box1_1{float:left; width:100%}
.web3_box1_2{float:left; width:100%; padding-left:0px}
.web3_box1_3{float:left; text-align:left}
.web3_box1_2_text1{text-align:left; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box1_2_text2{ text-align:left; line-height:30px; color:#454545}

.web3_box3_1{float:left; width:100%}
.web3_box3_2{float:left; text-align:left}
.web3_box3_3{float:left; width:100%; padding-left:0px}
.web3_box3_3_text1{text-align:left; font-size:24px; height:60px; line-height:60px; color:#454545}
.web3_box3_3_text2{ text-align:left; line-height:30px; color:#454545}
}
@media screen and (max-width:481px) {
}

.web4_box{width:100%; margin:auto; background:url(../images/web4.jpg) center top no-repeat; height:847px}
.web4_box_1{float:left; padding-top:150px; width:50%}
.web4_box_2{float:right; padding-top:200px; width:50%}
.web4_box_2 img{ max-width:735px}
.web4_box_1_text1{text-align:left; height:80px; line-height:80px; color:#ffffff; font-size:56px;}
.web4_box_1_text2{text-align:left; height:60px; line-height:60px; color:#ffffff; font-size:22px}
.web4_box_1_text3{width:60px; height:2px; line-height:2px; background:#FFF}
.web4_box_1_text4{text-align:left; line-height:35px; color:#ffffff; padding-top:50px; font-size:18px; padding-bottom:50px}
.web4_box_1_text5{float:left; margin-right:10px}
.web4_box_1_text5 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:100px; display:block; text-align:center;border-radius:50px}
.web4_box_1_text6{float:left; margin-right:10px}
.web4_box_1_text6 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:200px; display:block; text-align:center;}

.web_4_bottom img{ max-width:1600px}


@media screen and (max-width:1400px) {

.web4_box{width:100%; margin:auto; background:url(../images/web4.jpg) center top no-repeat; height:807px}
.web4_box_1{float:left; padding-top:100px; width:50%}
.web4_box_2{float:right; padding-top:200px; width:50%}
.web4_box_2 img{ max-width:auto; width:100%}
.web4_box_1_text1{text-align:left; height:80px; line-height:80px; color:#ffffff; font-size:50px;}
.web4_box_1_text2{text-align:left; height:60px; line-height:60px; color:#ffffff; font-size:22px}
.web4_box_1_text3{width:60px; height:2px; line-height:2px; background:#FFF}
.web4_box_1_text4{text-align:left; line-height:35px; color:#ffffff; padding-top:50px; font-size:18px; padding-bottom:50px}
.web4_box_1_text5{float:left; margin-right:10px}
.web4_box_1_text5 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:100px; display:block; text-align:center;border-radius:50px}
.web4_box_1_text6{float:left; margin-right:10px}
.web4_box_1_text6 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:200px; display:block; text-align:center;}

.web_4_bottom img{ max-width:auto; width:100%}
}


@media screen and (max-width:1024px) {

}

@media screen and (max-width:781px) {
.web4_box{width:100%; margin:auto; background:url(../images/web4.jpg) center repeat-y; height:auto}
.web4_box_1{float:left; padding-top:100px; width:100%}
.web4_box_2{float:right; padding-top:50px; width:100%; padding-bottom:50px}
.web4_box_2 img{ max-width:auto; width:100%}
.web4_box_1_text1{text-align:left; height:80px; line-height:80px; color:#ffffff; font-size:50px;}
.web4_box_1_text2{text-align:left; height:60px; line-height:60px; color:#ffffff; font-size:22px}
.web4_box_1_text3{width:60px; height:2px; line-height:2px; background:#FFF}
.web4_box_1_text4{text-align:left; line-height:35px; color:#ffffff; padding-top:50px; font-size:18px; padding-bottom:50px}
.web4_box_1_text5{float:left; margin-right:10px}
.web4_box_1_text5 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:100px; display:block; text-align:center;border-radius:50px}
.web4_box_1_text6{float:left; margin-right:10px}
.web4_box_1_text6 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:200px; display:block; text-align:center;}

.web_4_bottom img{ max-width:auto; width:100%}

}
@media screen and (max-width:481px) {
.web4_box{width:100%; margin:auto; background:url(../images/web4.jpg) center repeat-y; height:auto}
.web4_box_1{float:right; padding-top:50px; width:100%}
.web4_box_2{float:left; padding-top:50px; width:100%; padding-bottom:50px;}
.web4_box_2 img{ max-width:auto; width:100%}
.web4_box_1_text1{text-align:left; height:50px; line-height:50px; color:#ffffff; font-size:30px;}
.web4_box_1_text2{text-align:left; height:60px; line-height:60px; color:#ffffff; font-size:22px}
.web4_box_1_text3{width:60px; height:2px; line-height:2px; background:#FFF}
.web4_box_1_text4{text-align:left; line-height:35px; color:#ffffff; padding-top:30px; font-size:18px; padding-bottom:30px}
.web4_box_1_text5{float:left; margin-right:10px; margin-bottom:20px}
.web4_box_1_text5 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:100px; display:block; text-align:center;border-radius:50px}
.web4_box_1_text6{float:left; margin-right:10px; margin-bottom:20px}
.web4_box_1_text6 a{border:1px solid #ffffff; color:#FFFFFF; height:40px; line-height:40px; width:150px; display:block; text-align:center;}

.web_4_bottom img{ max-width:auto; width:100%}
}



.web5_box1_1{float:left;width:650px;}
.web5_box1_3{float:right; width:500px}
.web5_box1_3 img{  max-width:500px}
.web5_box1_1_text1{text-align:left; font-size:28px; line-height:40px; color:#454545; padding-top:30px}
.web5_box1_1_content{width:100%; margin:auto; padding-top:40px}
.web5_box1_1_content_1{ width:100%; padding-bottom:40px}
.web5_box1_1_content_2{width:100%; }
.web5_box1_1_content_3{font-size:22px; height:45px; line-height:45px}
.web5_box1_1_content_4{line-height:35px; color:#454545}

.web5_box2{padding-top:60px; background:#f8f8f8; padding-bottom:60px}
.web5_box2_3{ float:left; width:700px}
.web5_box2_3 img{ max-width:700px; width:100%}
.web5_box2_1{ float:right;width:calc(100% - 700px)}
.web5_box2_1_content{width:100%; margin:auto; padding-top:40px}
.web5_box2_1_content_1{width:100%; padding-bottom:40px}
.web5_box2_1_content_3{font-size:22px; height:45px; line-height:45px; color:#454545}
.web5_box2_2{ width:100%; margin:auto; margin-bottom:30px}
.web5_box2_2_a{ float:left; width:20px; padding-top:10px}
.web5_box2_2_b{ float:left;width:calc(100% - 20px); line-height:30px; color:#454545}

@media screen and (max-width:1400px) {
.web5_box1_1{float:left;width:calc(100% - 453px);}
.web5_box1_3{float:right; width:453px}
.web5_box1_3 img{  max-width:500px}
.web5_box1_1_text1{text-align:left; font-size:28px; line-height:40px; color:#454545; padding-top:30px}
.web5_box1_1_content{width:100%; margin:auto; padding-top:40px}
.web5_box1_1_content_1{ width:100%; padding-bottom:40px}
.web5_box1_1_content_2{width:100%; }
.web5_box1_1_content_3{font-size:22px; height:auto; line-height:45px}
.web5_box1_1_content_4{line-height:35px; color:#454545}



.web5_box2{padding-top:60px; background:#f8f8f8; padding-bottom:60px}
.web5_box2_3{ float:left; width:500px}
.web5_box2_3 img{ max-width:500px; width:100%}
.web5_box2_1{ float:right;width:calc(100% - 500px);}
.web5_box2_1_content{width:100%; margin:auto; padding-top:40px}
.web5_box2_1_content_1{width:100%; padding-bottom:40px}
.web5_box2_1_content_3{font-size:22px; height:auto; line-height:45px; color:#454545}
.web5_box2_2{ width:100%; margin:auto; margin-bottom:30px}
.web5_box2_2_a{ float:left; width:20px; padding-top:10px}
.web5_box2_2_b{ float:left;width:calc(100% - 20px); line-height:30px; color:#454545}
}


@media screen and (max-width:1024px) {
.web5_box2{padding-top:60px; background:#f8f8f8; padding-bottom:60px}
.web5_box2_3{ float:right; width:100%; text-align:center}
.web5_box2_3 img{ max-width:700px; width:100%;}
.web5_box2_1{ float:left; width:100%}
.web5_box2_1_content{width:100%; margin:auto; padding-top:40px}
.web5_box2_1_content_1{width:100%; padding-bottom:40px}
.web5_box2_1_content_3{font-size:22px; height:auto; line-height:45px; color:#454545}
.web5_box2_2{ width:100%; margin:auto; margin-bottom:30px}
.web5_box2_2_a{ float:left; width:20px; padding-top:10px}
.web5_box2_2_b{ float:left;width:calc(100% - 20px); line-height:30px; color:#454545}
}
@media screen and (max-width:781px) {
.web5_box1_1{float:left;width:100%;}
.web5_box1_3{float:right; width:100%; text-align:center}
.web5_box1_3 img{  max-width:500px}
.web5_box1_1_text1{text-align:left; font-size:28px; line-height:40px; color:#454545; padding-top:30px}
.web5_box1_1_content{width:100%; margin:auto; padding-top:40px}
.web5_box1_1_content_1{ width:100%; padding-bottom:40px}
.web5_box1_1_content_2{width:100%; }
.web5_box1_1_content_3{font-size:22px; height:auto; line-height:45px}
.web5_box1_1_content_4{line-height:35px; color:#454545}
}
@media screen and (max-width:481px) {
.web5_box1_3 img{  max-width:auto; width:100%}
}

.seo_title_left{ float:left}
.seo_title_right{ float:right}
.seo_title1{ font-size:40px; height:70px; line-height:70px; color:#454545; font-weight:bold}
.seo_title2{ font-size:30px; height:auto; line-height:50px; color:#454545}
.seo_title3{ color:#f1f1f1; font-size:80px; text-transform:uppercase; font-weight:bold; line-height:120px}

@media screen and (max-width:1024px) {
.seo_title1{ font-size:30px; height:50px; line-height:50px; color:#454545; font-weight:bold}
.seo_title2{ font-size:20px; height:auto; line-height:50px; color:#454545}
.seo_title3{ color:#f1f1f1; font-size:70px; text-transform:uppercase; font-weight:bold; line-height:100px}
}

@media screen and (max-width:781px) {
.seo_title_left{ float:left}
.seo_title_right{ float:left}
.seo_title1{ font-size:30px; height:50px; line-height:50px; color:#454545; font-weight:bold}
.seo_title2{ font-size:20px; height:auto; line-height:50px; color:#454545}
.seo_title3{ color:#f1f1f1; font-size:70px; text-transform:uppercase; font-weight:bold; line-height:100px}
}



.seo_box1{background:#f1f1f1; margin-top:30px; margin-bottom:30px; padding-top:30px; padding-bottom:30px}
.seo_box1_left{ float:left; padding-left:30px;width:calc(100% - 840px);}
.seo_box1_right{ float:right; padding-right:30px; width:760px}

.seo_box1_1{ font-size:40px; height:60px; line-height:60px; color:#333333}
.seo_box1_2{ font-size:16px; line-height:30px; color:#333333; width:600px; padding-top:10px; padding-bottom:10px}
.seo_box1_3{ background:#ffffff; width:100%; padding-top:25px; padding-bottom:25px}
.seo_box1_3_1{ width:calc(100% - 50px);background:#ffffff; margin:auto; cursor:pointer; margin-left:25px; margin-right:25px}
.seo_box1_3_1 .ll{ float:left; height:100px; line-height:100px; text-align:center; width:100px; color:#333333; font-size:30px; font-weight:bold}
.seo_box1_3_1 .rr{ float:left; height:100px; width:calc(100% - 150px)}
.seo_box1_3_1 .rr .rr1{ padding-top:10px; height:50px; line-height:50px; color:#454545; font-size:26px}
.seo_box1_3_1 .rr .rr2{ padding-bottom:10px; height:30px; line-height:30px; color:#454545; font-size:16px}

.seo_box1_3_1b{ width:calc(100% - 50px); background:#1f9aed; margin:auto; cursor:pointer; margin-left:25px; margin-right:25px}
.seo_box1_3_1b .ll{ float:left; height:100px; line-height:100px; text-align:center; width:100px; color:#ffffff; font-size:30px; font-weight:bold}
.seo_box1_3_1b .rr{ float:left; height:100px; width:calc(100% - 150px)}
.seo_box1_3_1b .rr .rr1{ padding-top:10px; height:50px; line-height:50px; color:#ffffff; font-size:26px}
.seo_box1_3_1b .rr .rr2{ padding-bottom:10px; height:30px; line-height:30px; color:#ffffff; font-size:16px}



@media screen and (max-width:1400px) {
.seo_box1{background:#f1f1f1; margin-top:30px; margin-bottom:30px; padding-top:30px; padding-bottom:30px}
.seo_box1_left{ float:left; padding-left:30px;width:calc(100% - 560px);}
.seo_box1_right{ float:right; padding-right:30px; width:500px; padding-top:100px}
.seo_box1_right img{ width:100%;}

.seo_box1_1{ font-size:40px; height:60px; line-height:60px; color:#333333;width:100%;}
.seo_box1_2{ font-size:16px; line-height:30px; color:#333333; width:auto; padding-top:10px; padding-bottom:10px;width:100%;}
.seo_box1_3{ background:#ffffff; width:100%; padding-top:25px; padding-bottom:25px}
.seo_box1_3_1{ width:calc(100% - 50px);background:#ffffff; margin:auto; cursor:pointer; margin-left:25px; margin-right:25px}
.seo_box1_3_1 .ll{ float:left; height:auto; line-height:100px; text-align:center; width:100px; color:#333333; font-size:30px; font-weight:bold}
.seo_box1_3_1 .rr{ float:left; height:auto; width:calc(100% - 150px)}
.seo_box1_3_1 .rr .rr1{ padding-top:10px; height:auto; line-height:50px; color:#454545; font-size:26px}
.seo_box1_3_1 .rr .rr2{ padding-bottom:10px; height:auto; line-height:30px; color:#454545; font-size:16px}

.seo_box1_3_1b{ width:calc(100% - 50px); background:#1f9aed; margin:auto; cursor:pointer; margin-left:25px; margin-right:25px}
.seo_box1_3_1b .ll{ float:left; height:auto; line-height:100px; text-align:center; width:100px; color:#ffffff; font-size:30px; font-weight:bold}
.seo_box1_3_1b .rr{ float:left; height:auto; width:calc(100% - 150px)}
.seo_box1_3_1b .rr .rr1{ padding-top:10px; height:auto; line-height:50px; color:#ffffff; font-size:26px}
.seo_box1_3_1b .rr .rr2{ padding-bottom:10px; height:auto; line-height:30px; color:#ffffff; font-size:16px}
}
@media screen and (max-width:1024px) {
.seo_box1{background:#f1f1f1; margin-top:30px; margin-bottom:30px; padding-top:30px; padding-bottom:30px}
.seo_box1_left{ float:left; padding-left:0px;width:100%;}
.seo_box1_right{ float:right; padding-right:0px; width:100%; padding-top:100px}
.seo_box1_right img{ width:100%;}

.seo_box1_1{ font-size:40px; height:60px; line-height:60px; color:#333333;width:100%;}
.seo_box1_2{ font-size:16px; line-height:30px; color:#333333; width:auto; padding-top:10px; padding-bottom:10px;width:100%;}
.seo_box1_3{ background:#ffffff; width:100%; padding-top:25px; padding-bottom:25px}
.seo_box1_3_1{ width:calc(100% - 50px);background:#ffffff; margin:auto; cursor:pointer; margin-left:25px; margin-right:25px}
.seo_box1_3_1 .ll{ float:left; height:auto; line-height:100px; text-align:center; width:100px; color:#333333; font-size:30px; font-weight:bold}
.seo_box1_3_1 .rr{ float:left; height:auto; width:calc(100% - 150px)}
.seo_box1_3_1 .rr .rr1{ padding-top:10px; height:auto; line-height:50px; color:#454545; font-size:26px}
.seo_box1_3_1 .rr .rr2{ padding-bottom:10px; height:auto; line-height:30px; color:#454545; font-size:16px}

.seo_box1_3_1b{ width:calc(100% - 50px); background:#1f9aed; margin:auto; cursor:pointer; margin-left:25px; margin-right:25px}
.seo_box1_3_1b .ll{ float:left; height:auto; line-height:100px; text-align:center; width:100px; color:#ffffff; font-size:30px; font-weight:bold}
.seo_box1_3_1b .rr{ float:left; height:auto; width:calc(100% - 150px)}
.seo_box1_3_1b .rr .rr1{ padding-top:10px; height:auto; line-height:50px; color:#ffffff; font-size:26px}
.seo_box1_3_1b .rr .rr2{ padding-bottom:10px; height:auto; line-height:30px; color:#ffffff; font-size:16px}
}


.seo_box2{background:#fafafa; margin-top:30px; margin-bottom:30px; padding-top:30px; padding-bottom:30px}
.seo_box2_left{ float:left; padding-left:30px;width:610px;}
.seo_box2_left img{ width:100%}
.seo_box2_right{ float:right; padding-right:30px; width:calc(100% - 690px); padding-right:20px}

.seo_box2_1{ font-size:40px; height:60px; line-height:60px; color:#333333;width:100%;}
.seo_box2_2{ font-size:16px; line-height:30px; color:#333333; width:auto; padding-top:10px; padding-bottom:10px;width:100%;}
.seo_box2_3{ height:40px; line-height:40px; color:#333333; font-size:16px; padding-top:30px; padding-bottom:10px}
.seo_box2_3 span{ color:#1f9aed; font-size:20px; font-weight:bold}



@media screen and (max-width:1400px) {
.seo_box2_left{ float:left; padding-left:30px;width:610px;}
.seo_box2_right{ float:right; padding-right:30px; width:calc(100% - 690px); padding-right:20px; }
}
@media screen and (max-width:1024px) {
.seo_box2_left{ float:left; padding-left:30px;width:300px;}
.seo_box2_left img{ width:100%}
.seo_box2_right{ float:right; padding-right:30px; width:calc(100% - 360px)}
}
@media screen and (max-width:781px) {
.seo_box2_left{ float:left; padding-left:0px;width:100%; text-align:center; padding-bottom:30px}
.seo_box2_left img{ width:100%}
.seo_box2_right{ float:right; padding-right:0px; width:100%}
}
@media screen and (max-width:481px) {

}

.seo_title10{ color:#333333; line-height:1.4; font-size:33px; text-align:center}
.seo_title10 span{ color:#1f9aed}

.yxtg_list4{
    display: flex;
    flex-wrap: wrap;
    margin-top:35px;
}
.yxtg_list4 .yxtg_ll{
    width: 23%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}

.yxtg_list4 .yxtg_ll h3{
    font-size: 36px;
    color: #fff;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}
.yxtg_list4 .yxtg_ll img{ width:100%

}


@media screen and (max-width:1400px) {
	
	.seo_title10{ color:#333333; line-height:1.4; font-size:30px; text-align:center}

.yxtg_list4 .yxtg_ll{
    width: 31.3%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}

.yxtg_list4 .yxtg_ll h3{
    font-size: 30px;
    color: #fff;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}
}
@media screen and (max-width:1024px) {
	
	.seo_title10{ color:#333333; line-height:1.4; font-size:26px; text-align:center}
.yxtg_list4 .yxtg_ll{
    width: 48%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}

.yxtg_list4 .yxtg_ll h3{
    font-size: 20px;
    color: #fff;
    font-family: "微软雅黑";
    text-align: center;
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}
}
@media screen and (max-width:781px) {
.yxtg_list4 .yxtg_ll{
    width: 48%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}
}
@media screen and (max-width:481px) {

}



.service1_list{
    display: flex;
    flex-wrap: wrap; margin-top:40px
}
.service1_list .service1_list_a{
    width: 48%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:20px;
    position: relative; float:left; cursor:pointer
}

.service1_list .service1_list_a .text{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    color: #fff;
    z-index:9;
    padding:0 20px 30px;
}
.service1_list .service1_list_a .text h3{
    font-size: 36px;
    line-height: 1.6;
}
.service1_list .service1_list_a .text p{
    font-size: 18px;
        line-height: 1.6;
}
.service1_list .service1_list_a img{ width:100%
}



@media screen and (max-width:1400px) {
	

}
@media screen and (max-width:1024px) {
.service1_list .service1_list_a .text h3{
    font-size: 26px;
    line-height: 1.6;
}
.service1_list .service1_list_a .text p{
    font-size: 16px;
        line-height: 1.6;
}	

}
@media screen and (max-width:781px) {
.service1_list .service1_list_a{
    width: 98%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:20px;
    position: relative; float:left; cursor:pointer
}
}
@media screen and (max-width:481px) {

}

.viedo_title1{ font-size:40px; height:70px; line-height:70px; color:#333333; font-weight:bold; padding-top:30px}
.viedo_title2{ font-size:18px; height:auto; line-height:50px; color:#333333; padding-bottom:30px}
.viedo_ys{ text-align:center; padding-top:60px}
.viedo_ys img{ width:100%; max-width:1245px}

@media screen and (max-width:1024px) {
.viedo_title1{ font-size:40px; height:70px; line-height:70px; color:#333333; font-weight:bold}
.viedo_title2{ font-size:18px; height:auto; line-height:50px; color:#333333}
}

@media screen and (max-width:781px) {
.viedo_title1{ font-size:40px; height:70px; line-height:70px; color:#333333; font-weight:bold}
.viedo_title2{ font-size:18px; height:auto; line-height:50px; color:#333333}
}

.padding40{ padding-top:40px; padding-bottom:40px}



.b2b_list4{
    display: flex;
    flex-wrap: wrap;
}
.b2b_list4 .b2b_ll{
    width: 18%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}


.b2b_list4 .b2b_ll img{ width:100%

}


@media screen and (max-width:1400px) {
	
.b2b_list4{
    display: flex;
    flex-wrap: wrap;
}
.b2b_list4 .b2b_ll{
    width: 18%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}


.b2b_list4 .b2b_ll img{ width:100%

}
}
@media screen and (max-width:1024px) {
	
.b2b_list4{
    display: flex;
    flex-wrap: wrap;
}
.b2b_list4 .b2b_ll{
    width: 31.3%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}


.b2b_list4 .b2b_ll img{ width:100%

}
}
@media screen and (max-width:781px) {
.b2b_list4{
    display: flex;
    flex-wrap: wrap;
}
.b2b_list4 .b2b_ll{
    width: 48%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}


.b2b_list4 .b2b_ll img{ width:100%

}
}
@media screen and (max-width:481px) {
.b2b_list4{
    display: flex;
    flex-wrap: wrap;
}
.b2b_list4 .b2b_ll{
    width: 98%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:30px;
    position: relative;
    cursor: pointer; float:left
}


.b2b_list4 .b2b_ll img{ width:100%

}
}
.b2b_ys{ text-align:center; padding-top:60px}
.b2b_ys img{ width:100%; max-width:1000px}

.other_box1{ width:33.3%; float:left}
.other_box1_1{ width:100%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px}
.other_box1_2{ text-align:center; width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold}
.other_box1_3{ width:80%; margin:auto; text-align:center; color:#333333; line-height:30px}

@media screen and (max-width:781px) {
.other_box1{ width:100%; float:left}
.other_box1_1{ width:100%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px}
.other_box1_2{ text-align:center; width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold}
.other_box1_3{ width:60%; margin:auto; text-align:center; color:#333333; line-height:30px}
}

@media screen and (max-width:481px) {.other_box1{ width:100%; float:left}
.other_box1_1{ width:100%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px}
.other_box1_2{ text-align:center; width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold}
.other_box1_3{ width:100%; margin:auto; text-align:center; color:#333333; line-height:30px}
}


.yuand {
  overflow: hidden;
  padding: 60px 0;
}
.yuand div {
  float: left;
  width: 25%;
  text-align: center; padding-bottom:30px
}
.yuand div .day {
  width: 82px;
  height: 82px;
  display: block;
  margin: 0 auto;
  background: url(../css/.com/css/_blank) no-repeat center top;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.yuand div .day:hover {
  background-position: center bottom;
}
.yuand div .day.dd1 {
  background-image: url(../images/other1.png); width:82px
}
.yuand div .day.dd2 {
  background-image: url(../images/other2.png);width:82px
}
.yuand div .day.dd3 {
  background-image: url(../images/other3.png);width:82px
}
.yuand div .day.dd4 {
  background-image: url(../images/other4.png);width:82px
}
.yuand div .day.dd5 {
  background-image: url(../images/other5.png); width:82px
}
.yuand div .day.dd6 {
  background-image: url(../images/other6.png);width:82px
}
.yuand div .day.dd7 {
  background-image: url(../images/other7.png);width:82px
}
.yuand div .day.dd8 {
  background-image: url(../images/other8.png);width:82px
}
.yuand div h2 {
  font-size: 20px;
  font-weight: normal;
  padding: 15px 0 0;
}
.yuand div h2 a {
  display: block;
  text-align: center;
  color: #363636;
}
.yuand div h2 a:hover {
  color: #ff7300;
}
.yuand div em {
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #666;
  font-size: 12px;
}


@media screen and (max-width:781px) {
.yuand div {
  float: left;
  width: 50%;
  text-align: center; padding-bottom:30px
}
}

.left_product_main{text-align:center; margin-top:50px}
.left_no{ display:inline-block; margin-bottom:20px}
.left_no a{display: block;line-height: 55px;padding:0 35px;font-size: 22px;color: #333333;margin:0 20px;border:1px solid #eeeeee;border-radius: 10px; background:#ffffff}
.left_yes{ display:inline-block; margin-bottom:20px}
.left_yes a{display: block;line-height: 55px;padding:0 35px;font-size: 22px;color: #ffffff;margin:0 20px;border:1px solid #1f9aed;border-radius: 10px; background:#1f9aed}



.index_product_title1{ width:100%; margin:auto; text-align:center; color:#333333; font-size:36px; font-weight:bold; height:80px; line-height:80px}
.index_product_title2{ width:100%; margin:auto; text-align:center; color:#868686; font-size:18px; height:40px; line-height:40px}



.service2_list{
    display: flex;
    flex-wrap: wrap; margin-top:40px
}
.service2_list .service2_list_a{
    width: 31.3%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:20px;
    position: relative; float:left; cursor:pointer
}

.service2_list .service2_list_a .text{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    color: #fff;
    z-index:9;
    padding:0 20px 30px;
}
.service2_list .service2_list_a .text h3{
    font-size: 36px;
    line-height: 1.6;
}
.service2_list .service2_list_a .text p{
    font-size: 18px;
        line-height: 1.6;
}
.service2_list .service2_list_a img{ width:100%
}



@media screen and (max-width:1400px) {
	

}
@media screen and (max-width:1024px) {
.service2_list .service2_list_a .text h3{
    font-size: 26px;
    line-height: 1.6;
}
.service2_list .service2_list_a .text p{
    font-size: 16px;
        line-height: 1.6;
}	

}
@media screen and (max-width:781px) {
.service2_list .service2_list_a{
    width: 98%;
    margin-right: 1%; margin-left:1%;
    margin-bottom:20px;
    position: relative; float:left; cursor:pointer
}
}
@media screen and (max-width:481px) {

}


.project_1{ text-align:center; padding-top:60px}
.project_1 img{ width:100%; max-width:1600px}

.project_1_table_td_img{ text-align:left; padding-left:10px}
.project_1_table_td_img img{ width:100%;max-width:702px}
.project_1_table_td_1{font-size:24px; background:#2b6cf4; height:40px; line-height:40px; width:150px; display:inline-block; color:#ffffff;border-radius:25px}
.project_1_table_td_3{float:left; width:25%; text-align:center; line-height:30px; font-size:18px; line-height:35px; padding-top:30px; padding-bottom:30px}
.project_1_table_td_3 b{font-size:24px}
.project_1_table_td_5{ color:#454545; font-size:24px}

.project_1_table_td_6{width:calc(33.3% - 20px); float:left; margin-right:20px; background:#ffffff;border-radius:25px 0 25px 0;box-shadow:0 5px 12px rgba(0,0,0,.08); padding-bottom:40px}
.project_1_table_td_7{width:calc(33.3% - 40px); float:left; margin-left:20px; margin-right:20px; background:#ffffff;border-radius:25px 0 25px 0;box-shadow:0 5px 12px rgba(0,0,0,.08); padding-bottom:40px}
.project_1_table_td_8{width:calc(33.3% - 20px); float:left; margin-left:20px; background:#ffffff;border-radius:25px 0 25px 0;box-shadow:0 5px 12px rgba(0,0,0,.08); padding-bottom:40px}
.project_1_table_td_9{width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#454545}

@media screen and (max-width:781px) {
.project_1_table_td_1{font-size:24px; background:#2b6cf4; height:40px; line-height:40px; width:100px; display:inline-block; color:#ffffff;border-radius:25px}
.project_1_table_td_3{float:left; width:25%; text-align:center; line-height:30px; font-size:18px; line-height:35px; padding-top:30px; padding-bottom:30px}
.project_1_table_td_3 b{font-size:24px}
.project_1_table_td_5{ color:#454545; font-size:20px}

.project_1_table_td_6{width:100%; float:left; margin-right:0px; background:#ffffff;border-radius:25px 0 25px 0;box-shadow:0 5px 12px rgba(0,0,0,.08); padding-bottom:40px; margin-bottom:30px}
.project_1_table_td_7{width:100%; float:left; margin-left:0px; margin-right:20px; background:#ffffff;border-radius:25px 0 25px 0;box-shadow:0 5px 12px rgba(0,0,0,.08); padding-bottom:40px; margin-bottom:30px}
.project_1_table_td_8{width:100%; float:left; margin-left:0px; background:#ffffff;border-radius:25px 0 25px 0;box-shadow:0 5px 12px rgba(0,0,0,.08); padding-bottom:40px; margin-bottom:30px}
.project_1_table_td_9{width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; color:#454545}
}

@media screen and (max-width:481px) {
.project_1_table_td_1{font-size:18px; background:#2b6cf4; height:40px; line-height:40px; width:60px; display:inline-block; color:#ffffff;border-radius:25px}
.project_1_table_td_3{float:left; width:25%; text-align:center; line-height:30px; font-size:16px; line-height:35px; padding-top:30px; padding-bottom:30px}
.project_1_table_td_3 b{font-size:18px}
.project_1_table_td_5{ color:#454545; font-size:18px}
.project_1_table_td_9{width:100%; height:50px; line-height:50px; font-size:14px; text-align:center; color:#454545}

}


.other_box5{ width:25%; float:left}
.other_box5_1{ width:100%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px}
.other_box5_2{ text-align:center; width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold}
.other_box5_3{ width:80%; margin:auto; text-align:center; color:#333333; line-height:30px}

@media screen and (max-width:781px) {
.other_box5{ width:100%; float:left}
.other_box5_1{ width:100%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px}
.other_box5_2{ text-align:center; width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold}
.other_box5_3{ width:60%; margin:auto; text-align:center; color:#333333; line-height:30px}
}

@media screen and (max-width:481px) {.other_box5{ width:100%; float:left}
.other_box5_2{ width:100%; margin:auto; text-align:center; padding-top:30px; padding-bottom:30px}
.other_box5_2{ text-align:center; width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold}
.other_box5_3{ width:100%; margin:auto; text-align:center; color:#333333; line-height:30px}
}

.in_about_left{ float:left; width:600px}
.in_about_right{float:right; text-align:left; line-height:33px; width:calc(100% - 640px); color:#454545}

@media screen and (max-width:1400px) {
	

}
@media screen and (max-width:1024px) {

.in_about_left{ float:left; width:400px}
.in_about_left img{ width:100%}
.in_about_right{float:right; text-align:left; line-height:25px; width:calc(100% - 440px); color:#454545; font-size:14px}
}
@media screen and (max-width:781px) {
.in_about_left{ float:left; width:100%}
.in_about_left img{ width:100%}
.in_about_right{float:right; text-align:left; line-height:33px; width:100%; color:#454545}
}
@media screen and (max-width:481px) {

}

.in_contact_left{ float:left; width:100%}
.in_contact_right{ float:left; width:100%}

.in_contact_left_a{float:left; width:50%; line-height:30px; height:300px}
.in_contact_left_a span{height:50px; line-height:50px; font-size:32px; font-weight:bold}

@media screen and (max-width:1024px) {

.in_contact_left{ float:left; width:100%}
.in_contact_right{ float:left; width:100%}
.in_contact_left_a{float:left; width:50%; line-height:30px; height:200px}

}
@media screen and (max-width:781px) {

.in_contact_left{ float:left; width:100%}
.in_contact_right{ float:left; width:100%}
.in_contact_left_a{float:left; width:100%; line-height:30px; height:200px}
.in_contact_left_a span{height:50px; line-height:50px; font-size:22px; font-weight:bold}
}

.feedback{ width:100%; margin:auto}
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:140px; float:left}
.feedback_right{width:calc(50% - 140px); height:42px;  float:left; padding-right:0px; padding-left:0px}
.feedback_right_1{width:calc(90% - 2px); height:40px; line-height:40px; border:1px solid #cccccc}

.feedback_right2{ width:100%; float:left}
.feedback_right_2{width:calc(100% - 2px); height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right_3{width:calc(50% - 2px); height:40px; line-height:40px; border:1px solid #cccccc}




@media screen and (max-width:1400px) {
	
	
.feedback{ width:100%; margin:auto}
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:10%; float:left}
.feedback_right{width:40%; height:42px;  float:left; padding-right:0px}
.feedback_right_1{width:97%; height:40px; line-height:40px; border:1px solid #cccccc}

.feedback_right2{ width:90%; float:left}
.feedback_right_2{width:98%; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right_3{width:98%; height:40px; line-height:40px; border:1px solid #cccccc}

}
@media screen and (max-width:1024px) {
.feedback{ width:100%; margin:auto}
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:10%; float:left}
.feedback_right{width:40%; height:42px;  float:left; padding-right:0px}
.feedback_right_1{width:97%; height:40px; line-height:40px; border:1px solid #cccccc}

.feedback_right2{ width:90%; float:left}
.feedback_right_2{width:98%; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right_3{width:98%; height:40px; line-height:40px; border:1px solid #cccccc}

}
@media screen and (max-width:781px) {
.feedback{ width:100%; margin:auto}
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:100%; float:left}
.feedback_right{width:100%; height:42px;  float:left; padding-right:0px}
.feedback_right_1{width:97%; height:40px; line-height:40px; border:1px solid #cccccc}

.feedback_right2{ width:100%; float:left}
.feedback_right_2{width:97%; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right_3{width:97%; height:40px; line-height:40px; border:1px solid #cccccc}


}
@media screen and (max-width:481px) {
.feedback{ width:100%; margin:auto}
.feedback_left{text-align:left; height:40px; line-height:40px; color:#828282; font-size:16px; font-weight:bold; width:100%; float:left}
.feedback_right{width:100%; height:42px;  float:left; padding-right:0px}
.feedback_right_1{width:97%; height:40px; line-height:40px; border:1px solid #cccccc}

.feedback_right2{ width:100%; float:left}
.feedback_right_2{width:97%; height:160px; line-height:40px; border:1px solid #cccccc}
.feedback_right_3{width:97%; height:40px; line-height:40px; border:1px solid #cccccc}	
}	



.web_feeback{width:100%; margin:auto; height:auto; background:url(../images/feedback_bg.jpg) center top; padding-bottom:40px}


.web_feedback_left{float:left; width:calc(100% - 500px); padding-top:220px}
.web_feedback_right{float:right; width:500px; padding-top:200px}

.web_feedback_left_1{height:90px; line-height:90px; color:#ffffff; font-size:36px; font-weight:bold;letter-spacing:2px}
.web_feedback_left_2{width:100%; margin:auto; font-size:36px; font-weight:bold; color:#ffffff; letter-spacing:2px; height:160px; line-height:160px}
.web_feedback_left_2 span{ color:#ff0000}
.web_feedback_left_3{text-align:left; color:#ffffff; letter-spacing:1px; font-size:24px; height:30px; line-height:30px}
.web_feedback_left_4{text-align:left; color:#ffffff; letter-spacing:1px; font-size:18px; height:30px; line-height:30px}


@media screen and (max-width:1024px) {
.web_feeback{width:100%; margin:auto; background:url(../images/feedback_bg.jpg) center top repeat-y; height:auto; padding-bottom:40px}
.web_feedback_left{float:left; width:calc(100% - 0px); padding-top:20px}
.web_feedback_right{float:right; width:100%; padding-top:50px}

.web_feedback_left_1{height:90px; line-height:90px; color:#ffffff; font-size:20px; font-weight:bold;letter-spacing:2px}
.web_feedback_left_2{width:100%; margin:auto; font-size:20px; font-weight:bold; color:#ffffff; letter-spacing:2px; height:160px; line-height:160px}
.web_feedback_left_2 span{ color:#ff0000}
.web_feedback_left_3{text-align:left; color:#ffffff; letter-spacing:1px; font-size:18px; height:30px; line-height:30px}
.web_feedback_left_4{text-align:left; color:#ffffff; letter-spacing:1px; font-size:16px; height:30px; line-height:30px}

}