﻿.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearb{ clear:both;}
.clearfix{display:block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

.headerFR .orange {  color: #ffc20e;  }
.headerFR .inlineBlock img{margin:-3px 3px 0 0;}
.f36{font-size:28px;line-height:1.3;color:#000;}
.f22p{font-size:22px;color:#000000;}
.f16p{font-size:16px;color:#666;line-height:24px;}
.form-banner{padding:85px 0;background:url(../images/banner.jpg) no-repeat center center/cover;}
.form-banner .wenz h3{margin-bottom:22px;font-size:50px;line-height:80px;font-weight:bold;color:#000;}
.form-banner .wenz p{line-height:60px;position:relative;padding-left:44px;}
.form-banner .wenz  p span{width:30px;height:30px;border-radius:50%;font-size:18px;color:#ffc20e;background:#000;display:block;line-height:30px;position:absolute;left:0;top:50%;margin-top:-15px;text-align:center;}
.form-banner .wenz{width:51.6%;float:left;}
.form-banner .form{position:relative;width:42.5%;box-sizing:border-box;float:right;padding:46px 56px;background:#ffc20e;}
.form-banner .form .box{padding-top:30px;}
.form-banner .form input[type=text]{box-sizing:border-box;border-radius:4px;background:#fff;color:#666;line-height:50px;height:50px;padding:0 18px;width:100%;border:none;outline:none;display:block;font-size:18px;}
.form-banner .form input[type=submit]{width:100%;line-height:60px;height:60px;border-radius:30px;background:#5a595a;border:none;outline:none;cursor:pointer;display:block;margin-top:25px;color:#fff;font-size:20px;}
.form-banner .form>img{position:absolute;z-index:3;right:-70px;bottom:-30px;}
@font-face {
    font-family: 'boton';
    src: url('font/Boton-Medium.eot');
    src: local('font/Boton-Medium Regular'),
    local('font/Boton-Medium'),
    url('font/Boton-Medium.ttf') format('truetype'),
    url('font/Boton-Medium.svg')
    format('svg');
}
.boton{font-family:'boton';}
.zwindex{position:relative;}
.zwindex-tab{position:absolute;width:100%;left:0;}
.zwindex-tab,.tab-hei{height:232px;}
.zwindex-tab.on{position:fixed;left:0;width:100%;top:0;z-index:8;}
@media (min-width: 1023px){
    .zwindex-tab.on td{font-size:20px;height:110px;line-height:26px;}
    .zwindex-tab.on small{font-size:16px;}
}

.zwindex-tab table{border-collapse:collapse;width:100%;table-layout:fixed;}
.zwindex-tab td{position:relative;cursor:pointer;font-size:30px;color:#c8c8c8;line-height:36px;border:none;height:232px;background:#5b5a5b;text-align:center;}
.zwindex-tab a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.zwindex-tab small{font-size:20px;color:#aaaaaa;}
.zwindex-tab td.cur,.zwindex-tab td:hover{background:#ffc20e;color:#000;}
.zwindex-tab td.cur small,.zwindex-tab td:hover small{color:#333;}
.zwindex-tab td:before{content:"";display:block;background-color: rgb(91, 90, 91);width:65.2%;height:4px;border-radius:5px;position:absolute;bottom:0;left:17.4%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.zwindex-tab td.cur:before{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}
.zwindex-content{}
.zwindex01{background:url(../images/bg01.jpg) no-repeat center center/cover;}
.zwindex02{background:url(../images/bg02.jpg) no-repeat center center/cover;}
.zwindex03{background:url(../images/bg03.jpg) no-repeat center center/cover;}
.zwindex04{background:url(../images/bg04.jpg) no-repeat center center/cover;}
.zwindex05{background:url(../images/bg05.jpg) no-repeat center center/cover;}
.zwindex-content>div{padding:80px 0;}
.zwindex-content .autowidth>h3{font-size:40px;font-weight:bold;color:#000000;}
.zwindex-content .autowidth>h5{letter-spacing:4px;font-size: 28px;color: rgb(0, 0, 0);border-radius: 4px;background-color: rgb(255, 194, 14);height:38px;line-height:38px;text-align:center;width: 169px;}
.adv{margin:20px 0 45px 0;border:1px solid #8d8d8d;background:#fff;border-radius:10px;overflow:hidden;}
.adv table{table-layout:inherit;width:100%;border-collapse:collapse;}
.adv td{background:url(../images/zw/dian.png) no-repeat left 30px center;border:none;font-size:18px;color:#333333;font-weight:bold;padding:26px 30px 26px 57px;line-height:28px;border-bottom:1px solid #8d8d8d;}
.zwindex-content{}
.zwindex-content li{overflow:hidden;position:relative;width:392px;text-align:left;background:#fff;box-sizing:border-box;border:2px solid transparent;padding:18px 14px;}
.zwindex-content li:hover{border-color:#ffc20e;}
.zwindex-content li.w1{height:500px;text-align:center;}
.zwindex-content li.w2{height:244px;}
.zwindex-content li.w3{height:158.66px;}
.zwindex-content li.mart12{margin-top:12px;}
.zwindex-content li.marl12{margin-left:12px;}
.zwindex-content li h3{font-size:20px;color:#000;}
.zwindex-content li h4{font-size:18px;color:#666;}
.zwindex-content li h6{margin-top:40px;}
.zwindex-content li h6 img{display:block;margin-bottom:20px;height:72px;}
.zwindex-content li img{max-width:100%;max-height:100%;}
.zwindex-content li .wenz{width:53%;float:left;height:100%;position:relative;}
.zwindex-content li .img{width:45%;float:right;text-align:center;}
.zwindex-content li .wenz p{text-align:justify;position:absolute;bottom:0;box-sizing:border-box;left:0;width:100%;z-index:2;}
.zwindex-content li.w1 .wenz,.zwindex-content li.w1 .img{width:100%;}
.zwindex-content li.w1 .img{position:absolute;left:0;top:95px;line-height:285px;}
.zwindex-content li.w2 .img{line-height:208px;height:208px;}
.zwindex-content li.w1 .h260.img{line-height:240px;height:240px;}
.zwindex-content li.w2.w50{height:380px;width:594px;}
.zwindex-content li.w2.w50 .img{line-height:300px;height:300px;}
.zwindex-content li img {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.zwindex-content li:hover img{
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.zwindex-content li.clearb{padding:0;border:0;}
.more{background-color: rgb(255, 194, 14);margin:40px auto 0 auto;display:block;width:240px;line-height:60px;border-radius:30px;text-align:center;font-size:20px;color:#121212;}
.zwindex-content li .wenz p span{display:block;margin-bottom:10px;font-size:18px;}
.zwindex-content .zwindex03 li{height:570px;}
.zwindex-content dl{margin-bottom:12px;}
.zwindex-content dd{float:left;}
.zwindex-content dd:nth-child(1){width:433px;}
.zwindex-content dd:nth-child(2){width:754px;float:right;}
.zwindex-content li.w433{width:433px;}
.zwindex-content li.w309{width:309px;}
.zwindex-content li.hei386{height:386px;}
.zwindex-content li.hei160{height:166px;}
.zwindex-content li.hei260{height:251px;}
.zwindex-content li.hei365{height:365px;}
.zwindex-content li.hei410{height:410px;}
.zwindex-content li.hei386 .img{line-height:240px;height:240px;}
.zwindex-content li.w433 .wenz{text-align:left;max-width:260px;}
.zwindex-content li.w433 .img{right:20px;left:auto;max-width:200px;top:50px;margin:0;}
.zwindex-content li.hei160 .img{line-height:140px;height:140px;}
.zwindex-content li.hei410 .img{height:220px;line-height:220px;}
.zwindex-content li.w287{width: 287px;}
.zwindex-content .zwindex05 li .img{line-height:230px;height:230px;}
.zwindex-content .zwindex05 li .wenz{width:234px;left:50%;margin-left:-117px;}
.zwindex-content .zwindex05 li{height:470px;}
.zwfooter{padding:80px 0;background:url(../images/bg06.jpg) no-repeat center center/cover;}
.zwfooter h3{font-size:40px;color:#fff;text-align:center;}
.zwfooter h4{font-size:28px;color:#fff;text-align:center;}
.zwfooter li h5{font-size:60px;margin-top:40px;color:rgba(255,255,255,.1);}
.zwfooter li{float:left;width:25%;text-align:center;}
.zwfooter ul{margin-top:60px;}
.zwfooter li>img:nth-child(1){height:90px;}
.zwfooter li h3{margin-top:-45px;font-size:24px;color:#fff;}
.zwfooter li>img:nth-last-child(1){margin-top:30px;}
.zwfooter .more{width:390px;margin-top:50px;}

.zwindex-content>div{display:none;}
.zwindex-content>div:nth-child(3){display:block;}















@media (max-width: 1200px){
    .form-banner .wenz h3{font-size:36px;line-height:48px;}
    .form-banner .wenz p{line-height:30px;padding:10px 0 10px 30px;}
    .f22p{font-size:18px;}
    .form-banner .wenz p span{width:24px;height:24px;line-height:24px;font-size:16px;margin-top:-12px;}
    .form-banner .form{padding:32px;}
    .f36{font-size:28px;}
    .form-banner .form input[type=text]{height:40px;line-height:40px;font-size:16px;}
    .form-banner .form input[type=submit]{line-height:46px;height:46px;font-size:18px;}
    .form-banner .form>img{width:160px;right:-20px;}
    .zwindex-tab td{font-size:20px;line-height:24px;height:130px;}
    .zwindex-tab td small{font-size:16px;}
    .tab-hei{height:130px;}
    .zwindex-content .autowidth>h3{font-size:32px;}
    .zwindex-content ul,.zwindex-content dl{width:1200px;transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
    .zwindex-content .autowidth>h5{font-size:18px;height:32px;line-height:32px;width:120px;letter-spacing:2px;}
    .adv td{font-size:16px;padding:15px 20px 15px 45px;background-position:left 20px center !important;}
    .adv{margin-bottom:30px;}
    .more{width:200px;line-height:50px;font-size:20px;margin-top:0;}
    .zwindex-tab, .tab-hei{height:130px;}
    .zwfooter h3{font-size:32px;}
    .zwfooter h4{font-size:20px;}
    .zwfooter li h5{margin-top:15px;font-size:48px;}
    .zwfooter li>img:nth-child(1){height:72px;}
    .zwfooter li h3{font-size:18px;}





}
@media (max-width: 1023px){
    .form-banner{padding:34px 0;}
    .form-banner .wenz{width:100%;}
    .form-banner .wenz h3{font-size:28px;line-height:1.3;}
    .form-banner .wenz p{font-size:15px;line-height:24px;padding:6px 0 6px 30px;}
    .headerFR .inlineBlock{display:inline-block;}
    .inlineBlock.fixZixun{display:block;margin-top:-32px;}
    .headerFR .inlineBlock span{display:none;}
    .form-banner .form{width:100%;margin-top:20px;}
    .f22p{font-size:16px;}
    .f36{font-size:24px;}
    .form-banner .form .box{padding-top:15px;}
    .form-banner .form input[type=text]{margin-bottom:15px;}
    .zwindex-tab td{font-size:16px;padding:0 5px;}
    .zwindex-tab td small{display:none;font-size:12px;line-height:18px;}
    .zwindex-tab td{height:88px;}
    .zwindex-tab, .tab-hei{height:88px;}
    .zwindex-tab.on td{height:60px;font-size:14px;line-height:20px;}
    .zwindex-content>div{padding:40px 0;}
    .zwindex-content .autowidth>h3{font-size:24px;}
    .zwindex-content .autowidth>h5{width:90px;line-height:30px;height:30px;font-size:14px;}
    .adv td{padding:8px 10px 8px 30px;background-position:left 10px center!important;background-size:5px !important;line-height:24px;font-size:14px;display:block;width:50%;float:left;box-sizing:border-box;}
    .adv table{display:block;overflow:hidden;}
    .adv td:nth-child(4){height:65px;line-height:45px;}
    .zwindex-content ul, .zwindex-content dl{width:100%;margin:0;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
    .zwindex-content li{padding:16px !important;margin:10px 0 0 0 !important;width:100% !important;height:200px !important;}
    .zwindex-content li .img,.zwindex-content li.w1 .wenz, .zwindex-content li.w1 .img{position:relative !important;left:auto !important;top:auto !important;width:130px;float:right;height:180px !important;line-height:180px !important;}
    .zwindex-content li .wenz{text-align:left !important;float:left !important;width:calc(100% - 140px) !important;}
    .zwindex-content li .img img{max-height:80% !important;}
    .zwindex-content li h3{line-height:1.5;font-size:16px;}
    .zwindex-content li h4{line-height:1.5;font-size:12px;}
    .zwindex-content li .wenz p{bottom:0px;font-size:12px;line-height:18px;}
    .zwindex-content li.w1 .wenz p{bottom:16px;}
    .zwindex-content li.clearb{display:none;}
    .more{font-size:16px;line-height:40px;width:140px;margin-top:20px;}
    .zwindex03 .adv td,.zwindex05 .adv td{width:100%;}
    .zwindex-content li .wenz p span{font-size:12px !important;margin:0;}
    .zwindex-content dl{display:none !important;}
    .zwindex-content .zwindex05 li .wenz{margin:0;}
    .adv{margin:10px 0;}
    .zwfooter{padding:34px 0;}
    .zwfooter h3{font-size:24px;}
    .zwfooter h4{font-size:16px;}
    .zwfooter li>img:nth-child(1){height:48px;}
    .zwfooter li h3{font-size:14px;margin:10px 0;}
    .zwfooter .more{width:100%;margin-top:30px;}
    .zwfooter li h5{font-size:24px;color:#fff;}
    .form-banner .form>img{width:100px;right:0;}
    .zwindex-tab,.tab-hei{height:88px;}
    .zwindex-content li h6 img{height:32px;margin-bottom:6px;}
    .zwindex-content li h6{margin-top:12px;}
    .zwfooter li>img:nth-last-child(1){width:14px;margin-top:20px;}
}












