/*样式重置*/
@charset "utf-8";

/*css reset*/
html {  font-family: "Microsoft Yahei", Arial; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; -ms-touch-action: none; }
body { margin: 0; font-family: "Microsoft Yahei", Arial;background:url(../img/icons/bg.jpg) repeat 0 0;}
body,ul,ol,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
li{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none;}
a{outline: none;}
a:focus{outline:none;}
/*公共样式*/

.comWidth{width:1000px; margin:0 auto; }

input{outline:medium;}
.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content: ''; display: block; clear: both;}

/*公共样式*/

.title{font-size:50px;line-height: 70px;line-height: 70px; text-align: center;color:#ffffff;margin-bottom:138px;font-weight: normal;}

 .video{position: relative;width:780px;height:440px;border:6px solid #ffffff;margin:0 auto;overflow:hidden;}
 .video video{width:780px;height:440px;}
 .play{width:120px;height: 120px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;opacity: 0.8;background: url(../img/play.png) no-repeat center center;}
 .play:hover{opacity: 1;}
 .banner{background:url(../img/sec_1_img.jpg) no-repeat center top #000000;background-size: cover;}

.tit_color_3{color:#333333;}
.mb_50{margin-bottom:50px;}
.imgList{width:1000px;overflow: hidden; margin:0 auto;}
.imgList ul{width:1040px;overflow:hidden;}
.imgList li{width:220px;height:300px;margin-right:40px;float:left;margin-bottom:24px;}
.imgWrap{width:220px;height: 220px; margin-bottom:8px;position:relative;border-radius: 14px;overflow:hidden;}
.imgWrap .kuang{background:url(../img/kuang.png) no-repeat center center;position: absolute;left:0;top:0;width:220px;height: 220px;background-size:contain;}
.imgList li p{height: 28px;line-height: 28px;text-align: center;color:#333333;font-size:18px;}
.imgList li p.chaodai{font-size:14px;line-height: 20px;color:#666666;}
.imgList img{width:100%;}
.sec_2{
	width:100%;height:100%;background:url(../img/bg_1.jpg) no-repeat center center;
}

.sec_2 .imgText{width:1260px;margin:0 auto;height:100%;;position: relative}
.sec_1_img{width: 618px;height:90%;position:absolute;bottom:0;left:0;}
.sec_1_text {width:660px;height:auto;position:absolute;right:0;top:50%;margin-top:-310px;}


.sec_1_img img{max-height:100% ;position: absolute;bottom:0;left:0;}
.sec_1_text .text{position:relative;left:0;width:604px;background: #ffffff;padding:0 28px 20px; box-shadow: 6px 6px 10px #979591;}
.sec_1_text .sec_1_title{box-shadow: 6px 6px 10px #979591;background: #ffffff;font-weight:normal;height:80px;line-height: 80px;font-size: 50px;color:#444444;text-align: center;left:-40px;position: relative;width:440px;}

.sec_1_text p{font-size:14px; line-height: 24px; color:#333333;text-align: left;text-indent:2em;}
.sec_1_text p.niandai{line-height: 42px;}

.sec_3{width:100%;height: 100%;background:rgba(0,0,0,0.8);position: absolute;left:0;top:0;}
.sec_3 .sec_3_title{margin:0px 0;     margin-top: 60px;}
.sec_3 p{margin:0 auto 4px;font-size:14px;color:#ffffff;line-height: 24px;text-align:left;max-width:840px;padding:0 0px;text-indent: 2em;}
.sec_3 .picWrap{margin-bottom:10px; width:840px;margin:0 auto;position: relative;text-align:center;}
.sec_3 .picWrap img{max-width: 100%;}

.largeImg{width:100%;height:100%;background:rgba(0,0,0,.9);position: absolute;z-index: 1000;left:0;top:0;display: block;}
.largeImg img{width:100%;}
.largeWrap{width:596px;height:596px;border:2px solid #ffffff;margin-bottom:26px;}
.largeImgWrap{width:596px;height:714px;position: absolute;left:0;top:0;bottom:0;right: 0;margin:auto;}
.largeImg2 .largeWrap{height: 500px;}
.largeImg2 .largeWrap img{max-height: 500px;}
.largeImg h3{font-size:28px;line-height: 42px;text-align: center; color:#ffffff;font-weight: normal;}
.largeImg p{font-size: 16px;
    line-height: 24px; color:#ffffff;text-align: left;text-indent:2em;}
.largeImg3 p{text-indent:0;}
.largeImg .close{width:60px;height: 60px;background: url(../img/close.png) no-repeat center center; position: absolute;right:28px;top:28px;}
.largeImg3 .largeWrap{height: 300px;}
.sec_3_m{display: none;}
.sec_3_pc{display: block;}
.sec_5_m{display: none;}
.sec_5_pc{display: block;}
.sec_3 .aticle_2{display: none; margin:0 auto 0;} 	
.pic_2{width: 160px;height: 79px;position: absolute;    top: 128px;
    right: 362px;}
.pic_1{width: 158px;height: 104px;position:absolute;right:2px;top:246px;}
.pic_1 img{width:100%;display: block;}
.pic_1 p{line-height: 24px;font-size:18px;color:#ffffff;text-align:center;}
.road{position:absolute;width:16px;height:16px; background:#eb6751;border:3px solid #fff;border-radius: 50%;opacity: 0.7;}
.road.active,.road:hover{opacity: 1;}
.road1{top:158px;right:332px;}
.road2{top:188px;right:334px;}
.road3{top:228px;right:366px;}
.road4{top:262px;right:388px;}
.line1{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.line2{overflow:auto;white-space: normal;}
.aticle_1_1_link{cursor: pointer;}
.aticle_1_1_f{cursor: pointer;}
.largeImg1 .largeDes{text-align:center;}
.chatu span{cursor: pointer;}
@media screen  and (max-width: 1380px){
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;}
.sec_1_text{right:8%;}


}
/*@media screen  and (max-height: 840px){

.sec_3_text{overflow-x: hidden;overflow-y: auto; height: 740px;}
.sec_3 .picWrap img{width:300px;}
.sec_3 .sec_3_title{margin:20px auto 10px;}
}*/

@media screen  and (max-width: 800px){
.swiper-container-vertical>.swiper-pagination-bullets{display: none;}
.banner{background:url(../img/sec_1_img_m.jpg) no-repeat center top #000000;background-size:cover;}
.sec_1_text{right:8%;}

.sec_2{background-size:auto 100%;}
.sec_2 .imgText{width:100%;}
.sec_1_img{ 
    height: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
   overflow-y: scroll;
   }
.sec_1_text{width:96%;height:96%;left:0;right:0;top:0;bottom:0;margin:auto;}
.sec_1_text .text{width:100%;padding: 0 8px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;background: rgba(255,255,255,0.8);}
.sec_1_text .sec_1_title{width:90%;background: rgba(255,255,255,0.8);height: 50px;
    line-height: 50px;
    font-size: 36px;display: none;}

.sec_3 .sec_3_title{margin-bottom:10px;margin-top:10px;font-size:36px;line-height: 44px;}
.sec_3 .mb_50{margin-bottom:0;font-size:36px;line-height:46px;}
.sec_4{width:100%;padding:0 6px;box-sizing:border-box;}
.sec_4 .title{margin-bottom:40px;font-size:36px;line-height:60px;}
.video{width:100%;box-sizing:border-box;border:2px solid #fff;}
.video video{width:100%;}
.sec_5 .title{font-size:36px;line-height: 44px;padding-bottom:10px;}
.sec_5 .mb_50{margin-bottom:10px;}
.sec_5 .imgList{width:100%;overflow: hidden;}
.sec_5 .imgList ul{width:100%;text-align: center;height:80%;overflow-x: hidden;overflow-y:auto;}
.sec_5 li{width:40%;height:auto; display: inline-block;margin:0 4% 2%;font-size:0;}
.sec_5 .imgWrap{width:100%;height:100%;overflow: hidden;margin-bottom:0;}
.sec_3_m{display: block;}
.sec_3_pc{display: none;}
.sec_3 .picWrap{width:100%;}
.sec_5_m{display: block;width:100%;}
.sec_5_pc{display: none;}
.sec_5{width:100%;}
.largeImgWrap{width:96%;height:auto; overflow-y: auto;}
.largeWrap{width:100%;height:auto;margin-top:26%;box-sizing: border-box;-webkit-box-sizing:border-box;}
.largeImg .close{right: 1%;top: 1%;width:20px;height: 20px;background-size:contain;}
.slidewrap{margin-bottom:20px;}
.largeImg .largeWrap{height: auto;}
.largeImg .largeWrap{height: auto;}
.imgWrap .kuang{width:100%;height: 100%;}
.largeImg3 .largeWrap{margin-top:30px;height:160px;}
.largeImg3 p{line-height: 22px;font-size:14px;}
.largeImg3 h3{font-size: 26px;
    line-height: 32px;}
.sec_3 p{padding:0 12px;}
.road{position:absolute;width:16px;height:16px; background:#eb6751;border:3px solid #fff;border-radius: 50%;opacity: 0.7;}
.road.active,.road:hover{opacity: 1;}
.road1{top: 41%;
    right: 33%;}
.road2{    top: 54%;
    right: 34%;}
.road3{top: 63%;
    right: 39%;}
.road4{top: 66%;
    right: 46%;}
    .pic_1{
        width: 105px;
    
    height: 79px;
    position: absolute;
    right: 0%;
    top: 66%;}
    .largeImg2 .largeWrap img{max-height: 160px;width:auto;}
    .largeImg2 .largeWrap{height:160px;}

}