/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}
dt{font-weight: normal;}

/*主体样式*/


.banner_top{
    
}


.wh{max-width: 1350px;padding: 0 15px;margin: 0 auto;}
.top2 {position: fixed;top:0;left: 0;right: 0;width: 100%;z-index: 999999;background: #fff;}
.top2.shadow {box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);}
.top2 .wh{align-items: center;}
.title_en{color: #dbdbdb;font-size: 60px;font-weight:600;line-height: 70px;text-align: center;width:100%;margin:auto;text-transform:uppercase;}
.title_ch{color: #333333;font-size: 36px;font-weight:600;line-height: 42px;text-align: center;width:100%;margin:auto;}
.title_line{width:50px;margin: 25px auto 30px;border-bottom:4px solid #6aae48;}
.title_summary{color: #000000;font-size: 18px;line-height: 34px;text-align: center;width:60%;margin:auto;}
.box1{padding: 8.7% 0 4.7%;overflow: hidden;}
.ful {margin-top: 4%;}
.ful li{background: #0078d7;border-radius: 30px;overflow: hidden;}
.ful li .img{border-radius: 30px;overflow: hidden;}
.ful li .img img{width: 100%;transition: all 0.5s;}
.ful li:hover .img img{transform: scale(1.1);}
.ful li{width: 30.6%;}
.ful li p{color: #ffffff;font-size: 24px;line-height: 63px;text-align: center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 0 3px;}


/*  */
.box2{background: url(../images/pro_bg.jpg) no-repeat top center;background-size: cover;padding: 5.5% 0 6.4%;overflow: hidden;}
.bt2{text-align: center;}
.bt2 dd{color: #000000;font-size: 36px;line-height: 1;}
.bt2 dt{color: #888888;font-size: 18px;margin-top: 15px;}
.psort{font-size: 0;text-align: center;margin: 48px 0;}
.psort li{display: inline-block;}
.psort li a{display: block;color: #333333;font-size: 14px;border-bottom: 1px solid transparent;padding: 0 2.3vw;padding-bottom: 28px;}
.psort li.cur a{color: #0078d7;border-color: #0078d7;}
.plist{margin-bottom: 54px;}
.plist li{width: 24.7%;background: #fff;padding-bottom: 37px;border-bottom: 3px solid #fff;}
.plist li .img{display: block;overflow: hidden;}
.plist li .img img{display: block;width: 100%;transition: all 0.5s;}
.plist li:hover .img img{transform: scale(1.1);}
.bj1{display: block;text-align: center;}
.bj1 h3{color: #333333;font-size: 18px;font-weight: normal;padding: 6px 0 8px;}
.bj1 p{color: #999999;line-height: 24px;font-size: 14px;padding: 0 2.9vw;}
.plist li:hover{border-color: #0078d7;}
.plist li:hover .bj1 h3{color: #0078d7;}
.pmore a{display: block;width: 260px;height: 50px;background-color: #6aae48;border-radius: 25px;text-align: center;margin: 0 auto;color: #ffffff;font-size: 16px;line-height: 50px;}


/*  */
.box3{overflow: hidden;margin-top: 9.4%;background: url(../images/why_bg.png) no-repeat bottom right;background-size: 46.2% 85%;}
.ybt dd{color: #333333;font-size: 36px;font-weight: bold;line-height: 1;}
.ybt dt{letter-spacing: -3px;color: #dbdbdb;font-size: 60px;font-weight: bold;line-height: 1;margin-top: 14px;}
.yleft{width: 42.4%;}
.yul{margin-top: 40px;}
.yul li{width: 48.3%;background-color: #0078d7;margin-top: 20px;padding: 34px 38px 37px 46px;}
.yul li:nth-child(2){width: 48.3%;background-color: #6aae48;margin-top: 20px;padding: 34px 38px 37px 46px;}
.yul li:nth-child(3){width: 48.3%;background-color: #6aae48;margin-top: 20px;padding: 34px 38px 37px 46px;}
.yul li .img{height: 50px;}
.yul li .img img{transition: all 0.5s;}
.yul li p{color: #ffffff;font-size: 18px;line-height: 32px;margin-top: 20px;}
.yul li:nth-child(3){border-radius: 0px 0px 0px 90px;}
.yul li:hover .img img{transform: scaleX(-1);}
.ysimg{width: 50%;overflow: hidden;}
.ysimg img{width: 100%;}


/*  */
.box4{background: url(../images/about_bg.jpg) no-repeat top center;background-size: cover;padding: 4% 0 3.6%;overflow: hidden;}
.about_b{
    width: auto;
    min-height: 450px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-top: 5%;
}
.about_pic{
    width: auto;
    min-height: 450px;
    margin-top: -2%;
    margin-left: -4%;
    
}
.about_txt{
    width: 46%;
    min-height: 450px;
    background: #fff;
    padding-top: 4%;
}
.about_title{
    font-size:26px;
    font-weight: 600;
    color: #131313;
    text-align: left;
}
.about_summary{
    font-size:16px;
    font-weight: 400;
    color: #666666;
    text-align: left;
    margin-top: 2%;
    padding-right: 4%;
    line-height: 26px;
}

.amore a{display: block;width: 160px;height: 50px;background-color: #6aae48;border-radius: 25px;text-align: center;margin: 20px 0 0 0;color: #ffffff;font-size: 14px;line-height: 50px;}

.fsort li{width: 20%;text-align: center;color: #ffffff;font-size: 18px;padding-bottom: 10px;border-bottom: 1px solid transparent;cursor: pointer;}
.fsort li p{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.fsort li.cur{border-color: #fff;}
.fang{margin: 3.9% 0 41px;background-color: #ffffff;padding: 2.7vw 3.5vw 3.2vw 2.7vw;}
.fbox .img{display: block;width: 50%;overflow: hidden;}
.fbox .img img{width: 100%;transition: all 0.5s;}
.fright{width: 40%;}
.fright h3{color: #333333;font-size: 26px;}
.fright p{color: #666666;font-size: 14px;line-height: 25px;margin: 15px 0 25px;}
.xq a{display: block;width: 130px;height: 36px;background-color: #707070;border-radius: 18px;line-height: 36px;text-align: center;color: #ffffff;font-size: 14px;}
.fbox{align-items: center;}
.fbox .img img:hover{transform: scale(1.1);}




/*  */
.box5{margin: 7.2% 0 3.5%;}
.nul{margin: 3.8% 0;}
.nul li{width: 32%;}
.nul li .img {display: block;overflow: hidden;}
.nul li .img img{display: block;width: 100%;transition: all 0.5s;}
.nul li:hover .img img{transform: scale(1.1);}
.nul li h3 a{display: block;font-weight: normal;color: #333333;font-size: 18px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 25px 0 15px;}
.nul li p{color: #888888;font-size: 14px;line-height: 26px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul li:hover h3 a{color: #0078d7;}






/*  */
.foot{background-color: #1a1a1a;padding: 3% 0;}
.ban{background: #000;text-align: center;color: #888888;font-size: 14px;padding: 18px 0;}
.ban a{color: #888;}
.dao{width: 70.8%;margin-top: 10px;}

.dao li:nth-child(3){display: none;}

.tlogo  img{max-width: 170px;}
.dao li dd{color: #ffffff;font-size: 16px;margin-bottom: 12px;}
.xx1,.xx1 a{color: #888888;font-size: 14px;line-height: 32px;display: block;}
.xx1 a:hover{color: #fff;}
.ban a:hover{color: #0078d7;}













@media(max-width: 1400px){
    .yul li p{font-size: 16px;line-height: 27px;}
    .yul li{padding: 24px 28px 27px 26px;}
    .ybt dt{font-size: 56px;}
    .yul{margin-top: 20px;}
}




@media(max-width: 1200px){
/*    .bt1{font-size: 30px;line-height: 56px;}*/

    .bt2 dd{font-size: 30px;}
    .ful li p{font-size: 20px;}
    .ybt dd{font-size: 30px;}
    .ybt dt{font-size: 40px;}
    .yul li p{font-size: 14px;line-height: 23px;margin-top: 10px;}
}


@media(max-width: 1025px){
/*    .bt1{font-size: 27px;line-height: 46px;}*/
    .bt2 dd{font-size: 27px;}
    .bt2 dt{font-size: 15px;}
    .fright h3{font-size: 22px;}
}


@media(max-width:768px){
    .bt1{font-size: 24px;line-height: 40px;}
    .bt2 dd{font-size: 24px;}
    .bt2 dt{font-size: 15px;}
    .box2{padding: 60px 0;}
    .psort{margin: 30px 0;}
    .yleft,.ysimg {width: 100%;float: none;}
    .ysimg{margin-top: 30px;}
    .box3{padding-bottom: 60px;background-size: 81.2% 31%;}
    .fsort li{font-size: 16px;}
    .yc{display: none;}
    .dao{width: auto;}
}

@media(max-width: 640px){
    .box1{padding: 30px 0;}
    .bt1{font-size: 16px;line-height: 28px;}
    .bt1 br{display: none;}
    .ful{margin-top: 20px;}
    .ful li{width: 100%;margin-bottom: 15px;}
    .ful li p{line-height: 40px;font-size: 16px;}
    .box2{padding: 30px 0;}
    .bt2 dd{font-size: 20px;}
    .bt2 dt{font-size: 13px;margin-top: 10px;}
    .psort li{margin-bottom: 15px;}
    .psort{margin:20px 0 5px 0;}
    .psort li a{padding-bottom: 15px;}
    .plist li{width: 49.7%;margin-bottom: 5px;padding-bottom: 20px;}
    .plist{margin-bottom: 20px;}
    .bj1 h3{font-size: 16px;}
    .bj1 p{font-size: 12px;line-height: 20px;}
    .pmore a{width: 220px;height: 50px;line-height: 50px;}
    .ybt dd{font-size: 20px;}
    .ybt dt{font-size: 30px;}
    .yul{margin-top: 0;}
    .yul li{padding:20px 15px 20px 30px;}
    .yul li p br{display: none;}
    .box3{padding-bottom: 30px;}
    .box4{margin-top: 30px;}
    .box44{margin-top: 25px;padding:30px 0 50px 0;}
    .fsort li{font-size: 14px;}
    .fbox .img,.fright{width: 100%;}
    .fbox .img{margin-bottom: 20px;}
    .fright h3{font-size: 20px;}
    .fang{padding: 20px;margin: 20px 0 35px;}
    .box5{margin: 30px 0;}
    .nul{margin: 22px 0;}
    .nul li{width: 100%;margin-bottom: 15px;}
    .nul li h3 a{margin: 20px 0 10px;}
    .foot{padding: 25px 0;}
    .tlogo,.dao{float: none;width: 100%;}
    .tlogo{margin-bottom: 10px;text-align: center;}
}


@media (max-width: 1560px) and (min-width: 1280px) {
    .title_en{color: #dbdbdb;font-size: calc(38px + (50 - 38) * ((100vw - 1280px) / (1560 - 1280)));font-weight:600;line-height: calc(42px + (60 - 42) * ((100vw - 1280px) / (1560 - 1280)));text-align: center;width:100%;margin:auto;text-transform:uppercase;}
    .title_ch{color: #333333;font-size: calc(22px + (32 - 22) * ((100vw - 1280px) / (1560 - 1280)));font-weight:600;line-height: calc(26px + (38 - 26) * ((100vw - 1280px) / (1560 - 1280)));text-align: center;width:100%;margin:auto;}
    .title_summary{color: #000000;font-size: calc(14px + (18 - 14) * ((100vw - 1280px) / (1560 - 1280)));line-height: calc(22px + (34 - 22) * ((100vw - 1280px) / (1560 - 1280)));text-align: center;width:60%;margin:auto;}



    .about_b{width: auto;min-height: 450px;background: #fff;display: flex;justify-content: space-between;margin-top: 5%;}
    .about_pic{width: auto;min-height: 450px;margin-top: -2%;margin-left: -4%;}
    .about_pic img{width: 100%;min-height: 0;margin-top: 0;margin-left:0;}
    .about_txt{width: 46%;min-height: 450px;background: #fff;padding-top: 4%;}
    .about_title{font-size:24px;font-weight: 600;color: #131313;text-align: left;}
    .about_summary{font-size:14px;font-weight: 400;color: #666666;text-align: left;margin-top: 2%;padding-right: 4%;line-height: 26px;}
    .amore a{display: block;width: 160px;height: 50px;background-color: #6aae48;border-radius: 25px;text-align: center;margin: 20px 0 0 0;color: #ffffff;font-size: 14px;line-height: 50px;}
}

@media (max-width: 1180px) and (min-width: 769px) {
    .wh{width: 92%;margin:auto;}
    .title_en{color: #dbdbdb;font-size: calc(32px + (44 - 32) * ((100vw - 769px) / (1180 - 769)));font-weight:600;line-height: calc(46px + (50 - 46) * ((100vw - 1280px) / (1560 - 769)));text-align: center;width:100%;margin:auto;text-transform:uppercase;}
    .title_ch{color: #333333;font-size: calc(28px + (30 - 28) * ((100vw - 769px) / (1180 - 769)));font-weight:600;line-height: calc(40px + (44 - 40) * ((100vw - 769px) / (1180 - 769)));text-align: center;width:100%;margin:auto;}
    .title_line{margin: 15px auto 15px;}
    .title_summary{color: #000000;font-size: calc(16px + (18 - 16) * ((100vw - 769px) / (1180 - 769)));line-height: calc(28px + (32 - 28) * ((100vw - 769px) / (1180 - 769)));text-align: center;font-weight: 100;width: 100%;margin: auto;}




    .about_b{width: auto;min-height: 0;background: #fff;display: flex;justify-content: space-between;margin-top: 5%;}
    .about_pic{width: 50%;min-height: 0;margin-top: 0;margin-left: 0;}
    .about_pic img{width: 100%;min-height: 0;margin-top: 0;margin-left:0;}
    .about_txt{width: 47%;min-height: 0;background: #fff;padding-top: 2%;}
    .about_title{font-size:20px;font-weight: 600;color: #131313;text-align: left;}
    .about_summary{font-size:12px;font-weight: 400;color: #666666;text-align: left;margin-top: 2%;padding-right: 3%;line-height: 24px;}
    .amore a{display: block;width: 120px;height: 36px;background-color: #6aae48;border-radius: 25px;text-align: center;margin: 10px 0 0 0;color: #ffffff;font-size: 13px;line-height: 36px;}
}

@media (max-width: 768px) and (min-width: 431px) {
    .wh{width: 92%;margin:auto;}
    .title_en{color: #dbdbdb;font-size: calc(32px + (44 - 32) * ((100vw - 431px) / (1180 - 431)));font-weight:600;line-height: calc(46px + (50 - 46) * ((100vw - 1280px) / (1560 - 431)));text-align: center;width:100%;margin:auto;text-transform:uppercase;}
    .title_ch{color: #333333;font-size: calc(28px + (30 - 28) * ((100vw - 431px) / (1180 - 431)));font-weight:600;line-height: calc(40px + (44 - 40) * ((100vw - 431px) / (1180 - 431)));text-align: center;width:100%;margin:auto;}
    .title_line{margin: 15px auto 15px;}
    .title_summary{color: #000000;font-size: calc(16px + (18 - 16) * ((100vw - 431px) / (1180 - 431)));line-height: calc(28px + (32 - 28) * ((100vw - 431px) / (1180 - 431)));text-align: center;font-weight: 100;width: 100%;margin: auto;}




    .about_b{width: auto;min-height: 0;background: #fff;display: flex;justify-content: center;margin-top: 5%;flex-direction: column;padding:4%;}
    .about_pic{width: 100%;min-height: 0;margin-top: 0;margin-left: 0;}
    .about_pic img{width: 100%;min-height: 0;margin-top: 0;margin-left:0;}
    .about_txt{width: 100%;min-height: 0;background: #fff;padding-top: 2%;}
    .about_title{font-size:24px;font-weight: 600;color: #131313;text-align: left;}
    .about_summary{font-size:14px;font-weight: 400;color: #666666;text-align: left;margin-top: 1%;padding-right: 0;line-height: 26px;}
    .amore a{display: block;width: 160px;height: 40px;background-color: #6aae48;border-radius: 25px;text-align: center;margin: 20px 0 0 0;color: #ffffff;font-size: 14px;line-height: 40px;}
}


@media (max-width: 430px) and (min-width: 300px) {
    .title_en{color: #dbdbdb;font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (430 - 300)));font-weight:600;line-height: calc(36px + (40 - 36) * ((100vw - 300px) / (430 - 300)));text-align: center;width:100%;margin:auto;text-transform:uppercase;}
    .title_ch{color: #333333;font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (430 - 300)));font-weight:600;line-height: calc(42px + (44 - 42) * ((100vw - 300px) / (430 - 300)));text-align: center;width:100%;margin:auto;}
    .title_line{margin: 2px auto 10px;}
    .title_summary{color: #000000;font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (430 - 300)));line-height: calc(18px + (22 - 18) * ((100vw - 300px) / (430 - 300)));text-align: center;font-weight: 100;width: 100%;margin: auto;}



    .about_b{width: auto;min-height: 0;background: #fff;display: flex;justify-content: center;margin-top: 5%;flex-direction: column;padding:4%;}
    .about_pic{width: 100%;min-height: 0;margin-top: 0;margin-left: 0;}
    .about_pic img{width: 100%;min-height: 0;margin-top: 0;margin-left:0;}
    .about_txt{width: 100%;min-height: 0;background: #fff;padding-top: 2%;}
    .about_title{font-size:24px;font-weight: 600;color: #131313;text-align: left;}
    .about_summary{font-size:14px;font-weight: 400;color: #666666;text-align: left;margin-top: 1%;padding-right: 0;line-height: 26px;}
    .amore a{display: block;width: 160px;height: 40px;background-color: #6aae48;border-radius: 25px;text-align: center;margin: 20px 0 0 0;color: #ffffff;font-size: 14px;line-height: 40px;}
}