@charset "utf-8";
body{ overflow-x:hidden;}
.com_banner{margin-top:90px;overflow: hidden;position:relative;height:440px}
.com_banner>img{left: 50%;
    margin-left: -960px;
    position: absolute;}

.com_content{width:1200px;margin:auto;}

.com_intro{padding-top:30px;    margin-bottom: 100px}
.com_intro h2{color:#666;margin-bottom:90px;text-align:center}
.com_intro p{color:#999;text-align:left;line-height:30px;margin-bottom:20px;}
p{letter-spacing: 2px;line-height: 28px;}
.about_video {
	
        left: 50%;
    top: 0px;
    position: absolute;
    margin-left: -600px;
}
.about_video #a1{overflow:hidden;}
.wrap0{height:860px;}
.com_wrap1,.com_wrap3,.com_wrap4,.com_wrap5,.com_wrap6,.com_wrap7{width:1200px;margin:auto;position: relative;}
.com_wrap6{height:1700px;}
.com_title{text-align: center;padding-top:50px;}
.com_title p{font-size:30px;color:#333;line-height:60px;}
.com_title small{color:#1976d2;font-size:20px;line-height:40px;}
.com_text{font-size:16px;color:#666;line-height:28px;padding-left:40px;padding-right:40px;margin-top:30px;letter-spacing:2px}
.com_text span{background:url(../images/yh.png);width:38px;height:28px;display:inline-block;}
.com_box{display:flex;display: -webkit-flex; justify-content:center;align-items:center; flex-direction:column;position:absolute;bottom:-500px;}
.com_box img{margin-top:50px;}
.com_wrap2{position:relative;width:100%;background:url(../images/zs_bg.jpg) center top;background-size:cover;color:white; }
.com_wrap2 .com_tit{margin-right:334px; text-align:center; font-size:30px;}
.wrap2_center{width:1200px;margin:auto;height:750px;padding-top:100px;}
.wrap2_center>p{width:600px;font-size:16px;margin:40px 528px auto auto;line-height: 28px;letter-spacing: 2px;}
.wrap3_list{margin-top:170px;}
.wrap3_list ul li{width:190px;height:218px;background:url(../images/td_bg.png); float:left;margin-left:40px;position:relative;}
.wrap3_list ul li p{color:white;width:150px;text-align:center;margin-top:70px;margin-left: 20px;margin-bottom: 20px;}
.wrap3_list ul li font{color:#ffeb3b;font-size:24px;    margin-left: 74px; position:absolute;bottom:46px;}
.map{width:834px;height:678px;background:url(../images/map.jpg) no-repeat center top;position:absolute;left:-1000px;bottom:50px;}
.com_wrap4 p{text-align:center;right: -1500px;
    position: absolute;color:#666}
.com_wrap4 span{color:#1976d2;font-size:20px;}
.com_wrap5>p{ text-align:center;line-height: 100px;color:#666;}
.ie_img1,.ie_img2,.text1,.text2{position:absolute}
.ie_img1,.ie_img2{width:600px;height:321px;}
.text1,.text2{height:171px;width:500px;background:#1976d2;padding-top:50px;padding:50px;}
.ie_img1{background:url(../images/wrap5_bg2.jpg);bottom:271px;left:0px}
.ie_img2{background:url(../images/wrap5_bg1.jpg);bottom:0px;right:0px;}
.text1{bottom:0px;left:0px}
.text2{bottom:321px;right:0px}
.text1 p,.text2 p{color:white}
.com_wrap6>p{ font-size:20px; text-align:center; line-height:125px;}
.wrap7_left{width:500px;height:307px;background:url(../images/wrap8_bg.jpg); position:absolute;left:-1000px;bottom:306px;}
.wrap7_right{width:598px;height:204px;background:#1976d2; position:absolute;right:-1000px;bottom:212px;padding:50px;}
.wrap7_right p{color:white; font-size:18px; line-height:50px;}
.com_wrap3 .com_text{margin-top:80px;}
@media(max-width: 768px){
    .about_video{margin-left:-255px;}
    .com_banner{margin-top:53px;height:230px;overflow: hidden;}
    .com_banner>img {
        width: 1000px;
        margin-left: -500px;
    }
    .com_wrap1,.com_wrap3,.com_wrap4,.com_wrap5,.com_wrap6,.com_wrap7{width:100%;}
    .wrap2_center{width:100%;padding-top:50px;}
    .com_wrap2 .com_tit{margin-right:0px;}
    .wrap2_center .infopic{margin:50px auto;    width: 740px;}
    .wrap2_center>p{margin:auto;}
    .com_wrap2{height:600px;}
    .com_wrap1{height:800px;}
    .com_wrap3{height:980px}
    .wrap3_list {
        margin-top: 50px;
    }
    .com_wrap4 p{padding-left:30px}
    .map{width:600px;background-size:contain;    margin: auto;}
    .ie_img1, .ie_img2 {
        width: 384px;
        height: 321px;
    }
    .text1, .text2 {
        box-sizing: border-box;
        height: 321px;
        width: 384px;
        background: #1976d2;
        padding: 45px;
    }
    .ie_img1{bottom:321px;}
    .com_wrap5{height:900px;}
    .wrap7_right {
        width: 480px;
        background: #1976d2;
        position: absolute;
        right: -1000px;
        bottom:20px;
        padding: 20px;
        height:auto;
    }
    .wrap7_left {
        width: 600px;
        height: 307px;
        background: url(../images/wrap8_bg.jpg) no-repeat center;
        bottom: 330px;
    }
}
@media(max-width: 414px){
    .about_video{margin-left:-207px;}
    .com_title p{font-size:24px;line-height:40px;}
    .com_title small{font-size:18px;}
    .com_box img{width:400px;}
    .wrap2_center .infopic{width:400px;}
    .infopic .picbox{width:300px;left:50px;}
    .wrap2_center>p{width:380px;}
    .com_wrap3 .com_text{margin-top:20px;}
    .wrap2_center .infopic{margin:30px auto;}
    .wrap2_centerf{padding-top:30px;}
    .wrap3_list ul li{    width: 127px;
       height:146px;
        margin-left:0px;
        background: url(../images/td_bg.png) no-repeat;
        position: relative;
        background-size: contain;}
    .wrap3_list ul{display:flex;justify-content:space-around;    flex-wrap: wrap;}
    .wrap3_list ul li p {
        line-height: 16px;
        font-size: 14px;
        width: 100px;
        margin-top: 40px;
        margin-left: 15px;
    }
    .wrap3_list ul li font {
        margin-left: 45px;
        bottom: 25px;
    }
    .com_wrap3 {
        height: 850px;
    }
    .map {
        width: 300px;
        margin-left: -22px;
        height: 300px;
    }
    .com_wrap4{height:500px}
    .com_wrap5>p{margin:0 20px;line-height:30px;}
    .text1, .text2{width:207px;padding:20px;}
    .ie_img1, .ie_img2{background-repeat:no-repeat;width:300px;background-size: cover;}
    .ie_img1{background:url(../images/wrap5_bg2.jpg) -100px top}
    .com_wrap5{height:850px;}
    .wrap7_right {
        width: 374px;
        background: #1976d2;
        position: absolute;
        right: -1000px;
        bottom: 20px;
        padding: 20px;
        height: auto;
        box-sizing: border-box;
    }
    .wrap7_left {
        width: 374px;}
    .wrap7_right p {
        font-size: 16px;
        line-height: 35px;
    }
    .wrap7_left{bottom:300px;}
    .com_wrap7{height:800px;}

}
@media(max-width: 375px){
    .about_video{margin-left:-187px;}
    .com_text{font-size: 14px;}
    .com_box img {
        width: 350px;
    }
    .wrap2_center .infopic {
        width: 375px;
    }
    .infopic .picbox {
        left: 37px;
    }
    .wrap2_center>p {
        width: 350px;
        font-size: 14px;
    }
    .com_wrap3 {
        height: 950px;
    }
    .map {
        margin-left: -45px}
    .wrap7_left {
        width: 335px;
    }
    .wrap7_right {
        width: 335px;}
}
@media(max-width: 320px){
    .about_video{margin-left:-160px;}
    .com_title small {
        font-size: 14px;
    }
    .com_box img {
        width: 300px;
    }
    .wrap2_center .infopic {
        width: 320px;
    }
    .infopic .picbox {
        left: 10px;
    }
    .wrap2_center>p {
        width: 300px;}
    .com_wrap3 {
        height: 1000px;
    }
    .map {
        margin-left: -75px;
    }
    .text1 p, .text2 p {
        font-size: 14px;}
    .text1, .text2 {
        width: 165px;
        padding: 10px;
    }
    .ie_img1 {
        background: url(../images/wrap5_bg2.jpg) -140px top;
    }
    .wrap7_left {
        width: 280px;
    }
    .wrap7_right {
        width: 280px;
    }
    .wrap7_right p {
        font-size: 14px;
        line-height: 30px;
    }
}