@charset "utf-8";
/* CSS Document */
.ban{ overflow:hidden; width:100%; }
.fullSlide {width:100%;position:relative; overflow:hidden; }
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important; overflow:hidden; position:relative }

.fullSlide .bd li dl{ width:700px; overflow:hidden; position:absolute; left:50%; top:0px; margin-left:-700px; z-index:999}
.fullSlide .bd li dl dt{ width:100%; float:left; overflow:hidden; margin-top:230px; margin-bottom:30px;font-size:47px; line-height:60px; color:rgba(255,255,255,.99)}
.fullSlide .bd li dl dd{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:28px; color:rgba(255,255,255,.9)}
.fullSlide .bd li dl h6{ width:100%; float:left; overflow:inherit; margin-top:50px}
.fullSlide .bd li dl h6 a{ display:block; float:left; height:60px; line-height:60px; width:170px; text-align:center; font-weight:normal; font-size:16px; letter-spacing:2px; background:#da251c; color:#fff; border-radius:7px; transition:all 0.5s}
.fullSlide .bd li dl h6 a:hover{ background:#ed9e20; border-radius:30px}


.fullSlide .bd li:first-child{ background:url(bg0001.jpg) no-repeat center 0 ;}
.fullSlide .bd li:first-child dl{ padding-left:700px; }
.fullSlide .bd li:first-child dl h6{ display:flex;justify-content:flex-end}


.fullSlide .bd li:nth-child(2){ background:#061c29 ;}
.fullSlide .bd li:nth-child(2) dl{padding-right:700px;  background:url(ban01.png) no-repeat 900px 220px}

.fullSlide .bd li:nth-child(3){ background:#082b3f ;}
.fullSlide .bd li:nth-child(3) dl{ padding-left:700px; background:url(ban02.png) no-repeat 80px 120px}
.fullSlide .bd li:nth-child(3) dl h6{ display:flex;justify-content:flex-end}

.fullSlide .bd li:nth-child(4){ background:#061c29 url(ban03.jpg) no-repeat center 0 ;}
.fullSlide .bd li:nth-child(4) dl{  width:1238px; margin-left:-619px; height:315px; padding-right:0;top:230px}
.fullSlide .bd li:nth-child(4) dl h5{ width:619px; height:315px; float:left; overflow:hidden; border-radius:16px 0 0 16px; background:#fff; text-align:center}
.fullSlide .bd li:nth-child(4) dl h5 img{ margin-top:13px}
.fullSlide .bd li:nth-child(4) ol{ float:left; overflow:hidden; width:619px; height:315px; padding:60px 0 0 50px;-moz-box-sizing: border-box; box-sizing: border-box; background:#da251c; border-radius:0 16px 16px 0}
.fullSlide .bd li:nth-child(4) ol h3{ line-height:55px; font-size:46px; color:#fff; margin-bottom:10px}
.fullSlide .bd li:nth-child(4) ol h4{ line-height:26px; font-size:19px; color:#fff; font-weight:normal}

.fullSlide .bd li:nth-child(4) ol h6{  height:56px; width:auto; float:left; overflow:hidden; line-height:25px; font-size:18px; color:#fff; font-weight:normal;-moz-box-sizing: border-box; box-sizing: border-box; }

.fullSlide .bd li:nth-child(4) ol h6:nth-of-type(1){ background:url(ban-tel.png) no-repeat 0 center; padding-left:70px; padding-top:4px; margin-right:90px}
.fullSlide .bd li:nth-child(4) ol h6:nth-of-type(2){ background:url(ban-qc.png) no-repeat 0 center; padding-left:70px; padding-top:4px}

.fullSlide .bd li h2{ display:none}


.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:25px;left:0;height:10px;line-height:10px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:3px; margin-right:8px; overflow:hidden;background:#fff;filter:alpha(opacity=50);opacity:0.5;line-height:999px;  }
.fullSlide .hd ul .on {background:#da251c;filter:alpha(opacity=100);opacity:1.0}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:76px;background:url(arrleft.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=70);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;;background:url(arrright.png) 0 0 no-repeat;}

.keyan{ padding:50px 0 50px; border-bottom:1px solid #eee}
.keyan h3{ width:100%; text-align:center; line-height:36px; font-size:32px; color:#333; font-weight:normal; margin-bottom:30px}
.keyan p{ width:80%; padding:0 10%; text-align:center; line-height:28px; font-size:16px; color:#666; margin-bottom:40px}
.keyan h4{ width:100%; float:left; overflow:hidden; display:flex;justify-content:center;}

.keyan h4 a{ display:block; width:205px; height:46px; line-height:46px; font-size:16px; font-weight:normal; text-indent:90px; color:#fff}
.keyan h4 a:first-child{ margin-right:50px; background:#da251c url(keyan-dot02.png) no-repeat 47px center; border:1px solid #da251c;  letter-spacing:1px;}
.keyan h4 a:nth-child(2){border:1px solid #0063c7; background:#0063c7 url(ico_01.png) no-repeat 45px center; }


.hezuo{ width:100%; background:#f6f7f9 url(hezuo01.jpg) no-repeat center 0;}
.hezuo h4{ display:none}
.hezuo1{ width:650px; float:left; overflow:hidden; margin-top:80px}
.hezuo1 h3{ width:100%; float:left; overflow:hidden; font-size:40px; font-weight:normal; line-height:46px; color:#111; margin-bottom:20px}
.hezuo1 p{ width:100%; float:left; overflow:hidden; line-height:28px; color:#444; font-size:16px; margin-bottom:30px;}
.hezuo1 h6{width:100%; float:left; overflow:hidden; margin-bottom:50px}
.hezuo1 h6 a{ display:block; float:left; overflow:hidden; width:130px;  letter-spacing:1px; font-size:14px; background:#da251c url(more1.png) no-repeat 90px 9px; text-indent:28px; border-radius:20px; line-height:40px; height:40px; font-weight:normal; color:#fff}
.hezuo1 ul{ width:95%; float:left; overflow:hidden; display:flex; justify-content:space-between;flex-wrap:wrap}
.hezuo1 dl{ width:32%; border-left:1px solid #ddd; margin-bottom:25px; padding-left:20px; -moz-box-sizing: border-box; box-sizing: border-box;  }
.hezuo1 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:18px; color:#333}
.hezuo1 dl dt{ width:100%; float:left; overflow:hidden; line-height:40px; font-size:20px; color:#222; }
.hezuo1 dl dt span{font-size:30px;font-weight:bold; margin-right:5px}

.pro01{ margin:70px 0 50px;}
.pro01 h6{ width:100%; float:left; overflow:hidden; font-size:16px; font-weight:normal; line-height:26px; color:#333; text-transform:uppercase; text-align:center}
.pro01 h3{ width:100%; float:left; overflow:hidden; font-size:40px; font-weight:normal; line-height:46px; color:#111; text-align:center; margin-bottom:50px}
.pro01 h3 span{ padding:5px 15px 9px; background:url(hexin.png) no-repeat center center;  margin:0 15px}

.tabtit{ width:80%; padding:0 10%; background:url(line01.gif) repeat-x bottom; height:53px; float:left; overflow:hidden; margin-bottom:35px; display:flex; justify-content:space-between}
.tabtit a{ display:block; float:left; font-size:21px; cursor:pointer; width:auto; padding:0 7px;  height:50px;  overflow:hidden;line-height:50px;  text-align:center; color:#4d4d4d; font-weight:normal; padding-bottom:3px}
.tabtit a span{ padding:0px 4px 1px; background:#ccc; border-radius:50%; font-family:"宋体"; font-weight:bold; margin-right:5px; color:#fff}
.tabtit a.hover{ color:#da251c; border-bottom:3px solid #da251c; padding-bottom:0}
.tabtit a.hover span{ background:#e62951; color:#fff}

.h605{ width:1200px; line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dadada; height:20px; overflow:hidden; color:#666; font-size:12px; font-weight:normal}


.tabcon{overflow:hidden; float:left; width:100%}
.tabcon ul{ width:100%;  display:flex; justify-content:space-between;flex-wrap:wrap }
.tabcon dl{ width:450px; margin-bottom:20px }
.tabcon dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px}
.tabcon dl dd img{ width:100%;  transition:all 0.5s}
.tabcon dl:hover img{ transform:scale(1.07)}
.tabcon dl dt{ width:100%; float:left; overflow:hiddenl; text-align:center; line-height:30px; height:30px}
.tabcon dl dt a{ font-size:16px; color:#666;}
.tabcon dl:hover dt a{ color:#da251c}

.app01{ width:100%; background:rgba(0,99,199,.07); position:relative;}

.app01 h3{ width:100%; float:left; overflow:hidden; font-size:40px; line-height:46px; color:#111; margin-bottom:10px; margin-top:90px;}
.app01 h4{width:100%; float:left; overflow:hidden; font-size:30px; line-height:36px; color:#111; margin-bottom:20px; color:#da251c; font-weight:normal}
.app01 p{ width:46%; padding-right:54%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#666; margin-bottom:10px}

.appul{ width:100%;  float:left; overflow:hidden; margin-top:80px; display:flex }
.appul dl{ width:25%; background:#fff url(line02.gif) no-repeat right center ; padding:40px 0; margin:20px 0;  -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.4s;}
.appul dl h5{ width:100%; text-align:center; float:left; overflow:hidden; margin-bottom:10px; height:57px; display:flex; justify-content:center;}
.appul dl h5 img:last-child{ display:none}
.appul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; font-size:18px; color:#333; line-height:26px; margin-bottom:8px}
.appul dl dd{ width:70%; padding:0 15%; float:left; overflow:hidden; text-align:center; font-size:14px; color:#888; line-height:22px}
.appul dl:last-child{ background:#fff url(line03.gif) no-repeat right center }
.appul dl:first-child{background:#da251c url(line02a.gif) no-repeat right center ; padding:60px 0; margin:0}
.appul dl:first-child h5 img:first-child{ display:none}
.appul dl:first-child img:last-child{ display:block}
.appul dl:first-child dt{ color:rgba(255,255,255,.98)}
.appul dl:first-child dd{ color:rgba(255,255,255,.9)}


.about1{ display:flex;justify-content:space-between; margin-bottom:80px}
.about01{ width:45%; overflow:hidden;}
.about01 h3{width:100%; float:left; overflow:hidden; font-size:40px; line-height:46px; color:#111; margin-bottom:10px; font-weight:normal; margin-bottom:40px}
.about01 dl{ width:100%; float:left; overflow:hidden}
.about01 dl h6{ width:100%; float:left; overflow:hidden; margin-bottom:15px}
.about01 dl h6 img{ width:100%;}
.about01 dl dt{ width:100%; float:left; overflow:hidden; line-height:25px; margin-bottom:13px; font-size:19px; color:#222}
.about01 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; color:#888; font-size:14px; margin-bottom:15px}
.about01 dl h5{ width:100%; float:left; overflow:hidden; font-weight:normal; line-height:34px; color:#da251c; font-size:14px; background:url(web.png) no-repeat 0 center; text-indent:28px}
.about01 dl h5 span{ float:right; line-height:34px}
.about01 dl h5 span a{ width:102px; height:32px; color:#666; border:1px solid #ddd; text-align:center; float:left; background:url(home.png) no-repeat 10px center; text-indent:25px }
.about01 dl h5 span a:hover{ background:#da251c url(homea.png) no-repeat 10px center; color:#fff; border:1px solid #da251c;}

.news01{ width:45%; }
.news01 h3{width:100%; float:left; overflow:hidden; font-size:40px; line-height:46px; color:#111; margin-bottom:10px; font-weight:normal; padding-bottom:40px; border-bottom:2px solid #ddd; margin-bottom:25px}
.news01 h3 span{ float:right; line-height:46px; }
.news01 h3 span a{ display:block; width:46px; height:46px; line-height:46px; background:url(more2.png) no-repeat center 7px}
.news01 h3 span a:hover{ background:url(more2a.png) no-repeat center 7px}
.news01 dl{ width:100%; float:left; overflow:hidden; margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ddd;}
.news01 dl:last-child{ margin-bottom:0}
.news01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; margin-bottom:20px; height:30px; }
.news01 dl dt a{ font-size:19px; color:#222}
.news01 dl dt a:hover{ color:#da251c; text-decoration:underline}
.news01 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#888}
.news01 dl dt span{ float:right; line-height:30px; padding-left:20px; background:url(click.png) no-repeat 0 center; color:#999; font-size:12px}


@media (max-width:767px){
.fullSlide {}
.fullSlide .bd li dl{ display:none}
.fullSlide .bd li h2{ display:block; width:100%; float:left; overflow:hidden}
.fullSlide .bd li h2 img{ display:block; width:100%; float:left; overflow:hidden}

.fullSlide .prev,.fullSlide .next { width:0px; height:0;display:none;}
.fullSlide .hd {bottom:15px;}
.fullSlide .hd ul li {width:50px;height:3px; margin-right:5px; }

.keyan{ padding:10px 0 15px; border-bottom:1px solid #eee}
.keyan h3{line-height:30px; font-size:23px; color:#333;margin-bottom:10px}
.keyan p{ width:100%; padding:0 ; text-align:center; line-height:23px; font-size:14px; color:#666; margin-bottom:10px}

.keyan h4 a{ display:block; width:48%; height:46px; line-height:46px; font-size:14px;  text-indent:50px; color:#fff}
.keyan h4 a:first-child{ margin-right:50px; background:#da251c url(keyan-dot02m.png) no-repeat 20px center; border:none;  letter-spacing:0px; margin-right:2%;background-size:13.5%}
.keyan h4 a:nth-child(2){border:1px solid #0063c7; background:#0063c7 url(ico2m.png) no-repeat 20px center; background-size:11.5% }

.hezuo{  background:#f6f7f9;}
.hezuo1{ width:100%;margin-top:20px}
.hezuo1 h3{  font-size:23px; line-height:30px;  margin-bottom:10px}
.hezuo1 p{ line-height:22px; font-size:14px; margin-bottom:20px;}
.hezuo1 h6{margin-bottom:20px}
.hezuo1 h6 a{ display:block; float:left; overflow:hidden; width:130px;  letter-spacing:1px; font-size:14px; background:#da251c url(more1m.png) no-repeat 90px center; text-indent:28px; border-radius:20px; line-height:40px; height:40px; font-weight:normal; color:#fff; background-size:11%}
.hezuo1 ul{ width:100%; }
.hezuo1 dl{ width:33%; margin-bottom:25px; padding-left:10px;  }
.hezuo1 dl dd{ line-height:20px; font-size:14px;}
.hezuo1 dl dt{ line-height:30px; font-size:16px;  }
.hezuo1 dl dt span{font-size:26px; margin-right:3px; letter-spacing:-1px}
.hezuo1 dl:last-child{ margin-bottom:15px}
.hezuo h4{ display:block; width:100%; float:left; overflow:hidden}
.hezuo h4 img{ width:100%; float:left; overflow:hidden}
	
.pro01{ margin:20px 0 20px;}
.pro01 h6{ font-size:16px; line-height:26px;}
.pro01 h3{ font-size:23px;line-height:30px; text-align:center; margin-bottom:5px}
.pro01 h3 span{ padding:5px 15px 9px; background:url(hexinm.png) no-repeat center center; background-size:80%;  margin:0 5px}

.tabtit{ width:100%; padding:0; background:url(line01.gif) repeat-x bottom; height:43px; margin-bottom:20px; }
.tabtit a{ display:block; float:left; font-size:12px;  padding:0 3px;  height:40px;  overflow:hidden;line-height:40px; padding-bottom:3px}
.tabtit a span{ padding:0px 4px 1px; background:#ccc; border-radius:50%; font-family:"宋体"; font-weight:bold; margin-right:5px; color:#fff}
.tabtit a.hover{ color:#da251c; border-bottom:3px solid #da251c; padding-bottom:0}
.tabtit a.hover span{ background:#e62951; color:#fff}

.h605{ width:1200px; line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dadada; height:20px; overflow:hidden; color:#666; font-size:12px; font-weight:normal}

#con_one_1 ul dl:last-child,#con_one_2 ul dl:last-child,#con_one_3 ul dl:last-child,#con_one_4 ul dl:last-child,#con_one_5 ul dl:last-child,#con_one_6 ul dl:last-child{ display:none}
.tabcon dl{ width:49%; margin-bottom:0px }
.tabcon dl dd{ margin-bottom:5px}
.tabcon dl dd img{ width:100%; }
.tabcon dl dt a{ font-size:14px; color:#666;}

.app01{ background:rgba(0,99,199,.07); margin-bottom:20px; padding-bottom:15px}
.app01 h6{ display:none}
.app01 h6 img{ width:100%}
.app01 h3{ font-size:23px; line-height:30px; color:#111; margin-bottom:2px; margin-top:30px;}
.app01 h4{font-size:18px; line-height:22px; margin-bottom:10px;}
.app01 p{ width:100%; padding-right:0; line-height:20px; font-size:13px; margin-bottom:10px}

.appul{margin-top:20px; flex-wrap:wrap}
.appul dl{ width:49.5%; background:#fff ; padding:20px 10px; margin:0 0 1% 0;  -moz-box-sizing: border-box; box-sizing: border-box; transition:all 0.4s;}
.appul dl h5{ width:100%; text-align:center; float:left; overflow:hidden; margin-bottom:10px; height:57px; display:flex; justify-content:center;}
.appul dl h5 img:last-child{ display:none}
.appul dl dt{ width:100%; float:left; overflow:hidden; text-align:center; font-size:18px; color:#333; line-height:26px; margin-bottom:8px}
.appul dl dd{ width:100%; padding:0; float:left; overflow:hidden; text-align:center; font-size:12px; color:#888; line-height:18px}
.appul dl:last-child{ background:#fff url(line03.gif) no-repeat right center; }

	
.appul dl:hover,.appul dl:first-child,.appul:hover dl:first-child{  padding:20px 10px;}
.appul dl:first-child{padding:20px 10px;}
.appul dl:first-child,.appul dl:nth-child(3){ margin-right:1%}
	
.about1{flex-wrap:wrap; margin-bottom:15px}
.about01{ width:100%; margin-bottom:10px}
.news01{ width:100%}


.about01 h3{font-size:23px; line-height:30px; margin-bottom:10px}
.about01 dl h6{ margin-bottom:5px}
.about01 dl dt{  line-height:25px; margin-bottom:5px; font-size:17px; font-weight:bold;}
.about01 dl dd{  line-height:18px; font-size:13px; margin-bottom:5px}
.about01 dl h5{background:url(webm.png) no-repeat 0 center; background-size:6.5%}
.about01 dl h5 span a{  background:url(homem.png) no-repeat 10px center; text-indent:20px;  background-size:16% }


.news01 h3{font-size:23px; line-height:30px; margin-bottom:10px;padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:5px}
.news01 h3 span{ float:right; line-height:30px; }
.news01 h3 span a{ display:block; width:30px; height:30px; line-height:30px; background:url(more2.png) no-repeat center center; background-size:70%}
.news01 h3 span a:hover{ background:url(more2a.png) no-repeat center 7px}



.news01 dl{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;}
.news01 dl dt{ line-height:30px; margin-bottom:5px; height:30px; }
.news01 dl dt a{ font-size:16px; }
.news01 dl dd{ line-height:22px; height:44px; font-size:12px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2}


}


@media (min-width:768px){
.fullSlide {height:670px;}
.fullSlide .bd li {height:670px; }
.fullSlide .bd li dl{height:670px; }


.keyan h4 a:hover{ border:1px solid #da251c; background:#da251c url(keyan-dot02.png) no-repeat 47px center;}
.keyan h4 a:nth-child(2):hover{ border:1px solid #da251c; background:#da251c url(ico_01.png) no-repeat 45px center; color:#fff;}
.hezuo{ height:652px;}
.app01{ height:750px; margin-bottom:70px}
.app01 h6{ position:absolute; left:50%; top:0; z-index:-1; width:998px; height:750px; }


.appul dl:hover h5 img:first-child{ display:none}
.appul dl:hover h5 img:last-child{ display:block}
.appul dl:hover{ background:#da251c url(line02a.gif) no-repeat right center ; padding:60px 0; margin:0}
.appul dl:hover dt{ color:rgba(255,255,255,.98)}
.appul dl:hover dd{ color:rgba(255,255,255,.9)}



.appul:hover dl:first-child{ background:#fff url(line02.gif) no-repeat right center ; padding:40px 0; margin:20px 0;  }
.appul:hover dl:first-child h5 img:last-child{ display:none}
.appul:hover dl:first-child img:first-child{  display:block}
.appul:hover dl:first-child dt{color:#333;}
.appul:hover dl:first-child dd{ color:#888}
}