/* by dingtiger 2019.4 */
@font-face {
  font-family: 'dinpro_b';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/DINPro-Bold.woff2') format('woff2'),
      url('../font/DINPro-Bold.woff') format('woff'),
      url('../font/DINPro-Bold.ttf') format('truetype'),
      url('../font/DINPro-Bold.svg#dinpro_b') format('svg');
}

@font-face {
  font-family: 'dinpro';
  src: url('../font/dinpro.eot');
  src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'),
      url('../font/dinpro.woff2') format('woff2'),
      url('../font/dinpro.woff') format('woff'),
      url('../font/dinpro.ttf') format('truetype'),
      url('../font/dinpro.svg#dinpro') format('svg');
}

@font-face {
  font-family: 'avgr';
  src: url('../font/svgr.eot');
  src: url('../font/svgr.eot?#iefix') format('embedded-opentype'),
      url('../font/svgr.woff2') format('woff2'),
      url('../font/svgr.woff') format('woff'),
      url('../font/svgr.ttf') format('truetype'),
      url('../font/svgr.svg#avgr') format('svg');
}


*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:24px; color: #888888; font-family: "microsoft yahei","PingFang SC"; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px auto; padding:0px; display:block;}
input:focus {outline: none;}
.clean{clear:both;}

a:link {color: #888888;text-decoration: none;}
a:visited {color: #888888;text-decoration: none;}
a:hover {color:#d70c18;text-decoration: none;}
a:active {color: #888888;text-decoration: none;}

.telphone:link {color: #fff;text-decoration: none;}
.telphone:visited {color: #fff;text-decoration: none;}
.telphone:hover {color:#fff;text-decoration: none;}
.telphone:active {color: #fff;text-decoration: none;}

p{font-size:30px; color:#d70c18; line-height:40px;}
font{font-size:11px; color:#aaa; font-family:Arial, Helvetica, sans-serif;}

/*top_menu*/
#top_menu{width:100%; top:0; z-index:9999;}
#top_menu ul{width:1200px; margin:0 auto; position:relative;}
#top_menu ul li:nth-child(2){width:1200px; text-align:right;}
#top_menu ul li:nth-child(2) a{margin-left:30px; font-size:12px;}
#top_menu ul li:nth-child(2) a:nth-child(1){margin-left:15px; font-size:12px;}
#top_menu ul li:nth-child(3){display:none;}

#top_menua{width:100%; top:0; z-index:9999;}
#top_menua ul{width:1200px; margin:0 auto; position:relative;}
#top_menua ul li:nth-child(2){width:1200px; text-align:right;}
#top_menua ul li:nth-child(2) a{margin-left:30px; font-size:12px;}
#top_menua ul li:nth-child(2) a:nth-child(1){margin-left:15px; font-size:12px;}
#top_menua ul li:nth-child(3){display:none;}

/*mob*/
.sp_nav{width:7vw;float:right;position:relative;cursor:pointer;height:7vw; margin-top:2vh;}
.sp_nav span{display:block;background:#d70c18;width:7vw;height:3px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%; height:100%; font-size:1em; line-height:50px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%;}
.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow:hidden;line-height:50px;}
.sjj_nav>ul>li:first-child .language a{width:20%;float:left; text-align:center;color:#999; border-right:1px #ddd solid;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:5vw;position:relative;line-height:50px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#616161;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0053a1}
.sjj_nav ul li ul li>ul{margin-left:10px}

.li_logo:before{position:absolute; left:0px; top:0px; width:120px; height:120px; background-color:#d70c18; color:#FFF; font-size:90px; text-align:center; line-height:118px; font-family: "iconfont" !important; content: "\e606";}
.li_logoa:before{position:absolute; left:0px; top:0px; width:120px; height:50px; background-color:none; color:#d70c18; font-size:120px; text-align:center; line-height:50px; font-family: "iconfont" !important; content: "\e608";}

.default{width:100%; height:80px; background-color:none; color:#ffffff; position:absolute; z-index:9999; top:0px; line-height:110px;}

.fixed {position:fixed; top:0px; left:0px; width:100%; height:50px; line-height:50px; background-color:#ffffff; color:#717171; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}

.menu_link a:link {color: #fff;text-decoration: none;}
.menu_link a:visited {color: #fff;text-decoration: none;}
.menu_link a:hover {color:#d70c18;text-decoration: none;}
.menu_link a:active {color: #fff;text-decoration: none;}

.menu_linka a:link {color:#888; text-decoration: none;}
.menu_linka a:visited {color:#888; text-decoration: none;}
.menu_linka a:hover {color:#d70c18; text-decoration: none;}
.menu_linka a:active {color:#888; text-decoration: none;}

/*banner*/
.index_banner{width:100%; height:750px; background-color:#666;}
.txt-box{width: 1200px; display: block;  margin:100px auto 0 auto; text-align:center;}
.swiper-container {width: 100%;height:100%;}
.swiper-slide{color:#fff;}
.swiper-slide .title {font-size:46px; color:#ffffff; text-align:center; margin-top:380px; line-height:54px;}
.swiper-slide .titlea p {font-size:12px; color:#ffffff; text-align:center; margin-top:50px; font-family:Arial, Helvetica, sans-serif; line-height:20px; background-image:url(../image/redline.gif); background-position:center top; background-repeat:no-repeat; padding-top:10px;}


/*index_a*/
.index_a{width:100%; height:auto; padding:100px 0;}
.index_a ul{width:1200px; height:auto; margin:0 auto; clear:both;}
.index_a ul:nth-child(1){margin-bottom:60px; text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_a ul li{width:18.4%; float:left; height:300px; background-color:#999; margin-right:2%;}
.index_a ul li:last-child{width:18.4%; float:left; height:300px; background-color:#999; margin-right:0;}

.grid{width:100%; height:auto; padding:100px 0;}
.grid ul{width:1200px; height:auto; margin:0 auto; clear:both;}
.grid ul:nth-child(1){margin-bottom:20px; text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.grid ul:nth-child(2){ text-align:center; padding-bottom:30px;}


.case_boxa{width:1200px; margin:0 auto; height:auto;}
.case_boxa ol{width:22%; float:left; margin-right:4%; margin-bottom:20px; text-align:center;}
.case_boxa ol:nth-child(4n+4){margin-right:0;}
.case_boxa .lightbox img {border-radius:0;}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0;
	width:18.4%;
	height:350px;
	text-align: center;
	cursor: pointer;
	margin-right:2%;
}

.grid figure:last-child{margin-right:0;}

.grid figure img {
	position: relative;
	display: block;
	opacity: 1;
    min-height: 100%;
	max-width: 100%;
}

.grid figure figcaption {
	width:100%;
	padding:0;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}



/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #000;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby font {
	font-size:20px;
	margin-top:50%;
	display:block;
	color:#FFF;
	margin-bottom:22px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	z-index:2;
}

figure.effect-ruby p {
	width:80%;
	display:block;
	font-size:10px;
	line-height:16px;
	color:#FFF;
	margin:0 auto;
	text-align:center;
	z-index:2;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}









/*xin----------------------------------------------------*/

.about_product {width:1200px; height:auto; margin:0 auto; padding:100px 0;}
.about_product ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:100px;}

.about_product ul li{width:calc( 48% - 102px);margin-right: 4%;float: left;border: 1px solid #eee;height: auto;margin-bottom: 50px; text-align: center;padding: 50px;}
.about_product ul li:nth-child(2n+2){margin-right: 0; }
.about_product ul li p{font-size: 20px;line-height: 40px;}

/*index_b*/
.index_b{width:100%; height:auto; padding:100px 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:70px;}
.index_b ul{width:1200px; height:auto; clear:both; margin:10px auto; position:relative;}

.index_b_content ul{width:100%; height:550px; position:relative;}
.index_b_content ul li{position:absolute;top:0;left:0;}
.index_b_content ul li:nth-child(1){top:200px; left:240px; color:#999999;}
.index_b_content ul li:nth-child(2){top:70px; left:244px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(3){top:40px; left:300px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(4){top:125px; left:345px; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content ul li:nth-child(5){top:40px; left:413px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content ul li:nth-child(6){top:60px; left:250px; color:#d70c18;}
.index_b_content ul li:nth-child(7){top:35px; left:305px; color:#d70c18;}
.index_b_content ul li:nth-child(8){top:120px; left:350px; color:#d70c18;}
.index_b_content ul li:nth-child(9){top:30px; left:417px; color:#d70c18; display:none;}
.index_b_content ul li:nth-child(10){top:450px; left:340px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(11){top:450px; left:420px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(12){top:450px; left:500px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(13){top:450px; left:580px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(14){top:450px; left:660px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(15){top:450px; left:740px; text-align:center; font-size:12px;}

.index_b_content ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;}

/*pro*/
.pro_color{width:1200px; height:auto; padding: 0; margin:0 auto;}
.pro_color ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center top; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color ul{width:100%;}

.pro_color ul span{font-size:16px; color:#999;}

/*index_bb*/
.index_bb{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bb ul{width:1200px;  clear:both; margin:10px auto; position:relative;text-align:center;}

/*index_bbb*/
.index_bbb{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb ul{width:1200px;  clear:both; margin:0 auto; position:relative;}
.index_bbb ul:nth-child(1){margin-bottom: 30px;}

.index_b_content2 ul{width:100%; height:600px; position:relative;}
.index_b_content2 ul li{position:absolute;top:0;left:0;}
.index_b_content2 ul li:nth-child(1){top:200px; left:240px; color:#999999;}
.index_b_content2 ul li:nth-child(2){top:115px; left:240px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content2 ul li:nth-child(3){top:50px; left:307px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content2 ul li:nth-child(4){top:122px; left:365px; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content2 ul li:nth-child(5){top:40px; left:413px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content2 ul li:nth-child(6){top:110px; left:245px; color:#d70c18;}
.index_b_content2 ul li:nth-child(7){top:46px; left:312px; color:#d70c18;}
.index_b_content2 ul li:nth-child(8){top:118px; left:370px; color:#d70c18;}
.index_b_content2 ul li:nth-child(9){top:30px; left:417px; color:#d70c18; display:none;}
.index_b_content2 ul li:nth-child(10){top:520px; left:200px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(11){top:520px; left:280px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(12){top:520px; left:360px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(13){top:520px; left:440px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(14){top:520px; left:520px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(15){top:520px; left:600px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(16){top:520px; left:680px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(17){top:520px; left:760px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(18){top:520px; left:840px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(19){top:520px; left:920px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(20){top:520px; left:1000px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(21){top:520px; left:1080px; text-align:center; font-size:12px;}

.index_b_content2 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;}
.index_b_content2 ul li dd img {margin: auto auto;padding-top: 10px;}

/*pro*/
.pro_color2{width:1200px; height:auto; padding:0; margin:0 auto;}
.pro_color2 ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color2 ul{width:100%;}

.pro_color2 ul span{font-size:16px; color:#999;}

/*index_bbb*/
.index_bbb2{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb2 ul{width:1200px;  clear:both; margin:0 auto; position:relative;}
.index_bbb2 ul:nth-child(1){margin-bottom: 30px;}


/*index_b_content3*/
.index_b_content3 ul{width:100%; height:660px; position:relative;}
.index_b_content3 ul li{position:absolute;top:0;left:0;}
.index_b_content3 ul li:nth-child(1){top:200px; left:240px; color:#999999;}
.index_b_content3 ul li:nth-child(2){top:125px; left:240px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content3 ul li:nth-child(3){top:60px; left:305px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content3 ul li:nth-child(4){top:122px; left:362px; color:#999999; width:1px; height:115px; background-color:#eee;}
.index_b_content3 ul li:nth-child(5){top:166px; left:420px; color:#999999; width:1px; height:45px; background-color:#eee; }
.index_b_content3 ul li:nth-child(6){top:120px; left:245px; color:#d70c18;}
.index_b_content3 ul li:nth-child(7){top:56px; left:312px; color:#d70c18;}
.index_b_content3 ul li:nth-child(8){top:118px; left:366px; color:#d70c18;}
.index_b_content3 ul li:nth-child(9){top:160px; left:425px; color:#d70c18; }

.index_b_content3 ul li:nth-child(10) {top:550px; left:0; text-align:center; font-size:12px;}
.index_b_content3 ul li:nth-child(10) dl {width: calc(21% - 1px);height: 150px; padding: 0 2%; float: left;border-right: 1px solid #eee;text-align: center;}
.index_b_content3 ul li:nth-child(10) dl:nth-child(4){border-right:0; }

.index_b_content3 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;margin: 0 auto;margin-bottom: 10px;}
.index_b_content3 ul li dd img {margin: auto auto;padding-top: 10px;}



/*index_bbb*/
.index_bbb3{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb3 ul{width:1200px;  clear:both; margin:0 auto; position:relative;text-align: center;}
.index_bbb3 ul:nth-child(1){margin-bottom: 30px;}

/*pro*/
.pro_color3{width:1200px; height:auto; padding:100px 0; margin:0 auto;}
.pro_color3 ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color3 ul{width:100%;}

.pro_color3 ul span{font-size:16px; color:#999;}

/*por3_a*/
.por3_a{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_a ul{width:1200px;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_a ul:nth-child(1){margin-bottom: 30px;}
.por3_a ul li{width: 23.5%;height: auto;float: left;margin-right: 2%;}
.por3_a ul li:nth-child(4){margin-right: 0;}

/*por3_d*/
.por3_d{width:100%; height:auto; padding: 0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_d ul{width:1200px;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_d ul:nth-child(1){margin-bottom: 30px;}
.por3_d ul li{width: 32%;height: auto;float: left;margin-right: 2%;}
.por3_d ul li:nth-child(3){margin-right: 0;}

/*por3_b*/
.por3_b{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_b ul{width:1200px;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_b ul:nth-child(1){margin-bottom: 30px;}
.por3_b ul li{width: 25%;height: 300px;float: left;background-color: #eeeeee;color: #d70c18;display:flex; -webkit-display:flex; justify-content:center; align-items:center;}


/*por3_c*/
.por3_c{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_c ul{width:1200px;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_c ul:nth-child(1){margin-bottom: 30px;}
.por3_c ul li{width: 10%;height: 120px;float: left;margin-right: 2.85%;margin-bottom: 50px;}
.por3_c ul li:nth-child(8n+8){margin-right: 0;}





.index_b_content4 {width:100%; height:auto;padding: 50px 0 0 0; }
.index_b_content4 ul{width:1200px; height:auto; margin: 0 auto;}
.index_b_content4 ul li:nth-child(1){ color:#999999;margin-bottom: 50px;}
.index_b_content4 ul li:nth-child(2){width: 1200px;height: auto;margin: 0 auto;}
.index_b_content4 ul li:nth-child(2) dl{width: calc(16% - 1px);height: 150px; padding: 0 2%; float: left;border-right: 1px solid #eee;text-align: center;}
.index_b_content4 ul li:nth-child(2) dl:nth-child(5){border-right:0; }

.index_b_content4 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;margin: 0 auto;margin-bottom: 10px;}
.index_b_content4 ul li dd img {margin: 0 auto;padding-top: 10px;}

/*por4_a*/
.por4_a{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por4_a ul{width:1200px;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por4_a ul:nth-child(1){margin-bottom: 30px;}
.por4_a ul li{width: calc(20% - 1px);height:30px;float: left;border-right: 1px solid #eee;margin-bottom: 50px;}
.por4_a ul li:nth-child(5){border-right: 0;}


/*xin----------------------------------------------------*/








/*index_ee*/
.index_ee{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_ee ul{width:1200px;  clear:both; margin:10px auto; position:relative;}


/*index_ff*/
.index_ff{width:100%; height:auto; padding:100px 0 80px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_ff ul{width:1200px;  clear:both; margin:10px auto; position:relative;}


/*index_gg*/
.index_gg{width:100%; height:auto; padding:100px 0 80px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_gg ul{width:1200px;  clear:both; margin:10px auto; position:relative;}
.index_gg .a1{font-size:40px; color:#d70c18; line-height:50px; border-bottom: #888888 1px solid;}
.index_gg .a2{font-size:20px; color:#d70c18; line-height:25px;}
.index_gg .a3{font-size:20px; color:#efefef; line-height:25px;}
.index_gg .a4{font-size:30px; color:#efefef; line-height:40px;}

.index_product_content{display:none;}


/*content*/
#tabs{overflow:hidden; width:1200px; margin:0 auto; height:auto; padding:0; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
#tabs li {float:left;margin:0; text-align:center; height:auto;}
#tabs a {position:relative; text-align:center; color:#888;  margin:0 2px; display:block; font-size:14px; width:200px; padding:10px 0; border:1px solid #eee;}
#tabs a:hover,#tabs a:focus {text-align:center; background-color:#aaa; color:#FFF; display:block; margin:0 2px; font-size:14px; width:200px; padding:10px 0; border:1px solid #aaa;}
#tabs #current{z-index:3; background-color:#aaa; color:#FFF; padding:10px 0; display:block; margin:0 2px; border:1px solid #aaa;}
#content{width:1200px; margin:60px auto 0 auto;}

/*index_c*/
.index_c{width:100%; height:auto; position:relative; overflow:hidden;}
.index_c ul{width:100%; height:auto; clear:both;}
.index_c ul:nth-child(1){text-align:center; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.75); display:flex; justify-content:center; align-items:center; z-index:55}
.index_c ul:nth-child(1) img{margin:10px auto;}
.index_c ul:nth-child(1) span{font-size:100px; color:#FFF; line-height:100px; font-family: 'dinpro_b';}
.index_c ul li{width:16.66%; height:auto; float:left;}
.index_c ul li img{width:100%;}

/*index_d*/
.index_d{width:100%; height:auto; padding:100px 0; }
.index_d ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.index_d ul:nth-child(1){margin-bottom:60px; text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}

.index_d ul li{width:calc(15% - 2px); float:left; padding:40px 0; border:1px solid #002c4e; text-align:center; margin-right:2%;
transition: background 0.3s;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari �� Chrome */
-o-transition: background 0.3s; /* Opera */
cursor:pointer;
}
.index_d ul li:nth-child(6){width:calc(15% - 2px); float:left; padding:40px 0; border:1px solid #002c4e; text-align:center; margin-right:0px;}
.index_d ul li dd{font-size:48px; line-height:64px; color:#ccc;}
.index_d ul li:hover{width:15%; border:none; background-color:#d70c18; color:#FFF;
transition: background 0.2s;
-moz-transition: background 0.2s; /* Firefox 4 */
-webkit-transition: background 0.2s; /* Safari �� Chrome */
-o-transition: background 0.2s; /* Opera */
cursor:pointer;
}

.index_d ul li:hover dd{color:#FFF;}


.index_add_bg{background-image:url(../image/middle_pic.jpg); background-position:center; background-size:cover; display: flex; 
justify-content:center; 
align-items:Center;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;}

/*index_e*/
.index_e{width:100%; height:auto; padding:80px 0;}
.index_e ul:first-child{text-align:center; margin-bottom:60px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_e ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.index_e ul li{width:calc(30% - 2px); float:left; margin-right:5%; border:1px solid #eee; font-size:12px;}
.index_e ul li:last-child{margin:0;}
.index_e ul li img{height:215px;}

.index_e ul li dd{margin:30px;}
.index_e ul li dd p{font-size:12px; color:#888; line-height:24px;}
.index_e ul li span{font-size:16px;display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;}

/*bottom*/
.bottom{width:100%; height:auto; padding:40px 0 40px 0; background-image:url(../image/bottom_bg.jpg); background-size:cover; font-size:12px;}
.bottom ul:nth-child(1){width:1200px; height:auto; margin:0 auto 40px auto; text-align:center; font-size:40px; font-family:"avgr"; color:#FFF;}
.bottom ul:nth-child(2){width:1140px; padding:30px; height:auto; margin:0 auto; background-color:#FFF;
 -moz-border-radius:8px; 
 -webkit-border-radius:8px; 
 border-radius:8px; 
 box-shadow:0 0px 10px rgba(0,0,0,0.2); 
 -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2); 
 -moz-box-shadow:0 0px 10px rgba(0,0,0,0.2);
 }
 .bottom ul:nth-child(3){display:none;}

.bottom ul:nth-child(2)>dd{float:left; margin-right:40px; border-right:1px solid #eee; height:200px; padding-right:30px;}
.bottom ul:nth-child(2)>dd:nth-child(6){float:right; border:none; padding:0; margin:0; text-align:left;}
.bottom ul:nth-child(2)>dd p{font-size:16px; color:#666;}
.bottom ul:nth-child(2)>dd span{font-size:11px; color:#aaa; font-family:Arial, Helvetica, sans-serif;}
.bottom ul:nth-child(2)>dd font{font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif;}


/*n_banner*/
.n_banner{width:100%; height:550px; background-color:#666;}

/*about_a*/
.about_a{width:1200px; height:auto; margin:0 auto; padding:100px 0;}
.about_a ul:nth-child(1){text-align:left; background-image:url(../image/redline.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:10px; float:left; width:35%;}
.about_a ul:nth-child(2){width:60%; text-align:left; font-size:12px; float:right;}

.about_aa{width:1200px; height:auto; margin:0 auto; padding:0 0 80px 0;}
.about_aa ul{width:32%; float:left; margin-right:2%; margin-bottom:20px;}
.about_aa ul:nth-child(3n+3){margin-right:0;}
.about_aa ul img{width:100%;}

/*about_b*/
.about_b{width:100%; height:auto; padding:100px 0;}
.about_b ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:60px;}
.about_b ul:nth-child(2){width:1200px; height:auto; margin:0 auto; font-size:12px; color:#c9c9ca;}
.about_b ul:nth-child(2) li{float:left; margin:0 24px 40px 0; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:1px solid #888; width:178px; height:178px; display:flex; justify-content:center; align-items:center;}
.about_b ul:nth-child(2) li:nth-child(6){margin:0;}
.about_b ul:nth-child(2) li span{font-size:40px; font-family:'dinpro_b'; color:#FFF; line-height:60px;}
.about_b ul:nth-child(2) li dd{width:75%;}

.about_b ul:nth-child(3){width:1200px; font-size:12px; color:#c9c9ca;}

.about_b_bg{
background-image:url(../image/about_bg.jpg); background-position:center; background-size:cover; display:flex; 
justify-content:center; 
align-items:Center;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
}

/*about_c*/
.about_c{width:100%; height:auto; background-image:url(../image/about_jc.jpg); background-repeat:no-repeat; background-size:cover; padding:100px 0;}
.about_c ol{width:1200px; height:auto; margin:0 auto;}
.about_c ol ul:nth-child(1){text-align:left; float:left; width:25%;}
.about_c ol ul dd:nth-child(1){width:100%; height:auto; background-image:url(../image/redline.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:10px;}
.about_c ol ul dd:nth-child(2){width:100%; height:auto; padding-bottom:10px; }
.about_c ol ul dd dl{float:left; margin:0 10px 10px 0;}
.about_c ol ul:nth-child(2){width:70%; text-align:left; font-size:12px; float:right;}
.about_c ol ul:nth-child(2) li{width:45%; float:left; margin-left:5%;}
.about_c ol ul:nth-child(2) li img{box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}

/*about_d*/
.about_d{width:1200px; height:auto; margin:0 auto; padding:100px 0;}
.about_d ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:40px;}
.about_d ul:nth-child(2){width:1200px; text-align:left; font-size:12px; margin:0 auto;}
.about_d ul:nth-child(3){width:1200px; text-align:left; font-size:12px; margin:40px auto 0 auto;}
.about_d ul li{width:338px; float:left; text-align:center; background-color:#f5f5f5; padding:30px; margin-right:3px; border-radius:8px;}
.about_d ul li:nth-child(3){margin-right:0;}
.about_d ul li span{font-size:40px; color:#d70c18; font-family:'dinpro'; line-height:46px;}

.about_d ul dl{width:599px; float:left; margin-right:2px; position:relative;}
.about_d ul dl:nth-child(2){margin-right:0;}
.about_d ul dl div{position:absolute; background-color:rgba(215,12,24,0.90); right:-104.5px; bottom:59px; color:#fff; padding:20px; font-size:12px; line-height:22px; z-index:99; text-align:center;}

.about_d ul dl div span{font-family:'dinpro';}
.about_d ul dl div font{ font-size:24px; color:#FFF;}



/*ys_ietm*/
.ys_ietm{width:1200px; height:auto; margin:0 auto; padding:100px 0 90px 0;}
.ys_ietm ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:40px;}
.ys_ietm ul:nth-child(2){width:100%; height:auto; font-size:12px;}

.ys_ietm ul li{width:593px; margin-right:10px; border:1px solid #eee; height:auto; float:left; margin-bottom:10px; position:relative; height:300px;}
.ys_ietm ul li:nth-child(2n+2){margin-right:0;}

.ys_ietm ul li dl{text-align:left; width:70%; margin:30px 0 0 30px;}
.ys_ietm ul li dl dd{width:80px; height:80px; background-color:#d70c18; float:left; margin-right:5px;}

.ys_ietm ul li a{position:absolute; right:20px; bottom:20px; font-size:130px; line-height:130px; color:#eee; z-index:-2;}

.ys_ietm ul li ol{position:absolute; left:30px; bottom:30px;}
.ys_ietm ul li ol dd{width:80px; height:80px; background-color:#d70c18; float:left; margin-right:5px; border-radius:50%; color:#FFF; text-align:center; line-height:16px; display:flex; justify-content:center; align-items:Center;}
.ys_ietm ul li ol dd span{font-size:30px; font-family:'dinpro';}
.ys_ietm ul li ol dd font{font-size:18px; color:#FFF; line-height:22px;}

.ys_ietm ul li dl p{font-size:20px; line-height:30px;}

/*service*/
.service{width:1200px; height:auto; margin:0 auto; padding:100px 0 90px 0;}
.service ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:40px;}
.service ul:nth-child(2){width:100%; height:auto; font-size:12px;}


/*contact*/
.contact{width:1200px; height:auto; margin:0 auto; padding:100px 0;}
.contact li:nth-child(1){float:left; width:35%;}
.contact li dd:nth-child(1){text-align:left; background-image:url(../image/redline.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%;}
.contact li dd:nth-child(2){text-align:left; margin-top:40px; font-size:12px;}
.contact li:nth-child(2){width:60%; text-align:left; font-size:12px; float:right;}

.contact_li_input{width:50%; border:1px solid #eee; background:none; padding:10px 20px; font-family:'dinpro'; color:#ccc; font-size:12px; margin-bottom:10px;}
.contact_li_textarea{width:90%; height:150px; border:1px solid #eee; background:none; padding:10px 20px; font-family:'dinpro'; font-size:12px; color:#ccc;}
.contact_li_botton{width:150px; background:#d70c18; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin-top:10px;}

/*newslist*/
.newslist{width:1200px; height:auto; padding:100px 0 70px 0; margin:0 auto;}
.newslist ul:first-child{text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:40px; width:100%;}
.newslist ul{width:100%; text-align:left; font-size:12px; height:auto;}
.newslist ul li{width:calc(22.75% - 2px); float:left; margin-right:3%; border:1px solid #eee; font-size:12px; margin-bottom:30px;}
.newslist ul li:nth-child(4n+4){margin-right:0;}
.newslist ul li img{height:163px;}

.newslist ul li dd{margin:20px;}
.newslist ul li dd p{ font-size:12px; color:#888; line-height:20px;}
.newslist ul li span{font-size:16px;width: 100%;display: inline-block;}
.newslist ul li span a{font-size:16px;width: 100%;display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}


/*newslist2*/
.newslist2{width:1200px; height:auto; padding:100px 0 70px 0; margin:0 auto; }
.newslist2 ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:40px; width:100%;}
.newslist2 ul:nth-child(1) p{font-size:20px; height:auto;line-height: 30px;}
.newslist2 ul:nth-child(2){width:100%;  height:auto;margin:0 auto; }
.newslist2 ul:nth-child(2) p{font-size:12px; height:auto; color: #888888; line-height: 30px;}



/*projectlist*/
.projectlist{width:1200px; height:auto; padding:100px 0 70px 0; margin:0 auto;}
.projectlist ul:first-child{text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:40px; width:100%;}
.projectlist ul{width:100%; text-align:left; font-size:12px; height:auto;}
.projectlist ul li{width:calc(22.75% - 2px); float:left; margin-right:3%; border:1px solid #eee; font-size:12px; margin-bottom:30px;}
.projectlist ul li:nth-child(4n+4){margin-right:0;}

.projectlist ul li dd{margin:20px; color:#CCC; line-height:18px;}
.projectlist ul li dd font{font-family:'dinpro'; color:#CCC;}
.projectlist ul li span{font-size:16px; color:#888;}








@media only screen and (min-width: 800px) and (max-width: 1200px){
/*top_menu*/
#top_menu ul{width:95%;}
#top_menu ul li:nth-child(2){width:100%;}

/*top_menua*/
#top_menua ul{width:95%;}
#top_menua ul li:nth-child(2){width:100%;}

/*banner*/
.txt-box{width:95%;}
.swiper-slide .titlex {font-size:34px; line-height:40px;}

/*index_a*/
.index_a ul{width:95%;}

.grid ul{width:95%;}
/* Common style */
.grid figure {height:28vw;}
	
	
	
	

/*xin----------------------------------------------------*/
	
.about_product {width:95%; }

/*index_b*/
.index_one_ul{width:95%; }
.index_b ul{width:95%;}

.index_b_content ul{width:100%; height:550px; position:relative;}
.index_b_content ul li{position:absolute;top:0;left:0;}
.index_b_content ul li:nth-child(1){top:200px; left:140px; color:#999999;}
.index_b_content ul li:nth-child(2){top:70px; left:144px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(3){top:40px; left:200px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(4){top:125px; left:245px; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content ul li:nth-child(5){top:40px; left:313px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content ul li:nth-child(6){top:60px; left:150px; color:#d70c18;}
.index_b_content ul li:nth-child(7){top:35px; left:205px; color:#d70c18;}
.index_b_content ul li:nth-child(8){top:120px; left:250px; color:#d70c18;}
.index_b_content ul li:nth-child(9){top:30px; left:317px; color:#d70c18; display:none;}
.index_b_content ul li:nth-child(10){top:450px; left:240px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(11){top:450px; left:320px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(12){top:450px; left:400px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(13){top:450px; left:480px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(14){top:450px; left:560px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(15){top:450px; left:640px; text-align:center; font-size:12px;}

.index_b_content ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;}

/*pro*/
.pro_color{width:95%; height:auto; padding: 0; margin:0 auto;}
.pro_color ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center top; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color ul{width:100%;}

.pro_color ul span{font-size:16px; color:#999;}

/*index_bb*/
.index_bb{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{ width:95%; }
.index_bb ul{width:95%; }

/*index_bbb*/
.index_bbb{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb ul{width:95%;  clear:both; margin:0 auto; position:relative;}
.index_bbb ul:nth-child(1){margin-bottom: 30px;}

.index_b_content2 ul{width:100%; height:600px; position:relative;}
.index_b_content2 ul li{position:absolute;top:0;left:0;}
.index_b_content2 ul li:nth-child(1){top:200px; left:140px; color:#999999;}
.index_b_content2 ul li:nth-child(2){top:115px; left:140px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content2 ul li:nth-child(3){top:50px; left:207px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content2 ul li:nth-child(4){top:122px; left:265px; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content2 ul li:nth-child(5){top:40px; left:313px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content2 ul li:nth-child(6){top:110px; left:145px; color:#d70c18;}
.index_b_content2 ul li:nth-child(7){top:46px; left:212px; color:#d70c18;}
.index_b_content2 ul li:nth-child(8){top:118px; left:270px; color:#d70c18;}
.index_b_content2 ul li:nth-child(9){top:30px; left:217px; color:#d70c18; display:none;}
.index_b_content2 ul li:nth-child(10){top:520px; left:100px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(11){top:520px; left:180px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(12){top:520px; left:260px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(13){top:520px; left:340px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(14){top:520px; left:420px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(15){top:520px; left:500px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(16){top:520px; left:580px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(17){top:520px; left:660px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(18){top:520px; left:740px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(19){top:520px; left:820px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(20){top:520px; left:900px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(21){top:520px; left:980px; text-align:center; font-size:12px;}

.index_b_content2 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;}
.index_b_content2 ul li dd img {margin: auto auto;padding-top: 10px;}

/*pro*/
.pro_color2{width:95%; height:auto; padding:0; margin:0 auto;}
.pro_color2 ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color2 ul{width:100%;}

.pro_color2 ul span{font-size:16px; color:#999;}

/*index_bbb*/
.index_bbb2{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb2 ul{width:95%;  clear:both; margin:0 auto; position:relative;}
.index_bbb2 ul:nth-child(1){margin-bottom: 30px;}
	
	
/*index_b_content3*/
.index_b_content3 ul{width:100%; height:660px; position:relative;}
.index_b_content3 ul li{position:absolute;top:0;left:0;}
.index_b_content3 ul li:nth-child(1){top:200px; left:140px; color:#999999;}
.index_b_content3 ul li:nth-child(2){top:125px; left:140px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content3 ul li:nth-child(3){top:60px; left:205px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content3 ul li:nth-child(4){top:122px; left:262px; color:#999999; width:1px; height:115px; background-color:#eee;}
.index_b_content3 ul li:nth-child(5){top:166px; left:320px; color:#999999; width:1px; height:45px; background-color:#eee; }
.index_b_content3 ul li:nth-child(6){top:120px; left:145px; color:#d70c18;}
.index_b_content3 ul li:nth-child(7){top:56px; left:212px; color:#d70c18;}
.index_b_content3 ul li:nth-child(8){top:118px; left:266px; color:#d70c18;}
.index_b_content3 ul li:nth-child(9){top:160px; left:325px; color:#d70c18;}

.index_b_content3 ul li:nth-child(10) {top:550px; left:0; text-align:center; font-size:12px;}
.index_b_content3 ul li:nth-child(10) dl {width: calc(21% - 1px);height: 150px; padding: 0 2%; float: left;border-right: 1px solid #eee;text-align: center;}
.index_b_content3 ul li:nth-child(10) dl:nth-child(4){border-right:0; }

.index_b_content3 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;margin: 0 auto;margin-bottom: 10px;}
.index_b_content3 ul li dd img {margin: auto auto;padding-top: 10px;}

/*index_bbb*/
.index_bbb3{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb3 ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.index_bbb3 ul:nth-child(1){margin-bottom: 30px;}

/*pro*/
.pro_color3{width:95%; height:auto; padding:100px 0; margin:0 auto;}
.pro_color3 ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color3 ul{width:100%;}

.pro_color3 ul span{font-size:16px; color:#999;}

/*por3_a*/
.por3_a{width:100%; height:auto; padding:100px 0 0 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_a ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_a ul:nth-child(1){margin-bottom: 30px;}
.por3_a ul li{width: 23.5%;height: auto;float: left;margin-right: 2%;}
.por3_a ul li:nth-child(4){margin-right: 0;}
	
/*por3_d*/
.por3_d{width:100%; height:auto; padding: 0 0 100px 0;}
.index_one_ul{text-align:center; width:1200px; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_d ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_d ul:nth-child(1){margin-bottom: 30px;}
.por3_d ul li{width: 32%;height: auto;float: left;margin-right: 2%;}
.por3_d ul li:nth-child(3){margin-right: 0;}

/*por3_b*/
.por3_b{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_b ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_b ul:nth-child(1){margin-bottom: 30px;}
.por3_b ul li{width: 25%;height: 300px;float: left;background-color: #eeeeee;color: #d70c18;display:flex; -webkit-display:flex; justify-content:center; align-items:center;}


/*por3_c*/
.por3_c{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_c ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_c ul:nth-child(1){margin-bottom: 30px;}
.por3_c ul li{width: 10%;height: 120px;float: left;margin-right: 2.85%;margin-bottom: 50px;}
.por3_c ul li:nth-child(8n+8){margin-right: 0;}


.index_b_content4 {width:100%; height:auto;padding: 50px 0 0 0; }
.index_b_content4 ul{width:95%; height:auto; margin: 0 auto;}
.index_b_content4 ul li:nth-child(1){ color:#999999;margin-bottom: 50px;}
.index_b_content4 ul li:nth-child(2){width: 95%;height: auto;margin: 0 auto;}
.index_b_content4 ul li:nth-child(2) dl{width: calc(16% - 1px);height: 150px; padding: 0 2%; float: left;border-right: 1px solid #eee;text-align: center;}
.index_b_content4 ul li:nth-child(2) dl:nth-child(5){border-right:0; }

.index_b_content4 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;margin: 0 auto;margin-bottom: 10px;}
.index_b_content4 ul li dd img {margin: 0 auto;padding-top: 10px;}

/*por4_a*/
.por4_a{width:100%; height:auto; padding:0 0 100px 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por4_a ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por4_a ul:nth-child(1){margin-bottom: 30px;}
.por4_a ul li{width: calc(20% - 1px);height:30px;float: left;border-right: 1px solid #eee;margin-bottom: 50px;}
.por4_a ul li:nth-child(5){border-right: 0;}


/*xin----------------------------------------------------*/
	
	
	



/*index_c*/
.index_c ul:nth-child(1) span{font-size:80px;}

/*index_d*/
.index_d dl{width:95%;}
.index_d dl ul{width:100%;}
.index_d dl ul:nth-child(2){width:95%;}
.index_d dl ul li{width:calc(30% - 2px); margin-right:5%; margin-bottom:20px;}
.index_d dl ul li:nth-child(3n+3){width:calc(30% - 2px); margin-right:0; margin-bottom:20px;}

.index_d dl ul li:hover{width:30%; border:none;}
.index_d dl ul li:nth-child(3n+3):hover{width:30%; border:none;}

/*index_e*/
.index_e ul{width:95%;}

/*bottom*/
.bottom ul:nth-child(1){width:95%;}
.bottom ul:nth-child(2){width:85%; padding:30px;}

.bottom ul:nth-child(2)>dd{margin-right:2%; padding-right:0; width:calc(18% - 1px);}
.bottom ul:nth-child(2)>dd:nth-child(5){border:none;}
.bottom ul:nth-child(2)>dd:nth-child(6){ display:none;}

/*n_banner*/
.n_banner{width:100%; height:550px; background-color:#666;}

/*about_a*/
.about_a{width:95%;}
.about_a ul:nth-child(1){width:100%; margin-bottom:40px; text-align:center; background-position:bottom center;}
.about_a ul:nth-child(2){width:100%;}

/*about_b*/
.about_b ul:nth-child(2){width:95%;}
.about_b ul:nth-child(2) li{float:left; margin:0 3% 40px 3%; width:27%; height:0; padding-top:27%; position:relative;}
.about_b ul:nth-child(2) li:nth-child(6){margin:0 3% 40px 3%;}
.about_b ul:nth-child(2) li dd{width:100%; height:100%; position:absolute; top:0px; left:0; display:flex; justify-content:center; align-items:Center;}
.about_b ul:nth-child(2) li dl{width:70%;}

.about_b ul:nth-child(3){width:95%; margin:0 auto;}

/*about_c*/
.about_c ol{width:95%;}
.about_c ol ul dd:nth-child(1){margin-bottom:40px;}
.about_c ol ul dd dl{width:40%;}

/*about_d*/
.about_d{width:95%;}
.about_d ul:nth-child(2){width:100%;}
.about_d ul:nth-child(3){width:100%;}
.about_d ul li{width:calc(33.33% - 2px); padding:30px 0;}

.about_d ul dl{width:calc(50% - 1px); margin-right:2px;}
.about_d ul dl div{right:-80px; bottom:50%; margin-bottom:-95px; padding:0px; color:#fff; width:180px; height:190px; display:flex; justify-content:center; align-items:Center;}
.about_d ul dl div font{ font-size:16px;}

/*ys_ietm*/
.ys_ietm{width:95%;}
.ys_ietm ul:nth-child(2){width:100%;}
.ys_ietm ul li{width:calc(50% - 7px);}
.ys_ietm ul li:nth-child(2n+2){margin-right:0;}
.ys_ietm ul li a{font-size:100px; line-height:100px;}

/*service*/
.service{width:1200px; height:auto; margin:0 auto; padding:100px 0 90px 0;}
.service ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:40px;}
.service ul:nth-child(2){width:100%; height:auto; font-size:12px;}

/*contact*/
.contact{width:95%; height:auto; margin:0 auto; padding:100px 0;}
.contact li:nth-child(1){float:left; width:35%;}
.contact li dd:nth-child(1){text-align:left; background-image:url(../image/redline.gif); background-position:left bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%;}
.contact li dd:nth-child(2){text-align:left; margin-top:40px; font-size:12px;}
.contact li:nth-child(2){width:60%; text-align:left; font-size:12px; float:right;}


/*newslist*/
.newslist{width:95%;}
.newslist ul li span{font-size:14px;}

/*projectlist*/
.projectlist{width:95%;}
.projectlist ul li{font-size:10px;}
.projectlist ul li span{font-size:14px;}


}

@media only screen and (min-width: 220px) and (max-width: 800px){
p{font-size:1.6em; line-height:0.8em;}
font{font-size:0.7em; color:#aaa; font-family:Arial, Helvetica, sans-serif;}
	
/*top_menu*/
#top_menu{width:100%;}
#top_menu ul{width:95%;}
#top_menu ul li:nth-child(2){display:none; position:absolute; top:-300px;}
#top_menu ul li:nth-child(3){width:100%; display:block;}


#top_menua{width:100%;}
#top_menua ul{width:95%;}
#top_menua ul li:nth-child(2){display:none; position:absolute; top:-300px;}
#top_menua ul li:nth-child(3){width:100%; display:block;}

.li_logo:before{position:absolute; left:0px; top:0px; width:120px; height:50px; background-color:#fff; color:#d70c18; font-size:120px; text-align:center; line-height:50px; font-family: "iconfont" !important; content: "\e608";}
.li_logoa:before{position:absolute; left:0px; top:0px; width:120px; height:50px; background-color:none; color:#d70c18; font-size:120px; text-align:center; line-height:50px; font-family: "iconfont" !important; content: "\e608";}

.default{width:100%; height:50px; background-color:#fff; line-height:50px;}
.fixed{position:fixed; top:0px; left:0px; width:100%; height:50px; line-height:50px; background-color:#ffffff; color:#717171; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}

/*banner*/
.index_banner{width:100%; height:70vh;}
.txt-box{width:90%; margin:30vh auto 0 auto;}
.swiper-slide .title {font-size:1.2em; color:#ffffff; text-align:center; margin-top:40vh; line-height:1.2em;}
.swiper-slide .titlea p{font-size:0.7em; color:#ffffff; text-align:center; margin-top:30px; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; background-image:url(../image/redline.gif); background-position:center top; background-repeat:no-repeat; padding-top:10px;}

/*index_a
.index_a{width:100%; height:auto; padding:5vh 0;}
.index_a ul{width:95%; height:auto; margin:0 auto; clear:both;}
.index_a ul:nth-child(1){margin-bottom:60px; text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_a ul li{width:18.4%; float:left; height:300px; background-color:#999; margin-right:2%;}
.index_a ul li:last-child{width:18.4%; float:left; height:300px; background-color:#999; margin-right:0;}
*/

.grid{padding:10vh 0 2px 0;}
.grid ul{width:100%;}
.grid ul:nth-child(1){margin-bottom:6vh;}
/* Common style */
.grid figure {
	margin:0;
	width:calc(50% - 1px);
	height:40vh;
	margin-right:2px;
	margin-bottom:2px;
}
.grid figure:nth-child(5){ width:100%; height:40vh; margin-right:0;}
.grid figure:nth-child(2n+2){margin-right:0;}

.grid figure figcaption {font-size:0.8em;}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #000;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby font {
	font-size:1.6em;
	margin-top:40%;
	margin-bottom:20px;
}

/*index_b*/
.index_b{width:100%; padding:10vh 0;}
.index_one_ul{width:100%;}
.index_b ul{width:100%;}

.index_b_content{width:100%; margin:0 auto;}
.index_b_content ul{width:100%; margin:0 auto; height:600px;}
.index_b_content ul li:nth-child(1){top:200px; left:0px; width:100%;}
.index_b_content ul li:nth-child(2){top:70px; left:3%; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(3){top:40px; left:12%; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(4){top:125px; left:20%; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content ul li:nth-child(5){top:40px; left:20px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content ul li:nth-child(6){top:60px; left:3.5%; color:#d70c18; font-size:0.8em;}
.index_b_content ul li:nth-child(7){top:35px; left:12.5%; color:#d70c18; font-size:0.8em;}
.index_b_content ul li:nth-child(8){top:120px; left:20.5%; color:#d70c18; font-size:0.8em;}
.index_b_content ul li:nth-child(9){top:30px; left:417px; color:#d70c18; display:none;}
.index_b_content ul li:nth-child(10){top:450px; left:13.75vw; text-align:center;}
.index_b_content ul li:nth-child(11){top:450px; left:42.5vw; text-align:center;}
.index_b_content ul li:nth-child(12){top:450px; left:71.25vw; text-align:center;} 
.index_b_content ul li:nth-child(13){top:550px; left:13.75vw; text-align:center;}
.index_b_content ul li:nth-child(14){top:550px; left:42.5vw; text-align:center;}
.index_b_content ul li:nth-child(15){top:550px; left:71.25vw; text-align:center;}

.index_b_content ul li dd{font-size:3em; width:15vw; height:15vw; line-height:15vw; background-color:#d70c18; color:#FFF;}

/*index_c*/
.index_c ul li{width:25%;}


/*index_d*/
.index_d{padding:10vh 0;}
.index_d ul{width:95%;}
.index_d ul:nth-child(1){margin-bottom:6vh;}

.index_d dl{width:95%;}
.index_d dl ul{width:100%;}
.index_d dl ul:nth-child(2){width:95%;}
.index_d dl ul li{width:calc(30% - 2px); margin-right:5%; margin-bottom:20px; padding:4vh 0;}
.index_d dl ul li:nth-child(3n+3){width:calc(30% - 2px); margin-right:0; margin-bottom:20px; padding:4vh 0;}

.index_d dl ul li:hover{width:30%; border:none;}
.index_d dl ul li:nth-child(3n+3):hover{width:30%; border:none;}

/*index_e*/
.index_e{width:100%; height:auto; padding:10vh 0;}
.index_e ul:first-child{text-align:center; margin-bottom:6vh; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_e ul{width:100%; height:auto; clear:both; margin:0 auto;}
.index_e ul li{width:100%; float:left; margin-right:0; border:none; font-size:1em;}
.index_e ul li:last-child{margin:0;}

.index_e ul li dd{margin:20px 2.5%;}
.index_e ul li dd p{font-size:0.8em; line-height:1.4em;}
.index_e ul li span{font-size:1.1em;}

/*bottom*/
.bottom{width:100%; height:auto; padding:6vh 0; background-image:url(../image/bottom_bg.jpg); background-size:cover;}
.bottom ul:nth-child(1){display:none;}
.bottom ul:nth-child(2){display:none;}
.bottom ul:nth-child(3){display:block; text-align:center; font-size:2.5em; width:100%; color:#FFF;}

/*n_banner*/
.n_banner{width:100%; height:60vh; background-color:#666;}

/*about_a*/
.about_a{width:95%; padding:10vh 0;}
.about_a ul:nth-child(1){padding-bottom:10px; float:left; width:100%; margin-bottom:6vh; text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat;}
.about_a ul:nth-child(2){width:100%; text-align:left;}

/*about_b*/
/*about_b*/
.about_b{padding:10vh 0;}
.about_b ul:nth-child(1){padding-bottom:10px;}
.about_b ul:nth-child(2){width:95%; padding:0;}
.about_b ul:nth-child(2) li{float:left; margin:0 3% 30px 3%; width:26.5%; height:0; padding-top:26.5%; position:relative;}
.about_b ul:nth-child(2) li:nth-child(6){margin:0 3% 30px 3%;}
.about_b ul:nth-child(2) li dd{width:100%; height:100%; position:absolute; top:0px; left:0; display:flex; justify-content:center; align-items:Center;}
.about_b ul:nth-child(2) li dl{width:70%; font-size:0.6em; line-height:1.2em;}

.about_b ul:nth-child(2) li dl span{font-size:5em; line-height:1.2em;}

.about_b ul:nth-child(3){width:95%; margin:0 auto;}

/*about_c*/
.about_c{padding:10vh 0;}
.about_c ol{width:95%;}
.about_c ol ul:nth-child(1){width:100%; text-align:center;}
.about_c ol ul dd:nth-child(1){background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; margin-bottom:6vh;}
.about_c ol ul dd:nth-child(2){margin-bottom:6vh;}
.about_c ol ul dd dl{float:left; width:19%; margin:0 3% 6vh 3%;}
.about_c ol ul:nth-child(2){width:100%; text-align:left; font-size:12px; float:right;}
.about_c ol ul:nth-child(2) li{width:48%; float:left; margin-right:4%; margin-left:0;}
.about_c ol ul:nth-child(2)>li:nth-child(2){margin-right:0;}
.about_c ol ul:nth-child(2) li img{box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}

/*about_d*/
.about_d{width:95%; padding:10vh 0;}
.about_d ul:nth-child(1){margin-bottom:6vh;}
.about_d ul:nth-child(2){width:100%;}
.about_d ul:nth-child(3){width:100%;}
.about_d ul li{width:100%; padding:3vh 0; margin-bottom:1vh; margin-right:0; border-radius:8px;}
.about_d ul li span{font-size:40px; color:#d70c18; font-family:'dinpro'; line-height:46px;}

.about_d ul dl{width:100%; margin-right:0; position:relative;}
.about_d ul dl:nth-child(2){margin-right:0;}
.about_d ul dl div{position:absolute; background-color:rgba(215,12,24,0.90); left:calc(50% - 10px); bottom:calc(-13vh - 10px); margin-left:-20%; color:#fff; width:40%; padding:20px; font-size:12px; line-height:22px; z-index:99; text-align:center;}

.about_d ul dl div font{ font-size:1.5em;}


/*ys_ietm*/
.ys_ietm{width:1200px; height:auto; margin:0 auto; padding:100px 0 90px 0;}
.ys_ietm ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:40px;}
.ys_ietm ul:nth-child(2){width:100%; height:auto; font-size:12px;}

.ys_ietm ul li{width:593px; margin-right:10px; border:1px solid #eee; height:auto; float:left; margin-bottom:10px; position:relative; height:300px;}
.ys_ietm ul li:nth-child(2n+2){margin-right:0;}

.ys_ietm ul li dl{text-align:left; width:70%; margin:30px 0 0 30px;}
.ys_ietm ul li dl dd{width:80px; height:80px; background-color:#d70c18; float:left; margin-right:5px;}

.ys_ietm ul li a{position:absolute; right:20px; bottom:20px; font-size:130px; line-height:130px; color:#eee; z-index:-2;}

.ys_ietm ul li ol{position:absolute; left:30px; bottom:30px;}
.ys_ietm ul li ol dd{width:80px; height:80px; background-color:#d70c18; float:left; margin-right:5px; border-radius:50%; color:#FFF; text-align:center; line-height:16px; display:flex; justify-content:center; align-items:Center;}
.ys_ietm ul li ol dd span{font-size:30px; font-family:'dinpro';}
.ys_ietm ul li ol dd font{font-size:18px; color:#FFF; line-height:22px;}

.ys_ietm ul li dl p{font-size:20px; line-height:30px;}

/*service*/
.service{width:95%; padding:10vh 0 9vh 0;}
.service ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:40px;}
.service ul:nth-child(2){width:100%; height:auto; font-size:12px;}


/*contact*/
.contact{width:95%; padding:10vh 0;}
.contact li:nth-child(1){float:left; width:100%;}
.contact li dd:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; margin-bottom:6vh}
.contact li dd:nth-child(2){text-align:center; margin-top:40px; font-size:12px; margin-bottom:6vh}
.contact li:nth-child(2){width:100%;}

.contact_li_input{width:calc(100% - 40px); border:1px solid #eee; background:none; padding:10px 20px; font-family:'dinpro'; color:#ccc; font-size:12px; margin-bottom:10px;}
.contact_li_textarea{width:calc(100% - 40px); height:150px; border:1px solid #eee; background:none; padding:10px 20px; font-family:'dinpro'; font-size:12px; color:#ccc;}
.contact_li_botton{width:100%; background:#d70c18; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin:10px auto 0 auto;}

/*newslist*/
.newslist{width:100%; height:auto; padding:10vh 0 7vh 0; margin:0 auto;}
.newslist ul:first-child{margin-bottom:6vh;}
.newslist ul li{width:100%; margin-right:0; border:none; margin-bottom:0;}
.newslist ul li:nth-child(4n+4){margin-right:0;}

.newslist ul li dd{margin:0; padding:4vh 2.5vw; line-height:1.3em;}
.newslist ul li span{font-size:1.4em;}

/*projectlist*/
.projectlist{width:100%; padding:10vh 0 7vh 0;}
.projectlist ul:first-child{margin-bottom:6vh; }
.projectlist ul li{width:100%; float:left; margin-right:0; border:none; margin-bottom:0px;}
.projectlist ul li:nth-child(4n+4){margin-right:0;}

.projectlist ul li dd{margin:0; padding:4vh 2.5vw; line-height:1.3em;}
.projectlist ul li dd font{font-family:'dinpro'; color:#CCC;}
.projectlist ul li span{font-size:1.8em; color:#888;}


	
	
/*xin----------------------------------------------------*/
	
.about_product {width:95%; height:auto; margin:0 auto; padding:10vh 0;}
.about_product ul:nth-child(1){text-align:center; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px; width:100%; margin-bottom:50px;}

.about_product ul li{width:calc( 100% - 62px);margin-right: 4%;border: 1px solid #eee;height: auto;margin-bottom: 50px; text-align: center;padding: 30px;}
.about_product ul li:nth-child(2n+2){margin-right: 0; }
.about_product ul li p{font-size: 16px;line-height: 40px;}

/*index_b*/
.index_one_ul{width:95%; }
.index_b ul{width:95%;}

.index_b_content ul{width:100%; height:550px; position:relative;}
.index_b_content ul li{position:absolute;top:0;left:0;}
.index_b_content ul li:nth-child(1){top:200px; left:20px; color:#999999;}
.index_b_content ul li:nth-child(2){top:70px; left:24px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(3){top:40px; left:80px; color:#999999; width:1px; height:220px; background-color:#eee;}
.index_b_content ul li:nth-child(4){top:125px; left:125px; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content ul li:nth-child(5){top:40px; left:193px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content ul li:nth-child(6){top:60px; left:30px; color:#d70c18;}
.index_b_content ul li:nth-child(7){top:35px; left:85px; color:#d70c18;}
.index_b_content ul li:nth-child(8){top:120px; left:130px; color:#d70c18;}
.index_b_content ul li:nth-child(9){top:30px; left:197px; color:#d70c18; display:none;}
.index_b_content ul li:nth-child(10){top:450px; left:20px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(11){top:450px; left:80px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(12){top:450px; left:140px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(13){top:450px; left:200px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(14){top:450px; left:260px; text-align:center; font-size:12px;}
.index_b_content ul li:nth-child(15){top:450px; left:320px; text-align:center; font-size:12px;}

.index_b_content ul li dd{font-size:30px; width:50px; height:50px; line-height:50px; background-color:#d70c18; color:#FFF;}

/*pro*/
.pro_color{width:95%; height:auto; padding: 0; margin:0 auto;}
.pro_color ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center top; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color ul{width:100%;}

.pro_color ul span{font-size:16px; color:#999;}

/*index_bb*/
.index_bb{width:100%; height:auto; padding:10vh 0 0 0;}
.index_one_ul{ width:95%; }
.index_bb ul{width:95%; }

/*index_bbb*/
.index_bbb{width:100%; height:auto; padding:10vh 0 0 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb ul{width:95%;  clear:both; margin:0 auto; position:relative;}
.index_bbb ul:nth-child(1){margin-bottom: 30px;}

.index_b_content2 ul{width:100%; height:550px; position:relative;}
.index_b_content2 ul li{position:absolute;top:0;left:0;}
.index_b_content2 ul li:nth-child(1){top:200px; left:40px; color:#999999;}
.index_b_content2 ul li:nth-child(2){top:115px; left:40px; color:#999999; width:1px; height:150px; background-color:#eee;}
.index_b_content2 ul li:nth-child(3){top:50px; left:90px; color:#999999; width:1px; height:190px; background-color:#eee;}
.index_b_content2 ul li:nth-child(4){top:122px; left:165px; color:#999999; width:1px; height:105px; background-color:#eee;}
.index_b_content2 ul li:nth-child(5){top:40px; left:213px; color:#999999; width:1px; height:45px; background-color:#eee; display:none;}
.index_b_content2 ul li:nth-child(6){top:110px; left:45px; color:#d70c18;}
.index_b_content2 ul li:nth-child(7){top:46px; left:95px; color:#d70c18;}
.index_b_content2 ul li:nth-child(8){top:118px; left:170px; color:#d70c18;}
.index_b_content2 ul li:nth-child(9){top:30px; left:117px; color:#d70c18; display:none;}
	
.index_b_content2 ul li:nth-child(10){top:370px; left:20px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(11){top:370px; left:100px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(12){top:370px; left:180px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(13){top:370px; left:260px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(14){top:370px; left:340px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(15){top:470px; left:20px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(16){top:470px; left:100px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(17){top:470px; left:180px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(18){top:470px; left:260px; text-align:center; font-size:12px;}
.index_b_content2 ul li:nth-child(19){top:470px; left:340px; text-align:center; font-size:12px;}
.index_b_content2 ul li dd{font-size:30px; width:50px; height:50px; line-height:50px; background-color:#d70c18; color:#FFF;}
.index_b_content2 ul li dd img {margin: auto auto;padding-top: 10px;}

/*pro*/
.pro_color2{width:95%; height:auto; padding:0; margin:0 auto;}
.pro_color2 ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color2 ul{width:100%;}

.pro_color2 ul span{font-size:16px; color:#999;}

/*index_bbb*/
.index_bbb2{width:100%; height:auto; padding:0 0 10vh 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb2 ul{width:95%;  clear:both; margin:0 auto; position:relative;}
.index_bbb2 ul:nth-child(1){margin-bottom: 30px;}
	
	
/*index_b_content3*/
.index_b_content3 ul{width:100%; height:600px; position:relative;}
.index_b_content3 ul li{position:absolute;top:0;left:0;}
.index_b_content3 ul li:nth-child(1){top:200px; left:40px; color:#999999;}
.index_b_content3 ul li:nth-child(2){top:125px; left:40px; color:#999999; width:1px; height:150px; background-color:#eee;}
.index_b_content3 ul li:nth-child(3){top:60px; left:105px; color:#999999; width:1px; height:190px; background-color:#eee;}
.index_b_content3 ul li:nth-child(4){top:122px; left:162px; color:#999999; width:1px; height:115px; background-color:#eee;}
.index_b_content3 ul li:nth-child(5){top:166px; left:220px; color:#999999; width:1px; height:45px; background-color:#eee; }
.index_b_content3 ul li:nth-child(6){top:120px; left:45px; color:#d70c18;}
.index_b_content3 ul li:nth-child(7){top:56px; left:112px; color:#d70c18;}
.index_b_content3 ul li:nth-child(8){top:118px; left:166px; color:#d70c18;}
.index_b_content3 ul li:nth-child(9){top:160px; left:225px; color:#d70c18;}

.index_b_content3 ul li:nth-child(10) {top:380px; left:0; text-align:center; font-size:12px;}
.index_b_content3 ul li:nth-child(10) dl {width: calc(21% - 1px);height: 150px; padding: 0 2%; float: left;border-right: 1px solid #eee;text-align: center;}
.index_b_content3 ul li:nth-child(10) dl:nth-child(4){border-right:0; }

.index_b_content3 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;margin: 0 auto;margin-bottom: 10px;}
.index_b_content3 ul li dd img {margin: auto auto;padding-top: 10px;}

/*index_bbb*/
.index_bbb3{width:100%; height:auto; padding:0 0 10vh 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.index_bbb3 ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.index_bbb3 ul:nth-child(1){margin-bottom: 30px;}

/*pro*/
.pro_color3{width:95%; height:auto; padding:10vh 0; margin:0 auto;}
.pro_color3 ul:nth-child(1){width:100%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-top:20px; margin-bottom:40px; text-align:center; line-height:18px; color:#666;}
.pro_color3 ul{width:100%;}

.pro_color3 ul span{font-size:16px; color:#999;}

/*por3_a*/
.por3_a{width:100%; height:auto; padding:10vh 0 0 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_a ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_a ul:nth-child(1){margin-bottom: 30px;}
.por3_a ul li{width: 49%;height: auto;float: left;margin-right: 2%;margin-bottom: 10px;}
.por3_a ul li:nth-child(2n+2){margin-right: 0;}
	
/*por3_d*/
.por3_d{width:100%; height:auto; padding: 0 0 10vh 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_d ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_d ul:nth-child(1){margin-bottom: 30px;}
.por3_d ul li{width: 32%;height: auto;float: left;margin-right: 2%;margin-bottom: 10px;}
.por3_d ul li:nth-child(3){margin-right: 0;}

/*por3_b*/
.por3_b{width:100%; height:auto; padding:0 0 10vh 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_b ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_b ul:nth-child(1){margin-bottom: 30px;}
.por3_b ul li{width: 25%;height: 100px;float: left;background-color: #eeeeee;color: #d70c18;display:flex; -webkit-display:flex; justify-content:center; align-items:center;}


/*por3_c*/
.por3_c{width:100%; height:auto; padding:0 0 10vh 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por3_c ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por3_c ul:nth-child(1){margin-bottom: 30px;}
.por3_c ul li{width: 22%;height: 100px;float: left;margin-right: 4%;margin-bottom: 50px;}
.por3_c ul li:nth-child(8n+8){margin-right: 4%;}
.por3_c ul li:nth-child(4n+4){margin-right: 0;}

	
.index_b_content4 {width:100%; height:auto;padding: 50px 0 0 0; }
.index_b_content4 ul{width:95%; height:auto; margin: 0 auto;}
.index_b_content4 ul li:nth-child(1){ color:#999999;margin-bottom: 50px;}
.index_b_content4 ul li:nth-child(2){width: 95%;height: auto;margin: 0 auto;}
.index_b_content4 ul li:nth-child(2) dl{width: 100%;height: 150px; padding: 0; float: left;border-right: 0;text-align: center;}
.index_b_content4 ul li:nth-child(2) dl:nth-child(5){border-right:0; }

.index_b_content4 ul li dd{font-size:40px; width:70px; height:70px; line-height:70px; background-color:#d70c18; color:#FFF;margin: 0 auto;margin-bottom: 10px;}
.index_b_content4 ul li dd img {margin: 0 auto;padding-top: 10px;}
	
.index_b_content4 ul li:nth-child(1) img{ width: 100%;}

/*por4_a*/
.por4_a{width:100%; height:auto; padding:0 0 10vh 0;}
.index_one_ul{text-align:center; width:95%; background-image:url(../image/redline.gif); background-position:center bottom; background-repeat:no-repeat; padding-bottom:10px;}
.por4_a ul{width:95%;  clear:both; margin:0 auto; position:relative;text-align: center;}
.por4_a ul:nth-child(1){margin-bottom: 30px;}
.por4_a ul li{width: calc(20% - 1px);height:60px;float: left;border-right: 1px solid #eee;margin-bottom: 50px;}
.por4_a ul li:nth-child(5){border-right: 0;}


/*xin----------------------------------------------------*/
	
}