
@font-face {
    font-family: 'HY';
    src: url('../font/HYRunYuan-55W.ttf');
    font-weight: normal;
    font-style:normal ;
}
@font-face {
    font-family: 'SWH';
    src: url('Arial');
    font-weight: normal;
    font-style:normal ;
}
@font-face {
    font-family: 'Sq';
    font-weight: normal;
    font-style:normal ;
    src: url(../font/fonts-sf/sfont.eot);
    src: url(../font/fonts-sf/sfont.eot?v=1.0.9#iefix) format('embedded-opentype'), url(../font/fonts-sf/sfont.svg?v=1.0.9#iconfont) format('svg'), url(../font/fonts-sf/sfont.woff?v=1.0.9) format('woff'), url(../font/fonts-sf/sfont.ttf?v=1.0.9) format('truetype')
}
@font-face {
    font-family: 'SW';
    font-weight: normal;
    font-style:normal ;
    src: url(../font/fonts-sw/sfont.eot);
    src: url(../font/fonts-sw/sfont.eot?v=1.0.9#iefix) format('embedded-opentype'), url(../font/fonts-sw/sfont.svg?v=1.0.9#iconfont) format('svg'), url(../font/fonts-sw/sfont.woff?v=1.0.9) format('woff'), url(../font/fonts-sw/sfont.ttf?v=1.0.9) format('truetype')
}
@font-face {
    font-family: 'HYQ';
    src: url("../font/HYQiHeiX1-35W.ttf");
    font-weight: normal;
    font-style:normal ;
}
.fmSW{font-family: "SW";}
.fmHY{
    font-family: "HY";}
.fmSq{
    font-family: "Sq";}
.fmSWH{
    font-family: "SWH";}
.fmW{font-family: 'Microsoft YaHei'}
.fmHYQ{font-family: "HYQ"}
.fmA{
    font-family: "Arial";
}
body{font-family: 'Microsoft YaHei';min-width:1145px;}
@media screen and (max-width: 1440px){
    .top{width:1350px;min-height:65px;position: absolute;top:10px;z-index:99;}
    .hide-nav .hide-center-box{width:850px;margin:10px 137px;overflow:hidden;}
}
@media screen and (min-width: 1441px) {
    .top {
        width: 1350px;
        min-height: 65px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -562.5px;
        z-index: 99;
    }
    .hide-nav .hide-center-box{width:850px;margin:10px auto;overflow:hidden;}
}
/*.top{width:1350px;min-height:65px;position: absolute;top:10px;left:50%;margin-left:-562.5px;z-index:99;}*/
.logo{width:250px;height:35px;margin-top:16px; }
.logo img{width:250px;height:35px;}
.nav-top{width:800px;height:65px;float: left;margin-left:15px;}
.nav-top li{float:left;padding:0 10px;font-size:14px;}
.nav-top li>a{color:#fff;line-height: 65px;}
.nav-top li.on a{color:#ffd100;}
.nav-top li:hover a{color:#ffd100;}
.search-box{width:260px;height:30px;margin-top:18px;position: relative;}
.search-box .input-box{width:190px;height:30px;background:url(../images/search-box_03.png)no-repeat;background-size:100% 100%;float: left;animation-duration: 0.5s;animation-delay: 0s;}
.search-box .input-box>input{width:100%;height:30px;padding:0 10px;border:none;outline: none;background: rgba(0,0,0,0);color:#fff;}
.hide-nav{display:none;width:100%;height:0px;/*background: #171717;*/position:absolute;top:55px;left:160px;z-index:99;}

.hide-nav .hide-center-box ul{float: left;padding:0 8px;background-color: rgba(0, 0, 0, 0.6);min-height: 150px;margin-right: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.hide-nav .hide-center-box ul:nth-child(2){margin-left:15px}
.hide-nav .hide-center-box ul:nth-child(3){margin-left:15px}
.hide-nav .hide-center-box ul:nth-child(4){margin-left:-3px}
.hide-nav .hide-center-box ul:nth-child(5){margin-left:-32px;text-align: center;}
.hide-nav .hide-center-box ul:nth-child(6){margin-left:-30px}
.hide-nav .hide-center-box ul:nth-child(7){margin-left:-15px}
.hide-nav .hide-center-box ul:nth-child(8){margin-left:-15px}


.hide-nav ul li{line-height:28px;}
.hide-nav ul li.on a{color:#ffd100;}
.hide-nav ul li a{color:#999;}
.hide-nav ul li a:hover{color:#ffd100;}
.search-box .search-icon{display:block;width:18px;height:18px;background: url(../images/search-icon_06.png)no-repeat;background-size:100% 100%;position: absolute;top:7px;left:160px;cursor: pointer; }
.search-box .search-icon-white{display:block;width:18px;height:18px;background: url(../images/search-icon-white_03.png)no-repeat;background-size:100% 100%;position: absolute;top:7px;left:165px;cursor: pointer;}

.slideTxtBox{overflow: hidden;width:100%; }
.slideTxtBox .hd{ height:8px; line-height:8px;position:absolute;bottom:25px;z-index:99;left:50%;margin-left:-35px; }
.slideTxtBox .hd ul li{ float:left; margin-right:10px; cursor:pointer; width:10px;height:10px;line-height:10px;text-align:center;border-radius: 50%; background:#868686;color:#868686; }
.slideTxtBox .hd ul li.on{ width:10px;height:10px;border-radius:50%;border:1px solid #d1aa00;background:rgba(0,0,0,0); }
.slideTxtBox .bd ul{  zoom:1;  }
.slideTxtBox .bd li{ overflow: hidden;width: 100%;}
.slideTxtBox .bd li a{display: block;width:100%; }
.slideTxtBox .bd li .text{position: absolute;top:105px;width:500px;height:100px;z-index:9;left:50%;margin-left:-250px;}
.slideTxtBox .bd li .text p{opacity: 0;}
.slideTxtBox .bd li .banner-btn{display: block;width:215px;height:58px;background: url(../images/more-bg_03.png) no-repeat;background-size:100% 100%;position: absolute;top:300px;left:50%;margin-left:-107.5px;border:none;outline: none;text-align: center;line-height: 58px;font-size:17px;color:#fff;opacity: 0;}
.none{display: none;}
/*.more{display: block;width:214px;height:60px;background: url(../images/more-bg_03.png)no-repeat;background-size:100% 100%;outline: none;border:none;position: absolute;top:350px;left:50%;margin-left:-107px;z-index:10000;}*/
.slideTxtBox2{width:100%;overflow: hidden;}
.slideTxtBox2 .hd{display: none;}
.slideTxtBox2 .bd ul{  zoom:1;  }
.slideTxtBox2 .bd li{ overflow: hidden;width:100%;float: left;}
.slideTxtBox2 .bd li a{display: block;width:33%;overflow: hidden;position: relative; }
.slideTxtBox2 .bd li a:first-child{float: left;}
.slideTxtBox2 .bd li a:nth-child(2){float: left;margin:0 5px;}
.slideTxtBox2 .bd li a:last-child{float: right;}
.slideTxtBox2 .bd li a>img{width:100%;height:385px;transition: all 0.5s;-webkit-transition: all 0.5s;}
/*.slideTxtBox2 .bd li a:hover img{transition: all 0.5s;transform: scale(1);-webkit-transition: all 0.5s;-webkit-transform: scale(1);}*/
.slideTxtBox2 .bd li a .title{display: block;width:215px;height:55px;background: url(../images/btn-bg_03.png)no-repeat;background-size:100% 100%;position: absolute;top:35px;left:50%;margin-left:-107.5px;line-height: 55px;text-align: center;font-size:16px;color:#fff;z-index:99; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prev{width:20px;height:40px;background: url(../images/left-arrow_11.png)no-repeat;background-size:100% 100%;position: absolute;left:0;top:192px; }
.next{width:20px;height:40px;background: url(../images/right-arrow_14.png)no-repeat;background-size:100% 100%;position: absolute;right:0;top:192px;}
.yellow-bg-ul{width:100%;height:325px;margin:0 auto;background: #ffd100;}
.yellow-bg-ul li{margin:70px 22px;float: left;width:16%;animation-duration: 0.3s;}

.video-box{display:block;width:763px;height:380px;/*position: absolute;top:0;left:0 ;*/}
.play{width:94px;height:94px;position: absolute;top:50%;left:50%;margin-left:-47px;margin-top:-47px;background: url(../images/play-btn_03.png)no-repeat;background-size:100% 100% ;cursor: pointer;z-index:9;
}
.poster{width:100%;height:380px;background: url(../images/video-bg_03.jpg)no-repeat;background-size: 100% 100%;position: absolute;top:0;left:0;z-index:8;cursor: pointer;}
.index-news-pic{width:375px;height:380px;overflow: hidden;float: right;}
.index-news-pic img{transition: all 0.5s;-webkit-transition: all 0.5s;}
.news-title{display: block;width:215px;height:55px;background: url(../images/btn-bg_03.png)no-repeat;background-size:100% 100%;position: absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-107.5px;line-height: 55px;text-align: center;font-size:16px;color:#fff;z-index:99;}
.bottom-nav{overflow: hidden;}
.bottom-nav li{line-height: 30px;font-size:14px;color:#ccc;}
.bottom-nav li a{color:#ccc;}
.bottom-nav li a:hover{color:#fff;}
.share{width:170px;height:45px;margin:10px auto;}
.share a{display: block;width:35px;height:35px;float: left;}
.detail-banner{background: url(../images/detail-banner_03.jpg) center no-repeat;background-size:cover;height:77px; }
.detail-nav{min-width:300px;/*max-width:1000px;*//*width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;*/position:absolute;top:0px;left:50%;height:40px;}
.detail-nav li{float: left;background: url(../images/btn-bg_03.png)no-repeat;background-size:100% 100%;width:170px;height:40px;line-height:40px;text-align: center;color:#fff;margin:0 10px; }
.detail-nav li a{display: block;width:100%;overflow:hidden;color:#fff;}
.detail-nav li:hover{background:url(../images/btn-bg-white_06.png)no-repeat;background-size:100% 100%;color:#000; }
.detail-nav li:hover a{color:#000;}
.detail-nav li.on{background:url(../images/btn-bg-white_06.png)no-repeat;background-size:100% 100%;color:#000;}
.detail-nav li.on a{color:#000;}
.layer-map-cont{width:100%;height:500px;/*display: none;*/overflow: hidden;}
.contact-ul{width:100%;height:280px;}
.contact-ul li{float: left;width:33%;border:1px solid #eeeeee;border-radius: 6px;animation-duration: 0.3s;}
.h40{height:40px;}
.join-us-ul{width:100%;overflow: hidden;}
.join-us-ul li {width:100%;min-height:340px;overflow:hidden;border:1px solid #eeeeee;margin-bottom:30px;border-radius: 4px;padding:60px 50px;position: relative;}
.join-us-ul li .left-box{width:100%;min-height:150px;overflow:hidden;background: #ffd100;border-radius: 4px;color:#000;font-size:20px;text-align: center;font-weight: bold;transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute;top:50%;}
.join-us-ul li .left-box .text{position: absolute;top:50%;left:50%;width:80%;margin-left:-40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.cont-center{width:620px;margin-top:0;margin-left:50px;overflow: hidden;color:#ddd;font-size:14px;}
.send-email{display: block;width:165px;height:50px;border-radius: 10px;background: #fff;text-align: center;outline: none;border:none;transform: translateY(-50%);-webkit-transform:translateY(-50%);position: absolute;top:50%;right:0; }
.gotop{display:none;width:48px;height:48px;background: url(../images/gotop-pic_03.png)no-repeat;background-size:100% 100%;position: fixed;top:80%;left:50%;margin-left:580px;z-index:999;/*transform: translate(0,-50%);-webkit-transform: translate(0,-50%)*/ transition: background 0.9s;-webkit-transition: background 0.9s;}
.gotop:hover{background: url(../images/white-bg-gotop_03.png);background-size:100% 100%; }
.gotop.bottom{bottom:32px;}
.more-box{height:48px;background: #ffd100;line-height: 48px;border-radius: 6px;cursor: pointer;transition: background-color 0.9s;-webkit-transition: background-color 0.9s}
.more-box.hover{background-color: #fff;}
.more-box.border-radius{border-top-left-radius: 0;border-top-right-radius:0; }
.more-box.bg-grey{background: #999;}
.solids{width:35px;height:27px;position: absolute;top:11px;left:50%;margin-left:-17.5px;}
.solids>div{height:3px;background: #000;width:100%;}
.solids>div:first-child{/*width:100%;*/position: absolute;top:0;}
.solids>div:nth-child(2){/*width:100%;*/position: absolute;top:12px;}
.solids>div:last-child{/*width:100%;*/position: absolute;bottom:0;}
/*更多图标*/
@keyframes width {
    0% {
        transform: scaleX(.2);
        -moz-transform: scaleX(.2);
        -webkit-transform: scaleX(.2);
    }

    100% {
        transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
}
@keyframes width2 {
    0% {
        transform: scaleX(.2);
        -moz-transform:scaleX(.2);
        -webkit-transform: scaleX(.2);
    }

    100% {
        transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
}
@keyframes width3 {
    0% {
        transform: scaleX(.2);
        -moz-transform: scaleX(.2);
        -webkit-transform: scaleX(.2);
    }

    100% {
        transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
}
@-webkit-keyframes width {
    0% {
        transform: scaleX(.2);
        -moz-transform: scaleX(.2);
        -webkit-transform: scaleX(.2);
    }

100% {
    transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
}
@-webkit-keyframes width2 {
    0% {
        transform: scaleX(.2);
        -moz-transform:scaleX(.2);
        -webkit-transform: scaleX(.2);
    }

    100% {
        transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
}
@-webkit-keyframes width3 {
    0% {
        transform: scaleX(.2);
        -moz-transform: scaleX(.2);
        -webkit-transform: scaleX(.2);
    }

    100% {
        transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transform: scaleX(1);
    }
}
.width {
    animation-name: width;
    transform-origin: center center;
    -webkit-animation-name: width;
    -webkit-transform-origin: center center;
    animation-duration: 0.01s;
    -webkit-animation-duration: 0.01s;
    /*-webkit-animation:width  .8s ease both;*/
    /*animation:width  .8s ease both;*/
}
.width2 {
    animation-name: width2;
    transform-origin: center center;
    -webkit-animation-name: width;
    -webkit-transform-origin: center center;
    /*animation-delay: 0.02s;*/
    /*-webkit-animation-delay: 0.02s;*/
    /*-moz-animation-delay: 0.02s;*/
    animation-duration: 0.01s;
    -webkit-animation-duration: 0.01s;
    /*-webkit-animation:width2 .8s ease both;*/
    /*animation:width2  .8s ease both;*/
}
.width3 {
    animation-name: width3;
    transform-origin: center center;
    -webkit-animation-name: width;
    -webkit-transform-origin: center center;
    /*animation-delay: 0.03s;*/
    /*-webkit-animation-delay: 0.03s;*/
    /*-moz-animation-delay: 0.03s;*/
    animation-duration: 0.01s;
    -webkit-animation-duration: 0.01s;
    /*-webkit-animation:width3 .8s ease both;*/
    /*animation:width3   .8s ease both;*/
}
.canvas-box{width:156px;height:156px;margin:60px auto;}
.zizhi-pics{width:100%;overflow: hidden;margin-top:55px;}
.zizhi-pics li{float: left;width:33%;height:515px;background: url(../images/zizhi-box-bg_03.png)no-repeat;background-size:100% 100%;margin-bottom:7px; position: relative;}
.zizhi-pics li img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
.zizhi-pics li p{position: absolute;bottom:25px;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.zizhi-pics li .red-logo{width:125px;height:145px;position: absolute;top:50%;left:50%;}
.business{width:100%;overflow: hidden;margin-top:40px;}
.business.hover-active li:hover{background-color:#ffd100;}
.business.hover-active li:hover p{color: #000000 !important;}
.business li{width:100%;overflow: hidden;padding:20px 45px;border:1px solid #eeeeee;margin-bottom:30px;border-radius: 8px;}
.business li .left{width:170px;height:150px;float: left;}
.business li .left.bg-yellow{width:150px;background: #ffd100;border-radius: 8px;position: relative;}
.business li .left.bg-yellow .date-box{position: absolute;width:100px;height:65px;top:41%;left:50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.business li .left.bg-yellow .date-box .year{position: absolute;top:60px;left:50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);}
.business li .left img{width:170px;height:150px;border-radius: 10px;}
.business li .right{max-width:820px;min-width:10px;float: right;height:80px;margin-top:40px;}
.round{display:inline-block;width:10px;height:10px;border-radius: 50%;background: #ccc;margin:0 5px;}
.round.grey{background: #535353;}
.business li .right .text span{margin-left:20px;}
.business li .center{min-width:100px;max-width:700px;height:78px;margin-left:35px;margin-top:38px;float: left;}
.business li .center.margin{position: absolute;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);line-height:78px;}
.business li .right-btn{width:80px;height:30px;margin-top:60px;float: right;}
.business li .right-btn .more-btn{width:100%;height:30px;display:block;background: #666;color:#000;font-size:14px;
border:none;outline: none;border-radius: 20px;line-height:30px;text-align: center; cursor: not-allowed;}
.business li .right-btn .more-btn.bg-white{background: #fff;cursor: pointer;}
.business li .right-btn .more-btn.bg-yellow{background: #ffd100;}
li.no-click a{ cursor: not-allowed;}
.business.padding_0 li{padding:0;}
.business li .top-title{background:#ffd100;width:100%;height:80px;border-top-left-radius:8px;border-top-right-radius: 8px;line-height: 80px;text-align: center;font-size:20px;color:#000;}
.business li .cont{width:82%;margin:60px auto;line-height: 30px;text-align: justify;color:#ddd;}
.business li .photo-box{width:100%;overflow: hidden;}
.business li .photo-box>div{width:180px;height:160px;float: left;border-radius:6px;margin-right:38px;margin-bottom:40px;}
.business li .photo-box>div:nth-child(5n){margin-right:0;}
.business li .photo-box>div>img{width:180px;height:130px;border-radius:6px;}
.vertical-center{line-height:145px;}
.business.application li.active p{color:#ffd100;}
.business.application li.active img{display: none;}
.business.application li.active img:nth-child(2){display: block!important;}
.business.application li.active button{background: #ffd100!important;}
.business.application li.hide-applicaiton{border:none;width: 100%;overflow: hidden;padding:0;}
.application-box{width:33%;height:280px;float: left;background: url(../images/application-pic-bg_03.png);background-size:100% 100%; margin-bottom:8px;}
.application-box img{display:block;width:295px;height:160px;margin:35px auto;border-radius: 8px;}
.border-radius-8{border-radius: 8px;}
.service-table,.coop-table{width:100%;overflow: hidden;}
.service-table tr:first-child{font-weight: bold;text-align: center;}
.service-table tr:first-child td{padding-left:0;}
/*.service-table tr:nth-child(2) td:first-child{padding-left:0;}*/
/*.service-table tr:nth-child(7) td:first-child{padding-left:0;}*/
/*.service-table tr:nth-child(9) td:first-child{padding-left:0;}*/
/*.service-table tr:nth-child(10) td:first-child{padding-left:0;}*/
.service-table td{font-size:14px;color:#fff;line-height:40px;border:1px solid #595959;padding-left:55px;position: relative;}
.coop-table td{font-size:14px;color:#fff;line-height:40px;border:1px solid #595959;position: relative;text-align: center;}
input[type='checkbox']{display:inline-block;margin: 0 5px 0 0;width:15px;height:15px;border:1px solid #fff;background:rgba(0,0,0,0)}
.service-table td input[type='checkbox']{position: absolute;left:30px;top:12px;margin-right:5px;}
.service-table td input[type='radio']{position: absolute;left:30px;margin-right:5px;top:10px;}
.radio-box{width:120px;height:30px;position: absolute;top:10%;left:40%;transform: translateX(-50%);-webkit-transform: translateX(-50%);text-align: center;}
.radio-box:nth-child(2){top:45%;}
.coop-name{width:100%;height:40px;padding:10px;background: rgba(0,0,0,0);color:#fff;font-size:14px;border:none;outline: none;}
.login-area{min-width:200px;max-width:600px;margin:0 auto;margin-bottom:50px;}
.normal-input{width:210px;height:30px;border:1px solid #fff;border-radius: 20px;background: rgba(0,0,0,0);color:#fff;font-size:14px;padding-left:20px;margin-right:30px;}
.layer-login-cont{width:540px;height:100px;background: #fff;border-radius: 8px;position: absolute;top:100px;left:50%;margin-left:-270px;}
.close-btn{width:100%;height:40px;border:none;outline:none;border-top:1px solid #dedede;background: #fff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;margin-top:10px;}
.coop-table tr td:first-child{font-weight: bold;color:#fff;width:17%;}
.coop-table td input[type='checkbox']{margin-top:0px;margin-bottom: 1px;vertical-align: middle;}
.layer-submit-cont{opacity:0;width:640px;height:100px;background: #fff;border-radius: 8px;position: absolute;top:50%;left:50%;margin-left:-320px;}
.download-btn{display:block;width:325px;height:40px;background: #ffd100;border-radius: 20px;color:#000;text-align: center;line-height: 40px;font-size:14px;outline: none;border:none;margin:35px auto 10px;}
.download-btn img{width:30px;height:25px;margin-left:5px;}
.download-btn:hover{color:#000000;}
.index-more-btn{width:75px;height: 30px;display: block;background: #000;color: #fff;font-size: 14px;border: 1px solid #fff;outline: none;border-radius: 20px;line-height: 28px;text-align: center;margin:12px auto;}
.index-more-btn:hover{background: #fff;color:#000;}
.transform{text-transform:uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}