@charset "utf-8";

body {background-color:#fff;}

.banner{height:800px; position:relative;}

.banner .hd{ position:absolute; bottom:20px; text-align:center; z-index:99; width:100%;}

.banner .hd ul li{ display:inline-block; margin:0 5px; width:30px; height:6px;background:#fff;text-indent:-9999px;cursor:pointer; position:relative}

.banner .hd ul li:after{content:""; display:block; height:100%; position:absolute; left:0; top:0; width:0;}

.banner .hd ul li.on:after{background:#f00;width:100%; transition: width 3s;}

.banner .bd{ height:100%}

.banner .bd ul{ height:100%}

.banner .bd ul li{height:800px}

.banner .prev {position:absolute; top:200px; left:0; z-index:999; filter:alpha(Opacity=0); opacity:.0; transition: all 0.5s;}

.banner:hover .prev {filter:alpha(Opacity=100); opacity:1;transition: all 0.5s;}

.banner .next {position:absolute; top:200px; right:0; z-index:999; filter:alpha(Opacity=0); opacity:.0; transition: all 0.5s;}

.banner:hover .next {filter:alpha(Opacity=100); opacity:1;transition: all 0.5s;}



.sp {width:100%; margin-top:1px; overflow:hidden;}

.sp ul li {width: 32%;float:left;display:block;position:relative;text-align: center;line-height: 30px;margin: 0 0.5%;}

.sp ul li iframe{ width:100%; height:260px}

.sp ul li a {display:block; width:100%; height:100%;}

.sp img {width:100%; height:auto;}

.sp .wk {height:100vh; width:100%; border-right:1px solid #fff; position:absolute; top:0; left:0;}



.pro_tj {width:1170px;margin:60px auto;padding: 0 0 120px;background-color:#f6f6f6;overflow:hidden;position:relative;margin-top: 0;padding-bottom: 75px;}

.pro_tj .bd{height:100%}

.pro_tj .bd ul{height:100%}

.pro_tj .bd ul li {height: 376px;width: 1170px;}

.pro_tj .tp {width:400px; float:right; text-align:center;}

.pro_tj .wz {width:560px; float:left;}

.pro_tj .wz h3 {font-size:36px; margin-bottom:20px; color:#555; font-weight:normal;}

.pro_tj .wz p {font-size:15px; line-height:32px; color:#777; margin-bottom:20px;}

.pro_tj .wz span {width:120px; height:2px; background-color:#e60012; margin-bottom:20px; display:block; overflow:hidden;}

.pro_tj .wz a {width:100px; height:32px; font-size:14px; line-height:28px; text-align:center; border-radius:10px; color:#e60012; border:2px solid #e60012; display:block;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;}

.pro_tj .wz a:hover {background-color:#e60012; color:#fff;}

.pro_tj .jt {width:70px;height:30px;position:absolute;bottom: 23px;left:50px;}

.pro_tj .prev {width:30px; height:30px; background:url(zjt.png) 0 0 no-repeat; float:left;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;}

.pro_tj .prev:hover {background:url(zjt.png) 0 -30px no-repeat;}

.pro_tj .next {width:30px; height:30px; background:url(yjt.png) 0 0 no-repeat; float:right;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;}

.pro_tj .next:hover {background:url(yjt.png) 0 -30px no-repeat;}



.pro_zs {width:100%; padding:50px 0 40px; background-color:#f6f6f6; overflow:hidden;}

.pro_zs .pro_con {width:1170px; margin:0 auto; overflow:hidden; position:relative;}

.pro_zs .pro_con .bt {font-size:26px; border-bottom:1px solid #e7e7e7; margin-bottom:20px; padding-bottom:20px;}

.pro_zs .pro_con .bd {}

.pro_zs .pro_con .bd ul {width:100%;}

.pro_zs .pro_con .bd ul li {width: 145px;float:left;margin: 0 75px;/* margin-right: 140px; */display:inline-block;}

.pro_zs .pro_con .tp {width:270px;/* height:170px; */margin-bottom:10px;overflow:hidden;}

.pro_zs .pro_con .tp img {width: 145px;height: auto;}

.pro_zs .pro_con .wz {width:100%; font-size:15px; line-height:30px; text-align:center;}

.pro_zs .pro_con .jt {width:70px; height:30px; position:absolute; top:10px; right:0;}

.pro_zs .pro_con .prev {width:30px; height:30px; background:url(zjt.png) 0 0 no-repeat; float:left;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;}

.pro_zs .pro_con .prev:hover {background:url(zjt.png) 0 -30px no-repeat;}

.pro_zs .pro_con .next {width:30px; height:30px; background:url(yjt.png) 0 0 no-repeat; float:right;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;}

.pro_zs .pro_con .next:hover {background:url(yjt.png) 0 -30px no-repeat;}



.about_sy {width:100%; padding:60px 0; background:url(sbj.jpg) no-repeat top center fixed; background-size:cover; overflow:hidden;}

.about_sy .ab_con {width:1170px; margin:0 auto; overflow:hidden;}

.about_sy .ab_jj {width:600px; padding:30px 50px; float:right; background-color:rgba(0,0,0,0.6); font-size:14px; line-height:30px; color:#fff; overflow:hidden;}

.about_sy .ab_jj h3 {font-size:30px; margin-bottom:20px; font-weight:normal;}

.about_sy .ab_jj p {margin-bottom:20px;}

.about_sy .ab_jj span {width:120px; height:2px; background-color:#e60012; margin-bottom:20px; display:block; overflow:hidden;}

.about_sy .ab_jj a {width:100px; height:32px; font-size:14px; line-height:28px; text-align:center; border-radius:10px; color:#fff; border:2px solid #fff; display:block;

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;}

.about_sy .ab_jj a:hover {background-color:#fff; color:#e60012;}



.news_sy {width:1170px; margin:60px auto; overflow:hidden;}

.news_sy .news_l {float:left; width:550px; overflow:hidden;}

.news_sy .news_r {float:right; width:550px; overflow:hidden;}

.news_sy .bt {font-size:22px; margin-bottom:10px;}

.news_sy .bt span {float:right; font-size:14px; padding-top:10px;}

.news_sy .tw {border-bottom:1px dotted #e7e7e7; margin-bottom:10px; padding-bottom:10px;}

.news_sy .tw h3 {font-size:16px;}

.news_sy .tw p {font-size:12px; color:#777;}

.news_sy ul {width:100%;}

.news_sy ul li {width:100%; line-height:32px; font-size:14px;}

.news_sy ul li span {float:right;}