*{margin: 0;padding: 0}
html,body{

    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    width: 100%;
    overflow-x: hidden;
}
body{
    width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;
}

            @font-face {
            font-family: "YourFont";
            src: url(HELVETICANEUELTPRO-BD.OTF);
        }
        .customfont{ 
            font-family: "YourFont", Helvetica, Arial;
        }
        @font-face {
            font-family: "YourFont1";
            src: url(FZLTZCHJW.TTF);
        }
        .customfont1{
            font-family:"YourFont1"
        }
.ts{
    transition:  .5s ease;-moz-transition: .5s ease; /* Firefox 4 */-webkit-transition: .5s ease; /* Safari 和 Chrome */-o-transition:  .5s ease;
}
.ts-f{
    transition:  .2s ease;-moz-transition: .2s ease; /* Firefox 4 */-webkit-transition: .2s ease; /* Safari 和 Chrome */-o-transition:  .2s ease;
}
.ts-s{
    transition:  1.2s ease;-moz-transition: 1.2s ease; /* Firefox 4 */-webkit-transition: 1.2s ease; /* Safari 和 Chrome */-o-transition:  1.2s ease;
}

li{ list-style: none;}
img { border: none; vertical-align: middle;}
a {text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;color: black; }
a:focus{text-decoration: none}
a:active { outline: 0; }
a:hover{text-decoration: none; };
.fiexd{ position: fixed;bottom: 0;left: 0; width: 100%;}
.clearfix {
    zoom: 1;
}
a:focus{outline:none}
.re{position: relative;}
.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}
.fl{float: left;}
.fr{float: right;}

input {
    outline: none;
}
input[type="text"],
input[type="tel"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 去除iphone ipad 设备默认按钮样式 */
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type=checkbox], input[type=radio]{display: none;}
input,textarea {-webkit-appearance:none; /*去除input默认样式*/}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
ol, ul{
    margin: 0;
}
#xz-logo{       
    height: 40px;     
    position: absolute;
    top: 15px;left: 0;
    display: none;
}     

@keyframes run{     
    from{     
        -webkit-transform:rotate(0deg);     
    }     
    to{     
        -webkit-transform:rotate(360deg);     
    }     
}

input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }

/*首页*/
.header{width: 100%;height: 85px;background: #fff;position: fixed;top: 0; z-index: 100;padding: 15px 0;transition: 0.5s}
.header .logo{ width: 113px;height: 70px;position: absolute;left: 80px;top: 20px;transition: 0.5s}
.header .logo img{ position: absolute;left:0;top: 0;}
.header .logo img.s-logo{ top: 50%;margin-top: -19px;left: 37px;opacity: 0 }
.header .logo .h-logo{ height: 70px;left: 112px; float: left;}
.idx-nav li a.nav-cur{ color: #1785bd;background: #FFFFFF;}
.header .menu a.current{  color: #1785bd;}
.header .menu-ico .menu-box{ right: 20px;width: 21px;height: 16px;top: 18px; position: absolute;display: none}
.header .menu{ text-align: center;position: absolute;right: 330px; overflow: hidden;white-space: nowrap;}
/*新增电话*/
.header .searchBox {
    margin-top: 2px;
    padding-right: 50px;
    float: right;
    position: relative;
}

.header .searchBox:before {
    width: 1px;
    height: 35px;
    position: absolute;
    left: -41px;
    top: 2px;
    background: #DFDFDF;
    
}

.header .searchBox .tel {
    padding-right: 38px;
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 1.2;
    text-align: right;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: url(../images/h_tel.png) no-repeat right top;
}

.header .searchBox .tel span {
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.header .searchBox.active .tel {
    visibility: hidden;
    opacity: 0;
}
.header .menu a{display: inline-block; color: #000;font-size: 16px;line-height: 70px;width: 76px;height: 70px;}
.header .menu a:hover{ color: #1785bd;}
.header .menu-ico{ display: block;width: 25px;height: 22px;position: absolute;right: 44px;top: 22px;cursor: pointer;}
.header .menu-ico span{position: absolute;width: 100%;height: 2px;background: #fff;}

.header .menu-ico span.one{top: 0;-webkit-transition: .2;transition: .2s}
.header .menu-ico span.two{top: 50%;margin-top: -1px;-webkit-transition: .6;transition: .6s}
.header .menu-ico span.three{bottom: 0;-webkit-transition: 1;transition: 1s}

.header .menu-ico.cur span.one{width: 0px}
.header .menu-ico.cur span.two{width: 0px}
.header .menu-ico.cur span.three{width: 0px}

.hb{cursor: pointer;}
.header .menu-ico:hover span{transform:scale(1.1,1);}
.tel-phone{display: none;}
.header-sub{width: 100%; height: 0;background: #fff;position: absolute;top: 70px;overflow: hidden; opacity: 0;}
.header-sub.show{height: 300px;opacity: 1;}

.sub-w{ max-width:1200px;margin: 0 auto;}
.sub-w .header-list{ width: 520px;float: left;padding-top: 45px;}
.sub-w .header-item{ width: 259px;float: left;margin-bottom: 38px;; }
.sub-w .header-item a{display: block;color: #231815;padding-bottom: 5px;; }
.sub-w .header-item a:hover{color: #1785bd;}
.sub-w .header-item span{font-size: 12px;color: #888888;;}
.sub-w .header-ad{width: 360px;float: right;padding-top: 24px;;}
.sub-w .header-ad a{display: block; width: 170px;height: 120px;float: left;margin-left: 10px;margin-bottom: 10px;background: #1785bd;}
.sub-w .header-ad a img{width: 100%;height: 100%; }
.phone-menu a.zx,.phone-menu a.gh{display: block; width:280px;height: 42px;text-align: center;color: #FFFFFF;font-size: 18px; margin: 0 auto;border-radius: 4px;line-height: 42px;margin: 0 auto;}
.phone-menu a.zx{border: 1px solid #606060;}
.phone-menu a.gh{background: #1785bd;margin-top: 18px;}
.menu-links{position: absolute;bottom: 20px;width: 100%;}
.menu-links img{width: 30px;vertical-align: middle;display: inline-block;padding-right: 10px;}
.up1{transform: translateY(-2px);}

.banner{width: 100%;position: relative;margin-top:80px;overflow: hidden;min-width: 1120px;}
.banner li{width: 100%;height: auto;color: #FFFFFF;}
.banner li .banner-text{position: absolute;z-index: 10;font-size: 38px;width: 100%;top: 50%;-webkit-transform: translateY(-50%);}
.banner li .banner-text p{width: 100%;text-align: center;}
.banner li.show{opacity: 1;}
.banner .pc-banner{}
.banner li a{width: 100%;}
.banner li a img{width: 100%;; }

.banner .banner-mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0,0,0,0.5);}

.banner-text .up1{ -webkit-transform: translateY(-30px);opacity: 0; transition-delay: 2s;-webkit-transition-delay: 2s;}
.banner-text .up2{ -webkit-transform: translateY(-30px);opacity: 0;transition-delay: 2.4s;-webkit-transition-delay: 2.4s; }
.banner-text .left1{ -webkit-transform: translateX(-30px);opacity: 0;transition-delay: 2s;-webkit-transition-delay: 2s; }
.banner-text .left2{ -webkit-transform: translateX(-30px);opacity: 0;transition-delay: 2.4s;-webkit-transition-delay: 2.4s;  }


.banner li.swiper-slide-active .up1{-webkit-transform: translateY(0px);opacity: 1;}
.banner li.swiper-slide-active .up2{-webkit-transform: translateY(0px);opacity: 1;}
.banner li.swiper-slide-active .left1{-webkit-transform: translateX(0px);opacity: 1;}
.banner li.swiper-slide-active .left2{-webkit-transform: translateX(0px);opacity: 1;}
.wap-banner{display: none;}
.swiper-pagination-bullet{background: #FFFFFF;}

.idx-ad{width: 100%;height: auto;}

.idx-ad ul{margin-bottom: 0!important;}
.idx-ad li{display: block;margin-bottom: 2px; position: relative; }
.idx-ad li .ad-mask{display: block; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: #000;opacity: 0;z-index: 3; cursor: pointer;}
.idx-ad:hover .ad-mask{ opacity: 0.5;}
.idx-ad li .ad-mask:hover{opacity: 0;}


.idx-ad.row{margin: 0;}
.idx-ad.row li{padding: 0;}
.idx-ad.row li:hover .itemtxt p{ transform: translateX(20px); }
.info{max-width: 1300px;margin: 0 auto;font-size: 16px;color: #747474;padding-top: 160px;padding-bottom: 110px;line-height: 26px;;}
.info .f20{font-size: 20px;color: #231815;margin-bottom: 15px;}
.info .f18{font-size: 20px;color: #1785bd;margin-bottom: 14px;}
.info .f-zf{font-size: 20px;color: #000000}
.info .c-r{color: #000000;font-size: 35px;padding: 10px 0; }

.idx-nav{padding: 0 100px; margin: 0 auto 10px;margin-top: 156px;z-index: 100; font-size: 16px;}

.idx-nav .idx-nav-t a{color: #1785bd;}

.itemtxt{ position: absolute;width: 100%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size:25px;z-index: 2;}
.item1{padding-left: 10%; color: #000000;}
.item2{padding-left: 10%; color: #FFFFFF;}
.item1 span{color: #1785bd}
.item3{text-align: center;color: #000000;}
.hyxz{ float: left; line-height: 64px; position: relative; height: 64px;cursor: pointer;color: #1785bd;width: 100%;}
.hyxz:hover{}
.hyxz.godown{height: 136px;}
.hyxz p{width: 100%;margin: 0;}
.hyxz li{text-align: right;}
.wb{width: 100%;}
.ad-img{position: absolute; height: 100%; right: 0;top: 0;}
.item-center{position: absolute;top: 0;left: 0;text-align: center;width: 100%; height: 100%;}
.item-center img{height: 100%;    position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.item4{color: #FFFFFF;text-align: center;}






.indx-nav-r {position: absolute; width: 100%;  left: -20px;top: 50px; display: none}
.idx-nav .indx-nav-r li{width: 126px; height: 40px;line-height: 40px;border: 0;}
.idx-nav .indx-nav-r li:last-child{border: 0}
.idx-nav .indx-nav-r a{padding: 0;font-size: 14px;;}
.idx-nav .indx-nav-r a:hover{background: #FFFFFF;color: #1785bd;}
.idx-nav li{float: left;width: 20%;text-align: center;height: 80px;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #d2d2d2;line-height: 80px;border-right: 0; overflow: hidden;}
.idx-nav li:last-child{border-right:1px solid #d2d2d2; ;}

.idx-nav li.fr{float: right;color: #ff4068;}
.idx-nav li.fr a{ }

.idx-nav li a{ color: #6a6a6a;display: inline-block;width: 100%;font-size: 20px;}
.idx-nav li:hover{}
.idx-nav li a:hover{ background: #1785bd;color: #FFFFFF;}
.idx-list{ margin: 0 auto;overflow: hidden;padding: 0px;text-align: center;padding: 0 80px;}
.idx-item li img{display: inline-block;;}

.idx-item.row{padding: 0;}
.idx-item li{padding: 0;height: auto;overflow: hidden;position: relative;margin-bottom: 3%;float: none;display:inline-block}
.idx-item p{margin-bottom: 6px;}
.idx-item-img{padding: 0 33px;}
.idx-item-img img{width: 100%;}
.idx-item li .img-mask{display: block; width: 100%; height: 100%;position: absolute;top: 100%;left: 0;  background: rgba(0,0,0,0.5);color: #FFFFFF;font-size: 12px;z-index: 10;}
.idx-item li .idx-item-img.scale{ transform: scale(1.05); }
.idx-item li .img-text{padding-left: 40px;padding-top: 35px;}
.idx-text{padding: 0 33px;text-align: left; height: 150px;}
.idx-text p{width: 100%;display: -webkit-box;min-height: 38px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}



.idx-text p{color: #858889;font-size: 15px;line-height: 26px;}
.mask-more,.mask-zx{width: 50px;height: 50px;border: 1px solid #fff;text-align: center;line-height: 50px;border-radius: 50%;position: absolute;bottom: 24px;color: #FFFFFF;}
.img-mask a:hover { color: #FFFFFF; -webkit-transform: scale(1.1);transform: scale(1.1); }


.mask-more{right: 107px;}
.mask-zx{ right: 27px; }
.mask-link{position: absolute;width: 100%;height: 100%;}


.idx-item li .img-mask.active{  top: 0;}

.f14{font-size: 14px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}

.idx-item li:hover a{ color: #1785bd; }
.idx-text h2{font-size: 22px;margin-bottom: 17px;}

.ly-box{  width: 800px;height: 400px;position: fixed;top: 50%;left: 50%;margin-left: -400px;margin-top: -200px;background: #fff;z-index: 1000;display: none; }
.ly-inner{padding: 0 50px;}
.ly{width: 500px;float: left;padding: 55px 0 38px 0}
.ly .ly-title{ font-size: 20px;color: #231815;width: 100%;}
.ly-inner input{ width: 400px;height: 40px;border: 1px solid #e6e7e7;margin-bottom: 12px;text-indent: 16px;}
textarea{width: 100%;height: 81px;border: 1px solid #e6e7e7;margin-bottom: 12px;text-indent: 8px;padding-top: 8px;outline: none;}
textarea.msg-phone{display: none;}
.ly-inner .ly-btn{display: inline-block; width: 49%;height: 40px;background: #1785bd;line-height: 40px;text-align: center;color: #fff;color: #fff;}
.ly-inner .ly-btn:hover{ background: #dc0230; }
.ly-inner span{display: block; font-size: 12px;color: #b4b4b5;padding-top: 16px;}
.ly-ad{ float: right;width: 300px;height: 400px;background: #000000; position: relative;cursor: pointer;overflow: hidden;}
.ly-ad img{width: 100%;height: 100%;}
.ly-close{display: block;width: 30px;height: 30px;top: 17px;right: 23px;position: absolute;}
.ly-close span{display: block;width: 40px;height: 2px;background: #fff;top: 50%;margin-top: -1px;position: absolute;}
.ly-close span.ly-one{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.ly-close span.ly-two{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}


.more{ width: 100%;text-align: center;padding: 100px 0px; font-size: 14px;}
.more a{ display: block;width: 390px;height: 80px;border: 1px solid #d2d2d2;margin: 0 auto;line-height: 80px;color: #231815;position: relative; font-size: 20px;}
.more a span{position: absolute;right: 20px;top: -2px;}
.more a:hover{ border: 1px solid #1785bd;transform:  translateY(-10px);-webkit-transform:  translateY(-10px);}


.idx-btm{max-width: 1680px;margin: 0 auto; font-size: 12px;line-height: 24px;padding-bottom: 47px;}
.idx-btm .idx-btm-t{color: #231815;font-size: 16px;font-weight: bolder;}
.center{text-align: center;}
.news li{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.idx-btm a:hover{color: #1785bd;}
.message{margin: 0 auto; padding: 35px 12px 50px 12px;max-width:1680px;}
.msg-t{font-size: 22px;color: #231815; padding-bottom: 10px;}
.message input{width: 100%;height: 48px;border: 1px solid #dddddd;text-indent: 20px;margin-bottom: 20px; }
.message input:focus{ border: 1px solid #1785bd;}
.msg-box input:focus{ border: 1px solid #1785bd;}
.msg-box textarea:focus{ border: 1px solid #1785bd;}
.msg-box input.name-text:focus{ border: 1px solid #FFFFFF;}
.message .name,.message .tel{ width: 15%;height: 48px;float: left;margin-right: 1%; }
.message .ms{width: 44%;float: left;}

.m-btn{cursor: pointer; display: block; width: 11%;height: 48px;background: #1785bd;line-height: 48px;text-align: center;color: #fff;color: #fff; float: left;margin-left: 8px;}

.m-btn:hover{  background: #dc0230;color: #fff; }
.msg-ps{ font-size: 12px;color: #b4b4b5; }
.bottom{ width: 100%;background: #303030;color: #9e9e9f; font-size: 14px;}
.bottom a{ color: #9e9e9f; }
.bottom a:hover{color: #1785bd}
.bottom-content{padding: 50px 0px; max-width: 1680px;margin: 0 auto;}
.bottom .btm-t{font-size: 22px;color: #fff;}
.bottom .f14{font-size: 14px;margin-bottom: 38px;}
.bottom .links{ color: #5b5b5b; }
.bottom .links a{padding:  0 5px;}
.bottom .about{ line-height: 30px;width: 110px;margin: 0 auto;}
.bottom .about li:hover{ color:#1785bd; }
.bottom .b-tel a{ font-size: 22px;color: #1785bd;}
.contact{width: 204px;margin: 0 auto; margin-bottom: 20px; }
.bottom .wx{margin-right: 15px;}
.w992-show{display: none;}
#link-url>a{color:#333}
#link-url>a:hover{color:#333}

.pl20{padding-left: 10%;}
.text-right img{   -webkit-transition: 0.3s;  transition: .3s;}
.text-right img:hover {  -webkit-transform: scale(1.1);transform: scale(1.1); }
/*pc弹出右侧导航*/
.right-silde{ width: 330px;height: 100%;position: fixed;right: -360px;top: 0px;z-index: 101;background: #FFFFFF;transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.right-silde.leftIn{right: 0;}
.right-mask,.mid-mask{ width: 100%;height: 100%;position: fixed;right: 0 ;top: 0px;z-index: 99;background: rgba(0,0,0,0.5);display: none; }

.r-silde-inner{padding: 45px 40px 0 40px;}
.silde-logo{ display: block;padding-bottom: 38px; }
.r-silde-inner .ly-close{ top: 26px;right: 50px; cursor: pointer;}
.r-slide-list {padding-top: 39px;}
.r-slide-list .r-slide-item{ width: 50%; float: left;font-size: 14px;;color: #848484;margin-bottom: 60px; height: 130px;;}
.r-slide-list .r-slide-item a{font-size: 18px; color: #000;display: block;padding: 5px 0 16px 0px}
.r-slide-list .r-slide-item a:hover{ color: #1785bd;}
.r{padding-left: 33px;}
.ly-close:hover{ -webkit-transform: scale(1.2); transform: scale(1.2)}
.r-silde-inner .ly-close span{ background: #000;}
.ly-close.cur span.ly-one{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.ly-close.cur span.ly-two{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}

.idx-nav.anli{margin-top: 40px;}
/*手机弹出右侧导航*/
.phone-menu{display: none;}


.customer{width: 100%;padding: 170px 0 66px 0;background: #f4f6f8;margin-bottom: 98px;margin-top: 80px;}
.customer .customer-title{text-align: center;color: #525353;font-size: 40px;margin-bottom: 130px;}
.customer-list{max-width: 1680px;margin: 0 auto;font-size: 22px;color: #8b8b8b;;}
.customer-list li{width: 25%;float: left;text-align: center;margin-bottom: 84px;}
.customer-list li p{ line-height: 76px;;}


/*内页*/

.sub-ad{width: 100%;margin: 0 auto; height: auto;margin-top: 70px; position: relative; min-width: 1120px;text-align: center}
.sub-ad .ad-text{ position: absolute;z-index: 10;color: #FFFFFF;line-height: 46px;  font-size: 50px;top: 35%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);	 }
.sub-ad .ad-text p{ 2px 2px 20px #000 }
.sub-ad .ad-text span{ font-size: 26px; }
.bg{ position: relative;background: #f7f7f7;;}
.sub-ad img{width: 100%;}
.anli{ width: 1680px; margin: -170px auto 0 auto;position: relative;z-index: 3; }
.anli-inner{padding: 48px;background: #FFFFFF; }
.info-t {font-size:28px; color: #3e3a39;vertical-align: top;line-height: 50px;}
.info-t span{ font-size: 12px; color: #bababa;}
.info-t .fr{color: #333;}
.info-t .c-look{width: 26px;margin-right: 5px;-webkit-transform: translateY(-1px);transform: translateY(-1px);}
.anli-info{font-size: 16px;color:#676767;line-height: 24px;border-bottom: 1px solid #ebebeb; padding-bottom: 34px;line-height: 2em; }
.anli-info p{width: 70%;}
.anli p{margin: 0;}
.fw{padding: 30px 0;line-height: 24px;color: #888888;}
.fw-t{color:#3e3a39 ;}
.w-100 img{ width: 100%;}
.w-100{font-size: 0;}
.neirong p>span{display: block;width: 70%;padding-left: 48px;line-height: 28px;font-family: "微软雅黑"; font-size: 16px;}
.neirong h2,.neirong h3,.neirong h4{ padding-left: 48px;margin-bottom: 20px;font-size: 18px; }
.bj{ text-align: center;padding: 76px 0px;font-size: 12px; color: #b4b4b5;}
.bj a{display:block; width: 200px; height: 36px;line-height: 36px;background: #1785bd;color: #ffffff;margin: 0 auto 30px auto;font-size: 14px;}
.bj a:hover{background: #df0331; color: #FFFFFF;}
.anli-img {padding-bottom: 96px;}
.anli-img li img{ width: 100%;}
.anli-img li{padding: 0;}
.xg-anli{max-width: 1680px; margin: 0 auto; height: auto;overflow: hidden;font-size: 26px; color: #7b7b7b;margin-bottom: 70px;  background:#ffffff; }

.anli-banner{ position: relative;}
.anli-banner li{width: 25%;float: left; position: relative;}
.anli-banner li .anli-mask{position: absolute;display: block;width: 100%;height: 100%;color: #FFFFFF;opacity: 0;background: rgba(0,0,0,0.5);color: rgba(255,255,255,0.5);}
.anli-banner .anli-mask h2{font-size: 20px;text-align: center;;}
.anli-banner .anli-mask p{font-size: 14px;padding-left: 30px;margin-top: 40px;;}
.anli-banner li:hover .anli-mask{ opacity: 1;}

.anli-banner:hover .anli-mask p{ }
.anli-banner .anli-mask:hover{}
.anli-banner li img{width: 100%;}
.anli-banner .c{display: block;width: 61px; height: 61px; position: absolute;top: 50%;margin-top: -30px;z-index: 10;cursor: pointer;opacity: 0;}
.anli-banner .prev{ right: 0;background: url(../images/next.png);}
.xg-anli .next{ left: 0;background: url(../images/prev.png);}
.anli-banner:hover .c{opacity: 1;}

.anli-img.row{margin: 0;}
.anli-page{padding: 30px 16px;}
.anli-page a{display: block;font-size: 12px; color: #676767;line-height: 24px; }
.anli-page a span{color: #1785bd;}
.anli-page .go-back{width: 180px;height: 36px;line-height: 36px;text-align: center;background: #1785bd;color: #FFFFFF;font-size: 14px;margin-top: 30px;;}
.anli-page .go-back:hover{background: #df0331;}
.anli-page{display: none;}
.sub-banner{max-width: 1920px; height: 652px;margin-top: 70px;background: #162435;;}
.sub-nav{max-width: 1680px;margin: 0 auto; margin-top: 85px;}
.sub-nav a{display: inline-block; padding: 38px 40px ;}
.sub-nav a:hover{color: #1785bd;}
.sub-nav a.active{color: #1785bd;}

.dt-list{max-width: 1680px; margin: 82px auto 0 auto;overflow: hidden;}
.dt-list h2{padding-bottom: 30px;margin-top: 0; }
.dt-item {position: relative;width: 100%;height: auto;padding-bottom: 60px;box-sizing:  content-box;;border-bottom: 1px solid #DDDDDD;margin-bottom: 40px; }
.dt-item:last-child{border-bottom: 0;}

.dt-list h2 .dt-title{color: #231815;font-size: 28px;;}
.dt-list h2 .dt-title:hover{ color: #1785bd;}
.dt-img{width: 622px;height: auto;left: 0;top: 0;overflow: hidden;}
.dt-img img{ display: block; }
.dt-img:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);}
.dt-text{padding-left: 70px;margin-left: 622px;height: auto;color: #717071; line-height: 24px;}
.dt-text .date{color: #9e9e9f;font-size: 14px; position: absolute;bottom: 50px;}
.pl57{padding-left: 57px;;}

.more.dt{display: none;}
.dtlist{max-width: 1680px; margin: 82px auto 0 auto;overflow: hidden;}

.dtlist .dtitem{ width: 100%; height: 320px; background: #ccc; padding-bottom: 100px;}


.page{ text-align: center;}
.page li{display: inline-block;}
.page{padding-bottom: 90px;}
.page li a{padding: 5px 10px;border: 1px solid #ccc;}

.page li a:hover{color: #1785bd;background: #FFFFFF;border: 1px solid #1785bd;}

.wap-padding{height: 38px;}
.fw-box{min-width: 1368px;max-width: 1680px; margin: 115px auto; background: #f7f7f7;}
.fw-box img:hover{-webkit-transform: scale(1.03);}

.fw-l{float: left; width: 34%;height: 100%;}
.fw-l .fw-l-text{ padding: 50px 0 0 45px;}
.fw-r{float: left;width: 66%;background: #FFFFFF;position: relative;}
.fw-r .fw-r-img1{ width: 66%;height: auto; float: left;}
.fw-r .fw-r-img2{ width: 34%;height: auto; float: right;}
.fw-r .fw-r-img1 img{width: 100%;float: right;}
.mb5{margin-bottom: 5.4%;}
.fw-r .fw-r-img2 img{display: block; width: 93%;float: right;margin}
.fw-l-t{font-size: 36px;margin-bottom: 38px;color: #1785bd;}
.fw-style{font-size: 26px;}
.fw-line{width: 28px;border-bottom: 1px solid #736c6a;padding-top: 24px;margin-bottom: 24px;}




.dt-inner{max-width: 1200px; margin: 0 auto;padding: 112px 0 50px 0;}
.dt-inner-info{padding: 32px 0 50px 0;line-height: 28px;color: #676767;}

.dt-inner-t{font-size: 36px;color: #231815;margin-bottom: 25px;text-align: center;}
.dt-date{ font-size: 14px; color: #9e9e9f;;}
.dt-date span{padding-left: 52px;}
.dt-inner-info p{padding-bottom: 10px;}
.dt-info-img{text-align: center;padding: 20px 0px;}

.dt-inner .anli-page{padding: 0;}
.dt-inner .anli-page a{ font-size: 16px;line-height: 26px;display:inline-block;}
.anli-prev,.anli-next{width: 50%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.dt-inner .anli-page a:hover{color: #1785bd;}
.dt-inner .anli-page .go-back{line-height: 36px;}
.dt-inner .anli-page .go-back:hover{color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}

.silde-fiexd{width: 25px; height: 170px; position: fixed; top: 77%;margin-top: -135px; z-index: 10; margin-left: 1770px; left:50%;}
.silde-fiexd a{display: block;width: 26px; height: 26px;margin-bottom: 17px; cursor: pointer;}
.silde-fiexd a.silde-close{background: url(../images/icon.png) 0px 0px }
.silde-fiexd a.silde-next{background: url(../images/icon.png) 0px -81px }
.silde-fiexd a.silde-prev{background: url(../images/icon.png) 0px -42px }
.silde-fiexd a.silde-share{background: url(../images/icon.png) 0px -119px }

.silde-fiexd a.silde-close:hover{background: url(../images/icon.png) -31px 0px }
.silde-fiexd a.silde-next:hover{background: url(../images/icon.png)-31px -81px }
.silde-fiexd a.silde-prev:hover{background: url(../images/icon.png) -31px -42px }
.silde-fiexd a.silde-share:hover{background: url(../images/icon.png) -33px -119px }
.jiathis_style_24x24{ display: none;}
.phone-share{ display: none;}
.about-red .f18{ color: #FFFFFF;margin-top: 10px;}
a:focus, a:hover{ color:#1785bd;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{  background:#000000; }
.w100{ width:100%; background:#fff; padding-top:80px; padding-bottom: }

.about-content{width: 100%;}
.about-t{width: 100%;height:600px;margin-top: 70px;text-align: center;color:#fff; font-size: 60px;line-height: 45px;overflow: hidden;position: relative; background: url(../images/index-header-bg-v2.jpg); }
.about-t p{letter-spacing: 42px;z-index: 2;position: relative;}
.about-t span{ font-size: 26px;z-index: 2;position: relative;}
.about-t img{position: absolute;left: 50%;top: 50%;margin-top:-204px;margin-left:-167px;}

.about-text{width: 100%;height: 644px;background: #FFFFFF;text-align: center;font-size: 0;color: #000000;}
.about-text h2{ font-size: 45px;padding-top: 168px;padding-bottom: 20px;}
.about-text .about-text-title{ font-size: 45px;padding-top: 168px;padding-bottom: 20px;text-align: center;}
.about-text p{ font-size: 14px; }
.about-text img{display: inline-block;margin-top: 70px;;}
.about-pp{ width: 100%;height: 600px;background: #9100ba;overflow: hidden;position: relative;color: #FFFFFF;text-align: center; perspective:800px;-webkit-perspective:800px;}

.about-pp h2{ font-size: 30px;z-index: 20;position: relative;}
.about-pp p{ font-size: 45px;z-index: 20;position: relative; }
.about-pp span{display: inline-block; font-size: 22px;padding: 15px 5px;z-index: 20;position: relative;}

.c-center{ position: absolute;width: 100%;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 20;}

.about-pp img{ position: absolute;height: 80%; top: 50%;left: 50%;margin-left: -8%;-webkit-transition:5s;transition: 5s;transform: translateY(-50%); -webkit-transform:translateY(-50%);/* animation-name:srotate;-webkit-animation-name:srotate;*/;}
.about-pp img{  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction:alternate;
    -webkit-animation-direction:alternate;
    animation-timing-function:ease-in-out;
    -webkit-animation-timing-function:ease-in-out;


}

@media screen and (min-width: 320px) and (max-width: 480px){
    .dt-inner-info img{width: 320px;height:auto;margin: 0 auto;display: block}
}
/*.about-pp:hover img{ transform: rotateY(30deg) }*/


.check-fw{display: inline-block; color: #FFFFFF;font-size: 18px;width: 240px;height: 48px;line-height: 48px;border: 1px solid #FFFFFF;}
.check-fw:hover{color: #FFFFFF;}
.about-ss{ width: 100%;position: relative;}
.about-ss .fl{width: 50%;}
.about-ss .ab{position: absolute;width: 100%;height: 100%;}
.about-ss .s-comm{width:1260px ; margin: 0 auto;position: relative; height: 100%;}
.about-ss .s-comm .ss-center{width: 400px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%) }
.about-ss .s-comm h2{font-size: 37px;transition: .3s;-webkit-transition: .3s; margin-bottom: 26px;}
.about-ss .s-comm .about-text-title{font-size: 37px;transition: .3s;-webkit-transition: .3s; margin-bottom: 26px;}

.about-ss .ss-l h2:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.about-ss .s-comm p{ width:400px;font-size: 13px;;line-height: 26px;}
.about-ss .ss-r{font-size: 0;width: 50%;}
.about-ss .ss-r img{width: 100%;}

.about-mx {width: 100%; height: 715px;background: #000;overflow: hidden;position: relative;}
.mx-box{width: 1260px;margin: 0 auto;color: #FFFFFF;font-size: 13px; position: relative;z-index: 2;}
.mx-box p{position: relative;z-index: 3;}

.f22{font-size: 22px;position: relative;z-index: 3;transition: .3s;-webkit-transition: .3s;}
.mx-box .f22{margin-top: 0;}
.f37{font-size: 37px;padding-bottom: 10px;position: relative;z-index: 3;transition: .3s;-webkit-transition: .3s;}
.f22:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.f37:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.mx-links {width:1260px; margin: 80px auto 0 auto;position: relative;z-index: 4;}
.mx-links .mx-link{ width: 300px;height: 160px;background: #eaeaea;margin-right: 20px;float: left;  -webkit-transition: .3s;transition: .3s;overflow: hidden;}
.mx-links .mx-link img{width: 100%;height: 100%;transition: .3s;-webkit-transition: .3s;}
.mx-links .mx-link:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.mx-bg{position: absolute; bottom: 0; right:10%;height: 100%;}
.about-al{ position:relative;width: 100%;height: 714px;background:#0096e8;overflow: hidden; text-align: center;color: #FFFFFF;font-size: 13px;padding-bottom: 33px;}
.f22{font-size: 22px;margin-top: 120px;}
.about-al .f37{font-size: 37px;}
.al-links{ width: 1260px;margin: 0 auto;}
.al-links .al-links-box{width: 1300px;padding-top: 69px;}
.al-link{ width: 300px;margin-right: 20px;float: left;text-align: left;}
.al-link .al-link-img{ width: 300px;height: 160px;overflow: hidden;margin-bottom: 12px;}
.al-link a{display: block; color: #FFFFFF;font-size: 15px; padding-bottom: 4px;transition: .3s;-webkit-transition: .3s;cursor: pointer;}
.al-link a:hover{color: #1785bd;}
.al-link p{margin: 0;}
.al-link .al-link-img img{width: 300px;height: 160px;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s;transition: .3s; }
.al-link .al-link-img:hover img{-webkit-transform: scale(1.12);transform: scale(1.12);}

.about-hz{ width: 100%;background: #FFFFFF;text-align: center;font-size: 13px;}
.hz-list{width: 100% ;padding-top: 122px;}
.hz-item{
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;line-height:21px;
    font-size: 30px;
    color: #fff;}
.hz-item span{font-size:20px;}
.hz-item img{width: 100%; -webkit-transition: .3s; transition: .3s;}
.hz-item img:hover{ transform: scale(1.05);-webkit-transform: scale(1.05); }
.about-xk{font-size: 0; width: 100%;height: 525px; position: relative;  background:#1785bd; background-size:cover ;color: #FFFFFF;text-align: center;overflow: hidden;}
.about-xk .f22{margin: 0;}
.about-red{ width: 100%;height: 277px;background: #9100ba; text-align: center;color: #FFFFFF;overflow: hidden;}
.about-red .f22{margin-top: 98px;}
.about-xk img{position: absolute;top: 100%;left: 50%;transform: translate(-50%,50%);-webkit-transform: translate(-50%,-50%);}
.about-zn{ width: 100%;border-bottom: 1px solid #ececec; }
.about-zn .about-zn-item{ width: 33.3333%;float: left;}
.zn-g{ text-align: center;background: #f1f1f1;transition: .4s;-webkit-transition: .4s; }
.zn:hover{background: #f8f8f8;}
.zn-g:hover{background: #d9d9d9;}

.zn{height: 217px;text-align: center;overflow: hidden; position: relative;}
.zn img{transition: .3s;-webkit-transition: .3s; }
.sx,.xx{width: 34%;}
.zn:hover .sx{transform: scale(1.1);-webkit-transform: scale(1.1);}
.xx{ position: absolute;bottom: -60px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}




.fd{width: 100%; height: 100%;}
.zn:hover .xx{bottom: -40px;}
.zn:hover .fd{transform: scale(1.1);-webkit-transform: scale(1.1);}
.zn p{ color: #1785bd;font-size: 22px;;}
.hover-up{transition: .3s;-webkit-transition: .3s;}
.hover-up:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);}

.phone-silde{display: none;}
.phone-hide{margin-top: 38px;}
.phone-hide p{margin: 5px;}
.video-box{position: absolute;left: 0;top: 0;width: 100%;}

/*加入*/

.join-ad{width: 100%;height: auto;margin-top: 70px;text-align: center;color: #FFFFFF;font-size: 14px; position: relative;}
.join-ad img{width: 100%;}
.join-ad-text{width: 1000px;height: 300px; position: absolute;left: 50%;top: 50%;margin-left: -500px;margin-top:-150px ;z-index: 20;}
.join-ad-text .ad-t{font-size: 45px;color: #1785bd;line-height: 48px;}
.join-ad-text .sd-t{font-size: 45px;color: #1785bd;line-height: 48px;}
.join-tx{padding: 120px 0;text-align: center;}

.join-tx .r{color: #1785bd;padding: 0;margin-bottom: 40px;}
.join-ss{ background: #000000;color: #FFFFFF;text-align: center;height: 600px;position: relative }

.p150{padding: 150px 0;;}
.f18{font-size: 18px;margin-bottom: 35px;position: relative;z-index: 2;  color: #1785bd;}
.join-ss .f18{color: #FFFFFF;}
.f30{font-size: 30px;position: relative;z-index: 2;}
.m26{margin-top: 26px;position: relative;z-index: 2;}
.join-ss img{position: absolute;top: 0;left: 50%;margin-left:-472px;}
.join-kl{padding: 96px 0px;width: 100%;text-align: center;font-size: 14px;}

.join-kl .mt30{margin-top: 30px;}
.join-photo{width: 100%;font-size: 0;}
.photo-item{width: 33.33333%;float: left;height: auto;;}
.photo-item img{width: 100%;}
.join-gz{width: 100%;height: 600px;background: #000000;overflow: hidden;position: relative;}
.j-comm {width: 1260px;margin: 0 auto;padding: 135px 0;color: #FFFFFF;font-size: 14px; overflow: hidden;}
.j-comm p{position: relative;z-index: 2;; }
.join-gz img{position: absolute;top: -64px;right: 0px;}

.mt90{margin-top: 90px;}
.join-hs{width: 100%;height: 604px;background: #2f498a;color: #FFFFFF; position: relative;overflow: hidden;}
.join-hs img{position: absolute;left: 0;bottom: 0; height: 100%;}
.join-hs .h-comm{max-width: 1260px;margin: 0 auto;padding: 130px 22px;}
.join-hs .h-comm p{text-align: right;}
.mt20{margin-top:40px;}

.join-txt{width: 100%;text-align: center;color: #5b5b5b;line-height: 20px;}
.join-txt p{margin: 0;}
.join-txt div{ padding: 100px 0;}
.join-txt .f30{color: #1785bd;margin-bottom: 18px;}

.join-img{width: 100%;}
.join-img .img-item{float: left;width: 33.33333%;font-size: 0;}
.join-img .img-item img{width: 100%;}
.join-zl{width: 100%;text-align: center;background: #1785bd;color: #FFFFFF;padding: 75px 0;}

.join-zlList{width: 100%;background:#fafafa;padding: 82px 0;}
.join-zlList .z-comm{max-width: 1260px;margin: 0 auto;}
.zl-item{width: 33.3333%;float: left;height: 130px;padding: 0 75px; font-size: 12px;text-align: center;margin-bottom: 18px;}

.zl-title{width: 100%;height: 46px;line-height: 46px;border: 1px solid #DDDDDD;  font-size: 18px;margin-bottom: 20px;transition: .3s;-webkit-transition: .3s;}

.join-sq{text-align: center;width: 100%;padding: 130px 0;font-size: 12px;border-bottom: 1px solid #DDDDDD;}
.f16{font-size: 16px;}
.join-sq .r{color: #1785bd;}

/*联系*/
.lx-ad{width: 100%; height: 600px;background: #000000;margin-top: 70px;}
.lx-ad .lx-comm img{height: 100%;right: 0}
.lx-ad .lx-comm{width: 1260px; margin: 0 auto;height: 100%;}
.lx-comm{ color: #FFFFFF;padding-top: 190px;position: relative;}
.lx-comm img{ position: absolute;top: 0;right: 0;}
.lx-comm p{font-size: 35px; position: relative;z-index: 3;}
.lx-comm span{display: block;color: #1785bd;padding-top: 112px;position: relative;z-index: 3;}

.f-comm{width: 1260px;margin: 0 auto;padding-top: 80px;}
.f-comm .f30 span{color: #1785bd;}
.xw{padding: 30px 0px;border: 1px solid #ececec; color: #3a3a3a;font-size: 18px;border-right: 0;border-left: 0;margin-top: 50px;}

.check-box{padding-top: 20px;}
.check-box label{display: block;overflow: hidden;margin-bottom: 15px;font-weight: normal;}
.check-box label.fl{}

.xw p{width: 1260px;height: 36px;line-height: 36px}
.xw p span{text-align: right;float: right;padding-right: 210px;display: inline}


.check-box label span{display: inline-block;width: 15px;height: 15px;border: 1px solid #1785bd;margin-right: 15px;vertical-align: middle;text-align: center;line-height: 10px;position: relative;margin-top: -2px;;}
.check-box label span img{    display: none;
    position: absolute;
    left: 1px;
    top: 2px;
    width: 100%;}
.check-box label.ml350 span{margin-left: 350px;}
.ps{font-size: 12px;color: #afafaf;margin-top: 30px;}
.msg-box{padding-top: 37px;}
.msg-box input{ text-indent: 10px; }
.name-box,.msg-item{width: 48%;margin-bottom: 27px;}
.msg-item:last-child{margin-bottom: 0;}
.msg-btn{margin-top: 40px;}
.name-box{ }

.name-box .name-group{ width: 100%; height: 42px;border: 1px solid #e8e8e8;position: relative;}
.name-box .sex-input{position: absolute; top: 0;right: 0;width: 23%;height: 42px;line-height: 42px;}
.name-box .sex-input label{font-weight: normal;}
.name-box .name-text{width: 60%;line-height: 38px;   border: 0;height: 38;}
.radio-type{display: inline-block; width: 14px;height: 14px;border: 1px solid #1785bd;border-radius: 50%;padding: 2px;position: relative;vertical-align: middle;  }
input[type="radio"]{display: none;}
input[type="radio"]:checked + span i{display: block;width: 8px;height: 8px;background: #1785bd;border-radius: 50%;position: absolute;top:2px;left: 2px;}
input[type="checkbox"]:checked + span img{display: block;}

.pc-pp{display: block}
.web-pp{display: none;}


.sex-input label{margin-right: 15px;}
.m-t{margin-bottom: 10px;;}
.m-t span{color: #1785bd;padding-right: 5px;}

.msg-item input{  width: 100%; height: 42px;border: 1px solid #e8e8e8;}
.msg-item textarea{height: 142px;}
.msg-btn a{display: block;width: 49%;height: 50px; text-align: center;line-height: 50px;color: #FFFFFF;font-size: 18px;}
.msg-btn a.tj{background: #1785bd;float: left;}
.msg-btn a.tel{background: #000000;float :right;}
.msg-btn a.tel img{vertical-align: middle;}
.msg-btn a.tel span{color: #1785bd}


.wdqj{ margin-top: 30px;}
.wdqj img{max-width: 100%;}

.lx-address{width: 1260px;margin: 0 auto;padding: 60px 0;position: relative; }
.lx-address img{position: absolute;right: 0px;top: 116px;}

.QR-box{text-align: center;padding: 100px 0;}


.fw-menu{max-width: 1680px;margin: 0 auto;padding: 96px 0px}
.fw-menu li{float: left;width: 16.66666%;text-align: center;font-size: 20px;color: #5f5f5f;}
.fw-menu li span{display: block;width: 75px;height: 74px;margin: 0 auto 34px auto; -moz-transition: .2s; transition: .2s;}
.fw-menu li span.sj{background: url(../images/fw.png) 0px 0px;}
.fw-menu li span.kj{background: url(../images/fw.png) -82px -3px;}
.fw-menu li span.pp{background: url(../images/fw.png) -166px -3px;width: 80px;}
.fw-menu li span.ds{background: url(../images/fw.png) -252px -3px;width: 80px}
.fw-menu li span.cp{background: url(../images/fw.png) -340px -3px;width: 80px}
.fw-menu li span.cb{background: url(../images/fw.png) -426px -3px;}
.fw-menu li p.act{color: #1785bd}

.fw-menu li span.sj.act{background: url(../images/fw.png) 0px -82px;}
.fw-menu li span.kj.act{background: url(../images/fw.png) -82px -82px;}
.fw-menu li span.pp.act{background: url(../images/fw.png) -166px -82px;width: 80px;}
.fw-menu li span.ds.act{background: url(../images/fw.png) -252px -82px;width: 80px}
.fw-menu li span.cp.act{background: url(../images/fw.png) -340px -82px;width: 80px}
.fw-menu li span.cb.act{background: url(../images/fw.png) no-repeat -426px -82px;}



.ab{position: absolute;top: 0;right: 0; }

.fw-ab{position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.fw-ad{width: 100%;height: 600px;background: #2daced;color: #FFFFFF;min-width: 1200px;    padding: 10% 0;}
.fw-comm{max-width: 1680px;width: 80%;  margin:-40px auto 0;font-size: 18px;}
.fw-comm .fw-title{font-size: 37px;margin-bottom: 35px;}
.fw-ad .ab{position:absolute;top: 50%;transform: translateY(-50%); height: 75%;right: 15%;-webkit-transform: translateY(-50%);}
.fw-ad .ab.fw-phone-img{ top: 54%; }
.fw-ad-img ,.fw-ad{color: #FFFFFF;}
.fw-ad-img img{width: 100%;min-width: 1200px;}
.fw-ad-img  .fw-comm{}
.fw-center .text-center{margin-bottom: 20px;font-size:20px ;}
.pt35{padding-top: 35px;}
.check-more{display:block;width: 200px;height: 35px;border: 1px solid #7b7b7b;margin: 10px auto; text-align: center;line-height: 35px;color: #7b7b7b; margin-bottom: 100px;}
.check-more:hover{background: #1785bd;color: #FFFFFF;border: 0;}

.fw-ad.sj{background:#94b5fc;}
.fw-ad.sz{background:#4ccfec; }
.fw-center{margin-bottom: 50px}
.lmore{display: block;cursor: pointer; width: 126px;height: 30px; margin-top: 20px; border: 1px solid #FFFFFF;text-align: center;line-height: 30px;color: #FFFFFF;margin-bottom: 10px;}
.lmore:hover{background: #1785bd;color: #FFFFFF;border: 0;}

.fw-ad.bz{background: #3b3b3b;}
.fw-comm img{width: 100%;}
.fw-img-phone{display: none;}
.fw-anli .xg-anli{height: auto;}

.check-r{padding-right: 120px;}
.phone-show{display: none;}
.map{height: 600px;}
.map h4{margin: 0;padding: 0;}
.zl-title.mou{background: #1785bd;color: #FFFFFF;border: 1px solid #1785bd;}

.fw-tad{width: 100%;height: 600px;background:url(../images/ab1.png) no-repeat center #1785bd;text-align: center;color: #FFFFFF;font-size: 50px; background-size:339px 409px;margin-top: 70px; }
.lx-t{font-size: 18px;font-weight: bold;color: #000000}
.lx-address{font-size: 18px; color: #707070;}
.join-tx .f30,.join-kl .f30{color: #000000;}
.tel-area{ position: absolute;right: 0;top:108px; }

.lx-address .tel-num{color: #1785bd;font-size: 36px;font-weight: bold;background: url(../images/tel-ico.jpg) no-repeat left center;padding-left: 40px;margin-bottom: 0;}
.lx-address .tel-area span{font-size: 16px;padding-left: 12px;}
input:focus{ border: 1px solid #1785bd;}
textarea:focus{ border: 1px solid #1785bd;}
.pc-show{display: block;}
.wap-show{display: none}

.pc-right-nav{position: fixed;right: 0;top:50%; margin-top: -80px; width: 40px;height: 160px;z-index: 5;}

.pc-right-nav li{width: 40px;height: 40px;background: #000000;text-align: center;line-height: 40px;-webkit-transition: .3s;transition: .3s; cursor: pointer;}

.right-nav-ico{display: block;width: 40px;height: 40px;-webkit-transition: .3s;transition: .3s;}
.pc-right-nav li.tel-hb{position: absolute;top: 40px;width:298px;left:0px; }
.pc-right-nav li.tel-hb .right-nav-ico{background: url(../images/tel_ico.png) no-repeat center;float: left;}
.pc-right-nav li.tel-hb:hover{position: absolute; background: #1785bd;left: -258px; }
.pc-right-nav li.tel-hb:hover .right-nav-ico{background: url(../images/tel_ico_a.png) no-repeat center;}
.pc-right-nav li.tel-hb input{width: 186px;height: 32px;border: 0;float: left;margin-top: 4px;font-size: 12px;text-indent: 5px;}
.pc-right-nav li.tel-hb a{color: #FFFFFF;font-size: 12px;}
.pc-right-nav li.qr-box{ position: absolute;top: 80px; }
.pc-right-nav li.tel-hb a.hb{padding: 4px 6px;border-radius: 0px; -webkit-transition: .3s;transition: .3s; }
.pc-right-nav li.tel-hb a.hb:hover{background: #e5002e;}
/*二维码动画*/
.pc-right-nav li.qr-box{}
.qr-box .right-nav-ico{background: url(../images/qr_ico.png) no-repeat center;}
.nav-qr-box{position: absolute;width: 120px;height: 120px;background: #1785bd;bottom: 0;left: -120px;overflow: hidden;display: none;}
.nav-qr-box img{margin-top: 7px; width: 106px;height: 106px;}
.qr-box:hover{background: #1785bd}
.qr-box:hover .right-nav-ico{background: url(../images/qr_ico_a.png) no-repeat center;}


.pc-right-nav .gotop{position: absolute;top: 120px;left: 0;color: #FFFFFF;text-align: left;}
.pc-right-nav .gotop p{float: left;padding-left: 40px;display: none}
.gotop .right-nav-ico{background: url(../images/gt_ico.png) no-repeat center; position: absolute;left: 0;top: 0;}
.pc-right-nav .gotop:hover p{display: block;}
.pc-right-nav .gotop:hover{width: 117px;background: #1785bd;left: -77px;}
.pc-right-nav .gotop:hover .right-nav-ico{background: url(../images/gt_ico_a.png) no-repeat center;}



#service_link{border: 1px solid #1785bd;background: #fff;color: #1785bd; }
@media screen and (min-width: 1920px){

    .check-box label span{width: 20px;height: 20px;}
    .lmore{margin-top: 50px;}
    .lx-ad .lx-comm img{height: 100%;right:-265px}
    .fw-tad{height: 800px;background-size:448px 543px;}
    .idx-nav{ font-size:16px; }
    .idx-item li .img-mask{ font-size:14px;}
    .sub-w .header-item a{font-size:16px}
    .sub-w .header-item span{ font-size:14px; }
    .dt-text p{ font-size:16px; line-height:30px; }
    .sub-nav{ font-size:16px; margin-top: 120px;}
    .about-ss .s-comm{ width: 1680px;}
    .about-ss .s-comm .about-text-title{font-size: 50px;margin-bottom: 36px;}
    .about-ss .s-comm p{ width: 550px;font-size: 16px;line-height: 32px;}
    .about-al{ height: 950px;}
    .about-al .f22{ margin-top: 175px;}
    .al-links{width: 1680px;}
    .al-link{width: 399px; font-size: 16px;}
    .about-al{font-size: 16px;}
    .al-links .al-links-box{width: 1700px;}
    .al-link .al-link-img{width: 399px; height: 212px; }
    .al-link .al-link-img img{width: 399px; height: 212px;}
    .al-link a{font-size: 20px;}

    .mx-box{width: 1680px;}
    .f22{font-size: 30px;}
    .f37{font-size: 50px;}
    .about-al .f37{font-size: 50px;}
    .mx-links{width: 1680px;}
    .mx-links .mx-link{width: 399px;height: 212px;}
    .about-hz{font-size: 16px;}
    .about-hz .f22{margin-top: 180px;}
    .hz-list{padding-top: 150px;}
    .xx{bottom: -80px;}
    .zn:hover .xx{bottom: -49px;}
    .about-red{ height: 372px;}
    .map{height: 790px;}
    .f30{font-size: 40px;margin: 0;}
    .join-content{font-size: 16px;color: #5b5b5b;}
    .join-ss{height: 800px;}
    .join-ss img{ -webkit-transform: scale(1.2); transform: scale(1.2);top: 53px;}
    .join-tx{padding: 150px 0;text-align: center;}
    .join-kl{padding: 130px 0;}
    .join-gz{height: 800px;}
    .j-comm{padding: 0;}
    .join-hs{height: 800px;}
    .join-hs .h-comm{    padding: 190px 22px}
    .join-txt div{padding: 170px 0;}
    .join-txt p{margin-bottom: 10px;}
    .join-txt .f30{margin-bottom: 35px;;}
    .f16{font-size: 20px;color: #1785bd;margin-bottom: 20px;}
    .join-sq{font-size: 16px;;}
    .lx-comm p{font-size: 60px;}
    .lx-comm span{font-size: 24px;}
    .lx-ad{height: 800px;}
    .xw{font-size: 25px;}
    .check-box{font-size: 20px;}
    .msg-box{font-size: 20px;}
    .name-box .sex-input label{font-size: 16px;}
    .about-text p{font-size: 18px;}
    .mx-box{font-size: 16px;}
    .about-red .f22{margin-top: 106px;}
    .check-r{padding-left: 320px;}
}

@media screen and (min-width: 1920px){
    .silde-fiexd{
        left: 50%;
        margin-left: 865px;
        display: none;
    }

}
@media screen and (max-width: 1440px){
    .anli{width: 1200px; margin: 0px auto 0 auto;}

    .silde-fiexd{margin-left: 1625px;display: none;}
}
@media screen and (max-width: 1366px){
    .header .menu{right: 240px;}
}

@media screen and (max-width: 1200px){
    .anli{width: 1000px;}
    .silde-fiexd{margin-left: 1518px;display: none;}
}

@media screen and (max-width: 1246px) {
    .header .logo .h-logo{ display: none;}
    .header .logo img.s-logo{opacity: 1; width: 110px;top: 40px;}
    .header .logo{left: 0;}
}

@media screen and (max-width: 1109px) {
      .menu{display: none;}
}
@media screen and (max-width: 1024px) {
    .about-al{height: auto;}
    .al-links{width: 100%;}
    .al-links .al-links-box{width: 100%;}
    .al-link{width: 50%;margin: 0; height: auto;font-size: 12px;padding: 3px;padding-bottom: 15px;}
    .al-link a{font-size: 13px;font-weight: 500;}

    .al-link .al-link-img{width: 100%; height: auto;}
    .al-link .al-link-img img{width: 100%;height: auto;;}
    .al-links-box{padding: 0 6px;}
    .mx-box{padding-left: 10px;}
    .mx-links{padding-left: 10px;}
    .about-ss .ab{position: relative}
    .about-ss .s-comm{width: 100%;height: auto;}
    .about-ss .s-comm .ss-center{position: relative;width: 100%;transform: translateY(0);-webkit-transform: translateY(0);}
    .about-ss .s-comm h2{font-size: 21px;  padding: 0;text-align: center;padding: 20px 0;}

    .about-ss .s-comm p{margin: 0;padding: 0 30px;width: 100%;font-size: 14px;margin-bottom: 30px;color: #585858}
    .about-ss .s-comm .about-text-title{ font-size: 21px;  padding: 0;text-align: center;padding: 20px 0; }
    .about-ss .ss-r{width: 100%;}



}


@media screen and (max-width: 992px){
    .bottom .about{ line-height: 30px;width: 100%;margin: 0 auto;}
    .contact{width: 100%;margin: 0 auto; }
    .w992-hide{display: none;}
    .w992-show{ display: block;padding-left: 15px;position: relative;}
    .w992-show a{display: none; position: absolute;top: 20px;right: 0px;}
    .w992-show a.wx{left:166px;}
    .w992-show a.qq{left:210px;}

    .idx-nav li a{}
    .idx-list{ padding: 0; }
    .idx-nav{padding: 0; }
    .anli-inner{padding: 20px 0px}
    .xg-anli{display: none;}
    .fw-anli .xg-anli{display: block;}
    .about-t p{font-size: 30px;}
    .fw-menu{padding: 50px 0px}
    .fw-menu li{width: 33.33333%;margin-bottom: 36px;}
    .fw-ad{margin-top: 0px;}

}
/*ipad*/
@media screen and (max-width: 768px) {
    .wap-padding{padding-left: 15px;}
    .idx-ad-wap{width: 100%;padding: 46px 10px 20px 10px;border-top: 6px solid #e9e9e9;border-bottom: 6px solid #e9e9e9;margin-top: 40px;margin-bottom: 30px;}
    .idx-ad-wap li{width: 50%;float: left;padding:0 5px; height: auto;}
    .idx-ad-wap li img{display: block;width: 100%}
    .idx-ad-wap li p{padding: 15px 0;color: #000000;}
    .hz-item{font-size: 20px;}

    .hz-item span{font-size: 14px;}
    .info .c-r{font-weight: bold; }
    .idx-text p{font-size: 14px;line-height: 22px;}
    .idx-text{padding: 0;}
    .idx-item-img{padding: 0}
    .idx-nav{margin-top: 70px;margin-left: 0;padding-left: 15px;;}
    .anli-info{font-size: 14px}
    .bottom{margin-top: 50px;}
    #service_link{border: 1px solid #1785bd;background: #fff;color: #1785bd; }
    .info-t{font-size: 22px;}
    .idx-item ul{padding: 0 30px;}
    .idx-item li{width: 100%;margin-bottom: 10px;}

    .anli-banner .c{display: none;}
    .info{padding-bottom: 0;}
    .anli-page a{font-size: 14px;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 35px;}
    .anli-page .go-back{font-size: 16px;background: #FFFFFF;border: 1px solid #DDDDDD;color: #DDDDDD;border-radius: 5px;margin-right: 10px;}
    .idx-nav li{border: 0;height: 30px;line-height: 30px;width: 33%;text-align:left}
    .idx-nav li:last-child{border: 0;}
    .idx-nav li a.nav-cur{ background: #FFFFFF;color: #1785bd;}

    .sub-nav{margin-top: 50px;}
    .wap-show{display: block;  }
    .pc-show{display: none;}
    .item1{color: #FFFFFF;}
    .idx-ad li{margin: 0;}
    .item1 span{color: #FFFFFF;}
    .itemtxt{font-size: 16px;font-weight: bold;}
    .ad-item1{background: #a229ff;}
    .idx-ad.row li{height: 120px;}
    .idx-ad.row li .wb{height: 100%;}
    .item1,.item2{padding-left: 0;text-align: center;}
    .header{height: 50px;padding:0}
    .ps{margin-top: 9px;}
    .phone-silde{display: block; position: fixed;z-index: 999;right: -200px; bottom: 0; transition: .3s;-webkit-transition: .3s;text-align: center;}
    .phone-silde.on{right: 5px;width: 22%;}
    .phone-silde img{display: inline-block;width: 51px;height: 51px;margin-bottom: 18%;}
    .phone-silde .msg{position: relative;display: block; opacity: 0;}
    .phone-silde .msg span{display: block;position: absolute; width: 15px;height: 15px;background: #e50012;text-align: center;line-height: 15px;font-size: 10px;b}
    .phone-silde .msg span{border-radius: 50%;color: #FFFFFF;top: 0px;left: 0px;}
    .banner{min-width: 320px;}
    .header .logo{left: 0; }
    .header{opacity: 1;top: 0; left: 0;}
    .header.up{ transform: translate3d(0,-100%,0);-webkit-transform: translate3d(0,-100%,0);  }
    .idx-nav.anli{margin-top: 20px;;}
    .header .menu{ left: 50%; right: 0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
    .header .logo img.s-logo{opacity: 1}
    .header .menu a{display: inline-block; color: #fff;font-size: 14px;line-height: 70px;width: 45px;height: 70px;}
    .message{padding:30px 16px 0px; font-size: 14px;width: 375px;}
    .message .name, .message .tel{width: 100%;}
    .message .ms{width: 100%;}
    .more{padding: 60px 0;}
    .m-btn{width: 100%;margin-bottom: 10px;}
    .msg-t{padding-top: 10px;}
    .menu{display: none;}
    .searchBox{display: none;}
    .message input{text-indent: 5px}
    .header .logo img.s-logo{width: 89px;left: 19px;top: 50%;}
    .fw{font-size: 14px;line-height: 2em; padding: 15px 0;}
    .fw p{padding-bottom: 4px;}
    .sub-ad{margin-top: 0;}
    .anli {width: 100%;padding: 0 15px}
    .bg{background: #FFFFFF;}
    .anli-img{padding-bottom: 0;}
    .anli-page{display: block;}
    .anli-page::after{content: "";display: block;clear: both;}
    .dt-inner .anli-page{padding-left: 10px}
    .sub-nav a{padding: 24px 18px}
    .dt-list{margin-top: 30px;}
    .dt-item{ height: auto; padding: 0;margin-bottom: 30px;}
    .dt-img{width: 100%; height: auto;padding: 0 15px;margin-top: 10px;}
    .dt-text{padding:20px; margin: 0;width: 100%; float: left;width: 100%;height: auto;}
    .dt-list h2 .dt-title{ font-size:16px ; }
    .dt-list h2{padding: 0;}
    .dt-text .date{position: relative;font-size: 12px;top: 0; padding-bottom: 12px;}
    .dt-item:last-child{border-bottom: 0;}
    .more.dt{display: block;}
    .dt-text span{float: right;}
    .fw-box{min-width: 320px;margin: 0;}

    .fw-l{width: 100%;}
    .fw-l .fw-l-text{padding:50px 15px 30px 15px}
    .fw-r{width: 100%;}
    .fw-r .fw-r-img1{width: 100%;}
    .fw-r .fw-r-img2{width: 100%}
    .fw-r .fw-r-img2 img{width: 50%;float: left;}
    .fw-r .fw-r-img2 .mb5{margin: 0;}
    .fw-phone-l{float: left;}
    .fw-phone{float: right;}
    .fw-phone p{margin-bottom: 11px;}
    .fw-line{margin-bottom: 0;}

    .header .logo img.s-logo{left: 0;top:0;}
    .wap-logo img{position: absolute;}
    .wap-logo img.s-logo{width: 50px;left: 0;top: 0;}
    .wap-logo img.h-logo{height: 50px;left: 50px;top: 0; display: none;}

    .dt-inner{padding: 50px 0px 14px 0;}
    .dt-inner-t{font-size: 18px; padding-left: 10px;}
    .dt-date{font-size: 12px;padding-bottom: 15px;padding-left: 10px;}
    .dt-inner-info{border-top: 1px solid #DDDDDD; padding:10px 15px;line-height: 26px;}
    .dt-info-img img{ width: 100%;}
    .dt-inner .anli-page a{font-size: 15px;}
    .sub-ad{min-width: 320px;}
    .xw p{margin: 0;color: #1785bd;}
    .hyxz{float: left;padding-left: 0;width: 100%;}
    .suoshu{font-size: 18px;padding: 30px 0;border: 1px solid #ececec;border-left: 0;border-right: 0;margin: 10px 0 20px 0;}
    .suoshu p{margin: 0;color: #1785bd;}

    .hyxz p{text-align: left;}
    .indx-nav-r{width: 100%;padding-left: 19px;}
    .idx-nav .indx-nav-r li{ width: 33%; height: 24px;line-height: 24px;text-align: left; float:left;}
    .message .ms{display: none;}
    textarea.msg-phone{display: block;}
    .silde-fiexd{display: none}
    .phone-share{ display: block; width: 100%;padding: 15px 15px; position: relative;z-index: 10;background: #FFFFFF;}
    .sharebox{ position: absolute;width: 100%;top: -30px; display: none;}
    .phone-share a{display: inline-block;width: 26px;height: 26px;margin-left: 12px;}
    .jiathis_txt{display: none;}
    .share-item{display: block;background: url(../images/icon.png)  0px -119px ;}
    .share-prev{}
    .jiathis_style_m{ width: 100%;}
    .share-close{background: url(../images/icon.png) 0px 0px;margin-right: 10px;}
    .share-next{background: url(../images/icon.png) 0px -81px }
    .share-prev{background: url(../images/icon.png) 0px -42px;margin-right: 10px;}
    .dt-text{font-size: 15px; }
    .sub-ad .ad-text{width: 100%;font-size: 20px;line-height: 24px;top: 50%; display: none}
    .sub-ad .ad-text span{font-size: 16px;}

    /*关于*/
    .about-t{margin-top: 0px;line-height: 5px;height: 400px;background: url(../images/index-header-bg-v2.jpg); background-size: cover;}
    .about-t p{letter-spacing: 15px;}
    .about-t span{font-size: 14px;}
    .about-t img{-webkit-transform: scale(0.7);transform: scale(0.7);}
    .about-text{padding: 70px 0; height: auto;}
    .about-ss .s-comm .ss-center{height: auto; padding: 60px 0;}
    .about-ss .s-comm .about-text-title{margin-bottom: 0;padding: 35px 0 25px 0;color: #1785bd;}
    .about-text h2 {font-size: 21px;padding-top: 32px;}
    .about-text .about-text-title {font-size: 21px;padding-top: 0px;padding-bottom: 20px;color: #1785bd;}
    .about-text p{font-size: 14px;padding: 0 35px; color: #585858;text-align: left;line-height: 25px;}
    .about-text img{display: none;}
    .about-pp{height: 300px;font-size: 12px;}
    .about-pp h2{font-size: 14px;}
    .about-pp p{font-size: 20px;}
    .about-pp span{font-size: 12px;}
    .about-pp img{ animation-name:m-srotat;-webkit-animation-name:m-srotat; height: auto; margin-top: -231px;margin-left: -172px;-webkit-transform: scale(0.5);transform: scale(0.5);}
    .f22{font-size: 14px;}
    .f37{font-size: 20px;}
    .video-box{display: none; width: 0;height: 0;}
    .phone-show{display: block;}
    .about-ss .fl{width: 100%;height: auto;}
    .about-ss .ss-l h2{font-size: 21px;  padding: 0;text-align: center;padding: 20px 0;}
    .about-ss .ss-l p{margin: 0;padding: 0 30px;width: 100%;font-size: 12px;margin-bottom: 30px;}
    .mx-box{padding: 0;}
    .mx-box .f22{ color: #1785bd;padding-left: 36px;padding-top: 70px;}
    .mx-box .f37{padding-left: 36px;width: 176px;margin-bottom: 10px;}
    .mx-box p{padding-left: 36px;margin-bottom: 4px}
    .mx-box p span{display: block;}

    .mx-box {height: 300px;}

    .mx-links{margin: 0 auto;padding: 0}
    .about-mx{height: auto;;}
    .about-mx .c-center{position: relative;    -webkit-transform: translateY(0);transform: translateY(0);}
    .mx-links{width: 100%;}
    .mx-links .mx-link{width: 100%;margin: 0; height: auto;}
    .mx-links .mx-link img{width: 100%; height: 100%;}

    .about-al .f37{font-size: 20px; font-weight: 600;}
    .rb{color: #1785bd;font-weight: 600;}
    .about-al{height: auto;}
    .about-al p{margin-bottom: 5px;}
    .al-link p{margin-bottom: 0;}
    .al-3{width: 248px;margin: 0 auto;}
    .about-xk img{    transform: translate(-50%,50%) scale(0.6);-webkit-transform: translate(-50%,-50%) scale(0.6)}
    .fw-ab{top: 100%;}

    .sx, .xx{width: 60%; bottom: -80px;}
    .zn:hover .xx{bottom: -55px;}
    .m-btn{margin-left: 0; font-size: 16px;}
    .phone-w{background: #FFFFFF;}
    .about-al .f22{padding-top: 80px;}
    .about-hz{font-size: 12px;}
    .phone-g{ color: #585858;}
    .about-hz p{margin-bottom: 5px;}
    .about-hz .f22{padding-top: 60px; }
    .hz-list{padding-top: 55px;}
    .hz-item{width: 50%;}
    .about-xk{height: 300px;}
    .about-xk .f22{}
    .about-red{height: 176px;}
    .about-red .f22{padding-top: 54px;}
    .about-zn .about-zn-item{width: 100%;}
    .zn2{background: #22b1fa;}
    .about-al .f22{margin: 0;}
    .about-hz .f22{margin: 0;}
    .about-red .f22{margin: 0;}
    .about-xk .f22{margin: 0;}
    .about-mx .f22{margin: 0}
    .about-mx .mx-bg{top: 0; height: 300px;right: 0px;bottom: 0;}
    .m-btn.t-ly-a{margin-left: 0;}
    .join-ad{ height: 401px;background: #9200bb;background-size: 60%;margin-top: 0px;}
    .join-ad img{position: absolute;-webkit-transform:translate (-50%,-50%);transform:translate(-50%,-50%);width: 60%;top: 50%;left: 50%;}
    .join-ad-text{font-size: 10px;width: 100%;margin: 0;transform: translate(-50%,-50%); height: auto;padding: 50px 40px;}
    .join-ad-text .ad-t{color: #FFFFFF;font-size: 30px;line-height: 35px;font-weight: 600; }
    .join-ad-text .sd-t{color: #FFFFFF;font-size: 30px;line-height: 35px;font-weight: 600; }
    .f30{font-size: 22px;font-weight: 600;margin-bottom: 5px;}
    .join-tx{font-size: 12px;padding: 60px 0;color: #5f6061;}
    .join-tx p{margin-bottom: 4px;}
    .join-tx .r{margin-bottom: 30px;}
    .join-ss{height: 374px;}
    .join-ss p{margin-bottom: 5px;}
    .join-ss img{width: 100%;top: 0;left: 0;margin: 0;}
    .join-ss .f18{margin-bottom: 26px;}
    .p150{padding: 55px 0;}
    .join-kl{padding: 55px 0}
    .p100{width: 100%;padding: 2px;}
    .w50{width: 50%;padding: 2px;}
    .join-img{padding: 2px;}
    .join-photo{padding: 2px;}
    a.r{margin-bottom: 10px;display: block; font-weight: 600;}
    .join-sq .r{padding-left: 0;}
    .join-gz{height: 370px;}
    .mt90{margin-top: 45px;}
    .j-comm{padding: 55px 20px}
    .j-comm p{margin-bottom: 4px;}
    .join-gz img{height: 100%; top: 0px; }
    .join-hs{height: auto;}
    .join-hs img{height: 100%;left: -150px;}
    .join-hs .h-comm{padding: 40px 20px;position: relative;z-index: 10;}
    .join-hs .h-comm p{margin-bottom: 4px;;}
    .join-txt div{padding: 80px 0;}
    .join-img .p100{width: 100%;padding: 2px;}
    .join-img .w50{width: 50%;padding: 2px;}
    .join-zl{padding: 42px 0;}
    .join-zlList{padding: 36px 0;text-align: center;}
    .zl-item{display: inline-block; width: 49%;padding: 0 5px;height: auto;margin-bottom: 10px;float: none;}
    .zl-title{height: 42px;line-height:42px;font-size: 12px;margin-bottom: 10px;}
    .zl-item p{display: none;}
    .join-sq{padding: 60px 20px;}

    .lx-ad{height: 350px;margin-top: 0px;text-align: center; position: relative;}
    .lx-ad .lx-comm{width: 100%; height: 100%;padding: 0; position: relative;}
    .lx-comm p{font-size: 20px;font-size: 30px;
        line-height: 35px;
        font-weight: 600;}
    .lx-comm img{width: 100%;}
    .lx-comm{padding: 50px 0px}
    .mt50{margin-top: 50px}
    .lx-comm span{padding-top: 65px;display: none;}
    .f-comm{padding:40px 15px;width: 100%;font-size: 12px;}
    .f-comm .f30{font-weight: 500;}
    .check-box label{font-size: 16px;}
    .check-box label span{ margin-right: 6px;}
    .xw span{display: none;}
    .check-box label.ml350{}
    .check-box label.ml350 span{margin-left: 0px;}
    .name-box, .msg-item{width: 100%;}
    .msg-btn a{width: 100%;margin-bottom: 20px;font-size: 16px;}
    .wdqj,.lx-address,.map{display: none;}
    .thankf{font-size: 12px;text-align: center;padding: 0 0 20px;color: #b4b4b5;}
    .msg-item:last-child{margin: 0;}
    .name-box .sex-input{width: 38%;}
    .msg-item textarea{height: 105px;}
    .fw-menu li{font-size: 12px}
    .fw-menu{padding: 10px 0;margin-top: 24px;}
    .fw-menu li span{ -moz-transform: scale(0.6);transform: scale(0.6);-webkit-transform: scale(0.6);    margin: 0 auto 2px auto }
    .fw-ad,.fw-ad-img{min-width: 320px;height: 300px;margin-bottom: 260px;}
    .fw-comm{position: absolute;top: 100%; color: #000000;width: 100%;text-align: center;padding-top: 40px;}
    .fw-comm .fw-title{color:#1785bd ;font-size: 26px;margin-bottom: 20px;}
    .fw-comm p{ font-size: 12px; }

    .fw-ad .whb{ right: 0;left: 54%; transform:translate(-50%,-50%) scale(0.6);-webkit-transform:translate(-50%,-50%) scale(0.6);}
    .check-more{margin-bottom: 62px;margin-top: 20px;}
    .fw-anli .anli-banner{padding: 4px;}
    .fw-anli .anli-banner li{width: 50%;padding: 4px;}
    .fw-anli .swiper-wrapper{display: block;}
    .fw-img-phone{display: block;}
    .phone-hide{display: none}
    .fw-ad-img{margin-top: 0;}
    .fw-ad-img .fw-comm{  position: absolute;top: 0; height: 300px; }
    .fw-tad{height: 401px;background: url(../images/ab1.png) no-repeat center #1785bd;background-size: 60%;margin-top: 0px; text-align: center;color: #FFFFFF;}
    .fw-tad p{font-size: 30px;line-height: 35px;font-weight: 600;}
    .fw-tad span{font-size: ;}
    .pt35{padding-top: 15px;}
    .fw-ad-img img{min-width: 320px;height: 300px;}
    .fw-ad .ab{right: 0;height: 91%;}
    .fw-ad  .fw-phone-img{left: 50%; transform:translate(-50%,-50%) scale(0.7);-webkit-transform:translate(-50%,-50%) scale(0.7);  }
    .fw-center{margin-bottom: 0;}
    .fw-anli .anli-banner li .anli-mask{opacity: 0}
    .check-l, .check-r{width: 100%}
    .check-r{padding: 0;}
    .msg-box{font-size: 14px;}
    .msg-item input{height: 50px;line-height: 50px;}
    .name-box .name-group{height: 50px;line-height: 50px;;}
    .zx-tel{padding-left: 50px;color: #1785bd;margin-bottom: 0;}


    .phone-menu ul{padding-top: 45px;font-size:62.5% ;}
    .phone-menu li{text-indent: 50px;height: 5.4em;animation-delay:.3 s;-webkit-animation-delay: .3s;}
    .phone-menu{display: block; width: 100%; z-index: 999999; overflow: hidden; height: 100%;position: fixed;top: 0;right:-100% ;background: rgba(0,0,0,0.95);-webkit-transition-delay: .2s;transition-delay: .2s}
    .phone-menu a{display: block; width: 100%; height: 100%;  font-size: 3em; color:#878787;}
    .menu-links{bottom: 3.5em;}
    .phone-menu ul a{line-height: 30px;  }
    .phone-menu a.zx-tel{ font-size: 14px;; color: #1785bd;height: auto;}
    .pt70{padding-top: 70px}
    .jt{color: #1785bd;padding-left: 50px;}
    .idx-nav li a{color: #888889;font-size: 12px;}
    .idx-nav .indx-nav-r a{ font-size: 12px;}
    .page{padding-bottom: 55px;}
    .check-fw{width: 192px;height: 40px;line-height: 40px;font-size: 14px;;}
    .anli p{width: 100%;}
    .neirong p span{padding-left: 0px;line-height: 30px;width: 100%}
    .about-red .f18{font-size: 14px;width: 78%; margin: -10px auto 0 auto;;}





    .btm-nav{ width: 100%;height: 50px;position: fixed;left: 0;bottom: 0;background: #FFFFFF;box-shadow: 1px 1px 8px #ccc;font-size: 12px;overflow:hidden;z-index: 9999;}
    .btm-nav li{width: 25%;text-align: center; float: left;}
    .btm-nav li span{display: inline-block;height:20px;margin-top: 6px;}
    .btm-nav li a{color: #5d6779; }
    .btm-nav li.bcur a{color: #1785bd; }
   /* span.b-index{ width: 23px;background: url(../images/b-idx.png) no-repeat ; background-size: 100%;}
    span.b-anli{ width: 22px; background: url(../images/b-anli.png) no-repeat ; background-size: 100% 100%; }
    span.b-ds{ width: 22px;background: url(../images/b-ds.png) no-repeat ; background-size: 100%;}
    span.b-dh{ width: 21px;background: url(../images/b-dh.png) no-repeat ; background-size: 100%;}
    span.b-zx{ width: 21px;background: url(../images/b-zx.png) no-repeat ; background-size: 100%;}

    .bcur span.b-index{ width: 23px;background: url(../images/b-indx-a.png) no-repeat ; background-size: 100%;}
    .bcur span.b-anli{ width: 22px; background: url(../images/b-anli-a.png) no-repeat ; background-size: 100% 100%; }
    .bcur span.b-ds{ width: 22px;background: url(../images/b-ds-a.png) no-repeat ; background-size: 100%;}
    .bcur span.b-dh{ width: 21px;background: url(../images/b-dh-a.png) no-repeat ; background-size: 100%;}
    .bcur span.b-zx{ width: 21px;background: url(../images/b-zx-a.png) no-repeat ; background-size: 100%;}*/
  
    span.b-index{ width: 23px;background: url(../images/1-gray.png) no-repeat ; background-size: 100%;}
    span.b-anli{ width: 22px; background: url(../images/2-gray.png) no-repeat ; background-size: 100% 100%; }
    span.b-ds{ width: 22px;background: url(../images/b-ds.png) no-repeat ; background-size: 100%;}
    span.b-dh{ width: 21px;background: url(../images/3-gray.png) no-repeat ; background-size: 100%;}
    span.b-zx{ width: 21px;background: url(../images/4-gray.png) no-repeat ; background-size: 100%;}

    .bcur span.b-index{ width: 23px;background: url(../images/1-red.png) no-repeat ; background-size: 100%;}
    .bcur span.b-anli{ width: 22px; background: url(../images/2-red.png) no-repeat ; background-size: 100% 100%; }
    .bcur span.b-ds{ width: 22px;background: url(../images/b-ds-a.png) no-repeat ; background-size: 100%;}
    .bcur span.b-dh{ width: 21px;background: url(../images/3-red.png) no-repeat ; background-size: 100%;}
    .bcur span.b-zx{ width: 21px;background: url(../images/4-red.png) no-repeat ; background-size: 100%;}

    .messs{display: block;width: 8px;height: 8px;background: #1785bd;border-radius: 50%;position: absolute;top: 3px;right:19px}
    .neirong h2, .neirong h3, .neirong h4{padding-left: 0;}
    .more a{width: 65%;height: 50px;line-height: 50px;font-size: 18px;;}

    .customer{padding: 70px 0 50px 0;margin-bottom: 0;}
    .customer-list{ font-size: 12px;}
    .customer-list li{width: 25%;margin-bottom: 12px;}
    .customer-list li p{line-height: 44px;}
    .customer-list li img{display: inline-block;width: 70%;}
    .customer .customer-title{ margin-bottom: 30px;font-size: 30px;;}
    /*.b-r{background: url(../images/li_bg.jpg)right center no-repeat;}*/
    .hyxz.godown{height: 130px;; }
    .idx-nav li a:hover{background: #FFFFFF;color: #1785bd;}


}

@media screen and (max-width: 750px){
    .w100{padding-top: 0;}
    .header{height: 50px;background: rgba(0,0,0,0);}
    .info .c-r{font-size: 20px; height: 20px;  margin-bottom: 15px; }
    .banner{margin-top: 0px;}
    .wap-banner{display: block; height: 100%;}
    .wap-banner img{}
    .pc-banner{display: none;}
    .header .menu-ico{right: 0px;width: 50px;height: 50px;top: 0;}
    .header .menu-ico .menu-box{ right: 20px;width: 21px;height: 16px;top: 18px; position: absolute;display: block;}

    .tel-phone{display: block;position: absolute;right: 58px;top: 16px;}
    .tel-phone img{ width: 32px;}
    .idx-btm{display: none;}
.searchBox{display: none;}

    .idx-nav li.fr{float: left;}
    .mask-more,.mask-zx{ width:45px;height: 45px;line-height: 45px; }
    .mask-more{right: 82px;}
    .img-text p{margin-bottom: 5px;}
    .info{padding-top: 45px; font-size: 15px;}
    .banner li .banner-text{font-size: 20px;width: 100%;}
    .msg-ps{padding: 10px 0px;}
    .right-silde{display: none;}
    .right-silde.show{ display: none;}

    .phone-menu .ly-close span{background: #1785bd;}


    .phone-menu.slideLeft{ right: 0;}
    .bj{font-size: 10px;padding: 40px 12px;}
    .pc-pp{display: none}
    .web-pp{display: block;}
}


@media screen and (max-width: 640px){
    .join-gz img{right: -20%;}

}
@media screen and (max-width: 320px){
    .phone-menu ul{padding-top: 40px}
    .phone-menu li{line-height: 42px; height: 42px;}
    .pt70{padding-top: 20px}
    .name-box .sex-input{width: 45%;}
    .info .c-r{font-size: 20px}

}
@-moz-keyframes fadeInUp{
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fadeInUp{
    0%{
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0) ;
        transform: translate3d(0,30px,0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}


@-webkit-keyframes srotate{
    0%{

        -webkit-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }
    100%{

        -webkit-transform: rotateY(30deg) ;
        transform: rotateY(30deg) ;
    }
}
@keyframes srotate{
    0%{

        -webkit-transform: rotateY(-30deg);
        transform: rotateY(-30deg);
    }
    100%{

        -webkit-transform: rotateY(30deg) ;
        transform: rotateY(30deg) ;
    }
}

@-webkit-keyframes m-srotate{
    0%{

        -webkit-transform: rotateY(-30deg) scale(0.5);
        transform: rotateY(-30deg) scale(0.5);
    }
    100%{

        -webkit-transform: rotateY(30deg) scale(0.5);
        transform: rotateY(30deg) scale(0.5);
    }
}
@keyframes m-srotate{
    0%{

        -webkit-transform: rotateY(-30deg) scale(0.5);
        transform: rotateY(-30deg) scale(0.5);
    }
    100%{

        -webkit-transform: rotateY(30deg) scale(0.5);
        transform: rotateY(30deg) scale(0.5);
    }
}

.shake-s {
    animation: shake-s;
    -webkit-animation: shake-s;
    -webkit-animation-duration: 1.5s !important;
    animation-duration: 1.5s !important;

}

@keyframes shake-s {
    from, to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }

    20%, 40%, 60%, 80% {
        opacity: 1;
    }
}

@-webkit-keyframes shake-s {
    from, to {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }

    20%, 40%, 60%, 80% {
        opacity: 1;
    }
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{     border-color: #ddd }
.pagination>li>a, .pagination>li>span{ color: #595757; }

#newBridge .nb-icon-right-bottom {
    right: 19px;
    bottom: 14px;
    left: auto;
    top: auto;
}

.float_bars_pc{
    position: fixed;
    right: 1px;
    bottom: 120px;
    z-index: 100;
    display: none;
}
.float_bars_pc a{
    display: block;
    text-decoration: none;
    border:1px solid #EEEEEE;
    background: #7fadeb;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.float_bars_pc a.aside4{
    padding:2px 0;
}
.float_bars_pc a p{
    padding: 5px 0 0 0;
}
.float_bars_pc a.aside1{
    background: url(../images/aside_icon1.gif);
}
.float_bars_pc a.aside2{
    background: url(../images/aside_icon2.gif);
}
.float_bars_pc a.aside3{
    background: url(../images/aside_icon3.gif);
}
.float_bars_pc a.aside4{
    background: url(../images/aside_icon4.jpg);
}
.float_bars_pc a.aside1:hover{
    background: url(../images/aside_icon1_hover.jpg);
}
.float_bars_pc a.aside2:hover{
    background: url(../images/aside_icon2_hover.jpg);
}
.float_bars_pc a.aside3:hover{
    background: url(../images/aside_icon3_hover.jpg);
}
.float_bars_pc a.aside4:hover{
    background: url(../images/aside_icon4_hover.jpg);
}

.t_float_bg, .t_need_bg, .t_brand_bg, .t_enforce_bg, .t_suggestion_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: none;
    z-index: 99;
}

.t_float_cons, .t_need_wrap, .t_brand_wrap, .t_enforce_wrap, .t_suggestion_wrap {
    width: 520px;
    padding: 50px 60px 40px;
    border-radius: 3px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -220px;
    background: #fff;
    z-index: 99;
    display: none;
    text-align: center;
}

.t_float_cons .close, .t_need_wrap .close, .t_brand_wrap .close, .t_enforce_wrap .close, .t_suggestion_wrap .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    opacity: 1;
    font-size: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.t_float_cons .close img, .t_need_wrap .close img, .t_brand_wrap .close img, .t_enforce_wrap .close img, .t_suggestion_wrap .close img {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.t_float_cons .float-list .t1 img {
    width: 56px;
}
.t_float_cons .float-list .t2 {
    font-size: 50px;
    color: #7caced;
    font-weight: normal;
}
.t_float_cons .gray {
    font-size: 14px;
    color: #999999;
    letter-spacing: 3px;
}
.t_float_cons .or, .t_enforce_wrap .or {
    padding: 20px 0;
    font-size: 16px;
    color: #999999;
}

.t_float_cons .m_tb_1 {
    padding: 0 0 20px 0;
    font-size: 16px;
}
.t_float_cons .gray {
    font-size: 14px;
    color: #999999;
    letter-spacing: 3px;
}
.gray {
    color: #999;
}

.t_float_cons .phone-in input {
    width: 260px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 3px solid #ebebeb;
    border-right: 0;
    height: 56px;
    font-size: 16px;
    text-indent: 15px;
    outline: none;
    border-radius: 3px 0 0 3px;
}
.t_float_cons .phone-in span {
    width: 140px;
    height: 56px;
    text-align: center;
    background: #7fadeb;
    font-size: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 56px;
    color: #fff;
    border-radius: 0 3px 3px 0;
}
.btn_blue {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 3px;
    background: #00a0e9;
    color: #fff;
    letter-spacing: 5px;
    border: 0;
    font-size: 18px;
    padding: 0;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: background;
    transition-property: background;
}

.t_float_cons .m_tb_2 {
    font-size: 16px;
    padding: 30px 0 20px 0;
}
.t_float_cons .btn-kf, .t_float_cons .btn-kf .btn_blue_border {
    display: block;
    width: 100%;
}

.btn_blue_border:hover {
    border-color: #6ea2eb;
    color: #6ea2eb;
    text-decoration: none;
}

.btn_blue_border {
    display: inline-block;
    height: 56px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    color: #7caced;
    letter-spacing: 3px;
    border: 3px solid #7caced;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-property: border-color;
    transition-property: border-color;
}


.t_need_wrap {
    padding: 30px 40px 0;
    width: 460px;
    margin-top: -270px;
}
.t_need_wrap h3 {
    padding-bottom: 10px;
}
.t_need_wrap h3, .t_brand_wrap h3, .t_enforce_wrap h3 {
    color: #333333;
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
}
.t_need_wrap .form-group {
    position: relative;
    height: 60px;
    margin-bottom: 0;
}

.t_need_wrap .form-group label {
    font-size: 16px;
    color: #333333;
    letter-spacing: 3px;
    float: left;
    width: 27%;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    text-align: left;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.t_need_wrap .form-group .right {
    width: 72%;
    float: left;
}

.t_need_wrap .form-group .right input, .t_need_wrap .form-group .right select {
    border: 1px solid #e9f0f6;
    margin: 10px 0;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    border-radius: 3px;
}

.t_need_wrap .message {
    text-align: left;
    padding: 10px 0 10px 0;
}

.t_need_wrap .message h5 {
    font-size: 16px;
    color: #333333;
    letter-spacing: 2px;
    padding-bottom: 20px;
}

.t_need_wrap .message textarea {
    font-size: 16px;
    border-radius: 3px;
}
.t_need_wrap .message textarea, .t_suggestion_wrap textarea {
    width: 100%;
    border: 1px solid #e9f0f6;
    height: 80px;
    line-height: 22px;
    padding: 10px;
    resize: none;
    box-shadow: none;
}

.t_need_wrap .btnwrap input {
    font-size: 18px;
    color: #fff;
}

.t_need_wrap .tips {
    color: #999;
    font-size: 12px;
    padding: 10px 0 5px;
    letter-spacing: 2px;
    text-align: center;
}
.t_need_wrap .online-consultation {
    color: #999;
    font-size: 12px;
    padding: 0 0 15px;
    letter-spacing: 2px;
    text-align: center;
}
.t_need_wrap .online-consultation a {
    color: #7CACED;
    text-decoration: none;
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;text-align: center;
}
.t_need_wrap .form-group .star {
    position: absolute;
    left: -15px;
    bottom: 15px;
    color: #ff517d;
    font-size: 16px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}