.lt{float: left}
.rt{float: right}
.text-center{text-align: center}
.toB-wrap{max-width: 1170px;margin: 0 auto;padding: 0 15px;}

.toB-logo{position: absolute;
    top:30px;left: 60px;}
.toB-logo>img{width: 160px;}
.toB1{padding: 0 15px;position: relative}
.toB1>div{padding: 85px 0 100px;background: url("../images/toB1.png")no-repeat center;background-size: cover;max-width: 1140px;margin: 0 auto 80px;text-align: center}
.toB1>div>h1{color: #ffffff;text-shadow: 1px 1px 1px #000;font-size: 60px;margin: 40px 0 80px;letter-spacing: 5px;}
.toB1>div>p{color: #ffffff;text-shadow: 1px 1px 1px #000;font-size: 24px;}
.toB1>div>p>strong{font-weight: 900;text-shadow: none;margin: 0 5px;}
.toB1>div>p>img{vertical-align: middle;margin-right: 10px;width: 40px;}
.toB1>div>p>span{vertical-align: middle}
.toB1-content{position: relative}
.toB1-big.toB1{padding: 0;}
.toB1-big.toB1>div{padding: 300px 0 400px;background: url("../images/toB1-big.jpg")no-repeat center;background-size: cover;margin: 0 auto 80px;text-align: center;max-width: 100%}

.toB2{margin-bottom: 80px;}
.toB2>h1{color: #333333;letter-spacing: 2px;margin-bottom: 50px;}
.toB2-content{overflow: auto;background: #f9f9f9;font-size: 0}
.toB2-content>div{display: inline-block;vertical-align: middle}
.toB2-video{width: 40%}
.toB2-video>a{position: relative;display: block}
.toB2-video>a>img{max-width: 100%}
.toB-bofang{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    border-radius: 50%;
    z-index: 10;
}
.toB-bofang:before{
    content: '';
    cursor: pointer;
    display: block;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 58px;
    height: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-animation: 2s linear 0s infinite normal;
    animation: 2s linear 0s infinite normal;
    -webkit-animation-name: play-button-before;
    animation-name: play-button-before;
}
@-webkit-keyframes play-button-before {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 1
    }
    75% {
        -webkit-transform: translate(-50%, -50%) scale(1.7);
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.7);
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0
    }
}

@keyframes play-button-before {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 1
    }
    75% {
        -webkit-transform: translate(-50%, -50%) scale(1.7);
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.7);
        transform: translate(-50%, -50%) scale(1.7);
        opacity: 0
    }
}


