@charset "utf-8";
/* CSS Document */

body {margin: 0px;font-size: 12px;color: #333333; font-family:Arial, Helvetica, sans-serif;}
* {padding: 0px;margin: 0px;}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {margin: 0;padding: 0;font-family:"微软雅黑";/* font-weight:200; */}
h1, h2, h3, h4, h5, h6 {font-size: 12px;list-style: none;font-weight: normal;}
input, select {font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei","微软雅黑"}
button {overflow: visible}
img {border: none;max-width: 100%;}
a {
    /* color: #333333; */
    text-decoration: none;
    font-size: 12px;
    outline: none;
    font-family:"微软雅黑";
    transition:all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
a:hover{ text-decoration:none}
li {list-style: none;}
input, select, button {font: 12px Verdana, Arial, Tahoma;vertical-align: middle;}
.clear {clear: both;}
.lf {float: left;}
.rt {float: right;}
.m {max-width: 1400px;margin: 0px auto;}
.my{width: 1050px;margin: 0px auto;}
.mm {margin-top:60px;}
.nm{}
.red{ margin-bottom:15px;}
.red a{ font-size:12px!important;}
.aa{ color:#b5001b!important;}
.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
.tpd {
    width: 100%;
    height: auto;
    overflow: hidden;
    position:  relative;
}
.tpd img {
    max-width: 100%;
    transition: all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition: all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
    cursor: pointer;
}
.tpd img:hover {
    transform: scale(1.1)
}
/*导航*/
.header{width:100%;background-color: #fbfbfb;left:0;z-index:999;border-top: 1px solid #e0e0e0;}
.header.on{/* position:fixed; *//* top:0; *//* box-shadow:0 0 5px #aaa; */}
.header img{height:auto;display:block;}
.header .row{
    position:relative;
    margin: 0;
    margin-bottom: 30px;
}
.sjdh{
    display:none;}
.e_j2{display: none;}
.header .logo{width: 223px;float:left;padding-top: 15px;}
.header .an{position:absolute; top:15px; right:15px; height:14px; width:24px; display:none;}
.header .an span{width:24px; height:2px; background-color:#555; display:block; position:absolute;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:6px; left:0;}
.header .an span.a3{top:12px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:6px; width:24px;
    transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:6px; width:24px;
    transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);}
.header .nav{
    margin-left: 19%;
}
.header .nav i{font-size:12px; color:#ddd; line-height:46px; text-align:right; position:absolute; width:50%; height:46px; right:15px; top:0; display:none;}
.header .nav ul li{height: 48px;font-size:15px;text-align:center;float:left;/* position:relative; */line-height: 50px;}
.header .nav ul li.on .o_lm{color: #ff7110;}
.header .nav ul li.on .y_j em{color: #ff7110;}
.header .nav ul li a.o_lm{line-height: 48px;color: #333333;font-size: 16px;}
.header .nav ul li:hover em{color: #ff7110;}
.header .nav ul li:hover a.o_lm{color: #ff7110;top: 0px;}
.header .nav .y_j{position:relative;padding: 0 15px;overflow: hidden;}
.y_j em{ margin-left:10px; color:#333333}
.header .nav .e_j{width: 100%;background-color:#fff;position:absolute;top: 48px;left: 0;margin-left: 0;display:none;z-index:9999;}
.header.on .nav .e_j{box-shadow:0 2px 2px #aaa; color:#fff}
.header .nav .e_j .e_lm a{display:block; font-size:14px; color:#555; line-height:36px;}
.header .nav .e_j .e_lm:hover a{background-color:#ff7110; color:#fff;}
.header .nav ul li:hover .e_j{display:block;padding: 20px 0 20px 0;}
.header .nav .e_j .e_lm{position:absolute ;}
.header .nav .e_j .e_lm em{font-size:12px; color:#aaa; line-height:36px; text-align:right; position:absolute; height:36px; right:15px; top:0; z-index:999; display:block;}
.header .nav .e_j .e_lm:hover em{color:#fff;}
.sjdh{/* display:block */}
    .sjdh em{ padding:15px 10px ; float:right; color:#fff;}
    .sjdh a{font-size:14px;color:#fff;padding-left: 15px;border: none;}
    .header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.nav ul{width:100%;height:auto;margin-bottom: 0px;}
.header .nav span{width:0;height: 5px;background-color: #5eb2ff;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
.header .nav ul li:hover span{width:100%;}
.ss{margin-top:  20px;}
.ss input{width: 100px;border: 1px solid #f7be16;border-radius: 50px;padding: 15px;text-align:  center;color: #f7be16;margin-left: 45px;}
.ss input::-webkit-input-placeholder{ color:#f7be16; font-size:16px;}

.eyj{
    text-align: left;
    font-size: 16px;
    color: #666666;
}
.eyj a{
    font-size: 16px;
    color: #666666;
    border-left: 5px solid;
    padding-left: 10px;
}
.eej{}
.eej li{}
.eej li a{
    color: #666666;
    font-size: 14px;
}
.ebt{
    text-align: left;
    font-size: 14px;
    color: #ff7110;
    border-bottom: 1px solid #666666;
    width: 80%;
}
.ebt a{
    color: #ff7110;
    font-size: 14px;
}
@media (max-width:640px){
    .ss{margin-top:  20px;}
    .ss input{width: 100%;border: 1px solid #f7be16;border-radius: 0;padding: 15px;text-align:  center;color: #f7be16;margin-left: 0;}
    .ss input::-webkit-input-placeholder{ color:#f7be16; font-size:16px;}
    .eyj{
        text-align: left;
        font-size: 16px;
        color: #666666;
    }
    .eyj a{
        font-size: 16px;
        color: #fff;
        border-left: none;
        padding-left: 0;
        font-weight: bold;
    }
    .eej{}
    .eej li{}
    .eej li a{
        color: #666666;
        font-size: 12px;
        padding-left: 25px;
    }
    .ebt{
        text-align: left;
        font-size: 14px;
        color: #ff7110;
        border-bottom: 1px solid #666666;
        width: 80%;
    }
    .ebt a{
        color: #ff7110;
        font-size: 13px;
        padding-left: 20px;
    }
}
@media (max-width:320px){
    .ss{margin-top:  20px;}
    .ss input{width: 100%;border: 1px solid #f7be16;border-radius: 0;padding: 15px;text-align:  center;color: #f7be16;margin-left: 0;}
    .ss input::-webkit-input-placeholder{ color:#f7be16; font-size:16px;}
}
@media (min-width:992px){
    .header .nav ul li{padding:0 15px;}
    .header .nav .e_j{display:none !important;margin: 0;}
    .header .nav .e_j .s_j{display:none !important;}
    .header .nav ul li:hover .e_j{display:block !important;overflow: hidden;}
    .header .nav .e_j .e_lm:hover .s_j{display:block !important;}
    .e_j .row{margin-bottom: 10px;}
}
@media (min-width:1200px){
    .header .nav ul li{padding: 0;line-height: 30px;height: 30px;}
}
@media only screen and (max-width:992px){
    .header{padding:10px 0; top:0;}
    .header .logo{width:auto; margin:0 0 0 15px;}
    .header .logo img{width:auto;}
    .header .hd{display:none;}
    .header .xz{display:none;}
    .header .zy{margin:0; position:absolute; right:45px; top:10px; font-size:12px; line-height:14px;}
    .header .an{display:block;right: 20px;}
    .header .nav{
        width:50%;
        padding:15px 5%;
        background-color:#000;
        height:100%;
        position: fixed;
        margin:0;
        top:0;
        display: block!important;
        left:-50%;
        overflow:auto;
        transition:all .5s;
        -o-transition:all .5s;
        -ms-transition:all .5s;
        -moz-transition:all .5s;
        -webkit-transition:all .5s;
    }
	.e_j2{display: block;}
    .header .nav .y_j{ width:100%;}
    .header .nav.on{left:0;z-index: 999;}
    .header .nav i{display:block;float:  right;}
    .y_j em{ display:none}
    .header .nav ul li{width:100%;height:auto;font-size:14px;text-align:left;border-bottom: none;float:none;margin-right:0;}
    .header .nav ul li a.o_lm{color:#ddd;}
    .header .nav ul li:hover a.o_lm{color:#ddd; border-bottom:0;}
    .header .nav ul li.on a.o_lm{background:none; color:#fff;}
    .header .nav .e_j{width:100%;border: 1px solid #444;background:none;position:relative;top:auto;left:auto;margin:0;padding-bottom: 0;box-shadow: 0 0 0 0!important;}
    .header .nav .e_j .container{ display:none;}
    .sjdh{ display:block}
    .sjdh a{font-size:14px;color:#fff;padding-left: 15px;border: none;}
    .header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
    .header .nav .e_j .e_lm:hover a{background:none;}
    .header .nav ul li:hover .e_j{display:none;padding: 0;}
    .header .nav .e_j .e_lm em{color:#ddd; line-height:32px; text-align:right; width:50%; height:32px;}
    .header .nav .e_j .e_lm:hover em{color:#fff;}
    .header .nav .e_j .s_j{width:100%; border-top:1px solid #444; border-bottom:1px solid #444; border-left:0; background:none; position:relative; display:none; top:auto; right:auto; margin-bottom:10px;}
    .header .nav .e_j .e_lm:hover .s_j{display:none;}
    .header .nav .e_j .e_lm:hover .s_j a{background:none; color:#aaa;}
    .header .nav .e_j .e_lm:hover .s_j a:hover{background:none;}
    .header .nav ul li a.o_lm{ line-height:50px}
}
.head_h{width:100%; height:97px; background-color:#fff;}
@media only screen and (max-width:992px){
    .head_h{height:64px;}
}
@media only screen and (max-width:640px){
    .header .nav ul li a.o_lm{ font-size:13px;}
}
.top{border-bottom: 2px solid #e0e0e0;height: 36px;line-height: 36px;color: #666666;font-size: 16px;background: #000;}
.top .container{position:relative;padding: 0;}
.topm{
    position:absolute;
    right:0;
    color: #666666;
    font-size: 16px;
}
.topm select{border:none;color: #fff;font-size: 14px;margin-left:20px;outline: none;background: none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("/images/jtx.png") no-repeat scroll right center transparent;padding-right: 20px;}
.topm option{
    border: none;
    outline: none;
    background: #000;
}
.topm select:hover{border:none}
.logo{ width: 100%; padding: 23px 0;}
.logo1{}
.logo2{
    position: relative;}
.logo2 input{
    border: none;
    height: 100%;
    outline: none;
padding-left:15px;
}
.logo2 input::-webkit-input-placeholder { font-size:14px; color:#999999}
.logo2 button{width: 15px;height: 15px;border:none;background: url(../images/ss.png) no-repeat center;float: right;margin-right: 15px;}
.logo2 form{
    position: absolute;
    right: 0;
    top: 50%;
    border: 2px solid #5eb2ff;
    border-radius: 15px;
    padding: 5px;
    width: 250px;
    height: 30px;
    line-height: 10px;
}
.logo3 button {
    width: 15px;
    height: 15px;
    border: none;
    background: url(../images/ss.png) no-repeat center;
}
.logo3 form{
    position: absolute;
    right: 0;
    top: 50%;
    border: 2px solid #5eb2ff;
    border-radius: 15px;
    padding: 5px;
    display: none;
}
.banner{margin:0 auto;width: 100%;}
.banner img{ width:100%;}

/*轮播图*/
.sy_ban{width:100%; height:650px; position:relative;}
.sy_ban a{display:block; width:100%; height:100%;}
.sy_ban .swiper-button-prev{background:url(../images/) no-repeat; width:16px; height:30px; margin-top:-15px;
    background-size:16px 30px;
    -webkit-background-size:16px 30px;
    -moz-background-size:16px 30px;
    -ms-background-size:16px 30px;
    -o-background-size:16px 30px;}
.sy_ban .swiper-button-next{background:url(../images/) no-repeat; width:16px; height:30px; margin-top:-15px;
    background-size:16px 30px;
    -webkit-background-size:16px 30px;
    -moz-background-size:16px 30px;
    -ms-background-size:16px 30px;
    -o-background-size:16px 30px;}
.sy_ban .swiper-pagination-bullet{width:10px;
    height:10px;
    display: inline-block;
    border-radius: 100%;
    border:2px solid #fff;
    opacity:1;
    background:none;
}
.sy_ban .swiper-pagination-bullet-active{ background:#fff;  opacity: 1}
@media only screen and (max-width:992px){
    .sy_ban{height:15rem;}
    .sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{display:none;}
}
@media only screen and (max-width:320px){
    .sy_ban{height:12rem;}
}
.y_c{float:right;height: 45px;padding-top: 7px;}
.y_c a{width: 32px;border-radius:50%;text-align:center;height: 32px;font-size:15px;line-height: 32px;color: #528fdf;display:block;float:left;margin-left:10px;background: #fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.y_c a:hover{background-color:#ffd700;  color:#fff;}

@media only screen and (max-width:640px){
    .y_c{ display:none;}
    .hda{ height: auto}
    .logo2{display: none;}
    .logo3 form{display: block;left: 5%;width: 50%;top: 8px;}
    .logo2 form{
        top: 100%;
    }
    .logo3 input {
        border: none;
        height: 100%;
        outline: none;
    }
}
.hda{
    width:  100%;
    height: 48px;
    border-bottom: 1px solid #e0e0e0;
}
.hda n .an span{top:8px;
    transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);}

/*业务*/
.yewu{padding: 70px 0;cursor: pointer; color:#fff}
.yewu1{width: 100%;height: auto;padding: 0;}
.yewu1 .tpd{}
.tpmb{
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    position: absolute;
    z-index: 9;
    top: 0;
    transition:all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
    padding: 0 15px;
    margin: auto;
}
.tpmb img{
    margin: 0 15px;
}
.tpmb p{
    position: absolute;
    bottom: 10%;
    opacity: 2;
    font-size: 18px;
    color:#fff;
}
.yewu1:hover .tpmb{opacity: 0.7;}
.yewu2:hover .tpmb{ opacity:0.7 }
.yewu3:hover .tpmb{ opacity:0.7 }
.yewu2{width: 100%;height: auto;padding: 0;}
.yewu .tpd img{
    height: 100%;
}
.yewu3{width: 100%;padding: 0;height: auto;}
@media only screen and (max-width:640px) {
    .yewu{padding: 0;cursor: pointer;color:#fff;}
    .yewu1{width: 100%;height: auto;padding: 0;}
    .yewu1 .tpd{}
    .tpmb{
        width: 100%;
        height: 100%;
        background: #000000;
        opacity: 0;
        position: absolute;
        z-index: 9;
        top: 0;
        transition:all .5s;
        -moz-transition: all .5s; /* Firefox 4 */
        -webkit-transition:all .5s; /* Safari 和 Chrome */
        -o-transition: all .5s; /* Opera */
        padding: 0 15px;
        margin: auto;
    }
    .tpmb img{
        margin: 0 15px;
    }
    .tpmb p{
        position: absolute;
        bottom: 10%;
        opacity: 2;
        font-size: 18px;
    }
    .yewu1:hover .tpmb{opacity: 0.7;}
    .yewu2:hover .tpmb{ opacity:0.7 }
    .yewu3:hover .tpmb{ opacity:0.7 }
    .yewu2{width: 100%;height: auto;padding: 0;}
    .yewu .tpd img{
        height: 100%;
    }
    .yewu3{width: 100%;padding: 0;height: auto;}
}
.video .container{
    padding: 0; }
.video{ margin-bottom: 70px}
.video video{width:1200px;height: 700px;}
/*关于我们*/
.about{
    width: 100%;
    height: auto;
    background: url("../images/ab.jpg")no-repeat;
    padding: 70px 0;
}
.ab1{
    text-align: center;
}
.ab1 span{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.ab1 p{
    margin: 30px 0;
    font-size: 14px;
    color: #fff;
    padding: 0 10%;
    line-height: 28px;    text-indent: 2rem;
}
.ab2{}
.abm{
    position: relative;
}
.abm img{ height:100%;}
.abm:hover .abmb{ transition:all .5s ;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
    cursor: pointer;
    background:rgba(0,0,0,0.5)
}
.abmb{
    width: 100%;
    height: 230px;
    background: rgba(0,0,0,0); 
    z-index: 1;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 230px;
}
.abm a{color: #fff!important;font-size: 24px;border-bottom: 2px solid #fff;padding-bottom: 7px;}
@media only screen and (max-width:640px) {
    .about{
        width: 100%;
        height: auto;
        background: url("../images/ab.jpg")no-repeat;
        padding: 20px 0;
    }
    .ab1{
        text-align: center;
    }
    .ab1 span{
        font-size: 22px;
        font-weight: bold;
        color: #fff;
    }
    .ab1 p{
        margin: 30px 0;
        font-size: 12px;
        color: #fff;
        padding: 0 10%;
        line-height: 28px;
    }
    .ab2{}
    .abm{
        position: relative;
        margin: 20px 0;
    }
    .abm img{ height:100%;}
    .abm:hover .abmb{ opacity: .5; transition:all .5s ;
        -moz-transition: all .5s; /* Firefox 4 */
        -webkit-transition:all .5s; /* Safari 和 Chrome */
        -o-transition: all .5s; /* Opera */
        cursor: pointer;
    }
    .abmb{
        width: 100%;
        height: 230px;
        background: #000;
        z-index: 1;
        position: absolute;
        opacity: 0;
        top: 0;
        text-align: center;
        line-height: 230px;
    }
    .abm a{color: #fff!important;font-size: 20px;border-bottom: 2px solid #fff;padding-bottom: 7px;}
    .video{ margin: 30px 0;}
}
/*底部*/
.db{
    width: 100%;
    height: auto;
    background: #333333;
    padding: 70px 0 30px 0;
}
.ddh{}
.ddh ul{
    padding-bottom: 20px;
    width: 12%;
    float: left;
}
.ddh li{
    line-height: 30px;
}
.ddh li a{
    color: #999999;
}
.ddh span{
    margin-bottom: 20px;
    display: block;
}
.ddh span a{
    font-size: 16px;
    color: #fff;
}
.d21{
    margin: 40px 0;
    color: #999999;
    font-size: 14px;
}
.d21 img{ float:left;}
.d21 p{ float:left; margin-left:15px; font-size:16px;}
.d22{
    margin: 40px 0;
    color: #999999;
    font-size: 16px;
    text-align: right;
}
.d21 i{
    font-size: 20px;
    margin-right: 15px;
}
.bq{ font-size: 12px; text-align: center; color:#999999; background: #1b1b1b;
    height: 50px;line-height: 50px;}
@media only screen and (max-width:640px){
    .db{
        width: 100%;
        height: auto;
        background: #333333;
        padding: 20px 0;
    }
    .ddh{}
    .ddh ul{
        padding-bottom: 20px;
        width: 33%;
        float: left;
        text-align: center;
    }
    .ddh li{
        line-height: 30px;
    }
    .ddh li a{
        color: #fff;
        font-size: 12px;
    }
    .ddh span{
        margin-bottom: 20px;
        display: block;
    }
    .ddh span a{
        font-size: 14px;
        color: #fff;
    }
    .d21{
        margin: 10px 0;
        color: #999999;
        font-size: 14px;
        text-align: center;
    }
    .d22{
        margin: 40px 0;
        color: #999999;
        font-size: 16px;
        text-align: center;
    }
    .d21 i{
        font-size: 20px;
        margin-right: 15px;
    }
    .bq{ font-size: 12px; text-align: center; color:#999999; background: #1b1b1b;
        height: 50px;line-height: 50px;}
}
/*漂浮*/
.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
@media only screen and (max-width:640px){
    .e_m .n_r{width:280px; padding:15px;}
    .e_m .n_r p{font-size:20px;}
}

.pc_kf{width:46px;position:fixed;right: 0;bottom:6%;z-index:99999;}
.pc_kf .nr{width: 50px;height: 50px;font-size: 24px;text-align:center;line-height:46px;background-color: #ff7110;box-shadow:0 0 2px #ddd;margin-bottom:4px;position:relative;border-radius: 10px 0px 0px 10px;}
.pc_kf .nr.wx{display:none;}
.pc_kf .tel{width:160px; background-color:#c4252c; font-size:18px; line-height:46px; color:#fff; position:absolute; top:0; right:-160px; opacity:0;}
.pc_kf .nr:hover .tel{right:46px; opacity:1;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;}
.pc_kf .ewm{width:130px;padding:10px;font-size:18px;line-height:46px;color:#fff;position:absolute;bottom:0;right:-180px;border: 1px solid #ff7110;background: #fff;}
.pc_kf .ewm img{width:100%; height:auto; display:block;}
.pc_kf .nr:hover .ewm{
    right: 57px;
    opacity:1;
    transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
}
.pc_kf .nr a{display:block;}
.pc_kf .nr i{color: #fff;font-size: 20px;}
.pc_kf .nr a:hover i{}
.pc_kf .fh{width: 50px;height: 50px;background-color: #232323;font-size: 30px;text-align:center;line-height:46px;color:#fff;cursor:pointer;border-radius: 10px 0px 0px 10px;}

/*内页*/
.nm{ width: 100%;
    height: auto; overflow: hidden}
.nb{width: 100%;height: 370px;/* line-height: 370px; */text-align: center;font-size: 36px;color: #fff0;}
.pos{ width: 100%; height: 49px; line-height: 49px;border-bottom: 1px solid #eeeeee; background:#fff}
.pos a{ font-size: 14px; color:#666666; }
.nej{
    margin: 50px 0;
}
.nej1{
    width: 60%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: auto;
}
.nej1 a{
    color: #000;
    font-size: 16px;
}
.nej1:hover{ background: #5eb2ff;}
.nej1:hover a{ color:#fff}
.nej1.on{ background: #5eb2ff;}
.nej1.on a{ color:#fff}


.xwlim1{}
.xwlim2{}
.xwlim2 span a{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.xwlim2 li{
    color: #999999;
    margin: 15px 0;
    font-size: 14px;
}
.xwlim2 p{
    font-size: 14px;
    color: #666666;
}
.xwlim3{
    position: relative;
    text-align: center;
    background: url(/images/yjt.png)no-repeat center;
}
.xwlim:hover .xwlim3{
background: url(/images/yjt2.png)no-repeat center;
}
.xwlim{
    border: 2px solid #dddddd;
    padding: 20px;
    margin-bottom: 20px;
    transition:all .5s ;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
.xwlim:hover{border-color:#5eb2ff;cursor:pointer;}
.xwlim:hover i{color:#5eb2ff;font-weight: normal;}
.fenye{
    text-align: center;
    /* padding-left: 15%; */
}
.fenyem{margin: auto;/* width: 50%; */height: 50px;margin-bottom: 50px;}
.fenye a{
    display: inline-block;
    padding: 5px 17px;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #666666;
    margin: 10px;
    /* float: left; */
}
.fenye span{
    display: inline-block;
    padding: 5px 17px;
    border: 1px solid;
    font-size: 14px;
    color: #666666;
    margin: 10px;
    /* float: left; */
    background:#5eb2ff;
    color: #fff;
    border: 1px solid #5eb2ff;
}
.fenye a:hover{ color:#fff;background:#5eb2ff;border: 1px solid #5eb2ff;}
.fenyem .on{background:#5eb2ff;color: #fff;border: 1px solid #5eb2ff;}
.cpli{
    width: 100%;
    margin: 10px 0;
    cursor: pointer;
    background: #fff;
}
.cpimg{
    padding-left: 0;
}
.cpimg img{
    width: 100%;
}
.cplim{padding-top: 30px;}
.cplim span{
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #000;
}
.cplim a{}
.cplim p{}
.cplim p{
    color: #666666;
    font-size: 14px;
}
@media only screen and (max-width: 640px){
    .cpimg{}
    .cpimg img{
        width: 100%;
    }
    .cplim{}
    .cplim span{
        font-size: 16px;
        font-weight: bold;
        display: block;
        margin: 15px 0;
    }
    .cplim a{}
    .cplim p{}
    .cplim p{
        color: #666666;
        font-size: 12px;
    }
}
@media only screen and (max-width:640px){
    .nm{ width: 100%;
        height: auto; overflow: hidden}
    .nb{width: 100%;/* height: 300px; *//* line-height: 370px; */text-align: center;font-size: 30px;color: #fff;}
    .pos{ width: 100%; height: 49px; line-height: 49px;border-bottom: 1px solid #eeeeee}
    .pos a{ font-size: 14px; color:#666666; }
    .nej{
        margin: 20px 0;
    }
    .nej1{
        width: 60%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        margin: auto;
    }
    .nej1 a{
        color: #000;
        font-size: 14px;
    }
    .nej1:hover{ background: #5eb2ff;}
    .nej1:hover a{ color:#fff}
    .nej1.on{ background: #5eb2ff;}
    .nej1.on a{color:#fff;font-size: 14px;}


    .xwlim1{}
    .xwlim2{}
    .xwlim1 img{ width:100%;}
    .xwlim2 span{
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        display: block;
    }
    .xwlim2 li{
        color: #999999;
        margin: 10px 0;
        font-size: 14px;
    }
    .xwlim2 p{
        font-size: 12px;
        color: #666666;
    }
    .xwlim3{
        position: relative;
        text-align: center;
    }
    .xwlim3 i{
        position: absolute;
        top: 45%;
        font-size: 30px;
        display: none;
    }
    .xwlim{
        border: 2px solid #dddddd;
        padding: 20px;
        margin-bottom: 20px;
        transition:all .5s ;
        -moz-transition: all .5s; /* Firefox 4 */
        -webkit-transition:all .5s; /* Safari 和 Chrome */
        -o-transition: all .5s; /* Opera */
    }
    .xwlim:hover{border-color:#5eb2ff;cursor:pointer;}
    .xwlim:hover i{ color:#5eb2ff}
    .fenye{
        text-align: center;
    }
    .fenyem{margin: auto;width: 100%;height: 50px;margin-bottom: 50px;}
    .fenyem .on{background:#5eb2ff;color: #fff;border: 2px solid #5eb2ff;}
    .fenye a{
        display: block;
        padding: 2px 6px;
        border: 1px solid;
        font-size: 13px;
        color: #666666;
        margin: 10px;
        float: left;
    }
    .fenye a:hover{ color:#fff;background:#5eb2ff}
}
.alli{
    margin: 50px 0;
}
.alli .tpd
{ margin:30px 0;}
.albt{
    font-size: 24px;
    color: #ff7110;
}
.alli p{
    color: #333333;
    font-size: 16px;
}
/*案例分类*/
.yeji{}
.hd{
    position:  relative;
    text-align: center;
    width: 40%;
    margin: auto;
    cursor: pointer;
}
.xx div{
    margin:  auto;
    text-align:  center;
    line-height: 90px;
    font-size: 16px;
}
.xx{padding:50px 0;margin: auto;}
.xx.on div{color: #ff7110;}
.xx.on div:hover{ color:#ff7110}
.xx.on{background:url("../images/jt.png")bottom no-repeat;}
.bd{
    margin-top: 20px;
    border-top: none;
    /* box-shadow: 0px 2px 15px 1px #999999; */
    padding: 50px 90px;
    margin-top: -19px;
    background: #f6f6f6;
    border-top: 1px solid #dddddd;
}
.bd ul{}
.bd span{display:block; font-size:14px;}
.bd a{font-size:20px;}
.bd li:hover a{ color:#f7be16;font-size:20px;}
.bd li:hover{     color:#f7be16}
.bd li{
    cursor:pointer;
    border-bottom:  1px solid #eeeeee;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 10px 0;
}
.alli2{
    margin: 15px 0;
}
.alimg{}
.alimg img{}
.alim{}
.alim span{
    font-size: 18px;
    color: #333333;
}
.alim p{
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    display:-webkit-box;
    line-clamp:3;
    -webkit-line-clamp:3;
    -moz-line-clamp:3;
    -ms-line-clamp:3;
    -o-line-clamp:3;
    -webkit-box-orient: vertical;
}
@media only screen and (max-width:640px){
    .yeji{}
    .hd{
        position:  relative;
    }
    .xx div{
        width: 100%;
        height: auto;
        margin:  auto;
        border-radius:  50%;
        text-align:  center;
        line-height: 20px;
        font-size: 14px;
    }
    .xx{ padding:50px 0;}
    .xx.on div{color: #ff7110;line-height: 120px;}
    .xx.on div:hover{ color:#ff7110}
    .xx.on{background:url("../images/jt.png")bottom no-repeat;padding: 0;}
    .bd{
        margin-top: 20px;
        border-top: none;
        box-shadow: 0px 2px 15px 1px #999999;
        padding: 0;
        margin-top: -12px;
    }
    .bd ul{}
    .bd span{display:block; font-size:14px;}
    .bd a{font-size:20px;}
    .bd li:hover a{ color:#f7be16;font-size:20px;}
    .bd li:hover{     color:#f7be16}
    .bd li{
        cursor:pointer;
        border-bottom:  1px solid #eeeeee;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 10px 0;
    }
    .alli2{
        margin: 15px 0;
    }
    .alimg{}
    .alimg img{}
    .alim{}
    .alim span{
        font-size: 16px;
        color: #333333;
        margin: 10px 0;
    }
    .alim p{
        font-size: 12px;
        color: #666666;
        overflow: hidden;
        display:-webkit-box;
        line-clamp:3;
        -webkit-line-clamp:3;
        -moz-line-clamp:3;
        -ms-line-clamp:3;
        -o-line-clamp:3;
        -webkit-box-orient: vertical;
    }
    .alli{
        margin: 20px 0;
    }
    .alli .tpd
    { margin:30px 0;}
    .albt{
        font-size: 24px;
        color: #ff7110;
    }
    .alli p{
        color: #333333;
        font-size: 14px;
    }
}
.alnr{
    margin: 50px 0;
}
.alnrimg{}
.alnrimg img{}
.alnrw span{
    font-size: 24px;
}
.alnrw li{
    line-height: 50px;
    font-size: 14px;
    color: #666666;
}
.alnrw li a{
    color: #999999!important;
    font-size: 14px;
    margin-right: 15px;
}
.alnrw p{
    color: #666666;
    font-size: 14px;
}
.alnrw p a{
    color: #999999!important;
    font-size: 14px;
    margin-right: 15px;
}
.alnrts{
    color: #FF710F!important;
}
.alnrw{}
.albt2{
    font-size: 24px;
    color: #ff7110;
    margin-top: 50px;
    margin-bottom: 30px;
}
.ysnr{
    font-size: 14px;
    color: #666666;
    line-height: 50px;
}
.tjcp{}
.tjcp1{
    text-align: center;
    color: #666666;
    font-size: 16px;
}

@media only screen and (max-width:640px){

    .alnr{
        margin: 50px 0;
    }
    .alnrimg{}
    .alnrimg img{}
    .alnrw span{
        font-size: 18px;
        display: block;
        margin-top: 15px;
    }
    .alnrw li{
        line-height: 50px;
        font-size: 12px;
        color: #666666;
    }
    .alnrw li a{
        color: #999999!important;
        font-size: 12px;
        margin-right: 15px;
    }
    .alnrw p{
        color: #666666;
        font-size: 12px;
    }
    .alnrw p a{
        color: #999999!important;
        font-size: 12px;
        margin-right: 15px;
    }
    .alnrts{
        color: #FF710F!important;
    }
    .alnrw{}
    .albt2{
        font-size: 20px;
        color: #ff7110;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .ysnr{
        font-size: 12px;
        color: #666666;
        line-height: 50px;
    }
    .tjcp{}
    .tjcp1{
        text-align: center;
        color: #666666;
        font-size: 14px;
    }

}
.cpnrw{}
.cpnrw span{
    font-size: 24px;
    color: #333333;
    margin: 30px 0;
    display: block;
}
.cpnrw p{
    font-size: 14px;
    color: #666666;
}
.abbt{font-size: 21px;color:#333333;margin: 35px 0;}
.abn p{font-size: 14px;color:#666666;margin-top: 10px;line-height: 30px;}
.sy_gy{width:100%;padding:60px 0;text-align:center;overflow:hidden;background: #f6f6f6;margin: 30px 0;}
.sy_gy .gs_js{width:86%; min-width:900px; margin:0 auto; font-size:16px; line-height:32px; margin-bottom:80px;}
.sy_gy .n_r{margin:0 20px;cursor:pointer;color: #666666;font-size: 14px;}
.sy_gy .s_z{font-size:26px;color: #ff7110;}
.sy_gy .s_z b{font-size: 60px;font-family:Arial, Helvetica, sans-serif;color: #ff7110;}
.sy_gy .wrap em{width:100px; height:1px; background-color:#aaa; margin:0 auto 15px; display:block;}
.sy_gy .wrap p{font-size:18px; color:#333;}
.sy_gy li{
    float: left;}
.sy_gy ul{ width: 100%;}
@media only screen and (max-width:640px){
    .sy_gy{padding: 20px 0;background-size:200% auto;}
    .sy_gy .gs_js{width:90%; min-width:90%; font-size:20px; line-height:36px; margin-bottom:30px;}
    .sy_gy .s_z{font-size:26px;color: #ff7110;}
    .sy_gy .s_z b{font-size: 40px;font-family:Arial, Helvetica, sans-serif;color: #ff7110;}
    .sy_gy .n_r{margin:20px 0; cursor:pointer;}
    .sy_gy .wrap em{height:2px; margin:5px auto 10px;}
    .sy_gy .wrap p{font-size: 14px;}
    .sy_gy li{
        float: left;}
    .sy_gy ul{ width: 100%;}
}
.qwh{}
.qwh1{}
.qwh1 .qwhimg{}
.qwh1 .qwhm{}
.qwh2{
    margin-top: 30px;
}
.qwh2 .qwhimg{}
.qwh2 .qwhm{}
.qwhm{}
.qwhm li{
    top: 40%;
    position: absolute;
    border-bottom: 2px solid #5eb2ff;
    width: 100%;
    text-align: right;
    line-height: 55px;
    font-size: 24px;
    color: #333333;
    margin-left: -20%;
    padding-right: 10%;
}
.qwh2 li{
    top: 40%;
    position: absolute;
    border-bottom: 2px solid #5eb2ff;
    width: 100%;
    text-align: left;
    line-height: 55px;
    font-size: 24px;
    color: #333333;
    margin-left: 15%;
    padding-left: 10%;
    z-index: 999;
}
.shzr{}
.shzr img{}
.zrnr{
    font-size: 14px;
    color: #666666;
    margin: 20px 0;
    line-height: 30px;
}
.zr3{
    margin: 50px 0;
}
.zr31{}
.zr32{
    padding: 0;
    font-size: 14px;
    color: #999999;
    padding-right: 20%;
}
.zr32 span{
    display: block;
    color: #222222;
    font-size: 22px;
}
.qwh22{ display: none;}

@media only screen and (max-width:640px){
    .qwh{}
    .qwh1{
        margin: 20px 0;
    }
    .qwh1 .qwhimg{}
    .qwh1 .qwhm{
        width: 100%;
        height: 50px;
    }
    .qwh22{display:block;margin: 20px 0;}
    .qwh2{
        margin-top: 30px;
        display: none;
    }
    .qwh2 .qwhimg{}
    .qwh2 .qwhm{}
    .qwhm{}
    .qwhm li{
        position: absolute;
        border-bottom: none;
        width: 100%;
        text-align: center;
        line-height: 50px;
        font-size: 22px;
        color: #333333;
        margin-left: 0;
        padding-right: 0;
    }
    .qwh2 li{
        top: 40%;
        position: absolute;
        border-bottom: 2px solid #5eb2ff;
        width: 100%;
        text-align: left;
        line-height: 55px;
        font-size: 24px;
        color: #333333;
        margin-left: 15%;
        padding-left: 10%;
        z-index: 999;
    }
    .shzr{
        margin: 50px 0;
    }
    .shzr img{}
    .zrnr{
        font-size: 14px;
        color: #666666;
        margin: 20px 0;
        line-height: 30px;
    }
    .zr3{
        margin: 50px 0;
        text-align: center;
    }
    .zr31{}
    .zr32{
        font-size: 12px;
        color: #999999;
        padding-right: 0;
        width: 100%;
        text-align: center;
        padding: 0 5px;
    }
    .zr32 span{
        display: block;
        color: #222222;
        font-size: 16px;
    }

}
.cpdh{
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #cccccc;
}
.cpdh ul{
    float: left;
    margin: 50px 50px 0  0;
}
.cpdh li{
    line-height: 50px;
}
.cpdh a{
    font-size: 14px;
    color: #333333;
}
.cpdh1{
    border-bottom: 1px solid #cccccc;
}
.cpdh1 a{
    color: #ff7110;
    font-size: 18px;
}
.case1 img{ margin-bottom:20px}
.case{
    margin: 20px 0;
}
.case1 a{
    font-size: 18px;
    font-weight: bold;
}
@media only screen and (max-width:640px){
    .case1 img{ margin-bottom:20px}
    .case{
        margin: 20px 0;
    }
    .case1{
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin: 10px 0;
    }
    .cpdh li{margin:auto;text-align:center;}
    .cpdh ul{ width:49%; margin:auto;}
}
.contact{
    margin: 40px 0;
}
.co1{}
.co11{
    padding-right: 0;
}
.co12{
    font-size: 12px;
    color: #333333;
    line-height: 30px;
    padding: 30px 40px;
    background: #f6f6f6;
}
.co12 span{
    font-size: 20px;
    color: #333333;
    display: block;
    margin: 10px 0;
    font-size: 24px;
}
.co12 p{
}
.co12 p a{
    font-size: 14px;
    color: #999999!important;
}
.co12 li {
    font-size: 14px;
}
.co12 li a{
    font-size: 12px;
    color: #999999!important;
}
.corx{
    width: 100%;
    margin: 10px 0;
}
.corx1{}
.corxbt{
    color: #ff7110;
    border-bottom: 1px solid;
    width: 70%;
    padding: 10px 0;
    font-size: 16px;
}
.corx1:last-of-type .corxbt{ color:#5eb2ff}
.corxnr{
    line-height: 30px;
    color: #333333;
    font-size: 12px;
    padding: 10px 0;
}
.corxnr li{
    font-size: 14px;
}
.corxnr li a{
    color: #999999!important;
    font-size: 12px;
}
/*服务留言*/
.bt{font-size: 24px;color: #333333;margin: 30px 0;}
.liuyan{}
.liuyan form{
    width: 100%;
}
.ly1{
    width: 90%;
    height: 40px;
    line-height: 40px;
    border: 1px solid;
    border-radius: 7px;
    padding: 0 20px;
    font-size: 14px;
    color: #999999;
    margin: 10px 0;
}
.ly1 span{
    color: red;
    margin-left: 5px;
}
.ly1 input{
    width: 80%;
    border: none;
    outline: none;
    padding-left: 10px;
}
.lynr{
    width: 95%;
    border: 1px solid;
    border-radius: 7px;
    padding: 15px;
    color: #999999;
    font-size: 14px;
}
.lynr span{
    color: red;
    margin-left: 5px;
}
.lynr textarea{
    outline: none;
    border: none;
    max-width: 79%;
    max-height: 100px;
    width: 79%;
    height: 100px;
    color: #999999;
}
.liuyan button{
    background: #5eb2ff;
    padding: 10px 60px;
    border: none;
    margin: 20px 0;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
@media only screen and (max-width:640px){
    .bt{font-size: 20px;color: #333333;margin: 10px 0;}
    .liuyan{}
    .liuyan form{
        width: 100%;
    }
    .ly1{
        width: 90%;
        height: 40px;
        line-height: 40px;
        border: 1px solid;
        border-radius: 7px;
        padding: 0 20px;
        font-size: 13px;
        color: #999999;
        margin: 10px 0;
    }
    .ly1 span{
        color: red;
        margin-left: 5px;
    }
    .ly1 input{
        width: 80%;
        border: none;
        outline: none;
        padding-left: 10px;
    }
    .lynr{
        width: 95%;
        border: 1px solid;
        border-radius: 7px;
        padding: 15px;
        color: #999999;
        font-size: 14px;
    }
    .lynr span{
        color: red;
        margin-left: 5px;
    }
    .lynr textarea{
        outline: none;
        border: none;
        max-width: 79%;
        max-height: 100px;
        width: 79%;
        height: 100px;
        color: #999999;
    }
    .liuyan button{
        background: #5eb2ff;
        padding: 10px 60px;
        border: none;
        margin: 20px 0;
        font-size: 14px;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }
}
.jszc{}
.jszc .row{ margin:40px 0}
.jszcm1{}
.jszcm2{}
.jszcm2 span{
    font-size: 24px;
    color: #333333;
    margin: 30px 0;
    display: block;
}
.jszcm2 p{
    color: #666666;
    font-size: 14px;
    line-height: 30px;
}
.jszcm2 li{
    font-size: 120px;
    font-weight: bold;
    color: #eeeeee;
    position: absolute;
    right: 0;
    bottom: 0;
}
.gy_qx{width:100%;margin: 70px 0;height: auto;overflow: hidden;}
.gy_qx .ny_bt{margin:0;}
.gy_qx .qx_pq ul li{margin: 25px -30px 0;float: left;}
.gy_qx .qx_pq ul li.row{ display: block;}
.gy_qx .qx_pq ul li:nth-child(1n) .pq2{float: right;padding-right: 40px;padding-left: 40px;background: #f6f6f6;padding-bottom: 6px;}
.gy_qx .qx_pq ul li:nth-child(2n) .pq2 li{float:left;padding-left: 20px;}
.gy_qx .qx_pq ul li:nth-child(2n) .col-xs-12{float: right;padding-right: 0;background: #f6f6f6;}
.gy_qx .qx_pq .col-sm-6{float: left;padding: 0;}
.gy_qx .qx_pq .t_p img{width:100%;height: auto;display:block;}
.gy_qx .qx_pq .w_z{margin-top: 50px;}
.gy_qx .qx_pq .w_z span{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}
.gy_qx .qx_pq .w_z p{}
.gy_qx .qx_pq .w_z li{
    float: right;
    font-size: 100px;
    color: #eeeeee;
    font-weight: bold;
    padding-right: 40px;
}
.gy_qx .qx_pq .w_z img{max-width:100%; height:auto; display:block; margin-bottom:30px;}
.gy_qx .qx_pq .w_z p{line-height:26px;font-size: 14px;color: #666666;margin-top: 25px;}
.gy_qx .qx_pq .w_z a.more{text-align:left;}
@media only screen and (max-width:640px){
    .gy_qx{width:100%;padding: 0;}
    .gy_qx .ny_bt{margin:0;}
    .gy_qx .qx_pq ul li{margin:70px -30px 0; float: left;}
    .gy_qx .qx_pq ul li.row{display: block;margin-top: 30px;margin-bottom: 30px;}
    .gy_qx .qx_pq ul li:nth-child(1n) .pq2{float: right;}
    .gy_qx .qx_pq ul li:nth-child(2n) .pq2 li{float:left;}
    .gy_qx .qx_pq ul li:nth-child(2n) .pq1{float: right;}
    .gy_qx .qx_pq .col-sm-6{padding:0 30px;float: left;}
    .gy_qx .qx_pq .t_p img{width:100%;height: auto;display:block;}
    .gy_qx .qx_pq .w_z{margin-top:30px;}
    .gy_qx .qx_pq .w_z span{
        font-size: 18px;
        color: #333333;
        font-weight: bold;
    }
    .gy_qx .qx_pq .w_z p{}
    .gy_qx .qx_pq .w_z li{
        float: right;
        font-size: 100px;
        color: #eeeeee;
        font-weight: bold;
        display: none;
    }
    .gy_qx .qx_pq .w_z img{max-width:100%; height:auto; display:block; margin-bottom:30px;}
    .gy_qx .qx_pq .w_z p{line-height:26px;font-size: 14px;color: #666666;margin-top: 20px;}
    .gy_qx .qx_pq .w_z a.more{text-align:left;}
}
.ejm{
    float: left;
    margin: 0 20px;
    width: 20%;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #000;
}
.ejm:hover{color:#ff7110}
.ejm:hover img{ transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);}
.ejm img{
    float: left;
    margin-right: 10px;
    position: absolute;
    left: 15%;
    top: 7%;
    transition:all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
@media only screen and (max-width:640px){
    .ejm{
        float: left;
        margin: 0 20px;
        width: 100%;
        text-align: center;
        position: relative;
        font-size: 13px;
        color: #fff;
    }
    .ejm:hover img{ transform:rotateY(180deg);
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);}
    .ejm img{
        float: left;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 20%;
        transition:all .5s;
        -moz-transition: all .5s; /* Firefox 4 */
        -webkit-transition:all .5s; /* Safari 和 Chrome */
        -o-transition: all .5s; /* Opera */
    }
}
.channel li,.globalSer li{ margin-bottom:40px;}
.channel .pic,.globalSer .pic{ text-align:center;}
.channel h2,.channel p,.globalSer h2,.globalSer p{ margin:0;}
.channel a h2,.globalSer a h2{ font-size:24px; margin-top:15px; margin-bottom:11px;}
.channel a p,.globalSer a p{ font-size:16px; line-height:24px;}


.proIndex2 li{ margin-bottom:40px;}
.proIndex2 li .pic{ text-align:center;}
.proIndex li h2,.proIndex li p,.proIndex2 li h2,.proIndex2 li p{ margin:0;}
.proIndex li h2,.proIndex2 li h2{ font-size:24px; margin-bottom:4px; margin-top:20px;}
.proIndex li p,.proIndex2 li p{ font-size:18px;}
.proIndex{ display:none;}

.proIndex li h2{ font-size:20px; overflow:hidden;}
.channel li:nth-child(3n){ margin-right:0;}
.globalSer li{ width:49.5%; float:left; display:inline; margin-right:1%; position:relative; overflow:hidden; margin-bottom:100px;}
.globalSer li:last-child{ margin-right:0;}
.channel li a,.proIndex li a,.globalSer li a{ display:block; color:#fff;}
.channel li .info,.channel li .info a,.proIndex li .info,.proIndex li .info a,.globalSer li .info,.globalSer li .info a{ position:absolute; left:0; right:0; bottom:0; top:0;}
.channel li .info a div,.proIndex li .info a div,.globalSer li .info a div{ position:absolute; left:15px; right:15px; bottom:5px;}
.proIndex li .info a div{ left:30px; right:30px; bottom:25px;}
.channel li .info p,.proIndex li .info p,.globalSer li .info p{ display:none;}
.proIndex2{ display:none;}
.proIndex{ display:block; margin-bottom:40px; position:relative;}
.proIndex li{ width:24.93%; float:left; display:inline; margin:auto; border-right:1px solid #fff; position:relative; overflow:hidden; }
.proIndex li:nth-child(1){ width:50%;}
.proIndex li .pic{ height:400px; background-repeat:no-repeat; background-position:left center;}
@media screen and (min-width:992px){
    .proIndex li h2{ font-size:24px; margin-top:0;}
    .proIndex li .info{/* background-color:rgba(38,147,180,.8);*/ background:url(../images/proIndex-li-bg.png) repeat-x left bottom;}
    .proIndex li.cur .info{ background:none;}
    .proIndex li .info a div{ bottom:-28px;}
    .proIndex li .info p{ display:block; opacity:0; }
    
    
    .brandList li img,.brandList li .info,.brandList li .info div,.brandList li .info div p,.channel li img,.channel li .info,.channel li .info div,.channel li .info div p,.proIndex li img,.proIndex li .info,.proIndex li .info div,.proIndex li .info div p,.proIndex li:nth-child(1):hover .info div:before,.proIndex li .info,.proIndex li,.globalSer li img,.globalSer li .info,.globalSer li .info div,.globalSer li .info div p{ transition:all ease 0.3s;}
    .brandList li:hover img,.channel li:hover img,.proIndex li:hover img,.globalSer li:hover img{-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
    .brandList li:hover .info,.channel li:hover .info,.globalSer li:hover .info{ background:rgba(0,0,0,.6);}
    .brandList li:hover .info div,.globalSer li:hover .info div{ bottom:25px;}
    .channel li:hover .info div{ bottom:16px; }
    
    
    .proIndex li:hover .info,.proIndex li.cur .info{ background:rgba(0,0,0,.5);}
    .proIndex li:hover .info div,.proIndex li.cur .info div{padding-left: 0px;bottom:30px;}
    .proIndex li:hover .info div:before,.proIndex li.cur .info div:before{ width:52px; height:43px;  position:absolute; left:0; top:50%; margin-top:-21px;}
    .proIndex li:nth-child(1):hover .info div:before,.proIndex li:nth-child(1).cur .info div:before{content:url(../images/c16.png);}
    .proIndex li:nth-child(2):hover .info div:before,.proIndex li:nth-child(2).cur .info div:before{content:url(../images/c18.png); margin-top:-31px;}
    .proIndex li:nth-child(3):hover .info div:before,.proIndex li:nth-child(3).cur .info div:before{content:url(../images/c17.png);}
    .brandList li:hover .info div p,.channel li:hover .info div p,.proIndex li:hover .info div p,.proIndex li.cur .info div p,.globalSer li:hover .info div p{ opacity:1;}
}

@media screen and (min-width:768px){
    .channel li{ width:31.25%; float:left; display:inline; margin-right:3.125%; position:relative; overflow:hidden;}
    .proIndex li h2{font-size: 18px;overflow:hidden;}
    .channel li:nth-child(3n){ margin-right:0;}
    .proIndex li h2 img{ margin-right:20px}
    .globalSer li{ width:49.5%; float:left; display:inline; margin-right:1%; position:relative; overflow:hidden; margin-bottom:100px;}
    .globalSer li:last-child{ margin-right:0;}
    .channel li a,.proIndex li a,.globalSer li a{ display:block; color:#fff;}
    .channel li .info,.channel li .info a,.proIndex li .info,.proIndex li .info a,.globalSer li .info,.globalSer li .info a{ position:absolute; left:0; right:0; bottom:0; top:0;}
    .channel li .info a div,.proIndex li .info a div,.globalSer li .info a div{ position:absolute; left:15px; right:15px; bottom:5px;}
    .proIndex li .info a div{ left:30px; right:30px; bottom:25px;}
    .channel li .info p,.proIndex li .info p,.globalSer li .info p{ display:none;}
   
    .proIndex2{display:none;}
    .proIndex{display:block;margin: 40px auto;position:relative;}
    .proIndex li{ width:24.93%; float:left; display:inline; margin:auto; border-right:1px solid #fff; position:relative; overflow:hidden; }
    .proIndex li:nth-child(1){width:50%;}
    .proIndex li .pic{ height:400px; background-repeat:no-repeat; background-position:left center;}
}
@media screen and (min-width:656px){
    .proIndex li{margin:0 auto;}
}

@media only screen and (max-width:640px){
.proIndex{ display:none;}
.proIndex2{ display:block;}
}

@media screen and (max-width: 1440px) {
    .about {
        padding: 57px 0;
        background-size: 100% 60%;
        background-position: center 10%;
    }
}