@charset "utf-8";
/* 首页产品中心开始 */
@font-face {
  font-family: 'thyFont1';
  src: url("../Font/simpds.ttf"); }
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url("../Font/SourceHanSansCN-Bold.ttf"); }  
  
@font-face {
  font-family: 'SourceHanSansCN-Light';
  src: url("../Font/SourceHanSansCN-Light.ttf"); }  
  
.index_product{ width:100%; background:url(../Image/bg1.jpg) no-repeat top #f2f2f2; height:auto; overflow:hidden; padding-bottom:70px;}
.index_prodct_tit{ text-align:center; font-size:36px; color:#004ea1; padding-top:81px;}
.index_prodct_tit span{ color:#282828;}
.index_product_eng{ font-size:18px; color:#282828; text-align:center; margin-top:31px;}
.index_product_word{ text-align:center; margin-top:35px;}
.index_product_mid ul li .index_product_bg{ background:#fff; height:auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.isotope{padding-bottom:45px; margin-top:56px;}
.isotope ul {position: relative;}

.isotope .item {width: 33%; float:left;}
.isotope ul li{ margin-right:0.5%; margin-bottom:30px;}
.isotope ul li:nth-of-type(3n+3){ margin-right:0px;}
.isotope .item .cont {display: block;  overflow: hidden; }
.trans {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.isotope .item .cont > div {overflow: hidden; position:relative;}
.isotope .item img {display: block; width: 100%; height: auto;  margin: 0;}
.isotope .item img:hover {display: block; width: 100%; height: auto;  margin: 0;}
.isotope .item .title {display: block; background: url(../images/ico-2.png) 95% center no-repeat #fff; border-bottom: 1px solid #e7e7e7; margin: 0;  padding: 0px 45px 15px 20px; font-size: 12px;  color: #999;}
.isotope .item .title-en {padding: 15px 0 0px 0; text-transform: uppercase; color: #333; font-size: 18px;}
.isotope .item h5 { font-weight: normal;  overflow: hidden; line-height: 25px; width: 100%; display: inline-block;}
.isotope .item:hover .title-en{color:#d20000; font-weight:bold;}
.isotope .item:hover img {-webkit-transform-origin: center center;  -webkit-transform: scale(1.05, 1.05); -moz-transform-origin: center center; -moz-transform: scale(1.05, 1.05);}
.isotope .item:hover .title {background-color: transparent; background:url(../images/ico-2.png) 95% center no-repeat #ffffff; color: #666666;}
.img-box{position:relative; width:100%; height:100%;}
.icon-box{position:absolute; top:0; left:0; background:none; width:100%; height:100%;}
.isotope .item:hover .icon-box{background:url(../Image/j_img.png) no-repeat center center #000;  transition: background-color 0.4s;  background-color:rgba(0,0,0,0.65); -webkit-tap-highlight-color: rgba(0,0,0,0); border: 1px solid rgba(255,255,255,0.3); cursor:pointer; width:100%; height:100%; }

.index_tit{ text-align:center; color:#010101; font-size:24px; border-bottom:1px solid #ccc; line-height:40px; padding-top:30px;}
.index_word{ color:#626262; font-size:16px; text-align:center; margin-top:30px;}
.index_more{ height:43px; border:1px solid #dcdcdc; text-align:center; line-height:43px; font-size:16px; width:40%; margin:0px auto; margin-top:42px;}
.isotope .item:hover .title { background:#004ea1;}
.isotope .item:hover .index_tit{ color:#fff;}
.isotope .item:hover .index_word{ color:#fff;}
.isotope .item:hover .index_more{ color:#fff;}


.s2 {
  width: 100%;
  height: 676px;
  position: relative;
  overflow: hidden; }
  .s2 .s2_bac1 {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url("../Image/s2_bac1.jpg") no-repeat center;
    background-size: cover;
    background-attachment: fixed; }
  .s2 .s2_bac2 {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
    background: url("../Image/s2_bac2.png") no-repeat center;
    background-size: cover; }
    .s2 .s2_bac2 main {
      position: relative;
      height: 100%; }
    .s2 .s2_bac2 .a0 {
      width: 39%;
      position: absolute !important;
      z-index: 2;
      top: 90px !important;
      left: 0 !important; }
    .s2 .s2_bac2 .a1 {
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 42px;
      color: #fff;
      font-weight: lighter;
      padding-top: 120px; }
    .s2 .s2_bac2 .a2 {
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 28px;
      color: #ea590a;
      font-weight: bold;
      padding-top: 20px; }
    .s2 .s2_bac2 .a3 {
      width: 42%;
      font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
      font-size: 14px;
      color: #fff;
      line-height: 30px;
      padding-top: 95px; }
    .s2 .s2_bac2 .a4 {
      width: 100%;
      height: 218px;
      position: absolute;
      z-index: 5;
      bottom: 0;
      left: 0;
      *zoom: 1; }
      .s2 .s2_bac2 .a4:before, .s2 .s2_bac2 .a4:after {
        content: " ";
        display: table; }
      .s2 .s2_bac2 .a4:after {
        clear: both; }
      .s2 .s2_bac2 .a4 .left {
        width: 49%;
        float: left;
        height: 100%;
        background: -webkit-linear-gradient(310deg, #1558a6, #0a284b);
        background: -o-linear-gradient(310deg, #1558a6, #0a284b);
        background: -moz-linear-gradient(310deg, #1558a6, #0a284b);
        background: linear-gradient(310deg, #1558a6, #0a284b); }
        .s2 .s2_bac2 .a4 .left li {
          float: left;
          width: 33.33%;
          height: 120px;
          margin-top: 49px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          /* Firefox */
          -webkit-box-sizing: border-box;
          /* Safari*/
          border-right: 1px dashed rgba(255, 255, 255, 0.3); }
          .s2 .s2_bac2 .a4 .left li:last-child {
            border-right: none; }
          .s2 .s2_bac2 .a4 .left li:hover .b1 {
            border-color: #fff;
            box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.5) inset; }
          .s2 .s2_bac2 .a4 .left li .b1 {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* Firefox */
            -webkit-box-sizing: border-box;
            /* Safari*/
            border: 3px solid rgba(255, 255, 255, 0.3);
            text-align: center;
            line-height: 64px;
            margin: 0 auto;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
          .s2 .s2_bac2 .a4 .left li .b2 {
            width: 100%;
            text-align: center;
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 16px;
            color: #fff;
            padding-top: 25px;
            font-weight: lighter; }
      .s2 .s2_bac2 .a4 .right {
        width: 50%;
        float: left;
        height: 100%;
        background: url("../Image/com.jpg") no-repeat center;
        background-size: cover; }
        .s2 .s2_bac2 .a4 .right .b1 {
          width: 196px;
          height: 44px;
          border: 1px solid rgba(255, 255, 255, 0.5);
          position: relative;
          float: right;
          margin-right: 8%;
          margin-top: 86px; }
          .s2 .s2_bac2 .a4 .right .b1:after {
            content: '';
            position: absolute;
            width: 0%;
            height: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            background: #1558a6;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
          .s2 .s2_bac2 .a4 .right .b1:hover:after {
            width: 100%;
            opacity: 1; }
          .s2 .s2_bac2 .a4 .right .b1:hover a img {
            transform: translateX(10px);
            -ms-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -webkit-transform: translateX(10px);
            -o-transform: translateX(10px); }
          .s2 .s2_bac2 .a4 .right .b1 a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            z-index: 20;
            font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
            font-size: 16px;
            color: #fff;
            line-height: 44px;
            text-align: center;
            font-weight: lighter; }
            .s2 .s2_bac2 .a4 .right .b1 a img {
              margin-left: 30px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }

.s2_tit{ text-align:center; color:#fff; font-size:49px; margin-top:198px;  font-family: 'thyFont1';}
.s2_bg{ text-align:center; color:#fff; font-size:20px; margin-top:72px; line-height:50px;font-family: 'thyFont1'; }


.index_about{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-bottom:63px;}
.index_about_l{ margin-top:72px; width:50%;}
.index_about_r{ width:45%;margin-top:72px; }
.index_about_r_tit{ font-size:36px; color:#282828;}
.index_about_r_tit span{ color:#004ea1;}
.index_about_eng{ color:#282828; font-size:18px; margin-top:14px;}
.index_anout_r_mid{ color:#626262; font-size:16px; margin-top:47px; line-height:30px;}
.index_about_r_more{ height:43px; border:1px solid #dcdcdc; text-align:center; width:30%; line-height:43px; color:#626262; margin-top:76px;}

.fll{ display:inline-block;}
.shuzi_bg{ height:163px;box-shadow: 0 0 20px 1px #c7c7ca; background:#fff; margin-top:63px; text-align:center;}
.shuzi_bg ul li{ display:inline-block; margin:0px auto; width:24%; margin-top:55px; text-align:center; }
.shuzi_bg ul li .top1{ text-align:center; margin:0px auto;}
.shuzi_bg ul li .shuzi_pic{ text-align:left;}
.shuzi_bg ul li .shuzi_pic .shuzi2{ color:#626262; font-size:16px;}
.shuzi_bg ul li .shuzi_mid{ color:#004ea1; font-size:48px; font-weight:bold;}
.shuzi_bg ul li .shuzi_danwei{color:#626262; font-size:16px; margin-top:30px;}
.shuzi_bg ul li .shuzi_mid span{ font-size:42px;}

.lanrenzhijia{ width:100%; height:817px; margin:25px auto; font-family:'微软雅黑';}
.lanrenzhijia .tab{ overflow:hidden; text-align:center;}
.lanrenzhijia .tab a{ display:inline-block; width:10%; height:52px; font-size:18px; border:1px solid #ccc; border-radius:20px; text-align:center; line-height:52px; text-decoration:none; color:#333;}
.lanrenzhijia .tab a:hover{ background:#004ea1; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#004ea1; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; }
.lanrenzhijia .content li{ display:none; width:100%;}
.lanrenzhijia .content li .content_mid{ margin-top:41px;}
.lanrenzhijia .content li .content_mid dl dd{ width:25%; float:left;}

		.box{
		    overflow: hidden;
		    position: relative;
		}
		.box:before{
		    content: "";
		    display: block;
		    border: 30px solid rgba(255, 255, 255, 0.3);
		    position: absolute;
		    top: 5px;
		    left: 5px;
		    bottom: 5px;
		    right: 5px;
		    opacity: 1;
		    z-index: 2;
		    transition: all 1s ease 0s;
		}
		.box:hover:before{ border: 1px solid rgba(255, 255, 255, 0.18); }
		.box:after{
		    content: "";
		    display: block;
		    border: 10px solid #fff;
		    position: absolute;
		    top: 35px;
		    left: 35px;
		    bottom: 35px;
		    right: 35px;
		    opacity: 1;
		    z-index: 1;
		    transition: all 0.3s ease 0s;
		}
		.box:hover:after{
		    top: 0;
		    left: 0;
		    bottom: 0;
		    right: 0;
		    opacity: 0;
		}
		.box img{
		    width: 100%;
		    height: auto;
		    transform: scale(1.1);
		    transition: all 1s ease 0s;
		}
		.box:hover img{ transform: scale(1); }
		.box .box-content{
		    padding: 20px;
		    text-align: center;
		    color: #fff;
		    position: absolute;
		    top: 45px;
		    left: 45px;
		    bottom: 45px;
		    right: 45px;
		    opacity: 1;
		    z-index: 2;
		    transition: all 0.3s ease 0s;
		}
		.box:hover .box-content{
		    top: 6px;
		    left: 6px;
		    bottom: 6px;
		    right: 6px;
		}
		.box .box-inner-content{
		    width: 100%;
		    padding-bottom: 20px;
		    opacity: 0;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.3s ease 0s;
		}
		.box:hover .box-inner-content{ opacity: 1; }
		.box .title{
		    font-size: 26px;
		    font-weight: bold;
		    margin: 0;
		}
		.box .post{
		    display: block;
		    font-size: 16px;
		    font-style: italic;
		    margin-bottom: 10px;
		}
		.box .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		}
		.box .icon dd{ display: inline-block; }
		.box .icon dd a{
		    display: block;
		    width: 40px;
		    height: 40px;
		    line-height: 40px;
		    border-radius: 50%;
		    background: #fff;
		    margin-right: 10px;
		    font-size: 18px;
		    color: #000;
		    transition: all 0.3s ease 0s;
		}
		.box .icon dd a:hover{
		    background: #000;
		    color: #fff;
		}
		@media only screen and (max-width:990px){
		    .box{ margin-bottom: 30px; }
		}
.tu1{ margin-top:38px;}
.xw_r{ width:48%;margin-top:38px;}
.timee{ width:5%;margin-top:6px;}
.date_l{ color:#626262; font-size:16px;width:15%; margin-left:1%;}
.xw_tex{ color:#282828; font-size:24px;}
.xw_content{ color:#626262; font-size:16px; margin-top:46px; width:80%; line-height:35px; }
.xw_bt{ border-top:1px solid #979797; margin-top:20px;}
.xw_bt ul{ margin-top:123px;}
.xw_bt ul li{ float:left; width:48%;     flex: 1; position: relative;}
.xw_bt ul li:nth-of-type(2){ margin-right:0px; float:right;}
.xw_bt ul li .img {
    opacity: 0;
    visibility: hidden;
    transition: ease .65s;
}
.xw_bt ul li a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.foot{ width:100%; height:auto; overflow:hidden; background:#004DA0; margin-top:90px; padding-top:34px; padding-bottom:34px;}
.foot_l{ width:80%;}
.foot_l_logo{ border-bottom:1px solid #444444; height:auto; overflow:hidden; margin-top:51px; padding-bottom:44px;}
.foot_l_mid{ margin-top:38px;}
.foot_l_mid ul li{ float:left; width:20%; margin-right:6.5%;}
.foot_l_mid ul li .cp_tit{ color:#ffffff; font-size:24px;}
.foot_l_mid ul li .cp_line{ background:#444444; width:20%; height:1px; margin-top:11px;}
.foot_l_mid ul li dd{ float:left; color:#787878; margin-top:19px; margin-right:30%;}
.foot_l_mid ul li dd a{ color:#787878;}
.foot_l_mid ul li dd:nth-of-type(2n+2){ margin-right:0px;}
.foot_l_mid ul li:nth-of-type(4){ margin-right:0px;}
.foot_lx{ margin-top:48px; border-top:1px solid #444444;}
.foot_lx_tex{ color:#787878; font-size:16px;}
.phone_l{ width:10%;}
.foot_lx ul li{ margin-top:38px; width:33%; height:auto; overflow:hidden; float:left;}

.ewm_r{ width:20%;border-left:1px solid #444444; text-align:center;}
.ewm_r_rir{ text-align:center; margin-top:24px; color:#787878;}
.ewm_r_pic{ margin-top:42px;}
.beian{color:#787878; text-align:left; width:90%; margin:0px auto;margin-top:137px; padding-bottom:175px; }

.inner_company{ width:100%; height:auto; overflow:hidden; background:url(../Image/bg2.jpg) no-repeat bottom;}
.inner_l{ width:38%; margin-top:85px;}
.inner_l_tit{ color:#282828; font-size:36px;}
.inner_l_word{ color:#9e9fa0; font-size:18px; margin-top:13px;}
.inner_l_line{ width:10%; height:2px; background:#c0c0c0; margin-top:19px;}
.inner_l_bot{ color:#282828; font-size:16px; margin-top:44px; text-align:justify; line-height:30px;}
.inner_r{ margin-top:57px; width:60%;}

.tpzs ul li{ float:left; width:32%; margin-right:2%; margin-top:56px;}
.tpzs ul li:nth-of-type(3){ margin-right:0px;}
.yafasl{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; margin-top:50px; padding-bottom:60px;}
.yfa1{ text-align:center; color:#282828; font-size:36px; margin-top:66px; font-family:'SourceHanSansCN-Bold';}
.yfa2{text-align:center; margin-top:11px;}
.yfa3{ width:5%; background:#c0c0c0; height:2px; margin:0px auto; margin-top:20px;}
.zhanshi1{ color:#282828; font-size:30px; margin-top:35px;}
.zhanshi2{ color:#282828; font-size:16px; margin-top:24px;}
.zhanshi3_tit ul li{ float:left; margin-top:34px; width:48%;}
.zhanshi3_tit ul li:nth-of-type(2){ float:right;}
.zzry ul li{ float:left; width:24%; margin-right:1.3%; margin-top:33px;}
.zzry ul li:nth-of-type(4n+4){ margin-right:0px;}

.a2 {
    padding-top: 60px;
    padding-bottom: 85px;
}
.a2 .b3:before, .a2 .b3:after {
    content: " ";
    display: table;}
 .a2 .b3 {
   
    width: 100%;
    background: url(../Image/company2.jpg) no-repeat center;
    background-size: cover;
    *zoom: 1;
	height:auto;
	overflow:hidden;
	
}

.a2 .b3 li {
    float: left;
    width: 17%;
    padding-top: 64px;
    padding-bottom: 90px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 2.6%;
    padding-right: 2.6%;
    height: 430px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.a2 .b3 .li_on {
    width: 32%;
    background: rgba(0, 0, 0, 0.3);
}
.a2 .b3 li .c1 {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.95);
}
.a2 .b3 li .c2 {
    margin-top: 10px;
    height: 170px;
    width: 100%;
}
 .a2 .b3 li .c2 .d1 {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    font-family: thyFont3, "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-delay: 0.1s;
}
 .a2 .b3 li .c2 .d2 {
    font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 26px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transform: translateX(30px);
    -ms-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -o-transform: translateX(30px);
    opacity: 0;
    transition-delay: 0.5s;
}

 .a2 .b3 li .c3 {
    transform: translateY(30px);
    -ms-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -o-transform: translateY(30px);
    opacity: 0;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-delay: 0.3s;
}
.a2 .b3 li .c3 img {
    max-height: 58px;
}

.a2 .b3 .li_on .c3 {
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    opacity: 1;
}

 .a2 .b3 .li_on .c2 .d2 {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
}

.network{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-bottom:60px;}
.network_l{ width:20%; margin-top:92px;}
.net_work_mid{ margin-top:50px; line-height:30px;}
.network_r{ margin-top:60px; width:79%;}

.cp_product_l{ background:#004ea1; width:30%; height:463px;}

.cp_titt{ text-align:center; color:#fff; font-size:24px; border-bottom:1px solid #ccc;  width:90%; margin:0px auto;line-height:40px; padding-top:93px;}
.index_word1{ color:#fff; font-size:16px; text-align:center; margin-top:30px;}
.index_more1{ height:43px; border:1px solid #fff; color:#fff; text-align:center; line-height:43px; font-size:16px; width:40%; margin:0px auto; margin-top:121px;}
.cp_product ul li{ margin-top:41px; overflow:hidden;}
.cp_product ul li .tu2 img{transition-duration: 1s;}
.cp_product ul li:hover .tu2 img {
            transform: scale(1.1,1.1);
            opacity: 0.8;
        }

.cp_fl{ width:100%; height:auto; overflow:hidden; background:#f2f2f2;}

.jszc{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; padding-bottom:40px;}
.pinzhi{ margin-top:40px; height:auto; overflow:hidden;}
.pinzhi_l{ margin-top:43px;width:45%;}
.pinzhi_r{ width:49%; margin-top:83px; line-height:35px;font-family:'SourceHanSansCN-Bold';}
.xby{ color:#282828; font-size:30px; margin-top:55px;}
.xby_ll{ margin-top:50px; width:45%; }
.xby_rr{ margin-top:50px; width:45%; }
.xby_mid ul li{ float:left; width:100%; }
.xby_mid ul li .xby_mid_bt{ color:#004ea1; font-size:24px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; line-height:40px;}
.xby_mid ul li .wz{ margin-top:27px; height:auto; overflow:hidden;}
.xby_mid ul li .wz .xby_l_z{ color:#333333; font-size:20px; line-height:47px;}
.xby_mid ul li .wz .xby_r_z{ height:47px; line-height:47px; background:#eeeeee; border-radius:10px; color:#333333; font-size:16px; width:80%; text-align:center;}

.xby_bot ul li{ float:left; width:19%; margin-top:56px; margin-right:1%;}
.xby_bot ul li .xb_tit{ color:#004ea1; font-size:20px; border-bottom:2px solid #004ea1; line-height:40px;}
.xby_bot ul li .by_mid{ height:344px; background:#f2f2f2;}
.xby_bot ul li .by_mid .xb_bg{ width:95%; margin:0px auto; padding-top:30px;}
.xby_bot ul li:nth-of-type(5){ margin-right:0px;}


.contact{ width:100%; background:url(../Image/bg3.jpg) no-repeat bottom #f2f2f2; height:auto; overflow:hidden;}
.contact_l{ margin-top:63px; width:60%;}
.contact_l_tit{ color:#282828; font-size:36px;}
.contact_l_tit span{ color:#004ea1;}
.contact_l_tit_eng{ color:#282828; font-size:18px; margin-top:34px;}
.contact_l_tit_word{ color:#626262; font-size:16px; margin-top:36px;}
.contact_l_bot{ margin-top:187px;}
.contact_l_bot ul li{ float:left; width:33%; text-align:center;}
.contact_l_bot ul li .contact_l_mid{ color:#fff; font-size:16px; margin-top:52px; line-height:35px;}

.callback{ width:30%; background:#004ea1; height:auto; overflow:hidden; margin-top:63px; margin-bottom:81px;}
.callback_tit{ width:90%; margin:0px auto;}
.callback1{ color:#ffffff; font-size:36px; text-align:right; margin-top:46px;}
.callback2{color:#ffffff; font-size:18px; margin-top:15px; text-align:right;}
.callback3{ background:#c0c0c0; height:2px; width:10%; margin-top:20px; text-align:right;}
.mess1{ height:62px; background:#003670; border:none; width:100%; margin-top:11px;  color:#fff;}
.mess2{ height:108px; background:#003670; border:none; width:100%; margin-top:11px;  color:#fff;}
.mess3{ height:28px; background:#003670; border:none; width:20%; margin-top:11px;  color:#fff;}
.tijiao{height:62px; background:#003670; margin:0px auto; cursor:pointer; width:40%; line-height:62px; text-align:center; color:#fff; border:none; margin-top:31px; margin-bottom:50px;}
.me_r{ text-align:center;}
.tu1{ width:50%;}

.xwzx{ height:auto; overflow:hidden;}
.wapBottom {
    display: none;
    position: fixed;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,0.8);
    bottom: 0;
    left: 0;
    z-index: 222;
}
.wapBottom ul li {
    float: left;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid rgba(255,255,255,0.2);
}
.wapBottom ul li:first-child {
    border: none;
}
.wapBottom ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
}
.page{ text-align:center; margin-top:30px;}
.xby_bot{ margin-bottom:75px; height:auto; overflow:hidden;}
.tpp1{ font-size:24px; text-shadow: 0px 2px 1px #333;}
.tu2{ width:66%;}
@media  (max-width: 1174px){
	.shuzi_bg{ height:auto; padding-bottom:30px;}
	.shuzi_bg ul li{ width:50%;}
	}
@media  (max-width: 991px){
.index_prodct_tit{ font-size:22px;}
.index_product_eng{ font-size:14px;}
.wapBottom {
    display: block;
}
.foot_l{ width:100%;}
.ewm_r{ width:100%; border-left:none;}
.beian{ padding-bottom:40px; text-align:center; margin-top:37px;}
.inner_l{ width:100%;}
.inner_r{ width:100%;}
.network_l{ width:100%;}
.network_r{ width:100%;}
.contact_l{ width:100%;}
.callback{ width:100%;}
.contact_l_bot ul li .contact_l_mid{ color:#000;}
.contact_l_bot ul li{ width:100%; margin-top:30px;}
.contact_l_bot{ margin-top:30px;}
.contact_l_tit{ font-size:22px;}
.callback1{ font-size:22px;}
.callback2{ font-size:14px;}
.cp_product_l{ width:100%; height:auto; padding-bottom:30px;}
.tu2{ width:100%; margin-top:30px;}

}


@media  (max-width: 768px){
.isotope .item{width:100%; margin-top:20px;}
.isotope ul li{ width:100%; margin-right:0px;}
.s2_tit{ font-size:43px;}
.s2_bg{ font-size:16px;}
.index_about_l{ width:100%;}
.index_about_r{ width:100%;}

.shuzi_bg ul li{ width:100%;}
.shuzi_bg ul li .shuzi_mid{ font-size:30px;}
.lanrenzhijia .content li .content_mid dl dd{ width:50%;}
.lanrenzhijia{ height:auto;}
.tu1{ width:100%;}
.xw_r{ width:100%;}
.index_about_r_tit{ font-size:22px;}
.index_about_eng{ font-size:14px;}
.xw_tex{ font-size:22px;}
.xw_content{ margin-top:30px;}
.xw_bt ul{ margin-top:37px;}
 .a2 .b3 li {
    width: 100%;
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 .a2 .b3 .li_on {
    width: 100%;
    height: 338px;
}

.inner_l_tit{ font-size:22px;}
.inner_l_word{ font-size:16px;}
.yfa1{ font-size:22px;}
.zhanshi1{ font-size:22px;}
.pinzhi_l{ width:100%;}
.pinzhi_r{ width:100%;}
.xby{ font-size:22px;}
.xby_ll{ width:100%;}
.xby_mid ul li .wz .xby_l_z{ width:100%; text-align:center;}
.xby_mid ul li .wz .xby_r_z{ width:100%;}
.xby_rr{ width:100%;}
.xby_mid ul li .wz .xby_l_z{ width:100%; text-align:center;}
.xby_mid ul li .wz .xby_r_z{ width:100%;}
.xby_bot ul li{ width:100%; margin-right:0px;}
}

@media  (max-width: 640px){
.xw_bt ul li{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.lanrenzhijia .tab a{ width:25%;}
.foot_lx ul li{ width:100%;}
.foot_l_mid { display:none; }
.foot_lx{ border-top:none;}
.foot_lx ul li{ display:none;}
.zzry ul li{ width:49%;}
.zzry ul li:nth-of-type(2n+2) {
    margin-right: 0px;
}
}



.map-service{position:relative;height:760px;background:url(img/map_balck_whole_bg.jpg) center no-repeat}
.map-service-right{margin-left:414px;padding-top:60px}
.china-map{width:748px;height:618px;background:url(img/map_black_bg.png) center no-repeat;position:relative;}
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-1{left:302px;top:308px}
.postition-2{left:401px;top:403px}
.postition-3{left:358px;top:516px}
.postition-4{left:473px;top:348px}
.postition-5{left:526px;top:394px}
.postition-6{left:526px;top:515px}
.postition-7{left:652px;top:200px}
.postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-8{left:559px;top:229px}
.postition-9{left:637px;top:371px}
.postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.postition-10{left:554px;top:539px}
.postition-11{left:604px;top:300px}
.postition-13{left:470px;top:250px}
.douhao{width:0}


.news_tit{ width: 21%; margin: 0px auto; text-align: center; padding-top: 45px; height: auto; overflow: hidden;}
.case_l_tit{ background:url(../images/n.png) no-repeat center left; height:111px; float:left; width:100%;}
.case_l_ch{ font-size:30px; color:#1f1f1f; font-weight:bold; margin-left:10%; margin-top:10px;}
.case_l_eng{ font-size:24px;margin-left:10%;}
.index_pro_tit{ color: #0463c9; font-size: 24px; font-weight: bold;}
.news_mid_index{ margin-top: 41px;}
.news_mid_index ul li{ width: 49%; display: inline-block; margin-right: 1.5%;}
.news_mid_index ul li:nth-of-type(2){ margin-right: 0px;}
.news_mid_index ul li .news_mid_index_pic{ width: 30%;}
.news_mid_index ul li .news_mid_tex{ width: 100%; background: #fff; padding-bottom: 17px;}
.news_mid_zj{ width: 90%; margin: 0px auto;}
.news_mid_index ul li .news_mid_tex_tit{ font-size: 22px; color: #1f1f1f; margin-top: 30px;}
.news_mid_index ul li .news_mid_tex_content{ color: #7c7c7c; font-size: 16px; line-height: 30px; margin-top: 20px;}
.news_mid_index ul li .news_mid_tex_time{ margin-top: 14px;}
.news_mid_index ul li .news_mid_tex_time .time2{ margin-left: 11px;}
.news_mid_index ul li :after{
          content: '';
            position: absolute;
            width: 0%;
            height: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            background: #fff;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ 
          }
.news_mid_index ul li:hover:after{ width: 100%;
            opacity: 1;}
 .news_mid_index ul li a .news_mid_tex_time .time3 img {
              margin-left: 30px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }

.news_mid_index ul li:hover a .news_mid_tex_time .time3 img {
            transform: translateX(10px);
            -ms-transform: translateX(10px);
            -moz-transform: translateX(10px);
            -webkit-transform: translateX(10px);
            -o-transform: translateX(10px); }

.news_bt ul li{ width: 32%; margin-right: 1.5%; background: #fff; height: 203px; overflow: hidden; display: inline-block; margin-top: 40px;}
.news_bt ul li:nth-of-type(3){ margin-right: 0px;}
.s3 .s3_main .right li .news_mid_tex{ width: 100%;  padding-bottom: 17px;}
.news_mid_zj{ width: 90%; margin: 0px auto;}
.s3 .s3_main .right li .news_mid_tex_tit{ font-size: 22px; color: #1f1f1f; margin-top: 30px;}
.s3 .s3_main .right li .news_mid_tex_content{ color: #7c7c7c; font-size: 16px; line-height: 30px; margin-top: 20px;}
.s3 .s3_main .right li .news_mid_tex_time{ margin-top: 21px;}
.s3 .s3_main .right li .news_mid_tex_time .time2{ margin-left: 11px;}
.s3 .s3_main .right li:hover .word .news_mid_tex_tit { color:#fff;}
.s3 .s3_main .right li:hover .word .news_mid_tex_content { color:#fff;}
.s3 .s3_main .right li:hover .word .news_mid_tex_time .time2 { color:#fff;}

  .s3 .s3_main {
    width: 100%;
    *zoom: 1; }
    .s3 .s3_main:before, .s3 .s3_main:after {
      content: " ";
      display: table; }
    .s3 .s3_main:after {
      clear: both; }

 .s3 .s3_main .right {
	
      }
      .s3 .s3_main .right li {
        width: 32%;
        float: left;
        margin-right: 2%;
        height: 203px;
        margin-bottom: 14px; margin-top:40px; }
        .s3 .s3_main .right li:nth-child(3) {
          margin-right: 0; }
        .s3 .s3_main .right li:hover a .mask {
          bottom: 100%; }
        .s3 .s3_main .right li:hover a .button {
          bottom: 0; }
          .s3 .s3_main .right li:hover a .button .a1 {
            left: 0; }
        .s3 .s3_main .right li:hover a .word .a1 .b1 {
          color: #fff; }
          .s3 .s3_main .right li:hover a .word .a1 .b1 span {
            color: #fff; }
        .s3 .s3_main .right li:hover a .word .a2 {
          color: #fff; }
        .s3 .s3_main .right li:hover a .word .a3 {
          transform: translateY(-50px);
          -ms-transform: translateY(-50px);
          -moz-transform: translateY(-50px);
          -webkit-transform: translateY(-50px);
          -o-transform: translateY(-50px); }
          .s3 .s3_main .right li:hover a .word .a3 .b1 {
            border-color: #fff; }
            .s3 .s3_main .right li:hover a .word .a3 .b1 .c1 {
              opacity: 0; }
            .s3 .s3_main .right li:hover a .word .a3 .b1 .c2 {
              opacity: 1; }
          .s3 .s3_main .right li:hover a .word .a3 .b2 {
            color: #fff; }
        .s3 .s3_main .right li a {
          width: 100%;
          height: 100%;
          display: block;
          position: relative;
          background: #000;
          overflow: hidden; }
          .s3 .s3_main .right li a .bac {
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0.65; }
          .s3 .s3_main .right li a .mask {
            width: 100%;
            height: 360px;
            position: absolute;
            z-index: 3;
            background: #fff;
            transition: 0.6s;
            -moz-transition: 0.6s;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */
            bottom: 0px; }
          .s3 .s3_main .right li a .button {
            height: 50px;
            width: 100%;
            background: #ea590a;
            position: absolute;
            bottom: -43px;
            z-index: 5;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition-timing-function: ease;
            -moz-transition-timing-function: ease;
            /* Firefox 4 */
            -webkit-transition-timing-function: ease;
            /* Safari 和 Chrome */
            -o-transition-timing-function: ease;
            /* Opera */ }
            .s3 .s3_main .right li a .button .a1 {
              width: 100%;
              overflow: hidden;
              height: 50px;
              line-height: 50px;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 14px;
              color: #fff;
              transition: 0.6s;
              -moz-transition: 0.6s;
              -webkit-transition: 0.6s;
              -o-transition: 0.6s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */
              position: absolute;
              left: -100%;
              transition-delay: 0.3s;
              font-weight: lighter; }
              .s3 .s3_main .right li a .button .a1 img {
                margin-right: 5px; }
          .s3 .s3_main .right li a .word {
            width: 100%;
            height: 100%;
            display: block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            /* Firefox */
            -webkit-box-sizing: border-box;
            /* Safari*/
          
            position: absolute;
            top: 0;
            left: 0;
            z-index: 7; }
            .s3 .s3_main .right li a .word .a1 {
              width: 100%;
              *zoom: 1;
              height: 42px;
              padding-top: 25px; }
              .s3 .s3_main .right li a .word .a1:before, .s3 .s3_main .right li a .word .a1:after {
                content: " ";
                display: table; }
              .s3 .s3_main .right li a .word .a1:after {
                clear: both; }
              .s3 .s3_main .right li a .word .a1 .b1 {
                float: left;
                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 40px;
                color: #262626;
                font-family: thyFont1;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */ }
                .s3 .s3_main .right li a .word .a1 .b1 span {
                  font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                  font-size: 16px;
                  color: #838181;
                  font-family: thyFont1;
                  transition: 0.5s;
                  -moz-transition: 0.5s;
                  -webkit-transition: 0.5s;
                  -o-transition: 0.5s;
                  transition-timing-function: ease;
                  -moz-transition-timing-function: ease;
                  /* Firefox 4 */
                  -webkit-transition-timing-function: ease;
                  /* Safari 和 Chrome */
                  -o-transition-timing-function: ease;
                  /* Opera */ }
            .s3 .s3_main .right li a .word .a2 {
              width: 100%;
              font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
              font-size: 16px;
              color: #747474;
              margin-top: 30px;
              line-height: 30px;
              height: 120px;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
            .s3 .s3_main .right li a .word .a3 {
              width: 100%;
              margin-top: 70px;
              *zoom: 1;
              transition: 0.5s;
              -moz-transition: 0.5s;
              -webkit-transition: 0.5s;
              -o-transition: 0.5s;
              transition-timing-function: ease;
              -moz-transition-timing-function: ease;
              /* Firefox 4 */
              -webkit-transition-timing-function: ease;
              /* Safari 和 Chrome */
              -o-transition-timing-function: ease;
              /* Opera */ }
              .s3 .s3_main .right li a .word .a3:before, .s3 .s3_main .right li a .word .a3:after {
                content: " ";
                display: table; }
              .s3 .s3_main .right li a .word .a3:after {
                clear: both; }
              .s3 .s3_main .right li a .word .a3 .b1 {
                width: 26px;
                height: 26px;
                border-radius: 50%;
                border: 1px solid #bdbdbe;
                float: left;
                position: relative;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */ }
                .s3 .s3_main .right li a .word .a3 .b1 .c1 {
                  opacity: 1; }
                .s3 .s3_main .right li a .word .a3 .b1 .c2 {
                  opacity: 0; }
                .s3 .s3_main .right li a .word .a3 .b1 img {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  right: 0;
                  margin: auto;
                  transition: 0.5s;
                  -moz-transition: 0.5s;
                  -webkit-transition: 0.5s;
                  -o-transition: 0.5s;
                  transition-timing-function: ease;
                  -moz-transition-timing-function: ease;
                  /* Firefox 4 */
                  -webkit-transition-timing-function: ease;
                  /* Safari 和 Chrome */
                  -o-transition-timing-function: ease;
                  /* Opera */ }
              .s3 .s3_main .right li a .word .a3 .b2 {
                float: left;
                font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;
                font-size: 14px;
                color: #000;
                line-height: 28px;
                margin-left: 8px;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition-timing-function: ease;
                -moz-transition-timing-function: ease;
                /* Firefox 4 */
                -webkit-transition-timing-function: ease;
                /* Safari 和 Chrome */
                -o-transition-timing-function: ease;
                /* Opera */ }
#e-main{width: 1200px; height:600px; margin: 30px 0 0 0; min-width: 1200px !important;}


@media (min-width: 1441px) {

 .wrapp{ width:1200px; margin:0 auto}


}

@media (min-width: 480px) and (max-width: 767px) {
.wrapp{ width:100%; padding-left:10px; padding-right:10px;}
.region-list{ display:none;} 
}


@media (max-width: 479px)
{
.wrapp {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.region-list{ display:none;} 
#e-main{  width: 100%; height:300px; display:none;}
}

.inner_name{ text-align:center; font-size:16px;}
.foott_l{ color:#fff;}
.foott_r{ width:70%;}
.db_foot{width:100%;}
.db_top{width:80%;}
.db_foot ul li{ float:left; color:#fff; margin-left:12%; }
.db_foot ul li a{ color:#fff; }
.beian_d{ color:#fff; text-align:right;}
.db_ewm {
	width:10%;
   
}

@media  (max-width: 991px){
	.foott_l{ width:100%; text-align:center;}
	.foott_r{ width:100%;}
	.db_top{ width:100%;}
	.beian_d{ text-align:center;}
	.db_ewm{ width:100%; text-align:center;}
	}
	
	@media  (max-width: 640px){
		
		.db_foot{ display:none; }
		}
		@media  (max-width: 468px){
		
		.tpp1{ font-size:20px; }
			
			
			.news_mid_index ul li .news_mid_tex_tit{ font-size: 16px;}
			.s3 .s3_main .right li .news_mid_tex_tit{font-size: 16px;}
			.s3 .s3_main .right li{width: 100%; margin-top: 20px;}
			.news_mid_index ul li .news_mid_tex_content{ font-size: 14px;}
			.s3 .s3_main .right li .news_mid_tex_content{font-size: 14px;}
			.news_mid_index ul li .news_mid_tex_time .time2{ font-size: 12px;}
			.foot{ margin-top: 40px;}
		}


input::-webkit-input-placeholder {
    color: #fff;
    font-size: 14px;
}

input:-moz-placeholder {
    color: #fff;
    opacity: 1;
    font-size: 14px;
}

input::-moz-placeholder {
    color: #fff;
    opacity: 1;
    font-size: 14px;
}

input:-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
}