.toB-bofang>img{width: 100%}
.toB2-text{width:60%;font-size:14px;padding-left:60px;padding-right:80px;}
.toB2-text>p{color: #666666;line-height:24px;}
.toB2-text>h4{margin-top: 30px;}
.red-text{color: #c7000b;font-weight: 900}

.toB3{margin-bottom: 80px;}
.toB3>h1{margin-bottom: 50px;}
.toB3>div{padding: 130px 0 180px;background: url("../images/toB3.jpg")no-repeat center;background-size: cover  }
.toB3-content{background: rgba(255,255,255,0.5);font-size: 0}
.toB3-content>div{display: inline-block;vertical-align: middle}
.toB3-video{width: 42%}
.toB3-video>a{position: relative;display: block}
.toB3-video>a>img{max-width: 100%}
.toB3-text{width: 58%;font-size: 14px;padding:0 80px}
.toB3-text>p{margin-bottom: 0;line-height: 40px;}

.toB4{margin-bottom: 80px;}
.toB4>h1{margin-bottom: 50px;}
.toB4 .toB2-content{background: none}
.toB4 .toB2-video{width: 50%;text-align: center}
.toB4 .toB2-video>img{width: 80%;}
.toB4 .toB2-text{width: 50%;font-size: 14px;padding-left: 0px;padding-right: 70px;}
.toB4 .toB2-text>p{color: #666666;line-height: 24px;}
.toB4 .toB2-text>p.red-text{color: #c7000b}
.toB4 .toB2-text>h4{margin-top: 60px;margin-bottom: 20px;font-weight: 900}

.toB5{margin-bottom:80px;}
.toB5>h1{margin-bottom:50px;}
.toB5>div{background:url("../images/toB5.jpg")no-repeat center;background-size:cover}
.toB5-content{font-size:0}
.toB5-content>div{display:inline-block;vertical-align:middle}
.toB5-img{width:50%}
.toB5-text{width:50%;font-size:14px;padding:0 60px}
.toB5-text h4{font-weight:900;margin-bottom:30px;}
.toB5-text>div>p{line-height:40px;font-size:13px;}
.toB5-text table tr td{padding-right:50px;padding-top:30px}
.toB5-text table tr td:nth-child(2){padding-right:20px;}
.toB5-text table tr td:last-child{padding-right:0}
.toB5-text>p{margin-bottom:0;line-height:40px;}

.toB6{margin-bottom:80px;}
.toB6>h1{margin-bottom:50px;}
.blue-bg td{background:#f4f8fb}
.toB6-table{table-layout: auto;border: 1px solid #e9eef2;width: 100%}
.toB6-table thead tr td{text-align: center;padding: 15px 0;min-width: 100px;border-bottom: 1px solid #e9eef2}
.toB6-table tbody tr td{padding: 20px 15px;font-size: 13px;line-height: 20px;}
.toB6-table .quanyi li{margin-bottom: 10px;line-height: 24px;}

.toB7{margin-bottom: 80px;}
.toB7>h1{margin-bottom: 50px;}
.toB7>div{padding: 70px 0 0;background: url("../images/toB7.jpg")no-repeat center;background-size: cover }
.toB7-content.toB-wrap{max-width: 1270px;}
.toB7-content>ul{overflow: auto;}
.toB7-content>ul>li{float: left;width: 33.33%;margin-bottom: 90px;padding: 30px 50px;border-right: 1px dashed #d5d6d7}
.toB7-content>ul>li:nth-child(3){border: none}
.toB7-content>ul>li:nth-child(6){border: none}
.toB7-list1{background: url("../images/toB7-1.png")}
.toB7-list2{background: url("../images/toB7-2.png")}
.toB7-list3{background: url("../images/toB7-3.png")}
.toB7-list4{background: url("../images/toB7-4.png")}
.toB7-list5{background: url("../images/toB7-5.png")}
.toB7-list6{background: url("../images/toB7-6.png")}
.toB7-list{margin: 0 auto;padding-left: 70px;background-repeat: no-repeat;background-position: left top}
.toB7-list>h4{font-weight: 900;margin-bottom: 25px}

.toB8{margin-bottom: 80px;}
.toB8>h1{margin-bottom: 50px;}
.toB8-img{margin: 30px 0 60px;}
.toB8-img>img{max-width: 100%}
.liucheng{display: none}
#ztbox {width:100%; margin:0 auto;overflow: auto}
#ztbox #left { width:35px; height:63px; float:left; cursor:pointer;background:url(../images/banner_pre.jpg) no-repeat; margin-top:140px;}
#ztbox #right{ width:35px; height:63px; float:left; cursor:pointer;background:url(../images/banner_next.jpg) no-repeat;  margin-top:140px;}
#ztbox #conter{ width:100%; height:250px; float:left; display:inline; overflow:hidden; position:relative;}
#ztbox #conter ul{width:auto;  top:0; left:0; position:relative; overflow:hidden;margin-bottom: 40px;}
#ztbox #conter li{padding:0 5px; position:relative;}
#ztbox #scroll{max-width:850px; height:1px; left:0; bottom:8px; cursor:pointer; position:relative; background-color: #d7d7d7;margin: 0 auto}
#ztbox #scroll span{left:0;top: -13px; cursor:pointer; position:absolute;display: block ;}

.toB9{margin-bottom: 80px;}
.toB9>h1{margin-bottom: 50px;}
.toB9>div{padding: 200px 0;background: url("../images/toB9.jpg")no-repeat center;background-size: cover }
.toB9-content>ul{overflow: auto}
.toB9-content>ul>li{float: left;width: 33.33%;text-align: center}
.toB9-content>ul>li>h2{margin-bottom: 40px;position: relative}
.toB9-content>ul>li>h2>span{position: relative;display: inline-block}
.toB9-content>ul>li>h2>span>span{position: absolute;font-size: 18px;right: -15px;top: 0}

.toB10{margin-bottom: 80px;}
.toB10>h1{margin-bottom: 50px;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;width: 130px;margin: 0 auto;padding: 10px 0;background-color: #f9f9f9;border: 1px solid #f1f1f1;margin-top: 10px;border-radius: 20px;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ overflow:hidden; zoom:1;text-align: center }
.picScroll-left .hd ul li{width:10px; height:10px; overflow:hidden; margin-right:5px;cursor:pointer;background-color:#d5d5d5;border-radius: 50%;font-size: 0;display: inline-block}
.picScroll-left .hd ul li.on{background-color: #cc8a90 }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:33.33%;margin-right: 10px;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{display:inline-block;width: 100%}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.toB10-content{margin-top: 30px;}

.toB11{margin-bottom: 80px;}
.toB11>h1{margin-bottom: 50px;}
.toB11>div{padding: 80px 0;background: url("../images/toB11.jpg")no-repeat center;background-size: cover }
.toB11-content{overflow: auto}
.toB11-content>div{width: 50%;padding: 30px 0;border-right: 1px dashed #dedfe1}
.toB11-left>div{max-width: 240px;margin: 0 auto}
.toB11-left>div>h4{margin-bottom: 30px;}
.call-me{margin-bottom: 75px;}
.call-me>div{display: inline-block;vertical-align: middle}
.call-me-right{margin-left: 20px;}
.call-me-right>h4{margin: 0 }

.toB11-left button{cursor: pointer;width: 100%;border: none;color: #ffffff;height: 40px;line-height: 40px;border-radius: 3px;
    background: -webkit-linear-gradient(#e3271e,#ba120e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#e3271e,#ba120e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#e3271e,#ba120e); /* Firefox 3.6 - 15 */
    background: linear-gradient(#c7000b,#c7000b); /* 标准的语法 */
}
.toB11-right>div{max-width: 300px;margin: 0 auto}
.toB11-right>div>h4{margin-bottom: 35px;}
.toB11-form{margin-bottom: 30px;}
.toB11-form li img{margin-right: 20px;}
.toB11-form li{margin-bottom: 15px;}
.toB11-form li input{border: 1px solid #c93b48;border-radius: 3px;height: 38px;line-height: 38px;width: 240px;padding-left: 15px;}
.toB11-right button{cursor: pointer;width: 100%;border: none;color: #ffffff;height: 40px;line-height: 40px;border-radius: 3px;
    background: -webkit-linear-gradient(#e3271e,#ba120e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#e3271e,#ba120e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#e3271e,#ba120e); /* Firefox 3.6 - 15 */
    background: linear-gradient(#c7000b,#c7000b); /* 标准的语法 */
}
.toB12{margin-bottom: 50px;}
.toB12>h1{margin-bottom: 50px;}
.QA{max-width: 900px;margin: 0 auto}
.QA>ul>li{border-bottom: 1px dashed #e6e7e7;margin-bottom: 20px}
.QA>ul>li>h5{font-weight: 900;margin-bottom: 20px;margin-top: 0;cursor: pointer}
.QA>ul>li>h5>b:first-child{display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background-color: #989898;margin-left:20px; }
.QA>ul li>h5>span{vertical-align: middle;margin-left: 10px;}
.QA>ul>li>p{padding: 0 35px;font-size: 13px;line-height: 26px;display: none;margin-bottom: 20px;}
.QA>ul>li>ul{padding: 0 35px;font-size: 13px;line-height: 26px;display: none;margin-bottom: 20px;}
.QA>ul>li:first-child>p{display: block}
.rotate-right{
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}
.right{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    transition: transform 0.5s;
}
.right-arrow1, .right-arrow2{
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-bottom: 10px transparent dashed;
    border-left: 10px white solid;
    overflow: hidden;
}
.right-arrow1{
    left: 3px;
    border-left: 10px #dacbcb solid;
}
.right-arrow2{
    border-left: 10px white solid;
}
.toB-footer{padding-top: 0}
.toB-footer .F_bottom{padding: 20px 0}
@media (max-width: 1400px) {
    .toB1-big.toB1>div{padding: 150px 0 300px;}
}
@media (max-width: 980px) {
    .toB2-video{width: 100%}
    .toB2-video>a>img{width: 100%;max-width: none}
    .toB2-text{width: 100%;padding: 20px 80px;}
    .toB3-text{padding: 0 20px;}
    .toB5-text{width: 100%}
    .toB5-text table{width: 100%}
    .toB5-text table tr td{padding-right: 0}
    .toB5-text table tr td:nth-child(2){padding-right: 0}
    .toB5-img{width: 100%;text-align: center;margin-top: 20px;}
    .toB5-img>img{width: 100%}
    .toB6-table{min-width: 1200px;}
    .toB6>div{overflow-x: scroll}
    .toB7-content>ul>li{padding: 20px}
    .toB3-text>p{line-height: 24px;}
    .toB4 .toB2-text>h4{margin-top: 30px;}
}
@media (max-width: 767px) {
    .toB1>div>p{font-size: 12px;}
    .toB1>div>h1{font-size: 20px;margin: 20px 0 40px;}
    .toB1>div>p>img{width: 30px;}
    .toB1>div{padding: 100px 0 250px;margin-bottom: 40px;}
    .toB2>h1{font-size: 20px;margin-bottom: 20px;}
    .toB2-text{padding: 20px 10px;}
    .toB2{margin-bottom: 40px;}
    .toB2-text>p{font-size: 12px;}
    .toB2-text>h4{font-size: 16px;}
    .toB3>h1{margin-bottom: 20px;font-size: 20px;}
    .toB3-text{width: 100%;margin-bottom: 20px;}
    .toB3-text>p{font-size: 12px;line-height: 24px;}
    .toB3>div{padding-top: 0;padding-bottom: 300px;}
    .toB3-video{width: 100%}
    .toB3{margin-bottom: 40px;}
    .toB4>h1{margin-bottom: 20px;font-size: 20px;}
    .toB4 .toB2-video{width: 100%;margin-bottom: 20px;}
    .toB4 .toB2-text{width: 100%;padding: 0;font-size: 12px;line-height: 24px;}
    .toB4 .toB2-text>h4{margin-top: 20px;font-size: 14px;margin-bottom: 10px}
    .toB4{margin-bottom: 40px;}
    .toB5>h1{margin-bottom: 20px;font-size: 20px;}
    .toB5-text h4{font-size: 14px;margin-top: 0;margin-bottom: 20px}
    .toB5-text{padding: 0}
    .toB5-text>div>p{font-size: 12px;line-height: 24px;}
    .toB5-text table tr td{padding-top: 20px;}
    .toB5-text table tr td>img{max-width: 100px}
    .toB5{margin-bottom: 40px;}
    .toB6>h1{margin-bottom: 20px;font-size: 20px;}
    .toB6-table tbody tr td{font-size: 12px;}
    .toB6{margin-bottom: 40px;}
    .toB7>h1{margin-bottom: 20px;font-size: 20px;}
    .toB7>div{padding-top: 0}
    .toB7-content>ul>li{width: 100%;margin-bottom: 20px;border: none;padding: 0}
    .toB7-list>h4{font-size: 14px;margin-bottom: 20px;}
    .toB7-list>p{font-size: 12px;}
    .toB7{margin-bottom: 40px;}
    .toB8>h1{font-size: 20px;margin-bottom: 20px;}
    .toB8-img{display: none}
    #ztbox{display: none}
    .liucheng{display: block;overflow-x: scroll;margin-top: 20px;}
    .liucheng>img{height: 120px;}
    .toB8{margin-bottom: 40px;}
    .toB9>h1{font-size: 20px;margin-bottom: 20px;}
    .toB9>div{padding: 120px 0}
    .toB9-content>ul>li>h2{font-size: 16px;}
    .toB9-content>ul>li>h4{font-size: 12px;}
    .toB9{margin-bottom: 40px;}
    .toB10>h1{margin-bottom: 20px;font-size: 20px;}
    .picScroll-left .bd ul li{width: 100%}
    .toB10{margin-bottom: 50px;}
    .toB11>h1{margin-bottom: 20px;font-size: 20px;padding: 0 15px;}
    .toB11-content>div{width: 100%}
    .toB11>div{padding: 0}
    .toB11-form li input{width: 210px;}
    .toB11-left>div>h4{font-size: 16px;margin-bottom: 20px;}
    .toB11-right>div>h4{font-size: 16px;}
    .call-me{margin-bottom: 20px;}
    .toB11-right>div{width: 265px;}
    .toB11{margin-bottom: 40px;}
    .toB12>h1{margin-bottom: 20px;font-size: 20px;}
    .toB11-form{margin-bottom: 20px;}
    .QA>ul>li>ul>li{font-size: 12px;}
    .QA>ul>li>p{font-size: 12px;}
    .b{margin-top: 10px;}
    .toB1-content .toB-logo{left: 10px;top: 10px;}
    .toB1-content .toB-logo>img{width: 100px;}
    .toB1>div.toB1-content{padding: 100px 0 200px;}
}