@charset "utf-8";
body{font-family:'微软雅黑',Times New Roman;font-size:20px;line-height: 150%;}
/* 轮播大图 */
.slideBox{position:relative;width: 100%;height: 720px;;overflow:hidden;}
.slideBox .bd{position:relative; height:100%;z-index:0;}
.slideBox .bd ul{width: 100%;height: 100%;}
.slideBox .bd li{ width: 100%;height: 100%;zoom:1; vertical-align:middle;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.slideBox .bd li a,
.slideBox .bd li img{display: block;width: 100%;height: 100%;}
.slideBox .hd{position:absolute;width:auto;z-index:1; bottom:0;left: 20px; right:20px; height:40px; line-height:30px; text-align:center;}
.slideBox .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px;border-radius: 100%; margin:4px;overflow:hidden;line-height:20px; filter:alpha(opacity=80);opacity:0.8;background-color:#fff;color:transparent;font-size:12px;}
.slideBox .hd ul .on{filter:alpha(opacity=100);opacity:1;background:#000;}
.slideBox .prev,
.slideBox .next {width:45px; height:99px; position:absolute; top:50%;margin-top: -49.5px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.slideBox .prev {background-position:-112px 0; left:0 }
.slideBox .next {background-position:-158px 0; right:0 }
.slideBox .prev:hover,
.slideBox .next:hover{filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6}

#slidemob{display: none;}
.slidemob{position:relative;width: 100%;max-width:750px;overflow:hidden;}
.slidemob .bd{position:relative; height:100%;z-index:0;}
.slidemob .bd ul{width: 100%;height: 100%;}
.slidemob .bd li{ width: 100%;height: 100%;zoom:1; vertical-align:middle;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.slidemob .bd li a,
.slidemob .bd li img{display: block;width: 100%;height: 100%;}
.slidemob .hd{position:absolute;width:auto;z-index:1; bottom:0;left: 20px; right:20px; height:40px; line-height:30px; text-align:center;}
.slidemob .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px;border-radius: 100%; margin:4px;overflow:hidden;line-height:20px; filter:alpha(opacity=80);opacity:0.8;background-color:#fff;color:transparent;font-size:12px;}
.slidemob .hd ul .on{filter:alpha(opacity=100);opacity:1;background:#000;}
.slidemob .prev,
.slidemob .next {width:45px; height:99px; position:absolute; top:50%;margin-top: -49.5px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.slidemob .prev {background-position:-112px 0; left:0 }
.slidemob .next {background-position:-158px 0; right:0 }
.slidemob .prev:hover,
.slidemob .next:hover{filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6}

.Bwrap02{
    padding-top:43px;
    padding-bottom: 41px;
    padding-left: 20px;
    padding-right: 20px;
}
.Bwrap02 .list{
    text-align: center;
}
.Bwrap02 .list li{
    position: relative;
    display: inline-block;
    width: 279px;
    height: 140px;
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.Bwrap02 .list li:before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 100px;
    height: 140px;
    top: 0;
    left: -180px;
    opacity: 0.3;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
} 
.Bwrap02 .list li:hover:before {
    width: 30px;
    left: 310px;
}
.Bwrap02 .list li a{display: block;width: 100%;height: 100%;}
.Bwrap02 .list li img{display: block;width: 100%;height: 100%;}


.Bwrap03{
    padding-top: 62px;
    padding-bottom: 70px;
    background-image: url(../../images/bg_Bwrap03.jpg);
}
.Bwrap03_fl{
    float: left;
    width: 48%;
    max-width: 685px;
    margin-left: 4%;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    text-align: justify;
}
.Bwrap03_fl .title{
    font-size: 30px;
    padding-bottom: 20px;
    line-height: 1;
    color: #333;
    font-weight: bold;
}
.Bwrap03 .Bwrap03_ul{
    float: right;
    width: 45%;
    max-width: 630px;
}
.Bwrap03 .Bwrap03_ul li{
    display: block;
    float: left;
    width: 45%;
    max-width: 283px;
    margin: 16px 2.5%;
    overflow: hidden;
}
.Bwrap03 .Bwrap03_ul li img{display: block;width: 100%;height: auto;}
.Bwrap03 .Bwrap03_ul li:nth-of-type(1){border-top-right-radius:40px;border-bottom-left-radius:40px;}
.Bwrap03 .Bwrap03_ul li:nth-of-type(2){border-top-left-radius:40px;border-bottom-right-radius:40px;}
.Bwrap03 .Bwrap03_ul li:nth-of-type(3){border-top-left-radius:40px;border-bottom-right-radius:40px;}
.Bwrap03 .Bwrap03_ul li:nth-of-type(4){border-top-right-radius:40px;border-bottom-left-radius:40px;}

.Bwrap04{padding-top: 44px;padding-bottom: 44px;}
.Bwrap04 h3{font-size: 24px;color: #fff;line-height: 1.5;text-transform: uppercase;}
.Bwrap04 p{margin-top: 14px;font-size: 16px;color: #fff;line-height: 1;letter-spacing: 2px;text-align: center;}
.Bwrap04 .icon_right{width: 45px;height: 45px;background-image: url(../../images/icon_right.png);background-repeat: no-repeat;background-size: contain;}

.Bwrap056{
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../../images/bg_bwrap.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    /* background-size: 1920px 1447px; */
}
.Bwrap05 h3{
    font-size: 36px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin-top: 18px;
    margin-bottom: 40px;
}
.Bwrap05 .video{
    width: 71%;
    max-width: 1023px;
    height: 574px;
    margin: 0 auto;
    background-color: #353535;
    background-image: url(../../images/bg_video.jpg);
}
.Bwrap05 .video .video-js{
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.Bwrap06{
    padding-top: 50px;
}
.Bwrap06 h3{
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    color: #000;
}
.Bwrap06 p{
    padding-top: 12px;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.Bwrap06 .imgs{
    margin-top: 30px;
    text-align: center;
}
.Bwrap06 .imgs img{
    display: block;
    width: 100%;
}
.Bwrap07{
    padding-top: 100px;
    padding-bottom: 42px;
    background-image: url(../../images/bg_bwrap07.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 546px;
}
.Bwrap07 ul li{
    float: left;
    width: 30.7%;
    max-width: 443px;
}
.Bwrap07 ul li+li{margin-left: 35px;}
.Bwrap07 .imgs{
    width: 443px;
    height: 284px;
    margin-bottom: 30px;
}
.Bwrap07 .imgs img{
    display: block;
    width: 100%;
    height: 100%;
}
.Bwrap07 ul p{
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding: 0 6px;
    text-transform: uppercase;
}
.Bwrap07 ul span{
    display: block;
    font-size: 18px;
    text-transform: initial;
}


.aboutTxt h3{font-size: 30px;line-height: 40px;color: #333;margin-bottom: 20px;font-weight: bold;}
.aboutTxt div{font-size: 16px;line-height: 30px;color: #666;}
.aboutTxt div p{padding: 6px 0;}
.aboutImgs{margin-top: 40px;}
.aboutImgs li{display: inline-block;overflow: hidden;}
.aboutImgs li img{display: block;width: 100%;height: 100%;}

.about01{padding-top: 50px;height: 510px;}
.about01_width{width: 85%;max-width: 1220px;margin: 0 auto;text-align: justify;}
.about01 .aboutImgs li:nth-of-type(1){width: 56%;max-width: 808px;}
.about01 .aboutImgs li:nth-of-type(2){width: 41%;max-width: 595px;margin-left: 30px;}
.about02{padding-top: 350px;text-align: center;height: 615px;}
.about02 ul li{width: 250px;height: 250px;margin: 0 17px;border: 15px #fff solid;border-radius: 100%;}
.about03{width: 100%;padding-top: 170px;text-align: center;background-image: url(../../images/bg_about03.jpg);background-position: center top;background-repeat: no-repeat;}
.about03 .aboutTxt h3,
.about03 .aboutTxt div{color: #fff !important;}
.about03 ul li{width: 337px;height: 480px;margin: 0 30px;}
.about04{padding-top: 50px;padding-bottom: 30px;text-align: center;}
.about04 ul li{width: 457px;height: 296px;margin: 0 15px;}

.contact{background-image: url(../../images/bg_map.jpg);background-position: center top;background-size: 1000px 470px;background-repeat: no-repeat;height: 470px;}
.contact .contact_bd{margin-left: 40px;width: 395px;}
.contact .contact_bd_txt{margin-top: 16px;font-weight: 400;font-size: 16px;line-height: 30px;color: #666;}
.contact .contact_bd_txt span{display: inline-block;margin-right: 10px;}
.form_contact{padding: 50px 0;}
.form_contact h3{font-size: 20px;line-height: 30px;text-align: center;color: #333;font-weight: 600;}
.form_contact .ContactForm{width: 55%;max-width: 800px;margin: 20px auto 0 auto;}
.form_contact .ContactForm>div{padding: 0 15px;width: 100%;float: left;}
.form_contact .ContactForm>div.halfBox{width: 50%;}
.form_contact .cformItem{margin:10px 0;padding: 12px 26px;border:1px #d8dad9 solid;background-color: #fff;}
.form_contact .cformItem input,
.form_contact .cformItem textarea{font-size: 16px;color: #999;line-height: 30px;outline: none;border: 0;width: 100%;}
.form_contact .ContactForm .submitBtn{width: 211px;margin: 30px auto;background: #000;color: #fff;font-size: 24px;line-height: 30px;border: 0;outline: none;padding: 16px 0;border-radius: 60px;}

.wrap_content_fr{
    float:left;
    width: calc(100% - 14% - 20px);
    overflow: hidden;
}
.proListRow{
    display: block;
}
.proListRow li{
    display: block;
    float: left;
    width: calc(25% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}
.proListRow .proList{
    display: block;
    width: 100%;
    max-width: 372px;
    height: 100%;
    margin: 0 auto;
}
.proListRow .proList .pro_bimg{width: 100%;max-width: 372px;max-height: 372px;border: 1px #ddd solid;background-color: #eee;overflow: hidden;}
.proListRow .proList .pro_bimg:after{content: "";display: block;padding-bottom: 100%;}
.proListRow .proList .pro_bimg img{display: block;width: 100%;}
.proListRow .proList p{font-size: 16px;line-height: 1.5;color: #333;padding: 12px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space:nowrap;background-color: #fff;}

/* proList */
.proMain_top .proMain_bigImg{float: left; width: 55%;margin-right: 20px;}
.proMain_bigImg .bigImg_hd{width: 87%;max-width: 622px;max-height: 622px;border: 1px #ddd solid;background-color: #eee;overflow: hidden;}
.proMain_bigImg .bigImg_hd:after{content: "";display: block;padding-bottom: 100%;}
.proMain_bigImg .bigImg_hd img{display: block;width: 100%;}
.proMain_bigImg .bigImg_bd{margin-top: 30px;overflow: hidden;}
.proMain_bigImg .bigImg_bd li{float: left;max-width: 142px;width: 22%;max-height: 142px;border: 1px #ddd solid;background-color: #eee;overflow: hidden;cursor: pointer;}
.proMain_bigImg .bigImg_bd li:after{content: "";display: block;padding-bottom: 100%;}
.proMain_bigImg .bigImg_bd li img{display: block;width: 100%;}
.proMain_bigImg .bigImg_bd li+li{margin-left: 2.5%;}

.proMain_top .fields{float: left;width: calc(100% - 55% - 20px);}
.proMain_top .fields .fieldItem{display: flex;align-items: flex-start;font-size: 16px;line-height: 1.5;color: #999;padding: 8px 10px;}
.proMain_top .fields .fieldItem span{color: #333;width: 50%;max-width: 200px;flex: 0 0 50%;}
.proMain_top .fields .fieldItem div{flex: 1;}
.proMain_top .fields .fieldItem:nth-of-type(2n){background-color: #f2f2f2;}
.proMain_top .fields .fieldItem.fieldItem_type{padding-bottom:15px;border-bottom: 1px #333 solid;margin-bottom: 20px;}
.proMain_top .fields .fieldItem.fieldItem_type span i{padding: 6px 10px;color: #fff;background-color: #333;font-style: normal;border-radius: 4px;}
.proMain_top .fields .fieldItem.fieldItem_type div{color: #333;}

.proMain .proMain_txt{width: 100%;margin-top: 30px;border-top: 1px #e4e4ee solid;padding: 30px 8%;}
.proMain .proMain_txt p{font-size: 16px;line-height: 30px;padding: 2px 0;}
.proMain .proMain_txt img{display: block;width: 100%;text-align: center;margin: 5px auto;}