@charset "utf-8";
/* CSS Document */
.ban{ overflow:hidden; width:100%; }
.wapban{ display:none}
.fullSlide {width:100%;position:relative;height:890px;overflow:hidden; background:#125db2}
.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; height:890px}
.fullSlide .bd li h2{ width:1400px; margin:0 auto;overflow:hidden; font-size:60px; color:#fff;line-height:70px; margin-top:350px;margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; }
.fullSlide .bd li h3{width:1400px; margin:0 auto;overflow:hidden; color:#fff;line-height:55px; font-family:Arial, Helvetica, sans-serif;  font-size:47px}



.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:35px;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:12px;height:12px; margin-right:15px; overflow:hidden;background:none; border:2px solid #fff; filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:50% }
.fullSlide .hd ul .on { border:2px solid #ff7300; 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;}


/* 产品 */
.pro01{ height:890px; position:relative}
.pro01 ul{ width:80%; position:absolute; left:50%; bottom:100px; transform:translateX(-50%); background:rgba(255,255,255,.8); z-index:2; height:90px}
.pro01 ul a{ display:block; float:left; height:90px; width:25%; line-height:90px; font-size:21px; color:#333; text-align:center; transition:all 0.35s; background:url(line01.gif) no-repeat right center}
.pro01 ul a img{ margin-right:20px}
.pro01 ul a img:nth-child(2){ display:none}
.pro01 ul a.hover{ background:#ec6c00; color:#fff}
.pro01 ul a.hover img:first-child{ display:none}
.pro01 ul a.hover img:nth-child(2){ display:block; display:inline}


.pro-div{ width:100%; height:890px; float:left; overflow:hidden;}
.pro-div div{ width:100%; float:left; overflow:hidden; height:890px; transition:all 0.35s}

#con_one_1{ background:url(pro_bg1.jpg) no-repeat center 0; background-size:cover}
#con_one_2{ background:url(pro_bg2.jpg) no-repeat center 0; background-size:cover}
#con_one_3{ background:url(pro_bg3.jpg) no-repeat center 0; background-size:cover}
#con_one_4{ background:url(pro_bg4.jpg) no-repeat center 0; background-size:cover}

.pro-div dl{ width:40%; float:left; overflow:hidden; padding-left:60%; margin-top:200px}
.pro-div dl h6{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; font-weight:normal; color:#fff; font-size:18px; margin-bottom:10px}
.pro-div dl dt{ width:100%; float:left; overflow:hidden; line-height:40px; font-size:31px; color:#fff; margin-bottom:150px}
.pro-div dl dd{ width:100%; float:left; overflow:hidden}
.pro-div dl dd a{ display:block; float:left; overflow:hidden; line-height:50px; height:50px; padding:0 35px; border-radius:5px; background:#ec6c00; text-align:center; font-size:16px; color:#fff}

/* 优势 */

.you01 div{ height:890px; background-size:cover; position:relative}
.you01a{ background:url(youbg01.jpg) no-repeat center 0; }
.you01b{ background:url(youbg02.jpg) no-repeat center 0; }
.you01c{ background:url(youbg03.jpg) no-repeat center 0; }

.you01 div ul,.you01 div dl{ height:890px; float:left; overflow:hidden; width:100%; background:rgba(0,0,0,.5); padding:115px 80px 0; box-sizing:border-box}
.you01 div ul{ transition:all 0.3s;}
.you01 div h4{ width:100%; float:left; overflow:hidden; line-height:50px; margin-bottom:30px;transition:all 0.3s;}
.you01 div h4 img{ height:60px}
.you01 div h5{ width:100%; float:left; overflow:hidden; line-height:40px; font-size:29px; color:#fff;transition:all 0.3s;}

.you01 div dl{ background:rgba(236,108,0,.9); overflow:hidden; width:100%; height:890px; position:absolute; left:0; bottom:-900px; transition:all 0.5s }
.you01 div:hover ul h4,.you01 div:hover ul h5{ opacity: 0; transition: opacity 0.35s}
.you01 div:hover dl{ bottom:0}

.you01 div dl h4,.you01 div dl h5{ text-align:center}
.you01 div dl p{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#fff; margin-top:50px}

/* 新闻 */
.news01{  background:url(fwbg.jpg) no-repeat center center; background-size:cover; }
.news01 .ty02{display:flex; flex-wrap:wrap; align-content:center; height:890px}
.h301{ width:100%; float:left; overflow:hidden; font-size:35px; color:#333; text-align:center; line-height:40px; margin-bottom:80px }
.h301 a{ color:#333}
.news02{ width:100%; float:left; overflow:hidden}
.news02 dl{ width:48%; float:left; overflow:hidden; margin-bottom:50px; display:flex}
.news02 dl:nth-child(2n+1){ margin-right:4%;}
.news02 dl h6{ width:30% }
.news02 dl h6 img{ width:100%;}
.news02 dl ul{ flex:1; padding:20px 25px; box-sizing:border-box; background:#fff; border:1px solid #f3f3f3; border-left:none}
.news02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:15px}
.news02 dl dt a{ color:#333; font-size:20px; font-weight:bold}
.news02 dl dd{ width:100%; float:left; overflow:hidden; line-height:22px; color:#666; font-size:14px; max-height:44px}
.news02 dl:hover dt a{ color:#ec6c00}
.news02 dl:hover ul{ border:1px solid rgba(236,108,0,.2); border-left:none}




/******** 手机版 ********/
@media (max-width:767px){
	
.pcban{ display:none}
.wapban{ display:block}

.fullSlide {height:500px;}
.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; height:500px}
.fullSlide .bd li h2{ width:94%; padding:0 3%; margin:0 auto;overflow:hidden; font-size:26px; color:#fff;line-height:30px; margin-top:150px;margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; }
.fullSlide .bd li h3{ width:94%; padding:0 3%; margin:0 auto;overflow:hidden; color:#fff;line-height:22px; font-family:Arial, Helvetica, sans-serif;  font-size:18px}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:10px;line-height:10px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {width:8px;height:8px; margin-right:10px;  }
.fullSlide .prev,.fullSlide .next {left:2%;z-index:1;width:40px;height:76px;background:url(arrleft.png) 0 center no-repeat;cursor:pointer;filter:alpha(opacity=70);opacity:0.5;display:none; background-size:40%}
.fullSlide .next {left:auto;right:2%;;background:url(arrright.png) right center no-repeat;background-size:40%}

	

/* 产品 */
.pro01{ height:100vh; }
.pro01 ul{ width:94%; position:absolute; left:50%; bottom:100px; transform:translateX(-50%); background:none;  z-index:2; height:150px}
.pro01 ul a{ display:block; float:left; height:60px; width:44%; padding-left:5%; line-height:60px; font-size:16px; color:#333; text-align:left; transition:all 0.35s; background:rgba(255,255,255,.8); margin-bottom:10px}
.pro01 ul a:nth-child(2n+1){ margin-right:2%}
.pro01 ul a img{ margin-right:20px; height:40px}
.pro01 ul a img:nth-child(2){ display:none}
.pro01 ul a.hover{ background:#ec6c00; color:#fff}
.pro01 ul a.hover img:first-child{ display:none}
.pro01 ul a.hover img:nth-child(2){ display:block; display:inline}

.pro-div{ width:100%; height:890px; float:left; overflow:hidden;}
.pro-div div{ width:100%; float:left; overflow:hidden; height:890px; transition:all 0.35s}
#con_one_1{ background:url(pro_bg1.jpg) no-repeat center 0; background-size:cover}
#con_one_2{ background:url(pro_bg2.jpg) no-repeat center 0; background-size:cover}
#con_one_3{ background:url(pro_bg3.jpg) no-repeat center 0; background-size:cover}
#con_one_4{ background:url(pro_bg4.jpg) no-repeat center 0; background-size:cover}

.pro-div dl{ width:90%; float:left; overflow:hidden; padding:0 5%; margin-top:150px}
.pro-div dl h6{ line-height:20px; height:20px;  font-size:18px; margin-bottom:10px}
.pro-div dl dt{  line-height:25px; font-size:21px; margin-bottom:80px}
.pro-div dl dd a{  line-height:40px; height:40px; padding:0 25px; border-radius:5px; font-size:16px; }



/* 优势 */
.you01 div{ width:100%; height:100vh; }
.you01 div ul,.you01 div dl{ height:100vh; float:left; overflow:hidden; width:100%; background:rgba(0,0,0,.5); padding:115px 80px 0; box-sizing:border-box}
.you01 div ul{ transition:all 0.3s;}
.you01 div h4{ width:100%; float:left; overflow:hidden; line-height:50px; margin-bottom:30px;transition:all 0.3s;}
.you01 div h4 img{ height:50px}
.you01 div h5{ width:100%; float:left; overflow:hidden; line-height:40px; font-size:29px; color:#fff;transition:all 0.3s;}

.you01 div dl{ background:rgba(236,108,0,.9); overflow:hidden; width:100%; height:890px; position:absolute; left:0; bottom:-900px; transition:all 0.5s }
.you01 div:hover ul h4,.you01 div:hover ul h5{ opacity: 0; transition: opacity 0.35s}
.you01 div:hover dl{ bottom:0}

.you01 div dl h4,.you01 div dl h5{ text-align:center}
.you01 div dl p{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#fff; margin-top:50px}


/* 新闻 */
.news01{ }
.news01 .ty02{ height:100vh}
.h301{ font-size:28px; ext-align:center; line-height:40px; margin-bottom:50px }
.h301 a{ color:#333}
.news02{ width:100%; float:left; overflow:hidden}
.news02 dl{ width:100%; float:left; overflow:hidden; margin-bottom:15px; display:flex}

.news02 dl:nth-child(2n+1){ margin-right:0;}
.news02 dl h6{ width:30%; display:flex }

.news02 dl ul{  padding:10px 10px 0 10px;}
.news02 dl dt{ line-height:20px; height:20px; margin-bottom:8px}
.news02 dl dt a{ color:#333; font-size:15px; font-weight:bold}
.news02 dl dd{  line-height:16px; font-size:12px; max-height:16px}













}


@media (min-width:768px){
.you01{ display:flex;}
.you01 div{ flex:1; }
}