/*IE10 viewport hack for Surface/desktop Windows 8 bug */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/*common*/
body{-webkit-overflow-scrolling: touch;font-family: 'microsoft yahei';}
.transition{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.a_delay3{animation-delay: 0.3s;-webkit-animation-delay: 0.3s;-ms-animation-delay: 0.3s;}
.a_delay4{animation-delay: 0.4s;-webkit-animation-delay: 0.4s;-ms-animation-delay: 0.4s;}
.a_delay5{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-ms-animation-delay: 0.5s;}
.a_delay6{animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-ms-animation-delay: 0.6s;}
.a_delay9{animation-delay: 0.9s;-webkit-animation-delay: 0.9s;-ms-animation-delay: 0.9s;}
.a_delay12{animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-ms-animation-delay: 1.2s;}
.a_delay15{animation-delay: 1.5s;-webkit-animation-delay: 1.5s;-ms-animation-delay: 1.5s;}
.a_delay18{animation-delay: 1.8s;-webkit-animation-delay: 1.8s;-ms-animation-delay: 1.8s;}
.a_delay21{animation-delay: 2.1s;-webkit-animation-delay: 2.1s;-ms-animation-delay: 2.1s;}
a:hover{text-decoration: none;}
i, em {font-style: normal; }
table {border-collapse: collapse;margin: 0px; }
thead, tbody, tfoot, tr, td {margin: 0px; }
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;visibility: hidden; }
h1, h2, h3, h4, h5, h6 {font-size: 12px;font-weight: normal;line-height: 1.6}
p{line-height: 1.6}
::selection {background: #e57779;color: #f9e37d; }
::-webkit-selection {background: #e57779;color: #f9e37d; }
::-moz-selection {background: #e57779;color: #f9e37d; }
section, article, aside, header, footer, nav, dialog, figure {display: block;}
.clear10 {clear: both;height: 10px;line-height: 0px;font-size: 0px;overflow: hidden; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.transition{-o-transition:0.5s ease all;-webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;-ms-transition:0.5s ease all;transition:0.5s ease all;}
/*.clearfix{*+height:1%;}*/
*{margin: 0;padding: 0;}
li{list-style: none;}
.lr1{overflow: hidden;text-overflow: ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;}
.lr2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.lr3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.lr4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.lr5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.lr6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.lr7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
.pr {position: relative;z-index: 0; }
.pa {position: absolute; }
.pf{  position: fixed;}
.tin {text-indent: 2em; }
.tac {text-align: center; }
.tal {text-align: left; }
.tar {text-align: right; }
.fl {float: left; }
.fr {float: right; }
.wrap {/*width: 1200px;*/margin: auto; }
.z9999{z-index: 9999;}
.z222{z-index: 222;}
.red{color: #9d0000;}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*banner*/
.banner img{width: 100%;}
.banner{ width:100%;/* height:230px; */overflow:hidden; position:relative; }
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5%; z-index:1; left: 5px;}
.banner .hd ul{width: 100%;text-align: center; }
.banner .hd ul li{/* float:left; */margin:0 15px;  width:100px; height:7px; line-height:14px; text-align:center; background:#fff; cursor:pointer;display: inline-block;text-indent: 10000px;}
.banner .hd ul li.on{ background:#151948; color:#fff;}
.banner .bd{ position:relative;z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;/*width: 100%;*/}
.banner .bd img{ width:100%;  display:block;  }
.banner .bd .tempWrap{display: block;width: 100%!important;padding: 0;margin:0;}
.yBg{background: #fdb94d;}
.flm2 .info{background: #FFF;}
.navbar-toggle{
/*	background: #f9e37d;*/margin: 0;border-radius: 0;
}
.navbar-default{border:0;}
.copyrights{text-align:center;color: #9da0aa;padding-bottom:15px;}
.copyrights a{color: #9da0aa;}
.copyrights p{margin:0;}
.zl_cont .swiper-button-prev{left: -40px;}
.zl_cont .swiper-button-next{right: -40px;}

@media (max-width: 767px) {
	.zl_cont .swiper-button-prev{left: 10px;}
	.zl_cont .swiper-button-next{right: 10px;}
  .wrap, .container {
    width: 100%;
  }
   #navbar .navbar-nav>li.telLi span{display: none;}
  #navbar .navbar-nav>li.telLi{height: 51px;line-height: 51px;color: #FFF;}
  .banner .hd ul li{width: 40px;height: 4px;margin: 0 5px;}
  #navbar{position: absolute;right: 0;top:0;z-index: 333;background: rgba(0,0,0,.8);left: 0;text-align: center;box-shadow: 0 0 3px 1px rgba(0,0,0,.15)}
  .topNav{z-index: 999;}
  .navbar{margin-bottom: 0;position: fixed;top: 0;left: 0;right: 0;}
  .nav_container{width: 240px;background: #f9e37d;float: right;padding: 0;position: relative;}
  .navbar-brand > img.logo{height: 32px;}
  .navbar-brand{height: 50px;}
  .navbar-toggle{padding: 9px 14px;height: 50px;}
/*  .navbar-default .navbar-toggle:hover,	.navbar-default .navbar-toggle:focus {background-color: #f9e37d;}*/
	.navbar-brand{padding-top: 9px;}
	#navbar .navbar-nav{width:100%;margin: 0;}
	.navbar-nav > li > a{border-top: 1px solid #666;line-height: 30px;font-size: 16px;color: #FFF;text-align: center;}
  .navbar-nav > li.active > a{color: #f9e37d}
	.navbar-nav > li:first-child > a{border-top: 0;}
  .navbar-nav > li.telLi{border-top: 1px solid #666;font-size: 16px;}
	/*.nav > li.open{background: #000;}*/
	.nav > li.open>a{color: #f9e37d;}
	.navbar-nav > li.open>.dropdown-menu  a{color: #f9e37d;font-size: 14px;text-align: center;padding: 10px 0;border-top: 1px solid #000;}
	.navbar-nav > li.open  a .caret{transform:rotate(180deg);}
	.navbar-nav .open .dropdown-menu{padding: 0;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{height: auto;}
	.navbar-header{background: rgba(0,0,0,.4)}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #b1b1b1;}
}
.navbar{z-index: 888}
#navbar .navbar-nav>li{font-size: 18px;}



@media (min-width: 768px) {
  .navbar-default {
    background: rgba(255,255,25,0);
  }
  .banner .hd ul li{width: 60px;height: 5px;margin: 0 5px;}
  .navbar-brand > img.logo{height: 50px;margin-top: 16px;}
  .container {
    width: 750px;
  }
  .caret{display: none;}
  .topNav{position: relative;z-index: 8;}
   
  .wrap{width: 100%;}
  #navbar{padding: 0;}
  .zhuanzhu_li{padding: 40px;}
  .navbar{height: 100px;margin-bottom: 0;width: 96%;margin: 0 auto;}
.navbar-nav{text-align: right;}
  .navbar-nav > li{width: 10.2%;display: inline-block;float: none;}
  #navbar .navbar-nav{width: 100%;}
  .banner img.narrow{position: absolute;bottom: 47px;letter-spacing: 50%;margin-left: -13px;z-index: 22;}
  .nav_container{width:80%;float: right;position: relative;}

  .navbar-brand{height: 100px;line-height: 100px;}
  #navbar .navbar-nav{margin: 0 auto;text-align: right;float: left;}
  #navbar .navbar-nav>li.telLi{width: auto;color: #FFF;font-size: 15px;}
  #navbar .navbar-nav>li.telLi span{margin-right: 15px;}
  #navbar .navbar-nav>li.telLi i{font-size: 20px;vertical-align: middle;margin-right: 5px;color: #FFF;}
  #navbar .navbar-nav>li.telLi span{font-weight: lighter;color: #808da7;}
  #navbar .navbar-nav>li.open>a{color: #f9e37d;}
   #navbar .navbar-nav>li>a{width:100%;display: inline-block;font-size: 15px;line-height:100px;}
   #navbar .navbar-nav>li.open .caret{transform:rotate(180deg);}
   .navbar-nav > li > a{padding:0}
   .navbar-nav > li > .dropdown-menu{padding: 0;}
   .navbar-default .navbar-nav > li > a{color: #EEE;}
   .navbar-default .navbar-nav > .active > a{background: url(../images/nartop.png) no-repeat center 70px;color: #f9e37d;}
   #navbar .navbar-nav>li>a:hover{color: #f9e37d;}
   .dropdown-menu{width: 90px;margin: 0 auto;min-height: 90px;left: 50%;margin-left: -45px;background: none;}
   .navbar-nav > li > .dropdown-menu>li{text-align: center;height: 40px;line-height: 40px;background: rgba(255,255,255,.3);margin-bottom: 2px;line-height: 40px;}
   .navbar-nav > li > .dropdown-menu>li:last-child{margin-bottom: 0;}
   .navbar-nav > li > .dropdown-menu>li a{line-height: 40px;color: #FFF;padding: 0;font-size: 16px;}
   .navbar-nav > li > .dropdown-menu>li a:hover{color: #f9e37d;background: none;}

   .navbar-header{position: absolute;left: 0;top:0;}
   .floor_title{padding: 60px 0;}
   .navbar-brand{padding-left: 0;}
   .vidbacking{position: relative;z-index: 6;margin-top: -100px;}
}
#navbar .navbar-nav>li .dropdown-menu li.on a{color: #f9e37d;}
@media (min-width: 992px) {
  #navbar .navbar-nav>li.telLi{font-size: 16px;}
  #navbar .navbar-nav>li a{font-size: 16px;}
  #navbar .navbar-nav>li.telLi i{font-size: 22px;}
  .navbar-brand > img.logo{height: 60px;margin-top: 13px;}
  .navbar{width: 88%;}
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;padding: 0;
  }
  .wzl{width: 100%;}
  .wrap{width: 1200px;}
  .navbar{/*width: 1200px;*/margin: 0 auto;}
  /*.nav_container{width: 875px;}*/
  #navbar .navbar-nav>li{/*width:125px;*/text-align: center;}
  #navbar .navbar-nav>li.telLi{font-size: 18px;}
  #navbar .navbar-nav>li a{font-size: 18px;}
  #navbar .navbar-nav>li.telLi i{font-size: 24px;}
  #navbar .navbar-nav > li > .dropdown-menu>li a{font-size: 16px;}
}
  .zhuanzhu_li{padding: 40px 50px;}
@media (min-width: 1400px) {
  .container {
    width: 1200px;padding: 0;
  }
  
}
#slideBox{position: relative;}
.layout-body{background: url(../images/bg1.jpg) no-repeat top center #011747;background-size: 100% auto;}
.vidbacking{width: 100%;}
.swiper_banner{position: absolute;z-index: 7;top: 0;left: 0;width: 100%;height: 100%;}
.swiper_banner .swiper-slide1 .inner{width: 84%;margin:10% auto 0;}
.swiper_banner .swiper-slide1 .inner > img{display: none;}
.swiper_banner .swiper-slide1 .inner img.t1{max-width: 38%;}
.swiper_banner .swiper-slide1 .inner img.t2{max-width: 100%;margin-top: 2%;margin-bottom: 4%;}
.swiper_banner .swiper-slide1 .inner img.t3{max-width: 98.8%;}
.searchBox{width: 729px;height: 62px;background: #FFF;border-radius: 32px;max-width: 87.4%;margin-top: 2%;overflow: hidden;display: none;}
.searchBox input{width: 74%;vertical-align: middle;margin-left: 4%;font-size: 20px;display: inline-block;line-height: 62px;border:none;outline: none;}
.searchBox img.seachBtn{display: block;position: absolute;right: 10px;top: 11px;}
.floor_why{padding: 100px 0;}
img.floor_t{display: block;height: 53px;margin: 0 auto;}
.whybox, .objectives{width: 67%;margin: 60px auto 0;}
.whybox > img.fl{width: 40%;}
.why_dian{width:60%;background: url(../images/line.png) no-repeat -30px top;height: 100%;background-size: auto 100%;padding: 30px 0;height: 460px;}
.why_dian li{line-height: 100px;color: #FFF;font-size: 21px;padding-left: 20px;margin-top: -30px;padding-left: 30px;}
.why_dian li span{font-size: 25px;color: #ff953f;}
.why_dian li.li1{margin-left: 130px;margin-top: -20px;}
.why_dian li.li2{margin-left: 190px;}
.why_dian li.li3{margin-left: 200px;padding-top: 20px;}
.why_dian li.li4{margin-left: 190px;margin-top: -10px;}
.why_dian li.li5{margin-left: 140px;}
.why_dian li:hover{background: url(../images/linebg.png) no-repeat left bottom;background-size: auto 100px;}
.objectives {
    position: relative;
    /*padding-top: 23px;*/
    margin-top: 30px;
}
.objectives .tabs {
    width: 100%;
    padding-bottom: 30px;
}
.objectives .tabs a {
    font-size: 20px;
    color: #87878A;
    line-height: 36px;padding-bottom: 4px;
    margin-right: 60px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
}
.objectives .tabs a:last-of-type {
    margin-right: 0;
}
.objectives .tabs a:hover,
.objectives .tabs a.active {
    color: #fff;
}
.objectives .tabs a.active:after {
    content: '';
    position: absolute;
    left: 20%;
    bottom: 0;
    display: block;
    width: 60%;
    height: 2px;
    background-color: #2fb4f2;
}

.objective {
    height: 541px;
    position: relative;
    background-color: rgba(30,73,154,.4);
    /*background-color: rgba(27,27,27,0);*/
    box-shadow: 1px 7px 14px rgba(0,0,0,.2);
}
.objective-content {
    width: calc(100% - 525px);
    float: left;
    padding: 45px 83px;
    color: #fff;
    text-align: left;

    height: 100%;
}
.objective-content .h2s {
    height: 50px;
    margin-bottom: 13px;
    /*overflow: hidden;*/
    position: relative;
}
.objective-content .sub-con {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.75s ease-in-out;
}
.objective-content .sub-con:nth-of-type(2) {
    /*transform: translate3d(0,100%,0);*/
    opacity: 0;
}
.objective-content h2 {
    font-size: 36px;
    line-height: 50px;
}
.objective-content .ps {
    height: 56px;
    /*overflow: hidden;*/
    margin-bottom: 40px;
    position: relative;
}
.objective-content p {
    font-size: 14px;
    line-height: 28px;
    color: #858789;
    position: relative;
}
.objective-content a {
    color: #fff;
}
.objective-content-wrapper {
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
}

.objective-img {
    width: 525px;
    height: 100%;
    float: right;
    position: relative;
    overflow: hidden;
}
.objective-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.objective.object1 .sub-con:nth-of-type(1) {
    z-index: 3;
    /*transform: translate3d(0,0,0);*/
    opacity: 1;
    /*animation: fadeIn2 1s linear both;*/
}

.objective.object1 .sub-con:nth-of-type(2) {
    z-index: 2;
    opacity: 0;
    /*animation: scrollToTop 0.2s ease-out both;*/
    /*transform-origin: center center;*/
}
.objective.object2 .sub-con:nth-of-type(2) {
    z-index: 3;
    /*transform: translate3d(0,0,0);*/
    opacity: 1;
    /*animation: fadeIn2 1s linear both;*/
}
.objective.object2 .sub-con:nth-of-type(1) {
    z-index: 2;
    /*animation: scrollToTop 0.2s ease-out both;*/
    opacity: 0;
    /*transform-origin: center center;*/
}
/*.objective.object1 .h2s .sub-con:nth-of-type(1) {
    animation-delay: 0.1s;
}
.objective.object1 .ps .sub-con:nth-of-type(1) {
    animation-delay: 0.2s;
}
.objective.object1 .charts-data .sub-con:nth-of-type(1) {
    animation-delay: 0.3s;
}
.objective.object2 .h2s .sub-con:nth-of-type(2) {
    animation-delay: 0.1s;
}
.objective.object2 .ps .sub-con:nth-of-type(2) {
    animation-delay: 0.2s;
}
.objective.object2 .charts-data .sub-con:nth-of-type(2) {
    animation-delay: 0.3s;
}*/
.objective.object1 .objective-img img:nth-of-type(1) {
    z-index: 3;
    animation: scrollFromRight 0.75s ease-out both;
}
.objective.object1 .objective-img img:nth-of-type(2) {
    z-index: 2;
    animation: scrollToLeft 5s ease-out both;
}
.objective.object2 .objective-img img:nth-of-type(2) {
    z-index: 3;
    animation: scrollFromRight 0.75s ease-out both;
}
.objective.object2 .objective-img img:nth-of-type(1) {
    z-index: 2;
    animation: scrollToLeft 5s ease-out both;
}
@keyframes scrollFromRight {
    from {
        transform: translate3d(100%,0,0)  scale(1);
    }
    to {
        transform: translate3d(0,0,0) scale(1);
    }
}
@keyframes scrollToLeft {
    from {
        transform: translate3d(0,0,0) scale(1);
    }
    to {
        transform: translate3d(-100%,0,0)  scale(0.75);
    }
}
@keyframes scrollFromBottom {
    from {
        transform: translate3d(0,100%,0);
        /*opacity: 0;*/
    }
    to {
        transform: translate3d(0,0,0);
        /*opacity: 1;*/
    }
}
@keyframes scrollToTop {
    from {
        transform: translate3d(0,0,0);
        opacity: 0;
    }
    to {
        transform: translate3d(0,-100%,0);
        opacity: 0;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes slideIn {
    from {
        transform: translate3d(0,-40px,0);
        opacity: 0;
    }
    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.charts-data {
    margin: 0 0 31px;
    height: 135px;
    /*overflow: hidden;*/
    position: relative;
}
.charts-data ul {
    height: 100%;
    padding-top: 12px;
    /*overflow: hidden;*/
    display: flex;
    justify-content: space-between;
}
.charts-data li {
    text-align: center;
    width: 84px;
}
.chart {
    width: 40px;
    height: 57px;
    margin: 0px auto 5px;
    position: relative;
}
.chart span {
    display: block;
    position: absolute;
    bottom: 8px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: all 0.75s ease-in-out;
}
.chart span:before,
.chart span:after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
.chart span.old {
    left: 0;
    width: 17px;
    height: 5px;
    background-image: url("../images/zhiqian.png");
}
.chart span.old:before {
    height: 12px;
    top: -12px;
    background-position: center bottom;
    background-image: url("../images/zhiqian-top.png");
}
.chart span.old:after {
    height: 6px;
    bottom: -6px;
    background-position: center top;
    background-image: url("../images/zhiqian-bottom.png");
}
.chart span.new {
    right: 0;
    width: 20px;
    height: 10px;
    background-image: url("../images/new.png");
}
.chart span.new:before {
    height: 12px;
    top: -12px;
    background-position: center bottom;
    background-image: url("../images/new-top.png");
}
.chart span.new:after {
    height: 8px;
    bottom: -8px;
    background-position: center top;
    background-image: url("../images/new-bottom.png");
}
.chart img {
    width: 100%;
}
h4.chart-data {
    font-size: 26px;
    line-height: 100%;
}
.data-label {
    font-size: 12px;
    line-height: 18px;
    color: #b1b2b4;
}
.data-labels {
    overflow: hidden;
    position: relative;
    height: 20px;
    margin-bottom: 65px;
}
.data-labels span {
    margin-right: 20px;
    float: left;
    display: block;
    color: #b1b2b4;
}
.data-labels span img {
    position: relative;
    float: left;
    margin-right: 10px;
}
.ab-why {
    width: 267px;
    height: 190px;
    position: relative;
    margin: 0px auto;
    /*position: absolute;
    top: 0;
    left: 50%;
    margin-left: -133.5px;*/
}
.xg_nr{max-width: 98%;display: block;margin: 0 auto;}
.floor_choose{padding: 200px 0;background: url(../images/bg2.png) no-repeat center center;background-size: 100% 100%;}


@media (max-width: 767px) {
  .swiper_banner .swiper-slide1 .inner{margin-top:15%;}
  .searchBox{height:40px;}
  .searchBox input{font-size: 20px;font-size: 14px;line-height: 40px;}
  .searchBox img.seachBtn{right: 10px;top: 11px;height: 26px;top: 7px;right: 7px;}
  .searchBox{max-width: 100%;}
  img.floor_t{height: 20px;}
  .whybox, .objectives{width: 96%;margin-top: 35px;}
  .whybox > img.fl{width: 100%;}
  .floor_why{padding: 50px 0;}
  .why_dian{width: 100%;}
.why_dian{height: 260px;}
  .why_dian li{font-size: 14px;line-height:60px;}
  .why_dian li span{font-size: 16px;}
  .why_dian li.li1{margin-left: 60px;margin-top: -20px;}
  .why_dian li.li2{margin-left: 80px;}
  .why_dian li.li3{margin-left: 100px;padding-top: 20px;}
  .why_dian li.li4{margin-left: 80px;margin-top: 0px;}
  .why_dian li.li5{margin-left: 60px;margin-top: -15px;}
  .why_dian li:hover{background: url(../images/linebg.png) no-repeat left bottom;background-size: 100% 60px;}
  .objective {height:auto;}
  .objective-content{width: 100%;padding:0 10px 30px;}
  .objective-img{width:100%;height: 0;padding-bottom:103%;position: relative;float: left;margin:0 auto;text-align: center;}
  .objective-img img{position: absolute;width: 100%;top: 0;left: 0;right: 0;bottom: 0;}
  .data-labels{margin-bottom: 30px;}
  .objective-content h2{font-size: 24px;line-height: 30px;}
  h4.chart-data{font-size: 20px;}
  .objectives .tabs{padding-bottom: 10px;}
  .floor_do{padding-bottom: 50px;}
  .xg_title{margin-top: 0;font-size: 14px;padding: 0 10px;}
  .floor_choose{padding: 100px 0;}
  .floor_case{padding: 50px 0;}
}
@media (max-width: 340px) {
  img.floor_t{height: 22px;}
  .whybox, .objectives{margin-top: 20px;}
  .why_dian{background-position: -60px top;}
  .why_dian li{font-size: 12px;}
  .why_dian li.li1{margin-left: 30px;margin-top: -20px;}
  .why_dian li.li2{margin-left: 35px;}
  .why_dian li.li3{margin-left: 50px;padding-top: 20px;}
  .why_dian li.li4{margin-left: 35px;margin-top: 0px;}
  .why_dian li.li5{margin-left: 30px;margin-top: -15px;}
  .objective-content .ps{height: 85px;}
  .floor_do{padding-bottom: 35px;}
  .xg_title{margin-top: 0;font-size: 13px;padding: 0 10px;}
  .floor_choose, .floor_case{padding: 80px 0 ;}
  .floor_case{padding-top: 50px;padding-bottom: 40px;}
}
@media (min-width: 768px) {
  .searchBox{height: 54px;}
  .searchBox input{font-size: 16px;line-height: 54px;}
  .searchBox img.seachBtn{right: 10px;top: 11px;height: 30px;top: 12px;}
  .floor_do{padding-bottom: 60px;}
  .searchBox{max-width: 100%;}
  img.floor_t{height: 40px;}
  .whybox, .objectives{width: 94%;}
  .why_dian{height: 260px;}
  .why_dian li{font-size: 14px;line-height:60px;}
  .why_dian li span{font-size: 16px;}
  .why_dian li.li1{margin-left: 60px;margin-top: -20px;}
  .why_dian li.li2{margin-left:80px;}
  .why_dian li.li3{margin-left: 100px;padding-top: 20px;}
  .why_dian li.li4{margin-left: 80px;margin-top: 0px;}
  .why_dian li.li5{margin-left: 60px;margin-top: -15px;}
  .why_dian li:hover{background: url(../images/linebg.png) no-repeat left bottom;background-size: 100% 60px;}
  .objective-img{width: 525px;}
  .objective-content {width: calc(100% - 525px);padding: 45px 43px;}
  .objective {height: 381px;}
  .objective-img{width: 370px;}
  .objective-content {width: calc(100% - 370px);padding: 15px 23px;}
  .objective-content h2 {font-size: 30px;line-height: 30px;}
  .chart {width: 34px; height: 40px;}
  h4.chart-data{font-size: 20px;margin-bottom: 0;}
  .charts-data{height: 105px;margin: 0 0 11px;}
  .data-labels{margin-bottom: 15px;}
  .xg_title{width:90%;font-size: 17px;margin: 10px auto;}
  .floor_choose{padding: 140px 0;}
  .floor_case{padding: 100px 0;}
}
@media (min-width: 992px) {
  .searchBox{height: 62px;}
  .searchBox input{font-size: 20px;line-height: 62px;}
  .searchBox img.seachBtn{right: 10px;top: 11px;height: 40px;}
  .searchBox{max-width: 87.4%;}
  img.floor_t{height: 42px;}
  .whybox, .objectives{width: 96%;}
  .why_dian{height: 320px;}
  .why_dian li{font-size: 16px;line-height: 70px;}
  .why_dian li span{font-size: 18px;}
  .why_dian li.li1{margin-left: 90px;margin-top: -20px;}
  .why_dian li.li2{margin-left: 110px;}
  .why_dian li.li3{margin-left: 130px;padding-top: 20px;}
  .why_dian li.li4{margin-left: 110px;margin-top: 0px;}
  .why_dian li.li5{margin-left: 90px;margin-top: -15px;}
  .why_dian li:hover{background: url(../images/linebg.png) no-repeat left bottom;background-size: auto 60px;}
  .objective {height: 541px;}
  .objective-img{width: 525px;}
  .objective-content {width: calc(100% - 525px);padding: 45px 43px;}
  .objective-content h2 {font-size: 36px;line-height: 50px;}
  .chart {width: 40px; height: 57px;}
  .charts-data{height: 135px;margin: 0 0 31px;}
  h4.chart-data{font-size: 26px;margin-bottom: 10px;}
  .data-labels{margin-bottom: 65px;}
  .floor_do{padding-bottom: 80px;}
  .xg_title{width: 816px;margin: 20px auto;font-size: 18px;}
  .floor_choose{padding: 160px 0;}
  .choose_tit{width: 930px;}
}
.xg_title{color: #c7ddfa;}
@media (min-width: 1200px) {
  .whybox, .objectives{width: 96%;}
  .why_dian{height: 460px;}
  .why_dian li{font-size: 21px;line-height: 100px;}
  .why_dian li span{font-size: 25px;}
  .why_dian li.li1{margin-left: 130px;margin-top: -20px;}
  .why_dian li.li2{margin-left: 190px;}
  .why_dian li.li3{margin-left: 200px;padding-top: 20px;}
  .why_dian li.li4{margin-left: 190px;margin-top: -10px;}
  .why_dian li.li5{margin-left: 140px;}
  .why_dian li:hover{background: url(../images/linebg.png) no-repeat left bottom;background-size: auto 100px;}
  .objective-img{width: 525px;}
  .objective-content {width: calc(100% - 525px);padding: 45px 83px;}
  .floor_do{padding-bottom: 100px;}
  .xg_title{font-size: 22px;line-height: 1.6;}
  .floor_choose{padding: 180px 0;}
}
@media (min-width: 1400px) {
  .whybox, .objectives{width: 87%;}
  .floor_choose{padding: 200px 0;}
}
@media (min-width: 1600px) {
  .whybox, .objectives{width: 67%;}
  
}
.blue-btn {
    width: 166px;
    height: 46px;
    border: none;
    color: #fff;
    line-height: 46px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    position: relative;
    background-color: #4581fb;
    transition: all 0.75s ease;
}
.objective-content a {
    color: #fff;
}
.home-se5{
    width: 100%;
    height: 60rem;
}
.home-se5-top{
    text-align: center;
    background: url(../images/why-bl.png) no-repeat;
    background-size: 60%;
    background-position: 53% 0%;
}
.home-se5-top img{
    margin: 3%;
}
.home-se5-top ul{
    display: inline-block;
    width: 94%;
}
.home-se5-top li{
    display: inline-block;
    color: #fff;
    margin: 3%;
}
.home-se5-img1{
    position: relative;
    top: 2rem;
}
.home-se5-img2{
    position: relative;
    top: 12.6rem;
}
.home-se5-img3{
    position: relative;
    top: -3rem;
}
.home-se5-img4{
    position: relative;
    top: 4rem;
}
.home-se5-img5{
    position: relative;
    top: 9rem;
}
.home-se5-top p{
    color: #d5e7ff;
    font-size: 1.6rem;
}
.home-se5-img6{}
.home-se5-div3{
    width: 100%;
    height: auto;
    margin-top: 2%;
}
.home-se5-bottom{
    width: 100%;margin-top: 40px;
    text-align: center;
}
.home-se5-bottom img{max-width: 100%;}
.home-se5-img1{
    animation: heart1 1.3s ease-in-out 2.7s infinite alternate;
}
.home-se5-img2{
    animation: heart2 1.6s ease-in-out 2.7s infinite alternate;
}
.home-se5-img3{
    animation: heart3 1.5s ease-in-out 2.7s infinite alternate;
}
.home-se5-img4{
    animation: heart4 1.1s ease-in-out 2.7s infinite alternate;
}
.home-se5-img5{
    animation: heart5 1.4s ease-in-out 2.7s infinite alternate;
}
.home-se5-img6{
    animation: heart6 1.4s ease-in-out 2.7s infinite alternate;
}
/*//用transform就流畅了*/
@keyframes heart1{
    from{transform:translate(0,0)}
    to{transform:translate(0,16px)}
}
@keyframes heart2{
    from{transform:translate(0,0)}
    to{transform:translate(0,20px)}
}
@keyframes heart3{
    from{transform:translate(0,0)}
    to{transform:translate(0,18px)}
}
@keyframes heart4{
    from{transform:translate(0,0)}
    to{transform:translate(0,17px)}
}
@keyframes heart5{
    from{transform:translate(0,0)}
    to{transform:translate(0,14px)}
}
@keyframes heart6{
    from{transform:translate(0,0)}
    to{transform:translate(0,13px)}
}
.imgC{max-width: 90%;}
.case-left {background: url(../images/bg3.png) no-repeat left center;background-size: auto 100%;padding: 35px 55px 35px 35px;margin-top: 2.5%;}
.case-div{margin:80px auto 100px;}
.case-right{padding: 37px;border-box:box-sizing;background: url(../images/bg4.png) no-repeat center center;background-size: 100% 100%;}
.case-right img{width: 100%;}
.case-left h3{margin-bottom: 22px;line-height: 50px;font-size: 22px;background: #0c2b6a;color: #FFF;margin-top: 0;}
.case-left h3 span{color: #38c9ff;}
.case-left p {color: #fff;padding-left: 7%;font-size: 1.6rem;position: relative;}
.case-left p:after {content: '';width: 0.7rem; height: 0.7rem;border: 0px;border-radius: 50%;background: #2eb3f1;position: absolute;left: 4%;margin-top: 1.5%;box-shadow: 1px 1px 12px #2eb3f1;}
.askUl .fl{width: 33.3333%;box-sizing:border-box;border-bottom: 1px solid #052f73;}
.askUl .fl.bbnone{border-bottom: none;}
.askUl .fl.brl{border-left: 1px solid #052f73;border-right: 1px solid #052f73;}
.askUl h2{color: #FFF}
.askUl p, .askUl p a{color: #a4a8b2;}
.askUl{margin-top: 40px;}
.footer{background: rgba(0,0,0,.23);margin-top: 100px;}
.linkM{border-bottom: 1px solid #0e3c68;}
.linkM p a{color: #FFF;margin: 0 10px;font-weight: normal;}
.contmain{margin: 0 auto;}
.linkM p{margin: 0;}
.footBox{padding: 30px 0;}
.foot_nav{width: 20%;text-align: left;}
.foot_nav h2, .foot_m h2{color: #FFF;font-size: 18px;line-height: 2;}
.foot_nav h2 a{color: #FFF;}
.foot_nav p{color: #9da0aa;font-size: 14px;line-height: 2;margin-left: 8px;}
.foot_r p{color: #9da0aa;font-size: 14px;line-height: 2;}
.foot_m img{max-width: 70%;margin-top: 10px;}
.foot_r h2{color: #FFF;font-size: 28px;line-height: 36px;}
@media (max-width: 767px) {
  .home-se5-top img {max-width: 50%}
  .home-se5-top li{margin: 1%;}
  .home-se5-img3{top: 1rem;}
  .home-se5-img2{top: 6.6rem;}
  .home-se5-bottom img{max-width: 98%;}
  .home-se5-top p{font-size: 0.7rem;}
  .home-se5-img5{top: 3.4rem;}
  .home-se5-img2{top: 0.6rem;}
  .jzMain{width:96%;margin:30px auto 0;}
  .case-div{width: 96%;margin-bottom: 40px;}
  .jzLi{width: 100%;}
  .jzMain img.ttl{height:40px;}
  .jzLi p{font-size: 14px;color: #c7ddfa;margin-bottom: 25px;margin-top: 15px;}
  .jzLi:first-child{margin-bottom: 40px;}
  .case-left{width: 100%;}
  .case-right{width: 100%;}
  .case-left{padding: 20px 20px 20px 20px;}
  .case-left h3{font-size: 14px;line-height: 28px;margin-bottom: 15px;padding:0 12px;}
  .case-left p{font-size: 1rem;}
   #main1{height: 200px;}
   .askUl .fl{height: 260px;padding: 35px 10px;}
   .askUl .fl img{height: 36px}
  .askUl h2{font-size: 15px;}
  .askUl p{font-size: 12px;display: block;}
  .footer{margin-top: 40px;}
  .contmain{width: 96%}
  .linkM p{font-size: 12px;line-height: 30px;padding: 17px 0;color: #FFF;}
  .foot_l{width: 100%;}
  .foot_m{width: 100%;}
  .foot_r{width: 100%;}
  .foot_nav h2{font-size: 15px;}
  .foot_nav p{font-size: 13px;margin-left: 5px;line-height: 1.6;}
  .foot_r p{font-size: 13px;line-height: 1.6;}
  .foot_m h2{font-size: 15px;}
  .foot_r h2{line-height: 30px;font-size: 18px;}
  .on-line i{font-size: 32px;;margin-left: 10px;vertical-align: middle;color: #aaaaaa;}
  .case-div{margin: 40px auto 50px;}
}
@media (min-width: 768px) {
  .home-se5-top img {max-width: 80%}
  .home-se5-top li{margin: 2%;}
  .home-se5-img2{top: 12.6rem;}
  .home-se5-bottom img{max-width: 96%;}
  .jzMain{width:98%;margin: 40px auto 0;}
  .case-div{width: 98%;}
  .jzLi{width: 50%;}
  .jzMain img.ttl{height:45px;}
  .jzLi p{font-size: 15px;color: #c7ddfa;margin-bottom: 25px;margin-top: 15px;}
  .case-left{width: 100%;}
  .case-right{width: 100%;}
  .case-left{padding: 20px 20px 20px 20px;}
   #main1{height: 260px;}
  .askUl .fl{height: 260px;padding: 55px 10px;}
  .askUl h2{font-size: 20px;}
  .askUl .fl p{font-size: 15px;margin-top: 60px;display: none;}
  .askUl .fl:hover p{margin-top: 0;display: block;}
  .askUl .fl:hover img{margin-top: -30px;}
  .footer{margin-top: 45px;}
  .contmain{width: 98%}
  .linkM p{font-size: 14px;line-height: 36px;padding: 17px 0;color: #FFF;}
  .foot_l{width: 100%;}
  .foot_m{width: 40%;}
  .foot_r{width: 60%;}
  .foot_r h2{font-size: 20px;}
  .on-line i{font-size: 32px;;margin-left: 10px;vertical-align: middle;color: #aaaaaa;}
}
@media (min-width: 992px) {
  .home-se5-top img {max-width: 100%;}
  .home-se5-top li{margin: 3%;}
  .home-se5-img2{top: 12.6rem;}
  .jzMain{width:96%;margin: 50px auto 0;}
  .case-div{width: 96%;}
  .jzMain img.ttl{height:56px;}
  .jzLi p{font-size: 16px;color: #c7ddfa;}
  .case-left{width: 55%;box-sizing:border-box;}
  .case-right{width: 45%;}
  .case-left h3{margin-bottom:15px;line-height: 30px;font-size: 15px;background: #0c2b6a;padding:0 20px;color: #FFF;}
  #main1{height: 160px;}
  .case-left p{font-size: 1.2rem;}
  .case-left{padding: 35px 55px 35px 35px;}
  .askUl .fl{height: 280px;padding: 50px 10px;}
  .askUl h2{font-size: 24px;}
  .askUl p{font-size: 15px;}
  .footer{margin-top: 60px;}
  .contmain{width:96%}
  .linkM p{font-size: 16px;line-height: 36px;padding: 17px 0;color: #FFF;}
  .foot_l{width: 50%;}
  .foot_m{width: 20%;}
  .foot_r{width: 30%;}
  .on-line i{font-size: 32px;;margin-left: 10px;vertical-align: middle;color: #aaaaaa;}
}
@media (min-width: 1200px) {
  .home-se5-bottom img{max-width: 100%;}
  .jzMain{width: 96%;margin: 60px auto 0;}
  .case-div{width: 96%;}
  .jzMain img.ttl{height:65px;}
  .jzLi p{width: 522px;margin: 20px auto 30px;}
  .case-left h3{margin-bottom: 20px;line-height: 36px;font-size: 17px;background: #0c2b6a;padding:0 20px;color: #FFF;}
  #main1{height: 200px;}
  .case-left p{font-size: 1.6rem;}
  .askUl .fl{height: 280px;padding: 50px 10px;}
  .askUl h2{font-size: 28px;}
  .askUl p{font-size: 16px;}
  .footer{margin-top: 80px;}
  .contmain{width:80%}
}
@media (min-width: 1400px) {
  .jzMain{width: 1300px;margin: 85px auto 0;}
  .case-div{width: 1300px;}
  .jzMain img.ttl{height: 71px;}
  #main1{height: 200px;}
  .case-left h3{margin-bottom: 22px;line-height: 50px;font-size: 22px;background: #0c2b6a;padding:0 20px;color: #FFF;}
  .askUl .fl{height: 280px;padding: 50px 10px;}
  .askUl h2{font-size: 30px;}
  .askUl p{font-size: 16px;}
  .footer{margin-top:100px;}

}

/*案例展示*/
.body_case{background: url(../images/bg20.jpg) no-repeat top center #021e52;background-size: 100% auto;}
.caseLi{background: url(../images/kuang.png) no-repeat center center;background-size: 100% 100%;float: left;}
.caseLi .inner{padding: 25px 20px;}
.caseLi .inner .img{width: 100%;height: 0;padding-bottom: 64%;overflow: hidden;position: relative;margin-bottom: 10px;}
.caseLi .inner .img img{position: absolute;width: 100%;top: 0;left: 0;right: 0;}
.caseUl{margin: 40px auto;}
.caseLi:hover img{transform:scale(1.1);}
.caseLi .info{padding:12px 10px;background: rgba(199,221,250,.23);}
.caseLi .info h3{margin: 0;color: #FFF;font-size: 18px;}
.caseLi .info p{margin: 0;color: #c7ddfa;font-size: 16px;}
.page{margin: 50px 0 80px;}
.page a{display: inline-block;width: 133px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #89bdff;margin: 0 30px;background: url(../images/page.png) no-repeat center center;background-size: 100% 100%;}
.page a:hover{background-image: url(../images/page_on.png);}
.partLi{width: 25%;margin-bottom: 1.5rem;text-align: center;}
.partLi img{width: 88%;background: rgba(53,113,227,.1);}
.partUl{margin: 60px auto 0;}
@media (max-width: 767px) {
  img.banner_nr{margin-top: 40px;}
  .caseUl, .partUl, .what_seo, .adv_seom, .teseFix, .newsMain, .container_m{width:96%;}
  .caseLi{width: 100%;margin-right:0;margin-bottom: 20px;}
  .caseLi .info h3{font-size: 15px;}
  .caseLi .info p{font-size: 13px;}
  .page{margin: 0 0 35px;}
  .page a{width: 85px;height: 32px;line-height: 32px;font-size: 14px;margin: 0 20px;}
  img.floor_t.bigFlt{height: 18px;}
  .partUl{margin-top: 30px;}
}
@media (min-width: 768px) {
  .caseUl, .partUl, .what_seo, .adv_seom, .teseFix, .newsMain, .container_m{width:96%;}
  .caseLi{width: 48%;margin-right: 4%;margin-bottom: 30px;}
  .caseLi:nth-child(2n){margin-right: 0;}
  .caseLi .info h3{font-size: 16px;}
  .caseLi .info p{font-size: 14px;}
  img.floor_t.bigFlt{height: 33px;}
}
@media (min-width: 992px) {
  .caseUl, .partUl, .what_seo, .adv_seom, .teseFix, .newsMain, .container_m{width:94%;}
  .caseLi{width: 32%;margin-right: 2%;margin-bottom: 40px;}
  .caseLi:nth-child(3n){margin-right: 0;}
  .caseLi:nth-child(3n+2){margin-right: 2%;}
  .caseLi:nth-child(3n+1){margin-right: 2%;}
  .caseLi .info h3{font-size: 18px;}
  .caseLi .info p{font-size: 16px;}
  img.floor_t.bigFlt{height: 50px;}
}
@media (min-width:1200px) {
  .caseUl, .partUl, .what_seo, .adv_seom, .teseFix, .newsMain, .container_m{width:94%;}
}
@media (min-width: 1400px) {
  .caseUl, .partUl, .what_seo, .adv_seom, .teseFix, .newsMain, .container_m{width: 1340px;}
}
.container_m{margin: 0 auto;}
/*产品服务*/
.body_product{background: url(../images/bg30.jpg) no-repeat top center #011b4c;background-size: 100% auto;}
.what_seo{margin:50px auto 0;}
.what_seor{width: 55%;}
.what_seol{width: 45%;}
.what_seor img{width: 100%;}
.seoTil{max-width: 100%;}
.what_seol .info p{color: #FFF;}
.adv_seo .bgImg{width: 100%;z-index: 1;left: 0;top: 150px;height: auto;}
.adv_seom{z-index: 3;}
.seo_advls{width: 14%;margin-right: 3.2%;}
.seo_advls:nth-child(6n){margin-right: 0;}
.adv_seom{margin: 0 auto;}
/*.adv_seo .seoTil{margin-top: -50px;}*/
.seo_advls h3{font-size: 18px;color: #43bfff;margin: 10px 0 0;}
.seo_advls p{color: #b1b7c0;font-size: 14px;}
.teseFix{margin: 0 auto;}
.teseLi{background: rgba(36,83,173,.3);box-sizing:border-box;}
.teseLi .inner h3{font-size: 21px;color: #FFF;position: relative;line-height: 2;padding-bottom: 3px;}
.teseLi .inner h3:before{content: "";position: absolute;width: 12%;bottom: 0;left: 44%;background: #59a2ff;display: block;height: 2px;}
.teseLi .inner p{font-size: 16px;color: #a6b1c5;}
.newsMain{margin: 0 auto;}
.news_tj{height: auto;background: #0a2c71;}
.tab_tj{height: 78px;line-height: 78px;background: #08235b;}
.tab_tj a{display: block;position: relative;line-height: 78px;text-align: center;width: 50%;color: #FFF;font-size: 20px;float: left;}
.tab_tj a.curr{background: #0a2c71;}
.tab_tj a.curr:before{content: "";position: absolute;display: block;width: 100%;height: 2px;top: 0;left: 0;background: #22d2ff;}
.tjMain{width: 87.5%;margin: 20px auto;}
.tjList{display: block;margin-bottom: 20px;position: relative;}
.tjList img{display: block;width: 100%;}
.tjList .title{position: absolute;bottom: 0;left: 0;right: 0;height: 52px;line-height: 52px;font-size:16px;color: #FFF;padding: 0 10px;background: url(../images/bgline.png) repeat-x;display: block;}
.tjList .title p{line-height: 52px;margin-bottom: 0;}
.newsRtop{padding: 25px;background: rgba(27,82,202,.3);margin-bottom: 20px;}
.newSearch{width: 260px;height: 40px;line-height: 40px;background: #134cb5;border-radius: 20px;overflow: hidden;}
.newSearch img.pa{right: 15px;top: 10px;bottom: 10px;height: 20px;}
.newSearch input{width: 220px;padding-left: 15px;font-size: 14px;color: #FFF;outline: none;background: none;border:0;}
.newSearch input::-webkit-input-placeholder {color: #bddaff;}
.newsRtop p.fl{line-height: 40px;font-size: 20px;color: #9fc9ff;margin: 0;}
.newsRtop p.fl a{color: #9fc9ff;margin: 0 10px;}
.newsRtop p.fl a.on{color: #FFF;}
.newsR{margin-bottom: 30px;}
.newsUl{background: rgba(27,82,202,.3);}
.newsLi{padding: 0 1.8%;box-sizing:border-box;}
.newsLi a{display: block;padding: 25px 1%;border-bottom: 1px solid #1e489f;}
.newsLi a .img{width: 25%;height: 0;padding-bottom: 15.6%;overflow: hidden;position: relative;margin-right: 2%;}
.newsLi a .img img{display: block;position: absolute;top: 0;width: 100%;bottom: 0;}
.newsLi a h3{color: #FFF;margin: 0 0 6px;line-height: 1.6;}
.newsLi a p, .newsLi a h6{color: #c3cce2;line-height: 1.5;}
.newsLi a h6 span{margin-right: 10px;}
.newsLi:hover{background: rgba(66,129,255,.5);}
.newsLi a h6{margin-bottom: 0;}
.newsDetail{padding: 30px;}
.newsDetail > h2{font-size: 24px;color: #FFF;}
.newsDetail > h6{font-size: 14px;color: #FFF;}
.newsDetail .info{font-size: 14px;color: #FFF;}
.newsDetail .info *{color: #FFF!important;}
.newsDetail .info img{max-width: 100%;display: block;margin: 10px auto;}

@media (max-width: 767px) {
  .what_seor{width: 100%;}
  .what_seol{width: 100%;}
  .seoTil{height: 46px;}
  .what_seol .info{margin-top: 20px;}
  .what_seol .info p{font-size: 14px;line-height: 2;}
  .seo_advls1{margin-top: 60px;}
  .seo_advls2{margin-top: 88px;}
  .seo_advls3{margin-top: 70px;}
  .seo_advls4{margin-top: 100px;}
  .seo_advls5{margin-top: 80px;}
  .seo_advls6{margin-top: 76px;}
  .seo_advls h3{font-size: 12px;}
  .seo_advls p{font-size: 10px;transform:scale(.8);}
  .seo_advls img{width: 65%;}
  .adv_seo .bgImg{top: 100px;}
  .adv_seom .clearfix{margin-top: -30px;}
  .adv_seo, .floor_pm{margin-bottom: 70px;}
  .pa_nr{margin-top: 30px;}
  .teseLi{width: 47%;margin-right:6%;margin-top:20px;}
  .teseLi:nth-child(2n){margin-right: 0;}
  .teseLi .inner{padding: 20px 5px;}
  .teseLi .inner img{height:80px;max-width: 100%;}

  .teseLi .inner h3{font-size: 12px;}
  .teseLi .inner p{font-size: 10px;transform:scale(.9);}
  .newsR{float: left;width: 100%;}
  .news_tj{width: 100%;}
  .newSearch{float: left;}
  .newsDetail{padding:15px;}
  .newsDetail > h2{font-size: 18px;}
  .newsDetail > h6{font-size: 12px;}
  .tab_tj {height:48px;}
  .tab_tj a{font-size: 16px;line-height: 48px;}
  .tjList .title{height:40px;background-size: auto 100%;}
  .tjList .title p{line-height: 40px;font-size: 14px;}
  .newsRtop{padding: 15px;}
  .newsRtop p.fl{font-size: 16px;line-height: 40px;}
  .newsRtop p.fl a{margin: 0 5px;}
  .newSearch{height: 32px;line-height: 32px;background: #134cb5;border-radius: 20px;overflow: hidden;}
  .newSearch img.pa{right: 15px;top: 8px;bottom: 8px;height:16px;}
  .newSearch input{padding-left: 15px;font-size: 13px;color: #FFF;outline: none;background: none;border:0;}
  .newsLi a .img{width:120px;height:75px;padding-bottom: 0;}
  .newsLi a h3{font-size: 14px;margin-top: 0;}
  .newsLi a p{font-size: 10px;margin-bottom: 0;}
  .newsLi a h6{font-size: 10px;margin-top:0;}
  .newsLi a h6 i{font-size: 10px;}
  .newsLi a h6 span{margin-right: 5px;}
  .newsLi a h6 span.fr{transform:scale(.8);margin-right: 0;}
  .newsLi a h3{margin-bottom: 2px;}
}

@media (max-width: 340px) {
  .newsLi a .img{width:100%;padding-bottom: 62.5%;margin-right: 0;float: none;margin-bottom: 10px;}
  .newsLi a .img img{width: 100%;}
  .newsLi a h3{font-size: 16px;margin-top: 0;}
  .newsLi a p{font-size: 13px;margin-bottom: 0;}
  .newsLi a h6{font-size: 12px;margin-top:7px;}
  .newsLi a h6 i{font-size: 10px;}
  .newsLi a h6 span{margin-right: 5px;}
  .newsLi a h6 span.fr{transform:scale(.8);margin-right: 0;}
  .newsLi a h3{margin-bottom: 2px;}
}
@media (min-width: 768px) {
  .what_seo{margin-top: 30px;}
  .what_seol{padding-top: 80px;}
  .seoTil{max-height:60px;}
  .what_seor{width: 50%;}
  .what_seol{width: 50%;}
  .what_seol .info{margin-top: 20px;}
  .what_seol .info p{font-size: 14px;line-height: 2;}
  .seo_advls1{margin-top: 60px;}
  .seo_advls2{margin-top: 100px;}
  .seo_advls3{margin-top: 60px;}
  .seo_advls4{margin-top: 110px;}
  .seo_advls5{margin-top: 80px;}
  .seo_advls6{margin-top: 70px;}
  .seo_advls h3{font-size: 14px;}
  .seo_advls p{font-size: 11px;}
  .seo_advls img{width: 56px;}
  .adv_seo, .floor_pm{margin-bottom: 100px;}
  .pa_nr{margin-top: 40px;}
  .teseLi{width: 30%;margin-right: 5%;margin-top: 25px;}
  .teseLi:nth-child(3n){margin-right: 0;}
  .teseLi .inner{padding: 25px 15px;}
  .teseLi .inner img{height: 120px;max-width: 100%;}  
  .teseLi .inner h3{font-size: 14px;}
  .teseLi .inner p{font-size: 12px;}
  .newsR{float: right;width: 74%;}
  .news_tj{width: 23.7%;}
  .tab_tj {height: 54px;}
  .tab_tj a{font-size: 16px;line-height: 54px;}
  .tjList .title{height:40px;background-size: auto 100%;}
  .tjList .title p{line-height: 40px;font-size: 13px;}
  .newSearch{float: right;}
  .newsRtop p.fl{font-size: 14px;line-height: 32px;}
  .newsRtop p.fl a{margin: 0 5px;}
  .newSearch{width: 200px;height: 32px;line-height: 32px;background: #134cb5;border-radius: 20px;overflow: hidden;}
  .newSearch img.pa{right: 15px;top: 8px;bottom: 8px;height:16px;}
  .newSearch input{width: 160px;font-size: 13px;color: #FFF;outline: none;background: none;border:0;}

  .newsLi a h3{font-size: 15px;margin-top: 0;}
  .newsLi a p{font-size: 12px;}
  .newsLi a h6{font-size: 10px;margin-top:0;}
  .newsLi a .img{width: 33%;height: 0;padding-bottom: 20%;overflow: hidden;position: relative;margin-right: 2%;}
   .newsLi a{padding: 20px 1%;}
}
@media (min-width: 992px) {
  .what_seo{margin-top: 30px;}
  .what_seol{padding-top: 80px;}
  .what_seor{width: 55%;}
  .seoTil{max-height:75px;}
  .what_seol{width: 45%;}
  .what_seol .info{margin-top: 30px;}
  .what_seol .info p{font-size: 16px;line-height: 2;}
  .seo_advls1{margin-top: 50px;}
  .seo_advls2{margin-top: 100px;}
  .seo_advls3{margin-top: 30px;}
  .seo_advls4{margin-top: 110px;}
  .seo_advls5{margin-top: 80px;}
  .seo_advls6{margin-top: 50px;}
  .seo_advls h3{font-size: 15px;}
  .seo_advls p{font-size: 12px;}
  .seo_advls img{width: 80px;}
  .adv_seo, .floor_pm{margin-bottom: 120px;}
  .pa_nr{margin-top: 54px;}
  .teseLi{margin-top: 30px;}
  .teseLi .inner{padding: 25px;}
  .teseLi .inner img{height: 215px;max-width: 100%;}  
  .teseLi .inner h3{font-size: 17px;}
  .teseLi .inner p{font-size: 13px;}
  .tab_tj {height: 60px;}
  .tab_tj a{font-size: 17px;line-height: 60px;}
  .tjList .title{height:44px;background-size: auto 100%;}
  .tjList .title p{line-height: 44px;font-size: 14px;}
  .newsRtop p.fl{font-size: 16px;line-height: 40px;}
  .newsRtop p.fl a{margin: 0 10px;}
  .newSearch{width: 260px;height: 40px;line-height: 40px;background: #134cb5;border-radius: 20px;overflow: hidden;}
  .newSearch img.pa{right: 15px;top: 10px;bottom: 10px;height: 20px;}
  .newSearch input{width: 220px;font-size: 14px;color: #FFF;outline: none;background: none;border:0;}
  .newsLi a h3{font-size: 18px;margin-top: 3px;}
  .newsLi a p{font-size: 13px;}
  .newsLi a h6{font-size: 13px;margin-top: 10px;}
  .newsLi a .img{width: 25%;height: 0;padding-bottom: 15.6%;overflow: hidden;position: relative;margin-right: 2%;}
  .newsLi a{padding: 25px 1%;}
}
@media (min-width:1200px) {
  .what_seo{margin-top: 20px;}
  .what_seol{padding-top: 100px;}
  .what_seol .info{margin-top: 30px;}  
  .what_seol .info p{font-size: 19px;line-height: 2;}
  .seo_advls1{margin-top: 50px;}
  .seo_advls2{margin-top: 120px;}
  .seo_advls3{margin-top: 30px;}
  .seo_advls4{margin-top: 130px;}
  .seo_advls5{margin-top: 80px;}
  .seo_advls6{margin-top: 50px;}
  .seo_advls h3{font-size: 16px;}
  .seo_advls p{font-size: 13px;}
  .seo_advls img{width: 95px;}
  .adv_seo, .floor_pm{margin-bottom: 140px;}
  .pa_nr{margin-top: 66px;}
  .teseLi{margin-top: 35px;}
  .teseLi .inner{padding: 36px;}
  .teseLi .inner img{height: 180px;max-width: 100%;}
  .teseLi .inner h3{font-size: 19px;}
  .teseLi .inner p{font-size: 14px;}
  .tab_tj {height: 78px;}
  .tab_tj a{font-size: 20px;line-height: 78px;}
  .tjList .title{height: 52px;background-size: auto 100%;}
  .tjList .title p{line-height: 52px;font-size: 16px;}
  .newsRtop p.fl{font-size: 20px;}
  .newsLi a h3{font-size: 20px;margin-top: 5px;}
  .newsLi a p{font-size: 14px;}
  .newsLi a h6{font-size: 14px;margin-top: 15px;}
}
@media (min-width: 1400px) {
  .what_seo{margin-top: 0;}
  .what_seol{padding-top: 150px;}
   .what_seol .info{margin-top: 30px;}
  .what_seol .info p{font-size: 22px;line-height: 2;}
  .seo_advls1{margin-top: 50px;}
  .seo_advls2{margin-top: 120px;}
  .seo_advls3{margin-top: 30px;}
  .seo_advls4{margin-top: 150px;}
  .seo_advls5{margin-top: 110px;}
  .seo_advls6{margin-top: 30px;}
  .seo_advls h3{font-size: 18px;}
  .seo_advls p{font-size: 14px;}
  .seo_advls img{width: 100px;}
  .adv_seo, .floor_pm{margin-bottom: 160px;}
  .pa_nr{margin-top: 76px;}
  .teseLi{margin-top: 40px;}
  .teseLi .inner{padding: 42px;}
  .teseLi .inner img{height: 230px;max-width: 100%;}
  .teseLi .inner h3{font-size: 21px;}
  .teseLi .inner p{font-size: 16px;}
  .newsLi a h3{font-size: 20px;margin-top: 5px;}
  .newsLi a p{font-size: 14px;}
  .newsLi a h6{font-size: 14px;margin-top: 20px;}
}
.body_news{background: url(../images/bg40.jpg) no-repeat top center #031d4f;background-size: 100% auto;}
.body_about{background: url(../images/bg50.jpg) no-repeat top center #0a2d6b;background-size: 100% auto;}
.about_cont p{margin-bottom: 0;}
.team_cont{background: rgba(255,255,255,.1);}
.teamLi{width: 47%;margin-right: 6%;}
.teamLi:nth-child(2n){margin-right: 0;}
.teamLi .img img{max-width: 100%;min-height: 100%;vertical-align: middle;display: block;}
.develpo_cont{text-align: center;}
.develpo_cont img{max-width: 100%;}
.honor_top .info{display: inline-block;text-align: left;color: #FFF;}
.honor_top img{margin-right: 5%;vertical-align: top;}
.honor_m img{display: block;float: left;margin-top: 0;}
.body_advta{background: url(../images/banner60.jpg) no-repeat top center #011b4c;background-size: 100% auto;}
.hexin_cont .info h2, .hexin_cont .info h3, .hexin_cont .info p{color: #FFF;margin: 0;}
.sf_li .inner{width: 82%;margin: 0 auto;}
.sf_li .inner img{max-width: 82%;}
.sf_li .inner h2{color: #FFF;}
.sf_li .inner p{color: #FFF;}
.body_tz{background: url(../images/bg70.jpg) no-repeat top center #021d4d;background-size: 100% auto;}
.tzLogo{width: 23%;height: 0;padding-bottom: 23%;background: url(../images/logobg.png) no-repeat center center;background-size: 100% auto;text-align: center;}
.tzrM{min-height: 100%;left:1%;top: 0;right: 2%;}
.tzrM img{max-width: 100%;}
.tzrInfo{width: 67%;color: #FFF;margin-left: 2%;}
.tzrInfo h2, .tzrInfo h3, .tzrInfo p{margin: 0;}
.tzTop{margin-top: 5%;}
.tzTop .pa{left: 0;bottom: 10px;}
.metiLi{display: block;}
.metiLi .img img{display: block;width: 100%;height: 100%;}
.metiLi .img{margin-right: 4%;}
.metiLi h2{color: #ffe896;}
.metiLi p{color: #FFF;}
@media (max-width: 767px) {
  .about_cont p{font-size: 14px;line-height: 2;}
  .about_cont{color: #FFF;margin: 20px auto 40px;}
  .team_cont{padding: 10px 10px 0;}
  .teamLi{margin-bottom: 10px;}
  .team_cont, .develpo_cont, .honor_cont, .addr_cont, .hexin_cont, .sf_cont, .zl_cont, .meiti_cont{margin-top: 20px;margin-bottom: 40px;}
  .teamLi{width: 100%;margin-right: 0;}
  .teamLi .img{width: 100px;height: 100px;line-height: 100px;text-align: center;overflow: hidden;border-radius: 50%;margin-right: 3%;}  
  .teamLi h2{color: #FFF;font-size: 18px;line-height:24px;}
  .teamLi h3{color: #FFF;font-size: 14px;line-height:18px;}
  .teamLi p{font-size: 12px;line-height: 1.6;color: #FFF;margin-top: 20px;}
  .honor_top img{max-width: 80%;margin-right: 0;}
  .honor_top .info{width: 100%;}
  .honor_top .info p{line-height: 1.6;font-size:14px;color: #FFF;padding-left: 30px;background: url(../images/star.png) no-repeat center left;background-size: auto 13px;}
  .honor_m{margin-top: 15px;}
  .honor_m img{display: block;float: left;margin-bottom: 10px;margin-top: 0;}
  .honor_m img.h1{width: 48%;margin-right: 4%;}
  .honor_m img.h2{width: 23%;margin-right: 2.666%;}
  .honor_m img.h4{margin-right: 0;}
  .addr_tip{font-size: 13px;color: #999;margin-top: 20px;}
  .addr_tip i{font-size: 13px;vertical-align: middle;}
  #allmap{height: 300px;}
  .hexin_cont img.hexin{max-width: 100%;display:block;margin: 0 auto 10px;}
  .hexin_cont .info{width: 100%;}
  .hexin_cont .info h2{font-size: 22px;}
  .hexin_cont .info h3{font-size: 16px;margin-bottom: 15px;}
  .hexin_cont .info p{font-size: 12px;line-height: 2;}
  .hexin_cont .info img{margin-top: 10px;height: 40px;}
  .sf_li{width: 50%;margin-bottom: 20px;}
  .sf_li .inner h2{font-size: 16px;margin-bottom: 10px;margin-top: 5px;}
  .sf_li .inner p{font-size:12px;}
  .tzrBox{width: 98%;margin: 30px auto 50px;}
  .tzTop .fr h3{font-size: 14px;}
  .tzTop .fr h2{font-size: 14px;letter-spacing: 3px;}
  .tzTop .pa{font-size: 13px;}
  .tzTop{margin-top: 0%;}
  .tzrInfo .info{font-size: 10px;}
  .tzrM.pa{position: relative;}
  .bgimg{position: absolute;z-index: -1;}
  .metiLi .img{width: 150px;height: 100px;}
  .metiLi h2{font-size:17px;margin-top: 5px;}
  .metiLi p{font-size: 12px;}

  .metiLi{margin-bottom: 20px;}
}
@media (max-width: 340px) {
  .metiLi .img{width: 100%;margin-right: 0;margin-bottom: 10px;height: auto;float: none;}
  .metiLi h2{font-size:17px;margin-top:20px;}
  .metiLi p{font-size: 12px;}
  .metiLi{margin-bottom: 20px;}
}
@media (min-width: 768px) {
  .about_cont p{font-size: 18px;line-height: 2;}
  .about_cont{color: #FFF;margin: 30px auto 50px;}
  .team_cont{padding: 20px 20px 0;}
  .teamLi{margin-bottom: 20px;}
  .team_cont, .develpo_cont, .honor_cont, .addr_cont, .hexin_cont, .sf_cont, .zl_cont, .meiti_cont{margin-top: 30px;margin-bottom: 50px;}
  .teamLi .img{width: 100px;height: 100px;line-height: 100px;text-align: center;overflow: hidden;border-radius: 50%;margin-right: 3%;}  
  .teamLi h2{color: #FFF;font-size: 22px;line-height:24px;}
  .teamLi h3{color: #FFF;font-size: 15px;line-height:18px;}
  .teamLi p{font-size: 13px;line-height: 1.6;color: #FFF;margin-top: 20px;}
  .honor_top .info p{line-height: 2;font-size:15px;color: #FFF;padding-left: 30px;background: url(../images/star.png) no-repeat center left;background-size: auto 14px;}
  .honor_top img{height: 200px;}
  .honor_m img{margin-right:1.6%;}
  .honor_m img.h1{width: 22%;}
  .honor_m img.h2{width: 12%;}
  .honor_m img:last-child{margin-right: 0;}
  .honor_m{margin-top: 20px;}
  .addr_tip{font-size: 14px;color: #999;margin-top: 20px;}
  .addr_tip i{font-size: 14px;vertical-align: middle;}
  #allmap{height: 300px;}
  .hexin_cont img.hexin{width: 40%;margin-right: 10%;vertical-align: middle;}
  .hexin_cont .info{width: 50%;}
  .hexin_cont .info h2{font-size: 26px;}
  .hexin_cont .info h3{font-size: 18px;margin-bottom: 10px;}
  .hexin_cont .info p{font-size: 14px;line-height: 2;}
  .hexin_cont .info img{margin-top:10px;height:40px;}
  .sf_li{width: 25%;}
  .sf_li .inner h2{font-size: 16px;margin-bottom: 15px;}
  .sf_li .inner p{font-size:12px;}
  .tzrBox{width: 98%;margin: 30px auto 55px;}
  .tzTop .fr h3{font-size: 24px;}
  .tzTop .fr h2{font-size: 24px;letter-spacing: 3px;}
  .tzTop .pa{font-size: 20px;}
  .tzTop{margin-top: 1%;}
  .tzrInfo .info{font-size: 14px;}
  .metiLi .img{width: 210px;height: 140px;}
  .metiLi h2{font-size:24px;}
  .metiLi p{font-size: 15px;}
  .metiLi{margin-bottom: 30px;}
}
@media (min-width: 992px) {
  .about_cont p{font-size: 22px;line-height: 2;}
  .about_cont{color: #FFF;margin: 35px auto 55px;}
  .team_cont{padding: 30px 30px 0;}
  .teamLi{margin-bottom: 30px;}
  .team_cont, .develpo_cont, .honor_cont, .addr_cont, .hexin_cont, .sf_cont, .zl_cont, .meiti_cont{margin-top: 40px;margin-bottom: 60px;}
  .teamLi .img{width: 140px;height: 140px;line-height: 140px;text-align: center;overflow: hidden;border-radius: 50%;margin-right: 3%;}  
  .teamLi h2{color: #FFF;font-size: 32px;line-height: 40px;}
  .teamLi h3{color: #FFF;font-size: 20px;line-height: 30px;}
  .teamLi p{font-size: 15px;line-height: 1.6;color: #FFF;margin-top: 20px;}
  .honor_top .info p{line-height: 2;font-size:17px;color: #FFF;padding-left: 30px;background: url(../images/star.png) no-repeat center left;}
  .honor_top img{height: 240px;}
  .honor_m img{margin-right:1.6%;}
  .honor_m img.h1{width: 22%;}
  .honor_m img.h2{width: 12%;}
  .honor_m img:last-child{margin-right: 0;}
  .honor_m{margin-top: 30px;}
  .addr_tip{font-size: 16px;color: #999;margin-top: 250px;}
  .addr_tip i{font-size: 16px;vertical-align: middle;}
  #allmap{height: 350px;}
  .hexin_cont .info h2{font-size: 30px;}
  .hexin_cont .info h3{font-size: 20px;margin-bottom: 10px;}
  .hexin_cont .info p{font-size: 15px;line-height: 2;}
  .hexin_cont .info img{margin-top: 15px;height: 50px;}
  .sf_li .inner h2{font-size: 18px;margin-bottom: 20px;}
  .sf_li .inner p{font-size:14px;}
  .tzrBox{width: 98%;margin: 35px auto 65px;}
  .tzTop .fr h3{font-size: 30px;}
  .tzTop .fr h2{font-size: 30px;letter-spacing: 3px;}
  .tzTop .pa{font-size: 25px;}
  .tzrInfo .info{font-size: 16px;}
  .tzTop{margin-top: 5%;}
  .metiLi .img{width: 240px;height: 160px;}
  .metiLi h2{font-size:28px;}
  .metiLi p{font-size: 17px;}
  .metiLi{margin-bottom: 45px;}
}
@media (min-width: 1200px) {
  .about_cont p{font-size: 25px;line-height: 2;}
  .about_cont{color: #FFF;margin: 40px auto 60px;}
  .team_cont{padding: 40px 40px 0;}
  .teamLi{margin-bottom: 40px;}
  .team_cont, .develpo_cont, .honor_cont, .addr_cont, .hexin_cont, .sf_cont, .zl_cont, .meiti_cont{margin-top: 50px;margin-bottom: 70px;}
  .teamLi .img{width: 160px;height: 160px;line-height: 160px;text-align: center;overflow: hidden;border-radius: 50%;margin-right: 3%;}  
  .teamLi h2{color: #FFF;font-size: 40px;line-height: 60px;}
  .teamLi h3{color: #FFF;font-size: 24px;line-height: 36px;}
  .teamLi p{font-size: 17px;line-height: 1.6;color: #FFF;margin-top: 20px;}
  .honor_top .info p{line-height: 2;font-size: 20px;color: #FFF;padding-left: 30px;background: url(../images/star.png) no-repeat center left;}
  .honor_top img{height: 280px;}
  .honor_m img{margin-right:1.6%;}
  .honor_m img.h1{width: 22%;}
  .honor_m img.h2{width: 12%;}
  .honor_m img:last-child{margin-right: 0;}
  .honor_m{margin-top: 50px;}
  .addr_tip{font-size: 18px;color: #999;margin-top: 30px;}
  .addr_tip i{font-size: 18px;vertical-align: middle;}
  .hexin_cont .info h2{font-size: 36px;}
  .hexin_cont .info h3{font-size: 26px;margin-bottom: 15px;}
  .hexin_cont .info p{font-size: 16px;line-height: 2;}
  .hexin_cont .info img{margin-top: 20px;height: 70px;}
  .sf_li .inner h2{font-size: 22px;margin-bottom: 20px;}
  .sf_li .inner p{font-size:16px;}
  .tzrBox{width: 98%;margin: 35px auto 55px;}
  .tzTop .fr h3{font-size: 34px;}
  .tzTop .fr h2{font-size: 34px;letter-spacing: 3px;}
  .tzTop .pa{font-size: 30px;}
  .tzrInfo .info{font-size: 18px;}
  .metiLi .img{width: 270px;height: 180px;}
  .metiLi h2{font-size: 30px;}
  .metiLi p{font-size: 20px;}
  .metiLi{margin-bottom: 55px;}
}
@media (min-width: 1400px) {
  .about_cont{color: #FFF;margin: 50px auto 70px;}
  .about_cont p{font-size: 28px;line-height: 2;}
  .team_cont{padding: 50px 50px 0;}
  .teamLi{margin-bottom: 50px;}
  .team_cont, .develpo_cont, .honor_cont, .addr_cont, .hexin_cont, .sf_cont, .zl_cont, .meiti_cont{margin-top: 60px;margin-bottom: 80px;}
  .teamLi .img{width: 200px;height: 200px;line-height: 200px;text-align: center;overflow: hidden;border-radius: 50%;margin-right: 3%;}  
  .teamLi h2{color: #FFF;font-size: 48px;line-height: 80px;}
  .teamLi h3{color: #FFF;font-size: 30px;line-height: 36px;}
  .teamLi p{font-size: 20px;line-height: 1.6;color: #FFF;margin-top: 20px;}
  .honor_top .info p{line-height: 2;font-size: 24px;color: #FFF;padding-left: 30px;background: url(../images/star.png) no-repeat center left;}
  .honor_top img{height: 329px;}
  .honor_m img{height: 211px;margin-right:22px;width: auto;}
  .honor_m img{margin-right:1.6%;}
  .honor_m img.h1{width: 22%;}
  .honor_m img.h2{width: 12%;}
  .honor_m img:last-child{margin-right: 0;}
  .honor_m{margin-top: 70px;}
  .addr_tip{font-size: 20px;color: #999;margin-top: 40px;}
  .addr_tip i{font-size: 20px;vertical-align: middle;}
  .hexin_cont .info h2{font-size: 40px;}
  .hexin_cont .info h3{font-size: 30px;margin-bottom: 15px;}
  .hexin_cont .info p{font-size: 20px;line-height: 2;}
  .hexin_cont .info img{margin-top: 20px;height: 69px;}
  .sf_li .inner h2{font-size: 26px;margin-bottom: 20px;}
  .sf_li .inner p{font-size:18px;}
  .tzrBox{width:1400px;margin: 50px auto 80px;}
  .tzTop .fr h3{font-size: 40px;}
  .tzTop .fr h2{font-size: 40px;letter-spacing: 3px;}
  .tzTop .pa{font-size: 34px;}
  .tzrInfo .info{font-size: 22px;}
  .metiLi .img{width: 300px;height: 200px;}
  .metiLi h2{font-size: 34px;}
  .metiLi p{font-size: 24px;}
  .metiLi{margin-bottom: 65px;}
}


/* history */
#history{position:relative;margin:50px auto 0 auto;width: 100%;}
#history .title{height:95px;line-height:95px;text-indent:280px;}
#history .title h2{color:#7c7c7c;font-size:18px;font-weight:500;}
#circle{
  width:95px;height:95px;position:absolute;top:0;left:390px;border:6px solid rgba(255,255,255,0.15);border-radius:95px;text-indent:0;text-align:center;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;font-size: 20px;line-height: 83px;color: #FFF;}
#circle:hover{
  transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  border-color:rgba(255,255,255,0.1);
}
#content{/*width:1180px*/;overflow:hidden;background:url(../images/vertical.png) no-repeat 140px 2px;padding-top:10px;}
#content .list{overflow:hidden;position:relative;}
#content .list li{vertical-align:bottom;overflow:hidden;position:relative;padding-bottom: 60px;}
#content .liwrap{/*height:55px;*/margin-top:28px;}
#content .lileft{position:absolute;top:0;left:0px;height:55px;width:100px;line-height:55px;text-align:right;}
#content .liright{margin-top:-24px;right:0px;height:auto;width: calc(100% - 165px);}
#content .histt{height:35px;line-height:35px;font-size: 24px;text-align: left;color: #FFF;}
#content .hisct{font-size:16px;color:#999;}
#content .md{font-size:18px;color:#AEAEAE;}
#content .point{width:55px;height:55px;position:absolute;top:0;left:115px;background:url(../images/point.png) no-repeat 0px 18px;overflow:hidden;}
#content .point b{
  height:20px;width:20px;background:#fff;display:block;margin:17px 0 0 19px;border-radius:18px;border:2px solid #6bc30d;
  -webkit-transition:all 0.1s linear;
  -moz-transition:all 0.1s linear;
  -o-transition:all 0.1s linear;
  transition:all 0.1s linear;
  position:absolute;
  top:0;left:0;
}
#content .thiscur .point b{border:7px solid rgba(107,195,13,0.6);margin:12px 0px 0px 14px;border-radius:52px;}
#content .thiscur .histt a{color:#6bc30d;}
#content .histt a{
  font-size:24px;color:#747474;
  -webkit-transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
}
.caseDtM{padding: 20px 0;margin-top: 40px;}
.caseMinfo{background: none;}
.caseMinfo h3 span.white{color: #FFF;}
.caseDtM .jiao{width: 20px;height: 20px;}
.caseDtM .jiao1{border-left: 2px solid #00ffff;border-top: 2px solid #00ffff;top: 0;left: 0;}
.caseDtM .jiao2{border-right: 2px solid #00ffff;border-top: 2px solid #00ffff;top: 0;right: 0;}
.caseDtM .jiao3{border-left: 2px solid #00ffff;border-bottom: 2px solid #00ffff;bottom: 0;left: 0;}
.caseDtM .jiao4{border-right: 2px solid #00ffff;border-bottom: 2px solid #00ffff;bottom: 0;right: 0;}
.caseMinfo h3{padding: 0 10px;}
.caseM3{width: 96%;max-width: 848px;margin: 40px auto;}
.caseM3 >img{width: 100%;}
.caseM3 .img{top: 5%;bottom: 5%;left: 5%;right: 5%;overflow: hidden;}
.caseM3 .img img{width: 100%;}
.caseM4{background: url(../images/case3.png) no-repeat top center;background-size: 100% 100%;}
.caseInfo3 .info, .caseInfo4 .info{text-indent: 2em;}
.case-tj{background: none;width: 100%;}
.case-tj #main1{margin-top: -30px!important;}
@media (max-width: 767px) {
  #history{width: 98%;}
  #circle{left: 60px;}
  #content .lileft{width: 60px;}
  #content .point{left: 75px;}
  #content{background-position: 100px 2px;}
  #content .liright{width: calc(100% - 125px);}
  #content .histt{font-size: 17px;}
  #content .hisct{font-size: 13px;}
  #circle .cmsk{font-size: 18px;}
  .caseM1 > img{width: 76%;margin: 0 12%}
  .caseM2{margin-top: 40px;}
  .caseInfo2{width: 90%;margin-left: 5%;color: #FFF;font-size:14px;line-height: 1.8;}
  .caseInfo2 p{line-height: 1.8;}
  .caseM2 > img{max-width: 80%;margin-left: 10%;}
  .caseInfo2 span.ttl{color: #38c9ff;}
  .caseM4{margin: 60px 0;padding: 70px 0;}
  .caseInfo3{width: 80%;margin:2% 10% 4% 10%;}
  .caseM4 > img.fl{width: 80%;margin: 0 10%;}
  .caseInfo3 h2, .caseInfo4 h2{font-size: 18px;color: #38c9ff;}
  .caseInfo3 .info, .caseInfo4 .info{font-size: 14px;color: #FFF;}
  .case-tj{background: none;width: 100%;}
  .caseInfo4{width: 90%;margin-left: 5%;margin-right:5%;}
  .caseTb{width: 100%;margin-left:0;}
}
@media (min-width: 768px) {
  #history{width: 98%;}
  #circle{left: 100px;}
  #content .histt{font-size: 18px;}
  #content .hisct{font-size: 14px;}
  .caseM1 > img{width: 66%;margin: 0 17%}
  .caseM2{margin-top: 40px;}
  .caseInfo2{width: 90%;margin-left: 5%;color: #FFF;font-size:19px;margin-top: 30px;line-height: 1.8;}
  .caseInfo2 p{line-height: 1.8;}
  .caseM2 > img{max-width: 70%;margin-left: 15%;}
  .caseInfo2 span.ttl{color: #38c9ff;}
  .caseM4{margin: 60px 0;padding: 70px 0;}
  .caseInfo3{width: 80%;margin:2% 10% 4% 10%;}
  .caseM4 > img.fl{width: 60%;margin: 0 20%;}
  .caseInfo3 h2, .caseInfo4 h2{font-size: 24px;color: #38c9ff;}
  .caseInfo3 .info, .caseInfo4 .info{font-size: 20px;color: #FFF;}
  .case-tj{background: none;width: 100%;}
  .caseInfo4{width: 40%;margin-left: 5%;margin-right:5%;}
  .caseTb{width: 44%;}
}
@media (min-width: 992px) {
  #history{width: 992px;}
  #circle{left: 100px;}
  #content .histt{font-size: 24px;}
  #content .hisct{font-size: 16px;}
  .caseM1 > img{width: 35%;margin: 0 5%}
  .caseM2{margin-top: 40px;}
  .caseInfo2{width: 40%;margin-right: 8%;color: #FFF;font-size: 20px;margin-top: 50px;margin-left: 2%;line-height: 1.8;}
  .caseInfo2 p{line-height: 1.8;}
  .caseM2 > img{max-width: 50%;margin-left: 0;}
  .caseInfo2 span.ttl{color: #38c9ff;}
  .caseInfo3{width: 40%;margin:2% 5% 4% 7%;}
  .caseM4{margin: 60px 0;padding: 0;}
  .caseM4 > img.fl{width: 48%;margin: 0;}
  .caseInfo3 h2, .caseInfo4 h2{font-size: 24px;color: #38c9ff;}
  .caseInfo3 .info, .caseInfo4 .info{font-size: 20px;color: #FFF;}
  .caseInfo4{width: 40%;margin-left: 5%;margin-right: 10%;}
  .caseTb{width: 40%;}
}
@media (min-width:1200px) {
  .caseInfo2{font-size: 22px;}
  .caseInfo2{margin-top: 130px;}
  .caseInfo3 h2{font-size: 26px;color: #38c9ff;}
  .caseInfo3 .info{font-size: 22px;color: #FFF;}
}
@media (min-width: 1400px) {
  
}