/* ---------------------------------------------------------- */
/*                                                            */
/* 项目：响应式网站                                           */
/*                                                            */
/* - 时间：2018.08.6                                         */
/* - 作者：Baozai                                               */
/*                                                            */
/*                                                            */
/*                           QQ:2638456973                    */
/*                                                            */
/* ---------------------------------------------------------- */

@charset "utf-8";

/* 基准色 */
body{color: #393a45;background-color: #ffffff}
a{color:#000}
a:hover{color:#af302d}
a:visited{color:#333333}
a:active,a:focus,a:hover{color:#333333}
li{ list-style-type: none; }

/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.en{
    font-weight: normal;
    font-family: 'Times New Roman';
    color: #c3c3c3;
    text-shadow: none;
    text-transform: uppercase;
}
/*header*/
.head-bg{ background: url('../img/head_bg.jpg') top center no-repeat;  clear: both;  background-size:cover;}
.head-tip{ float: left; }
.tel-tx{ font-size: 16px; color:#b62113; color: #707070; }
.tel-ico{ float: left; padding:1rem 0; width: 25%; box-sizing: border-box; }
.head-tel{ margin-top: 2rem;background: url('../img/toptel_bg.png') top center repeat-x;  clear:both; padding: 1.1rem 0; overflow: hidden; background-size: 100% 100%;}
.head-tel img,.head-tip img{ max-width: 100%; height: auto; }
.head-telnum{ font-size: 3rem; color:#b81e14;text-align:left; float: left; font-weight: bold; line-height: 3rem;}
.head-telnum a{color: #b81e14}
.banner1{ clear: both;width:100%; margin:0 auto;background:url('../img/banner1.jpg') top center no-repeat;  clear: both;  background-size:cover;  }
.banner1 img{ width: 100% }


.indexbanner{background: url('../web/img/base/loading01.gif') center center no-repeat}
.fl{ float: left; }
.fr{ float: right; }
/*index*/

.n-box{ max-width: 1900px; clear: both; margin:0 auto; overflow: hidden;}
.ly-t{ clear: both;background:#a40000; margin:10px auto; display: block; padding:2rem 0; }
.ly-form{ padding: 4rem 10rem; clear: both; }
.ly-w-box{ clear: both; padding: 5rem 10rem; background: #ecd7c2 }
.ly-box{ clear: both; overflow: hidden; background: #EEE; padding:1rem; }
.ly-tel{ border:1px solid #FFF; color: #FFF; font-size: 3rem; height: 4rem; line-height: 4rem; margin-top: 1rem; box-sizing: border-box; width: 92%; text-align: center; font-weight: bold; }
.ly-tel a{ color: #FFF; }
.lyt{ font-size:46px; font-weight: bold; margin-bottom: 2rem;}
.label-t{ float: left; min-width:5%; max-width:8%; }
.form-group {margin-bottom: 15px; clear: both; border:2px solid #cfcfcf; border-radius: 10px; box-sizing: border-box; padding:5px; background: #FFF; font-size:20px; line-height: 5rem;}
.form-control {  box-sizing:border-box;  display: block;  width: 85%;
    padding: 6px 12px;  font-size: 2rem;  line-height: 5rem;  color: #555;  background-color: #FFF;  border: none;}
.about-t{ clear: both; width: 50%; background: #7d181d; display: block; text-align: center; margin:20px auto; }
.about-box{ border: 1px solid #df9273; width: 95%; clear: both; margin:0 auto ; box-sizing: border-box; padding: 2rem; background: url(../img/about_box2.jpg) no-repeat; background-size: 100% 100%; font-size: 3rem; line-height: 4.2rem}
.about-box2{ border: 1px solid #df9273; width: 95%; clear: both; margin:0 auto ; box-sizing: border-box; padding: 2rem; background: url(../img/about_box2.jpg) no-repeat; background-size: 100% 100%; font-size: 3rem; line-height: 4.2rem; text-align: center;}
.about-box-t1{ clear: both; text-align: center; font-size: 5rem; font-weight: bold; color: #7d181d; line-height: 5rem;  margin:2rem 0;}
.about-box-content{ font-size:3rem; line-height: 6rem; text-indent: 2rem; margin-bottom: 2rem; padding: 0 13rem;}
.ys-bg{ clear: both; background: url(../img/youshi_bg1.jpg) top center; background-size: cover; min-height: 900px; padding-bottom: 20rem; }
.ys-li-t{ font-size: 4rem; font-weight: bold; clear: both; text-align: center; min-height: 11rem; margin-top:2rem;}
.ys-li-ico{ clear: both; width: 80%; margin:0 auto; padding-bottom: 1rem; text-align: center; border-bottom: 2px solid #000 }
.ys-li-txt{ clear: both; width:100%; text-align: center; font-size: 4rem; margin:0 auto; line-height:5rem; font-weight:bold;  padding-top: 1rem; min-height: 5rem;}
.ys-more{ clear: both; text-align: center; width: 100%; padding-top: 3rem; }
.pr-info-t1{ clear: both; line-height:5rem; font-size: 20px; font-weight: bold;}
.pro-show{ clear: both; background: url(../img/show_bg.jpg) bottom center; background-size:100% 100%; min-height: 900px;  padding: 2rem; }
.show{ max-width: 1400px; clear: both; margin:0 auto;}
.show-t{ clear: both; padding-top: 3rem; width: 100%; margin:0 auto; text-align: center;  }
.pro-list2{ background: url(../img/pro-list2.png) top center no-repeat; background-size:100% 100%; height: 90px; line-height: 90px; font-size: 20px; text-align: center; list-style-type: none; font-weight:bold; color: #FFF; margin-bottom: 20px; margin-top:20px;  }
.pro-list2 a{ color:#000; display: block;width:100%; height: 90px; }
.pro-list2:hover{ background: url(../img/pro-list2_hover.png) top center no-repeat;background-size:100% 100%;  }
.show-li{ box-sizing: border-box; max-width: 347px; max-height: 414px; background:url(../img/pic-bg.jpg) top center no-repeat; margin-bottom: 100px;}
.show-list-box{ max-width:1500px; clear: both; margin:0 auto;  }
.show-t2{clear: both; padding-top: 3rem; width: 100%; margin:0 auto; text-align: center; background: #ecd7c2;  }
.show-box2{ background: #ecd7c2; clear:both; padding: 0 2rem; }
.ys-li{ border:2px solid #FFF; background: #b30000; border-radius: 15px; position: relative; width: 80%; float: right; margin-bottom: 6rem; min-height: 20rem;}
.ys-li .t1{ font-size: 4rem; font-weight:bold; color: #FFF;}
.ys-li .t2{ font-size:24px; color: #FFF; padding-right: 1rem; }
.ys-t{ clear: both; padding: 5rem 0; }
.ys-txt-r{ width: 82%; float: right; }
.ys-li-pic{ float: left; margin:10px  20px 0 -128px; }
@media only screen and (min-width: 1025px) and (max-width: 1566px) {

.ys-li-pic{ float: left; margin:10px  20px 0 -68px; width: 200px; }
.ys-li .t1{ font-size:2.4rem; font-weight:bold; color: #FFF;}
.ys-li .t2{ font-size:20px; color: #FFF; padding-right: 20px; }

}
.jm-lc{ width: 100%; background:url(../img/jm_bg.jpg) top center no-repeat; background-size: cover;}
.jm-t3{ width: 80%; clear: both; margin:0 auto; text-align: center; padding-top: 5rem;}
.jm-t3 img{ max-width: 100% }
.jm-tip{ clear: both; font-size:40px;  height:86px;line-height: 86px; color: #FFF; background: #b30001;  max-width: 1200px; margin:0 auto 50px auto; text-align: center;}
.jm-txt{ max-width:1400px; font-size:30px; font-weight:bold; line-height: 6rem; color: #000; text-align: center; clear: both; margin:0 auto;}
.jm-ly-pic-box{  max-width: 1220px; clear: both; margin:0 auto;}
.jm-ly-pic-box img{ width: 100% }
.jm-bt{ height:10rem; text-align: center; color: #FFF; font-size: 4rem; line-height: 10rem; width:100%; margin:0 auto ; background: #a40000;  clear: both;  }
.jm-bt-box{ max-width: 890px; clear: both; margin:0 auto; }




/*TOP*/
.bar{color:#595959; position: relative; clear: both; line-height:40px;height:40px; background:#FFF; overflow: hidden;font-size: 14px;border-bottom: 1px solid #cccccc}
.bar span{ text-align: center; }
.bar a{color: #595959; display:block; text-align: center;}
.topbarsj{ width: 30px; height: 30px; text-align: center;  border: 1px solid #CCC; background: #f6f6f6; display: block; border-radius: 50px; float: left; margin-top:3px; text-align: center; }
.topbarsj:hover{ background: #FFF; border: 1.5px solid #8cc332 }
.topbarsj img{ margin-top: 8px; }
.tsj-mag{ margin:3px 20px; }
.topico img{vertical-align: middle}
.bar-r-border{ border-right: 1px solid #ccc;box-sizing: border-box; }

.bar ul li{ float:left;font-size: 12px}
.bar ul li i.split{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #8d8d8d;margin:0 4px}
.lang{padding-left:30px;margin-right: 20px}
.lang.ch{background: url(../img/lang_ch.jpg) center left no-repeat}
.lang.en{background: url(../img/lang_en.jpg) center left no-repeat}


/* LOGO */
.logo{float: left; vertical-align: middle; z-index: 2; position: relative; text-align: right; margin-left: 2rem;}
.logo a{display: block; height: 100%}
.logo span{display: inline-block; height: 100%; width: 0; text-align: center; vertical-align: middle;}
.logo img{vertical-align: middle;max-height: 100%}
.logo:after{display: none;content: '';width: 1px;height: 68px;background-color: #e1e1e1;position: absolute;right: 0;top: 50%;margin-top: -34px}

.slogan{position: relative;float: left;width: 50%;height: 120px;vertical-align: middle;}
.slogan::before{content: " ";display: inline-block;height: 100%;width: 0%;vertical-align: middle;}
.slogan p{display: inline-block;vertical-align: middle;margin: 0;padding: 20px;font-size: 24px;color: #d41936;line-height: 1}
.slogan p small{padding-left: 15px;font-weight: normal;font-size: 14px;color: #414141}
.slogan p i{color: #d41936}

.head_tel{position: relative; height: 120px; text-align: right;}
.head_tel::before{content: " "; display: inline-block; height: 100%; width: 0%; vertical-align: middle;}
.head_tel p{display: inline-block; vertical-align: middle; font-size: 18px; color: #333333; line-height: 30px;}
.head_tel a{display: block; font-size: 26px;color: #d41936;font-weight: bold;}
.head_tel i{margin-right: 10px; font-size: 34px;color: #d41936}

.wapNavBtn{display:none;position:absolute;top:0;right:16px;cursor:pointer;
    animation: transform .4s ease-in-out 0s both;
    -moz-animation: transform .4s ease-in-out 0s both;
    -webkit-animation: transform .4s ease-in-out 0s both;
    -o-animation: transform .4s ease-in-out 0s both;
}
.wapLanguage{display:none;position:absolute;top:35px;right:120px;}
.wapLanguage .language{padding:0 14px;color:#999999;font-size:28px;line-height:28px;display:inline-block;*display:inline;*zoom:1;}
.wapLanguage .language.on{color:#00aa3a;}
.wapLanguage .language.cn{border-right:3px solid #bababa;}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}

/* 导航-1 */
.navBox{position: relative;font-size: 16px; height: 77px; line-height: 77px; background: url(../img/nav_bg.jpg) top center repeat-x;}

.nav_transform1{}
.nav_transform1 .navTop{position:absolute;top:0px;display:none;height:4px;background:#f89120;}
.nav_transform1 .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont li{position:relative;float:left;text-align:center; width: 100% }
.nav_transform1 ul.navCont li a{display: block;color:#e4dfd3;line-height:77px; color: #e4dfd3}

.nav_transform1 ul.navCont li a span{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; background: none;}
.nav_transform1 ul.navCont li a span{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;background:bottom none; }
.nav_transform1 ul.navCont li a:hover span{background: url(../img/nav_li_hover.jpg) bottom repeat-x; color: #e4dfd3}
.nav_transform1 ul.navCont li .cur a span{background: url(../img/nav_li_hover.jpg) bottom repeat-x; }
.nav_transform1 ul.navCont li .last a{border-right: 0px}

/*二级*/
.nav_transform1 ul.navCont li.child{position: relative; float: left; width: 11.1%;  text-align: center;}
.nav_transform1 ul.navCont li.child .childcont{position:absolute;top:100%;z-index:999;display:none;width:100%;background-color:#8cc332;padding: 10px 0}
.nav_transform1 ul.navCont li.child .childcont a{line-height: 40px;border-right:0px; color: #FFF;}
.nav_transform1 ul.navCont li.child .childcont a:hover{text-decoration: underline;}

    /*nav anim*/
    .nav_transform1 .bg{position:absolute;width:50%;height:50%;background:rgba(0,0,0,.8);display: none;}
    .nav_transform1.skin-white .bg{background:rgba(255,255,255,.85)}
    .nav_transform1.skin-blue .bg{background:rgba(13,98,190,.8);}
    .nav_transform1 .bg1{top:0px;left:0px;}
    .nav_transform1 .bg2{top:0px;right:0px;}
    .nav_transform1 .bg3{bottom:0px;left:0px;}
    .nav_transform1 .bg4{bottom:0px;right:0px;}
    .nav_transform1.in .bg1{animation:navBgin1 .4s  ease-in-out 0s  both;
        -moz-animation:navBgin1 .4s  ease-in-out 0s  both;
        -webkit-animation:navBgin1 .4s  ease-in-out 0s  both;
        -o-animation:navBgin1 .4s  ease-in-out 0s  both;}
    .nav_transform1.in .bg2{animation:navBgin2 .4s  ease-in-out 0s  both;
        -moz-animation:navBgin2 .4s  ease-in-out 0s  both;
        -webkit-animation:navBgin2 .4s  ease-in-out 0s  both;
        -o-animation:navBgin2 .4s  ease-in-out 0s  both;}
    .nav_transform1.in .bg3{animation:navBgin3 .4s  ease-in-out 0s  both;
        -moz-animation:navBgin3 .4s  ease-in-out 0s  both;
        -webkit-animation:navBgin3 .4s  ease-in-out 0s  both;
        -o-animation:navBgin3 .4s  ease-in-out 0s  both;}
    .nav_transform1.in .bg4{animation:navBgin4 .4s  ease-in-out 0s  both;
        -moz-animation:navBgin4 .4s  ease-in-out 0s  both;
        -webkit-animation:navBgin4 .4s  ease-in-out 0s  both;
        -o-animation:navBgin4 .4s  ease-in-out 0s  both;}
    @keyframes navBgin1{
    0%{ transform:translateX(-100%);}
    100%{ transform:translateX(0);}
    }
    @-moz-keyframes navBgin1{
    0%{ -moz-transform:translateX(-100%);}
    100%{ -moz-transform:translateX(0);}
    }
    @-webkit-keyframes navBgin1 {
    0%{ -webkit-transform:translateX(-100%);}
    100%{ -webkit-transform:translateX(0);}
    }
    @-o-keyframes navBgin1{
    0%{ -o-transform:translateX(-100%);}
    100%{ -o-transform:translateX(0);}
    }

    @keyframes navBgin2{
    0%{ transform:translateY(-100%);}
    100%{ transform:translateY(0);}
    }
    @-moz-keyframes navBgin2{
    0%{ -moz-transform:translateY(-100%);}
    100%{ -moz-transform:translateY(0);}
    }
    @-webkit-keyframes navBgin2 {
    0%{ -webkit-transform:translateY(-100%);}
    100%{ -webkit-transform:translateY(0);}
    }
    @-o-keyframes navBgin2{
    0%{ -o-transform:translateY(-100%);}
    100%{ -o-transform:translateY(0);}
    }

    @keyframes navBgin3{
    0%{ transform:translateY(100%);}
    100%{ transform:translateY(0);}
    }
    @-moz-keyframes navBgin3{
    0%{ -moz-transform:translateY(100%);}
    100%{ -moz-transform:translateY(0);}
    }
    @-webkit-keyframes navBgin3 {
    0%{ -webkit-transform:translateY(100%);}
    100%{ -webkit-transform:translateY(0);}
    }
    @-o-keyframes navBgin3{
    0%{ -o-transform:translateY(100%);}
    100%{ -o-transform:translateY(0);}
    }

    @keyframes navBgin4{
    0%{ transform:translateX(100%);}
    100%{ transform:translateX(0);}
    }
    @-moz-keyframes navBgin4{
    0%{ -moz-transform:translateX(100%);}
    100%{ -moz-transform:translateX(0);}
    }
    @-webkit-keyframes navBgin4 {
    0%{ -webkit-transform:translateX(100%);}
    100%{ -webkit-transform:translateX(0);}
    }
    @-o-keyframes navBgin4{
    0%{ -o-transform:translateX(100%);}
    100%{ -o-transform:translateX(0);}
    }
    .nav_transform1.out .bg1{animation:navBgout1 .4s  ease-in-out .4s  both;
        -moz-animation:navBgout1 .4s  ease-in-out .4s  both;
        -webkit-animation:navBgout1 .4s  ease-in-out .4s  both;
        -o-animation:navBgout1 .4s  ease-in-out .4s  both;}
    .nav_transform1.out .bg2{animation:navBgout2 .4s  ease-in-out .4s  both;
        -moz-animation:navBgout2 .4s  ease-in-out .4s  both;
        -webkit-animation:navBgout2 .4s  ease-in-out .4s  both;
        -o-animation:navBgout2 .4s  ease-in-out .4s  both;}
    .nav_transform1.out .bg3{animation:navBgout3 .4s  ease-in-out .4s  both;
        -moz-animation:navBgout3 .4s  ease-in-out .4s  both;
        -webkit-animation:navBgout3 .4s  ease-in-out .4s  both;
        -o-animation:navBgout3 .4s  ease-in-out .4s  both;}
    .nav_transform1.out .bg4{animation:navBgout4 .4s  ease-in-out .4s  both;
        -moz-animation:navBgout4 .4s  ease-in-out .4s  both;
        -webkit-animation:navBgout4 .4s  ease-in-out .4s  both;
        -o-animation:navBgout4 .4s  ease-in-out .4s  both;}
    @keyframes navBgout1{
    100%{ transform:translateX(-100%);}
    0%{ transform:translateX(0);}
    }
    @-moz-keyframes navBgout1{
    100%{ -moz-transform:translateX(-100%);}
    0%{ -moz-transform:translateX(0);}
    }
    @-webkit-keyframes navBgout1 {
    100%{ -webkit-transform:translateX(-100%);}
    0%{ -webkit-transform:translateX(0);}
    }
    @-o-keyframes navBgout1{
    100%{ -o-transform:translateX(-100%);}
    0%{ -o-transform:translateX(0);}
    }

    @keyframes navBgout2{
    100%{ transform:translateY(-100%);}
    0%{ transform:translateY(0);}
    }
    @-moz-keyframes navBgout2{
    100%{ -moz-transform:translateY(-100%);}
    0%{ -moz-transform:translateY(0);}
    }
    @-webkit-keyframes navBgout2 {
    100%{ -webkit-transform:translateY(-100%);}
    0%{ -webkit-transform:translateY(0);}
    }
    @-o-keyframes navBgout2{
    100%{ -o-transform:translateY(-100%);}
    0%{ -o-transform:translateY(0);}
    }

    @keyframes navBgout3{
    100%{ transform:translateY(100%);}
    0%{ transform:translateY(0);}
    }
    @-moz-keyframes navBgout3{
    100%{ -moz-transform:translateY(100%);}
    0%{ -moz-transform:translateY(0);}
    }
    @-webkit-keyframes navBgout3 {
    100%{ -webkit-transform:translateY(100%);}
    0%{ -webkit-transform:translateY(0);}
    }
    @-o-keyframes navBgout3{
    100%{ -o-transform:translateY(100%);}
    0%{ -o-transform:translateY(0);}
    }

    @keyframes navBgout4{
    100%{ transform:translateX(100%);}
    0%{ transform:translateX(0);}
    }
    @-moz-keyframes navBgout4{
    100%{ -moz-transform:translateX(100%);}
    0%{ -moz-transform:translateX(0);}
    }
    @-webkit-keyframes navBgout4 {
    100%{ -webkit-transform:translateX(100%);}
    0%{ -webkit-transform:translateX(0);}
    }
    @-o-keyframes navBgout4{
    100%{ -o-transform:translateX(100%);}
    0%{ -o-transform:translateX(0);}
    }
    .nav_transform1.in .navCont{
        animation:navContentIn .4s  ease-in-out .4s  both;
        -moz-animation:navContentIn .4s  ease-in-out .4s  both;
        -webkit-animation:navContentIn .4s  ease-in-out .4s  both;
        -o-animation:navContentIn .4s  ease-in-out .4s  both;
    }
    @keyframes navContentIn{
    0%{ transform:scale(0); opacity:0;}
    80%{ transform:scale(1.1);}
    100%{ transform:scale(1); opacity:1;}
    }
    @-moz-keyframes navContentIn{
    0%{ -moz-transform:scale(0); opacity:0;}
    80%{ -moz-transform:scale(1.1);}
    100%{ -moz-transform:scale(1); opacity:1;}
    }
    @-webkit-keyframes navContentIn {
    0%{ -webkit-transform:scale(0); opacity:0;}
    80%{ -webkit-transform:scale(1.1);}
    100%{ -webkit-transform:scale(1); opacity:1;}
    }
    @-o-keyframes navContentIn{
    0%{ -o-transform:scale(0); opacity:0;}
    80%{ -o-transform:scale(1.1);}
    100%{ -o-transform:scale(1); opacity:1;}
    }
    .nav_transform1.out .navCont{
        animation:navContentOut .4s  ease-in-out 0s  both;
        -moz-animation:navContentOut .4s  ease-in-out 0s  both;
        -webkit-animation:navContentOut .4s  ease-in-out 0s  both;
        -o-animation:navContentOut .4s  ease-in-out 0s  both;
    }
    @keyframes navContentOut{
    100%{ transform:scale(0); opacity:0;}
    20%{ transform:scale(1.1);}
    0%{ transform:scale(1); opacity:1;}
    }
    @-moz-keyframes navContentOut{
    100%{ -moz-transform:scale(0); opacity:0;}
    20%{ -moz-transform:scale(1.1);}
    0%{ -moz-transform:scale(1); opacity:1;}
    }
    @-webkit-keyframes navContentOut { 
    100%{ -webkit-transform:scale(0); opacity:0;}
    20%{ -webkit-transform:scale(1.1);}
    0%{ -webkit-transform:scale(1); opacity:1;}
    }
    @-o-keyframes navContentOut{
    100%{ -o-transform:scale(0); opacity:0;}
    20%{ -o-transform:scale(1.1);}
    0%{ -o-transform:scale(1); opacity:1;}
    }

/*index*/
.sect_us{clear: both;  height:auto; background: #ecd7c2}
.level-ad{ width:60%; height: 6rem; color:#FFF; background:#8cc332; border-radius:40px; display: block; text-align: center; border: 1px solid #aee358; position: relative;}
.level-ad .ch{ font-size: 24px; font-weight: bold; }
.level-ad .en{ font-size: 10px; text-transform: uppercase; color: #FFF; }
.level-ad:after{ content: ''; position: absolute; top: 50%; height: 1px; border-top:1px  solid #aee358; width: 50%; right:-60%}
.about-bar{ padding-top: 10rem; height: 35rem; overflow: hidden; }
.about-left{ padding:8rem 5rem; background: #f0f0f0; box-sizing: border-box; float: left; width: 46.5%  }
.about-left p{ font-size:1.6rem; line-height: 3rem; }
.about-left p img{ margin-bottom: 2rem; }
.about-right{ padding:6rem; background: #FFF; box-sizing: border-box; float: left; width: 53.5%;}
.about-right .ch{ font-size: 3rem; position: relative;}
.about-right .ch:after{ content: ''; height: 2px; width:12%; border-bottom: 1px solid #b9b9b9; position: absolute; left: 0; top:4.8rem;  }
.c-name{ font-size: 2.2rem; line-height: 5rem; }
.about-txt{color: #838383;}
.abmore{ height: 3rem; width:10rem; border:1px solid #dcdcdc; line-height:3rem; text-align: center; display: block; margin-top:2.8rem; font-family: Arial Black;}
.fl-r{ float: right; }
.sect-video{ clear: both;background: url(../img/video_bg.jpg) top center no-repeat; height:auto; background-size: cover;  }
.zp-bt{ font-size: 2.6rem; color: #FFF; width: 192px; height: 42px; background: url(../img/zp_bt.png) center center no-repeat; background-size: cover; line-height: 42px; text-align: center;   clear: both; margin:2rem auto;}
.zp-bt a{ color: #FFF;}
.zp-box{ padding-left: 3rem; }
.zp-f1{ font-size: 2rem; color: #FFF; font-weight: bold; margin-bottom: 2rem; }
.zp-f2{ font-size: 1.5rem; color: #FFF; }
.zp-f3{ font-size: 2rem; color: #FFF; font-weight: bold;  }
.zp-f4{ font-size: 3rem; color: #FFF; font-family: Impact;}
.video-box{ background: url(../img/video_bg.png) top left no-repeat; width:30rem; padding:2rem 1rem; box-sizing: border-box; text-align: center; }
.video-level{  height: auto; float:right; padding-left: 2rem;box-sizing: border-box;}
.video{ min-height: 437px; width: 100%; display: block; }
.iframevideo{ width: 100%; height: 400px; display:}


.level-li{font-size: 2rem; text-align: right; box-sizing: border-box; position:relative; clear: both; overflow: hidden; height: 6.2rem;}
.level-li:after{ content: '';position: absolute; right:14px;  top:0; display: block; width: 3px; height: 100%; border-right: 2px dotted #d0d0d0; z-index: 88;}
.level-li .ch{ font-size: 1em; line-height: 2rem; }
.level-li .en{ font-size: 1rem; line-height: 2rem; font-family: Times New Roman;}
.level-li-ico{ font-size: 3rem; padding-left: 1rem;}
.level-li-ico2{ font-size: 2rem; padding-left: 1rem;}

.level-cy{ width:20px; height: 20px; border:4px solid #d0d0d0; background: #FFF; border-radius:20px; display: block; float: right; margin-top:1rem; margin-left: 1rem; z-index: 999; position: relative;}
.jobs{ text-align: center; }
.sect_news{clear: both; background:url(../img/news_bg.jpg) right top no-repeat; padding: 2rem 0; }
.news-t{ font-size: 2.5rem; color: #FFF; text-align: center;  font-weight: normal;}
.news{ text-align:center;float: right!important; }
.news-li{ position: relative; background: url(../img/new_li.png) top center no-repeat; width: 100%; background-size:100% 100%; height: 38rem; box-sizing: border-box; padding:2rem 6rem; margin-bottom: 2rem;}
.news-li:hover{ background: url(../img/news_li_hover.png) top center no-repeat;width:100%; background-size:100% 100%; }
.news-li:hover a{ color: #FFF; }
.news-li:hover .news-li-t,.news-li:hover a .date{ color: #FFF }
.telinfo{display:none;z-index: 999999;  background:rgba(255,255,255,0.9); top: 40px; left: 10px;  position: absolute; width: 50%; left: 25%;  padding:2rem; border-radius: 10px; font-size: 1.8rem; color: #666; border:1px solid #CCC; }
.date{ color: #000; font-size: 2rem; line-height: 3rem; height: 6rem; clear:both; text-align: right;}
.news-li-t{ color: #000; font-size:2rem; line-height: 3rem; clear: both; border-bottom: 1px dotted #e1e0e0;text-overflow: ellipsis; overflow: hidden;
    width: 100%;  white-space: nowrap; height: 3rem; margin-bottom: 2rem; margin-top: 2rem;}
.news-li-txt{  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.news-li .news-li-more{ width: 60%; height: 2.6rem; border-radius: 20px; border: 1px solid #fff; color: #FFF; line-height: 2.6rem; text-align: center; position: absolute; font-family: Impact; font-size:2.5rem; background: #a40000; bottom:3rem;}
.news-li:hover .news-li-more{color: #FFF; }
.news-li:hover .date{ color: #FFF }
.news-li .news-li-more:after{ content: '→'; font-size: 3rem; font-weight:bold; color: #FFF; position: absolute; right:1rem; top:-2%;}
.news-level p{ color: #FFF; }
.news-level ul{ width: 12rem; clear: both; margin: 0 auto; }
.news-level ul li{ width: 12rem; height:3rem; line-height: 3rem;  display: block; color: #FFF; margin-bottom: 1rem; font-size: 2rem;}
.news-level ul li a{ width: 12rem; height:3rem; line-height: 3rem; border-radius: 2rem; border: 1px solid #8cc332; text-align: center; display: block; color: #FFF; }
.news-level ul li a:hover{ width: 12rem; height:3rem; line-height: 3rem; border-radius: 2rem; border: 1px solid #aee358; text-align: center; display: block; color: #FFF; }

.sect-counter{ clear:both; margin-bottom: -9rem; position: relative; z-index: 99999 }
.counter-bg{ padding:3rem; background: #f2f2f2; box-sizing: border-box; margin-bottom: 2rem; position: relative; }
.counter-bg:after{ content: ''; height:6rem; width: 1px; background:#bcbcbc; position: absolute; top:3rem; right: 0;}
.counter-f1{ font-size:5rem; font-family: Impact;  line-height: 5rem; }
.counter-f2{ font-size: 1.4rem;  margin-top: 3.5rem; }
.counter-bg p{ clear: both; text-align: center; }



.sect_case h4 .en{ font-size:7.5rem; color: #3660ac; text-align: center; font-weight: bold;}
.sect_case h4 .ch{ font-size: 2.5rem; color: #FFF; text-align: center; margin-top: -6rem; font-weight: normal; background: url(../img/about_t.jpg) bottom center no-repeat;}
.sect_case h4{  }
.newsli{ padding: 2rem; height: 17rem; background: #FFF; border:1px solid #e5e5e5; box-sizing: border-box; overflow: hidden; margin-bottom: 2rem; }
.newsli:hover{ box-shadow: 2px 2px 10px #dadada }
.newsli-t{ font-size: 1.5rem; text-overflow:ellipsis; overflow: hidden; width: 100%;white-space:nowrap; border-bottom: 1px solid #ccc; line-height: 3rem;}
.newsli-t a{color: #1b56b2; }
.newsli-t a:hover{ text-decoration: none; }
.newsli-txt{ font-size:1rem;text-overflow:ellipsis; overflow: hidden; width: 100%;white-space:nowrap; line-height: 2rem; }
.news-pic{ height: 100%; width: 100%;overflow: hidden;}
.news-pic img{}
/*ABOUT*/


/*
 * footer
 */
.copybar{ clear: both; line-height: 3rem; line-height: 3rem; background: 
#272727; text-align: center; font-size: 12px; color: #FFF }
.copy-txt{ text-align: center; width: 100% }
.copy-txt img{ clear: both;  margin:0 auto; width: 128px; }
.footer{background:#363636;color:#999999;line-height: 30px; position: relative;}
.bot-fix{ position: fixed; bottom: 0; }
.bot-fix img{ width: 100%; }
.fr-list{ clear: both; max-width: 1400px; margin:0 auto; }
.fr-link-t{ float: left; font-size: 16px; line-height: 5rem; }
.fr-link-box{ float: left; }
.fr-link-box a{ color: #231815 }
.copyinfo{ width: 40%; clear: both; margin:0 auto; overflow: hidden; margin-bottom: 1rem; }
.copyinfo img{ float: left; }
.foot-tel{ font-size: 3rem; color: #f6f6f6; line-height: 3rem;}
.foot-add{ font-size: 1.4rem; color: #f6f6f6;}
.copytel{ float: left; text-align: left; padding-left: 2rem; }

.footer a{color: #fff}
.footer a:hover{text-decoration: underline;color: inherit;}
.footer_detail{padding: 20px 0 10px 0}
.footer_detail span{padding-right:4px}
.footer_detail ul {width: 100%}
.footer_detail ul li{width:45%;float: left;text-align: left;padding-left:3%;position: relative;}
.footer_detail ul li i{font-size: 1.5em;position: absolute;left: 0;top: 0}

/*导航*/
.footer_nav{display: inline-block;padding: 6px 20px;border-top: 1px solid #535353;border-bottom: 1px solid #535353}
.footer_nav a{padding: 0 10px;position: relative;color: #999999}
.footer_nav a:after{display: none;content: '';width: 1px;height: 11px;background-color: #fff;position: absolute;right: 6px;top: 5px}
.footer_nav a.last:after{display: none;}
/*友链*/
.fr-linkt{ color:#FFF; background: #1b56b2; line-height: 5rem; text-align: center;}
.footer_link{ box-sizing: border-box;  padding:0;text-align: left;background-color: #fafafa; height: 5rem; line-height: 5rem; max-width: 1400px; position: relative; top:-3rem; margin: 0 auto; background: #FFF;}
.footer_link a{color: #999999;padding: 0 4px}
.footer_link a:hover{}
.fr-link-box{ overflow: hidden; white-space: nowrap;text-overflow: ellipsis;    overflow: hidden; }
/**/
.footer_info{padding: 3em 0; text-align: center; padding: 8rem 0;}
.footer_info h1{font-size: 3rem;color: #fff;margin:0;}
.footer_info small{color: #fff}
.footer-line{ border-right: 1px solid #585858; padding-left: 1.5rem; box-sizing: border-box; }
.footer-t1{ font-size:2rem; margin-bottom: 20px; text-align: left; color: #FFF; }
.footer-t2{ font-size:1.3rem; }
.footer-t2 a{ text-transform: none; color: #999 }
.foot-lx{ text-align: left; }
.footer .form-control{border:1px solid #3e8ed6;background-color:#1076d2;color:#7bb5e9}
.footer textarea.form-control{height:110px}
/*底部导航*/
.footer_info dl{width: 12.5%;float: left;}
.footer_info dl dt{color: #333333;font-size: 15px;position: relative;padding-bottom: 10px;margin-bottom: 10px}
.footer_info dl dt:after{display: block;content: '';width: 50px;height: 1px;background: #dadada;position: absolute;bottom: 0;left: 0}
.footer_info dl dd{line-height: 2;font-size: 12px}
.footer_info dl dd a{color: #979595}
.footer_info dl dd a:hover{color: #333333;text-decoration: underline;}
/*二维码*/
.footer_qf{font-size: 12px;text-align: center;}
/*版权*/
.footer_copy{border-top: 1px solid #999999;padding: 10px 0}
.footer_copy span{padding-right: 10px}

.shareBox{padding-bottom: 2em}
.shareBox li{display: inline-block;}
.shareBox li a{background: #4d4d4d;color:#fff;border-radius: 50%;display: inline-block;width:45px;height:45px;margin-right: 6px;text-align: center;line-height: 45px;font-size: 2rem}
.shareBox li a:hover{text-decoration: none}


/*
 * top
 */
.top{display:none;position:fixed;right:10px;bottom:80px;z-index:999;width:40px;height:40px;font-size:24px;color: #9c9c9c;background: whitesmoke;border: 1px solid #d9d9d9;line-height:40px;text-align:center;cursor:pointer;}
.top2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.top:hover{background:#999999;color: #fff}
.top img{vertical-align:middle;}


/*
 * block
 */
.index_ {padding:4em 0 1em;}
.index_ .T{padding-bottom: 24px;text-align: center;color:#333333;overflow: hidden;}
.index_ .T h1{font-size: 36px;line-height:2;font-weight: bold;color: #202020}
.index_ .T h2{font-size: 2rem;color: #999999;font-weight: normal;text-transform: uppercase;font-family: serif;letter-spacing: 3px;}
.index_ .T h2 strong{padding: 0 20px;position: relative;font-weight: normal;}
.index_ .T h2 span{color: #014785}
.index_ .T h2 a{display: block;font-size: 1rem;background-color: #014785;color: #fff;width: 100px;margin:0 auto;border-radius: 15px;font-weight: normal}
.index_ .T h2 .l{height: 4px;width:16px;background:#ccc;display: block;position: absolute;right: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .r{height: 4px;width:16px;background:#ccc;display: block;position: absolute;left: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .l:before{display: block;content: ' ';width:200px;height: 1px;background: #cccccc;position: absolute;right: 100%;bottom: 2px;margin-right: 0}
.index_ .T h2 .r:after{display: block;content: ' ';width:200px;height: 1px;background: #cccccc;position: absolute;left: 100%;bottom: 2px;margin-left: 0}
.index_ .T h3{font-size: 20px;font-weight: normal;}
.index_ .T h4{font-size: 34px;color: #333333;font-weight: normal;}
.index_ .T h4 span{color: #d41936}
.index_ .T h5{font-size: 16px;font-weight: normal;color: #fff;text-transform: uppercase;}
.index_scroll h2{color:#fff;}
.index_scroll .T .more{float:right;width:152px;height:59px;background:url(../img/i_18.png) 0 bottom no-repeat;overflow:hidden;text-indent:-999px;margin-right:20px;}

/*
* more: text or block
*/
a.more{color: #575757;margin:0 auto;}
a.more{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
a.more:hover{color: #fff;}
a.more.block{padding: 10px 30px;border: 1px solid #c5c2c2;display: inline-block;margin-top: 10px}
a.more.block:hover{color: #ee3f8c; background-color: #fff; border-color: #fff;}
a.button{width: 220px;height: 45px;border: 1px #eee solid;border-radius: 40px;background-color: #fff;display: block;margin: 0 auto;text-align: center;line-height: 45px;position: relative;overflow: hidden;}
a.button.anim span{position: absolute;left: 50%;top: 0;white-space: nowrap;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition-delay: 250ms;-moz-transition-delay: 250ms;-ms-transition-delay: 250ms;-o-transition-delay: 250ms;transition-delay: 250ms;}
a.button.anim i:before{font-size: 22px;color: #ec408c;position: absolute;top: 9px;left: 0;-webkit-transform: translateX(-200%);-ms-transform: translateX(-200%);-o-transform: translateX(-200%);transform: translateX(-200%);}
a.button.anim:hover i:before{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
a.button.anim:hover span{left: 120%;}


/*
 * 搜索 
 */
.search_tool{width:100%;background:url(../img/search_tool_bg.jpg) top center no-repeat;}
.search_left{ color: #FFF; float: left; }
.search_tool_box{padding:5rem 1rem  1rem;}
.search_left .ch{ color: #FFF; font-size: 20px;  padding:2rem 3rem 0 0;background: url(../img/search_ch.jpg) top left no-repeat; box-sizing:content-box; width: }
.search_left .more{ width:14rem; height:3.8rem; border: 1px solid #a1b9df; color: #FFF; font-size: 14px; text-align: center; line-height:3.8rem; display: block; float: left; margin-top: 3rem;}
.search_left .en{ color: #8ea3d1; font-size: 14px; text-transform: uppercase; }
.search_right{ float: left;}
.search_right span{ text-align: center; }
@media screen and (max-width: 1177px){
   .search_tool{width:100%;height:249px;background:url(../img/search_tool_bg_mid.jpg) top center no-repeat; background-size: cover; }

}
@media screen and (max-width: 590px){
   .search_tool{width:100%; height:auto;background:url(../img/search_tool_bg_mid.jpg) top center no-repeat; background-size: cover; }
   .search_tool_box{ padding: 1rem; }

}



.widget-search-hot{font-size:14px;width: 100%}
.widget-search-hot a{padding:0 6px}
.widget-search-hot a:hover{text-decoration:underline}
.widget-search-form{padding-top: 40px}
.widget-search-form input{float:left;height:40px;vertical-align:top;font-size: 12px}
.widget-search-form .form-control{background: none;border:1px solid #cbcbcb}
.widget-search-form .search_btn{margin-left:-50px;width:50px;border: 1px solid #ccc;background: url(../img/base/t_ico.png) -94px -55px no-repeat;}
.widget-search-form .search_btn:hover{background-position: -94px -4px}

/* ==========================================================================
   Common
   ========================================================================== */
.opc0{opacity:0;}

/*媒体盒子模型*/
.pro-show-title{ width:100%; height: auto;  line-height: 5rem; text-align: center; font-size: 2.0rem; font-weight: bold; color: #7d181d }
.pro-show-title a{color: #7d181d}
 .media-box{display:block;text-align: center;width: 100%; padding: 25px 40px; box-sizing: border-box; }
 .media-box .icon{display: inline-block; width: 100%; height: 140px; overflow: hidden;}
 .media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
 .media-box h3{font-size: 1.6rem;padding:5px 10px;color: #000}
 .show-more{ line-height: 3rem; margin-top: 3rem; }
 .show-more .title-m1{ width: 40%; float: left; height: 3rem; border-radius:10px; border:1px solid #facd89; background: #e60012; color: #FFF; font-size:2rem; text-align: center;}
 .show-more .title-m2{ width: 40%; float: right; height: 3rem; border-radius:10px; border:1px solid #facd89; background: #b28850;color: #FFF; font-size:2rem;text-align: center;}
 .media-box .icon img{width: auto;height: auto}
 .media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
 .media-box.anim.anim-scale:hover .icon img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.media-box .laytit{position: absolute;bottom:0;left: 0;width: 100%;font-size: 1.6rem;background: url(../img/base/layer.png);line-height: 2.4;color: #fff}

/*面包屑*/
.PageCrumb{float: right;font-size: 12px;line-height: 4;border-bottom: 1px solid #fff;text-align: right;font-weight: normal;}
.PageCrumb a{color: #1f71c5;padding: 0 3px}
.PageCrumb a:hover{color: #000;}

/* BOX */
.widget-box{background-color: #fff;color: #000;padding: 30px;margin-bottom: 20px}
.widget-box h4{font-size: 20px;line-height: 32px;margin-bottom: 25px}
.widget-box h4 a{float: right;font-size: 14px;font-weight: normal;color: #0e58a4}

/* portlet */
.portlet{width: 100%;margin-bottom: 15px;}
.portlet > .portlet-title{font-size: 20px;line-height: 32px;margin-bottom: 15px;font-weight: normal;padding-left: 10px;color: #000}
.portlet > .portlet-title a{float: right;font-size: 14px;font-weight: normal;color: #6e6e6e}
.portlet > .portlet-body {background-color: #f7f7f7}
.portlet.bordered > .portlet-body {border: 1px solid #e6e5e5}
.portlet.padding > .portlet-body{padding: 20px 25px}

/* 两列右侧自适应布局 */
.g-bd1{margin:0 0 10px;}
.g-sd1{position:relative;float:left;width:260px;margin-right:-260px;}
.g-mn1{float:right;width:100%;}
.g-mn1c{ padding: 2rem; }
@media screen and (max-width: 640px){
    .g-bd1{margin:0 0 10px;}
    .g-sd1{position:relative;float:left;width: 100%;margin-right:0;}
    .g-mn1{float:right;width:100%;}
    .g-mn1c{margin-left:0;}
}

/* 问答*/
.ask-box{width:100%;padding-bottom:2rem;margin-bottom:1rem;border-bottom:1px dotted #ccc}
.ask-box i{position:absolute;font-size:12px;font-style:normal;color:#fff;display:block;width:20px;height:20px;font-weight:400;margin-right:10px;text-align:center;line-height:20px;top:0;left:0}
.ask-box h3{line-height:20px;font-weight:400;padding-left:30px;position:relative;margin-bottom:6px}
.ask-box h3 i{background-color:#666666}
.ask-box p{padding-left:30px;position:relative;line-height:1.4;color:#7e7d7d;}
.ask-box p i{background-color:#d41936}


/*fixed 20170627*/
#swiper_cusslide .media-box .icon{
    width: 327px;
    height:295px;
}