body {color:#666666} a{color:#333333}a:active,a:hover {color:#3752c7}

@media (min-width: 1630px) {.container{ width: 1262px; }}

@media (min-width: 1920px) {.container{ width: 1262px; }}
/*首页top */
#Top .width{width:100%; display:block; float:left;}
#Top .h110{height:56px;}
#Top .top1{width: 100%; position:absolute; left:0; top:0; z-index:999999;}
#Top .top1.active{box-shadow:0 4px 15px rgba(0,0,0,0.1);}
#Top .top1 .top_a{background:#ffffff;}
#Top .logo{width:300px; height: auto; float:left; margin:27px 0;}
#Top .logo img{float:left;}
#Top .logo .i{border-left:1px solid #e2e2e2; line-height:34px; height:34px; display:block; float:left; font-size:24px; font-weight:normal; margin-left:15px; padding-left:15px; color:#333333;
}
#Top .top1 .tel{float:right; margin-top:20px;}
#Top .top1 .tel .i_a{float:left; width:40px; height:40px; margin-top:3px;}
#Top .top1 .tel .p_a{float:left; padding-left:14px;}
#Top .top1 .tel .span_a{font-size:12px; color:#666666;}
#Top .top1 .tel .b_a{display:block; font-weight:bold; color:#333333; font-size:24px;}
#Top .nav{width:100%; position:relative;} 
#Top .menu_box{ width:100%; display:block;  position:relative; }
#Top .menu_box::after{width:800%;background:rgba(54,62,69,0.7);transform: skewX(32deg);
 position:absolute; left:20px; top:0; content:"";
height:100%;
}
#Top .menu{width:100%;margin-left:20px;}
#Top .menu .nli{ float:left; z-index:15; position:relative; text-align:center; }
#Top .menu .nli span a{float:left; font-size:16px; line-height:56px; position:relative; color:#ffffff;
padding:0 50px;height:56px; position: relative; display: flex; justify-content: center;
    align-items: center; text-decoration: none;
}
#Top .menu .nli span a::after{content: '';  position: absolute;top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1; background:#3752c7;transform: skewX(32deg); width:0;
}
#Top .menu .nli.active span a::after,
#Top .menu .nli:hover span a::after{ width:100%;}
#Top .menu .sub{ display:none; float:left; position:absolute; top:56px;
 width:150px; z-index:66;  background:rgba(54,62,69,0.7); left:50%; margin-left:-55px;

}
#Top .menu .sub li{ float:left; text-align:center; width:100%; padding:10px 0;}
#Top .menu .sub li a{ text-align:center; color:#fff; font-size:14px; line-height:22px; position:relative; display:inline-block;
}
#Top .menu .sub li::after{position:absolute; left:0; width:100%; height:1px; border-bottom:1px dashed #fff; bottom:0; content: '';
opacity: 0;
}
#Top .menu .sub li:hover a::after{opacity: 1;}
#Top .menu .sub li:hover{background:#3752c7;}
/*手机头*/
#Top .top2{width:100%; height:71px;display: none ; position: absolute; top:0; left: 0; 
   z-index: 600; background-color: #fff;}
#Top .top2.active{box-shadow: 0 4px 10px rgba(0,0,0,0.1)}
#Top .top2 .logo{width:500px; height:auto; float:left; margin:20px 0; position:relative;}
#Top .top2 .logo .img02{position:absolute; width:300px; left:0; top:0; opacity: 0;}

/*下拉*/
#Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;}
#Top .menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;}
#Top .menuph .point:hover .navbtn,
#Top .menuph .point:hover .navbtn::after,
#Top .menuph .point:hover .navbtn::before{width: 28px;}
#Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px;
  -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;
}
#Top .menuph .navbtn::after,
#Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: '';
   -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000;
}
#Top .menuph .navbtn::after{top: -11px;}
#Top .menuph .navbtn::before{ top: 10px;}
#Top .menuph .point.active .navbtn{ background: transparent;}
#Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px;
}
#Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;
}
/*手机下拉*/
#Top .xialaph{position: fixed; top: 0; left: 0; width: 100%;  height: 100%;
  display: none; padding-top:76px; overflow-y: auto;z-index: 200; background-color:#fff;
}
#Top .xialaph .img_d{ display:none;}
#Top .xialaph .ul2,
#Top .xialaph .ul3{display: none;}
#Top .xialaph h4 a{   display: block;color: #333;  font-size: 14px; line-height: 40px;
  position: relative;
/*  font-weight: bold;*/
text-transform: uppercase;
}
#Top .xialaph h4{ position: relative;}
#Top .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}
#Top .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%;
  height: 1px; background-color: #f2f2f2;display: none
}
#Top .xialaph li:first-child h4::after{display:none;}
#Top .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px;
  background-color:#dedede; 
  /*opacity: 0.1;*/
}
#Top .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}
#Top .xialaph h5 a{ display: block; color: #666;font-size: 14px;line-height: 42px; padding:0 10px;}
#Top .xialaph h5{position: relative;}
#Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px;
background-color:rgba(95,123,118,0.1);;
  /*opacity: 0.05;*/
}
#Top .xialaph li:last-child h5::after{display: none;}
#Top .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #666 solid 1px; border-right: #666 solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;
}
#Top .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
 -o-transform:rotate(135deg);margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
#Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}
#Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0;  left: 0;right: 0; height: 1px; background-color: #e5e5e5;}
#Top .xialaph li:last-child .ul3::after{ display: none;}
#Top .xialaph .ul3 li a{ color: #666; font-size: 14px; line-height: 35px; display: block;}
#Top .xialaph .ul3 li{ padding-top: 5px;}
#Top .xialaph .ul3 li:first-child{padding-top: 0;}
#Top .xialaph h5 b{ position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #999 solid 1px; border-right: #999 solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;
}
#Top .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px;
}
#Top .phonemeng{ position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6;
  z-index: 99;display: none;
}
#Top .phonemeng.active{ display: block;}
@media screen and  (max-width:1630px){
#Top .menu .nli span a{padding:0 45px;}
}
@media screen and  (max-width:1200px){
#Top .menu .nli span > a{font-size:15px; padding:0 35px; }
  #Top .menu .sub li a{font-size:14px;}
  #Top .menu .sub{width:120px;left:70%;}
  #Top .menu .sub li a{line-height:20px;}
}
@media screen and  (max-width:992px){
#Top .top2{ display:block;}
  #Top .top1{ display:none;}
  #Top .h110{height:71px;}
}
@media screen and  (max-width:768px){
#Top .top2 .logo{width:200px;margin: 9px 0;}
  #Top .top2 .logo .img01{opacity: 0;}
  #Top .top2 .logo .img02{opacity:1;}
  #Top .menuph{margin-top:12px;}
  #Top .h110{height:60px;}
  #Top .top2{height:60px;}
}
/*banner*/
#Slide .pz_banner{clear: both; position:relative; padding-top:100px; float:left; width:100%;}
#Slide .pz_banner .wap_pic{display: none;}
#Slide .pz_banner a{display:block; width:100%;}
#Slide .pz_banner .slide1 .list{line-height:0; position: relative;}
#Slide .pz_banner .slide1 .slick-dots{width:100%; bottom:20px; font-size:0; display:none;}
#Slide .pz_banner .slick-prev{left:8%;}
#Slide .pz_banner .slick-next{right:8%;}
#Slide .pz_banner .slick-prev,
#Slide .pz_banner .slick-next{width:33px; height:64px; background-size:33px 64px;}
#Slide .pz_banner .slick-prev{background:url(../images/899_left.png)no-repeat; }
#Slide .pz_banner .slick-next{background:url(../images/899_right.png)no-repeat;}
#Slide .pz_banner .slick-prev:hover{background:url(../images/899_left_a.png)no-repeat;}
#Slide .pz_banner .slick-next:hover{background:url(../images/899_right_a.png)no-repeat;}
@media screen and  (max-width:1630px){
#Slide .pz_banner .slick-prev,
  #Slide .pz_banner .slick-next{width:30px; height:58px; background-size:30px 58px;}
  #Slide .pz_banner .slick-prev:hover,
  #Slide .pz_banner .slick-next:hover{background-size:30px 58px;}
}
@media screen and  (max-width:1200px){
#Slide .pz_banner .slick-prev,
  #Slide .pz_banner .slick-next{width:26px; height:50px; background-size:26px 50px;}
  #Slide .pz_banner .slick-prev:hover,
  #Slide .pz_banner .slick-next:hover{background-size:26px 50px;}
  #Slide .pz_banner .slick-prev{left:5%;}
  #Slide .pz_banner .slick-next{right:5%;}
}
@media screen and  (max-width:992px){
 #Slide .pz_banner{padding-top:70px;}
  #Slide .pz_banner .slick-prev{left:30px;}
  #Slide .pz_banner .slick-next{right:30px;}
}
@media screen and  (max-width:768px){
#Slide .pz_banner{padding-top:60px;}
  #Slide .pz_banner .slick-prev,
  #Slide .pz_banner .slick-next{width:20px; height:39px; background-size:20px 39px;}
  #Slide .pz_banner .slick-prev:hover,
  #Slide .pz_banner .slick-next:hover{background-size:20px 39px;}
  #Slide .pz_banner .slick-prev{left:10px;}
  #Slide .pz_banner .slick-next{right:10px;}
}
/*main*/
#Content .pro_index01{display:block; width:100%; float:left; position:relative; position:relative;}
#Content .pro_index01::after{width:100%; background:#e5e5e5; height:1px; bottom:23px; content:""; z-index:-1; left:0; position:absolute;}
#Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content .pro_index01 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#3752c7; position:relative;}
#Content .pro_index01 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content .pro_index01 .top_rig{position:absolute; right:0; bottom:43%;}
#Content .pro_index01 .li_a{float:left;line-height:45px; margin-left:10px; background:#363e45;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Content .pro_index01 .right{float:right;}
#Content .pro_index01 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%; padding:0 20px; }
#Content .pro_index01 .li_a:hover,
#Content .pro_index01 .li_a.on{background:#3752c7;}
#Content .pro_index01 .sea_form{float:left; position:relative; width:212px; height:38px; border:1px solid #e5e5e5;padding-right:39px; }
#Content .pro_index01 .sea_form .input{float: left; width: 100%;  height:36px; line-height:28px; padding: 5px 10px;
    color: #363e45; font-size: 14px; background: white; outline: none;
}
#Content .pro_index01 .sea_form .search_b{position: absolute;right:-1px;top: -1px; width:39px; height:38px;display:block;
    border: none;background: url(../images/901_top9.png) center no-repeat #3752c7; cursor: pointer ; background-size: contain;
}
#Content .pro_index01 .pro_ul{width:100%; display:block;}
#Content .pro_index01 .ul_a{padding-bottom:60px; display:block;}
#Content .pro_index01 .li_b{width:32%; float:left; margin:0 2% 3% 0; padding-bottom:20px;}
#Content .pro_index01 .li_b:nth-child(3n){margin-right:0;}
#Content .pro_index01 .li_b a{width:100%; display:block;position:relative; 
  padding:20px 20px 50px; background:#f0f0f0; height:100%;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .pic{display:block; overflow: hidden;}
#Content .pro_index01 .li_b img{display:block;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .h4_b{display:block; padding-top:16px; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease;
}
#Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;
 display:block; width:100%;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; 
  border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; 
  color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease;
}
#Content .pro_index01 .li_b:hover a{background:#363e45;}
#Content .pro_index01 .li_b:hover .h4_b,
#Content .pro_index01 .li_b:hover .p_b,
#Content .pro_index01 .li_b:hover .more{color:#ffffff;}
#Content .pro_index01 .li_b:hover .more{border:4px solid #3752c7; background:#3752c7;}
#Content .pro_index01 .li_b:hover img{
 -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
  transform: scale(1.1);
}
#Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px;
 color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative; 
}
#Content .pro_index01 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #3752c7; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content .pro_index01 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content .pro_index01 .more_a:hover::after{background:#3752c7; width:100%; height:100%;}
@media screen and  (max-width:1630px){
#Content .pro_index01 .li_a{padding:0 16px;}
}
@media screen and  (max-width:1200px){
#Content .pro_index01 .h3_y{font-size:36px;}
  #Content .pro_index01 .p_h3{font-size:30px;}
  #Content .pro_index01 .li_a{padding:0 16px;}
  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}
  #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;}
  #Content .pro_index01 .right{float:left;}
}
@media screen and  (max-width:992px){
#Content .pro_index01 .p_h3::after{width:80%;}
  #Content .pro_index01 .h3_y{font-size:32px;}
  #Content .pro_index01 .p_h3{font-size:24px;}
  #Content .pro_index01 .li_a{padding:0 16px;}
  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}
  #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;}
  #Content .pro_index01 .right{float:left; width:100%; display:flex;align-items: center; justify-content: center; }
  #Content .pro_index01 .li_b{width:49%;}
  #Content .pro_index01 .li_b:nth-child(3n){margin-right:2%;}
  #Content .pro_index01 .li_b:nth-child(2n){margin-right:0;}
  #Content .pro_index01 .li_b:nth-child(9){display:none;}
}
@media screen and  (max-width:768px){
#Content .pro_index01 .h3_y{font-size:24px;}
  #Content .pro_index01 .p_h3{font-size:18px;}
  #Content .pro_index01 .p_h3::after{width:70%;}
  #Content .pro_index01 .sea_form{width:100%;}
  #Content .pro_index01 .right{display:block;}
  #Content .pro_index01 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}
  #Content .pro_index01 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}
  #Content .pro_index01 .li_b .h4_b{line-height:28px; padding-top:10px; font-size:16px;}
  #Content .pro_index01 .li_b a{padding:10px 10px 32px;}
  #Content .pro_index01 .ul_a{padding-bottom:30px;}
  #Content .pro_index01 .more_a{width:160px; height:38px;}
  #Content .pro_index01 .more_a a{line-height:38px; padding-left:5px; font-size:15px;}
  #Content .pro_index01 .more_a::after{border-top:38px solid #3752c7;}
  #Content .pro_index01 .more_a .b{line-height:38px;}
  #Content .pro_index01 .li_b .more{width:50px; height:50px; margin-left:-25px; }
}
#Content2 .adv_index02{display:block; width:100%; float:left; padding:98px 0;}
#Content2 .adv_index02 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content2 .adv_index02 .h3_y{font-weight:bold; font-size:42px; color:#ffffff; display:block; }
#Content2 .adv_index02 .p_h3{font-weight:bold; font-size:30px; color:#ffffff; position:relative;}
#Content2 .adv_index02 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#ffffff;
}
#Content2 .adv_index02 .adv_ul{width:100%; display:block;}
#Content2 .adv_index02 .li_c{width:32%; float:left; margin-right:2%;
-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; 
      -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#Content2 .adv_index02 .li_c a{display:block; width:100%; height:100%; padding:30px; 
  background:rgba(0,0,0,0.5); position:relative;
}
#Content2 .adv_index02 .li_c .span_c{width:92px; height:92px; float:left; background:rgba(255,255,255,0.1); border-radius:50%;}
#Content2 .adv_index02 .li_c .span_right{float:left; width:72%; padding-left:24px; color:#ffffff;}
#Content2 .adv_index02 .li_c .p_c{line-height:38px; font-size:20px;}
#Content2 .adv_index02 .li_c .b_c{padding-top:6px; line-height:20px; font-size:14px; font-weight:normal; display:block;
height:46px;   overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
#Content2 .adv_index02 .li_c:nth-child(3n){margin-right:0;}
#Content2 .adv_index02 .li_c:hover a{background:rgba(16,68,146,0.9);}
#Content2 .adv_index02 .li_c:hover{
-webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and  (max-width:1630px){
#Content2 .adv_index02 .li_c .span_right{width:68%;}
}
@media screen and  (max-width:1200px){
#Content2 .adv_index02 .h3_y{font-size:36px;}
  #Content2 .adv_index02 .p_h3{font-size:30px;}
  #Content2 .adv_index02 .li_c .span_c{width:80px; height:80px;}
  #Content2 .adv_index02 .li_c a{padding:20px;}
  #Content2 .adv_index02 .li_c .span_right{width:70%;}
}
@media screen and  (max-width:992px){
#Content2 .adv_index02 .p_h3::after{width:80%;}
  #Content2 .adv_index02 .h3_y{font-size:32px;}
  #Content2 .adv_index02 .p_h3{font-size:24px;}
  #Content2 .adv_index02{padding:60px 0;}
  #Content2 .adv_index02 .li_c a{padding:15px;}
  #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;}
  #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;}
  #Content2 .adv_index02 .li_c .p_c{font-size:18px; line-height:24px;}
  #Content2 .adv_index02 .li_c .b_c{font-size:12px;}
}
@media screen and  (max-width:768px){
#Content2 .adv_index02 .h3_y{font-size:24px;}
  #Content2 .adv_index02 .p_h3{font-size:18px;}
  #Content2 .adv_index02 .p_h3::after{width:70%;}
  #Content2 .adv_index02{padding:40px 0;}
  #Content2 .adv_index02 .li_c{width:100%; margin-right:0; margin-bottom:15px;}
  #Content2 .adv_index02 .li_c a{padding:15px;}
  #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;}
  #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;}
  #Content2 .adv_index02 .li_c .p_c{font-size:16px; line-height:24px;}
  #Content2 .adv_index02 .li_c .b_c{font-size:12px;}
}
#Content3 .case_index03{display:block; width:100%; float:left; background:#fff; padding:100px 0;}
#Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#3752c7; position:relative;}
#Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; bottom:43%;
 color:#ffffff;  display:block; padding:0 15px; 
}
#Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #3752c7; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content3 .case_index03 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content3 .case_index03 .more_a:hover::after{background:#3752c7; width:100%; height:100%;}
#Content3 .case_index03 .case_ul{width:100%; display:block;}
#Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#ffffff;}
#Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;}
#Content3 .case_index03 .li_d a{display:block; width:100%; height:100%;}
#Content3 .case_index03 .li_d .pic{position:relative; }
#Content3 .case_index03 .li_d img{display:block;}
#Content3 .case_index03 .li_d .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#Content3 .case_index03 .li_d .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; 
  font-size:12px; border-radius:50%; color:#ffffff; text-align:center;
}
#Content3 .case_index03 .li_d .text{line-height:68px; height:68px; width:100%;
 padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333;
   -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
#Content3 .case_index03 .li_d:hover .mor{
  -webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
#Content3 .case_index03 .li_d:hover .text{background:#3752c7; color:#ffffff;}

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

}
@media screen and  (max-width:1200px){
#Content3 .case_index03 .h3_y{font-size:36px;}
  #Content3 .case_index03 .p_h3{font-size:30px;}
  #Content3 .case_index03 .li_d .text{line-height:60px; height:60px;}
  #Content3 .case_index03 .more_a{bottom:46%;}
}
@media screen and  (max-width:992px){
#Content3 .case_index03{padding:50px 0;}
  #Content3 .case_index03 .p_h3::after{width:80%;}
  #Content3 .case_index03 .h3_y{font-size:32px;}
  #Content3 .case_index03 .p_h3{font-size:24px;}
  #Content3 .case_index03 .more_a{bottom:46%; width:160px; height:40px;}
  #Content3 .case_index03 .more_a a{padding-left:10px; line-height:40px;}
  #Content3 .case_index03 .more_a .b{line-height:40px;}
  #Content3 .case_index03 .more_a::after{border-top: 40px solid #3752c7;}
  #Content3 .case_index03 .li_d .text{line-height:50px; height:50px; font-size:16px;}
  #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;}
}
@media screen and  (max-width:768px){
#Content3 .case_index03{padding:30px 0;}
  #Content3 .case_index03 .h3_y{font-size:24px;}
  #Content3 .case_index03 .p_h3{font-size:18px;}
  #Content3 .case_index03 .p_h3::after{width:70%;}
  #Content3 .case_index03 .more_a{ float:right; width:120px; height:36px; position:inherit; }
  #Content3 .case_index03 .more_a a{padding-left:0px; line-height:36px; font-size:14px;}
  #Content3 .case_index03 .more_a .b{line-height:36px;}
  #Content3 .case_index03 .more_a::after{border-top: 36px solid #3752c7; width:56px;}
  #Content3 .case_index03 .li_d .text{line-height:44px; height:44px; font-size:14px;}
  #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;}
  #Content3 .case_index03 .li_d{width:100%; margin-right:0; margin-top:15px; display:block;}
}
#Content4 .about_index04{display:block; width:100%; float:left;}
#Content4 .about_index04 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content4 .about_index04 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content4 .about_index04 .p_h3{font-weight:bold; font-size:30px; color:#3752c7; position:relative;}
#Content4 .about_index04 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content4 .about_index04 .abou_text{width:100%; display:block;}
#Content4 .about_index04 .left{width:41.112%; float:left;  position:relative; margin-top:40px;background:#3752c7;
height:100%;
}
#Content4 .about_index04 .left .span_a{display:block; width:556px;
position:relative; left:45px; top:-40px;
}
#Content4 .about_index04 .left .span_a img{display:block;}
#Content4 .about_index04 .right{float:left; background:#ffffff; width:51.5%; margin-left:90px;
box-shadow:0 1px 18px 1px rgba(54,62,69,0.6); padding:60px 80px; margin-top:40px; height:440px;
}
#Content4 .about_index04 .right .h4_a{display:block; line-height:26px; font-size:24px;
 color:#333333; font-weight:bold; width:100%;}
#Content4 .about_index04 .right .p{display:block; margin:25px 0 40px 0; line-height:36px; color:#666666; font-size:16px; width:100%; height:180px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:5;-webkit-box-orient: vertical;
}
#Content4 .about_index04 .right .more_a{width:184px; height:44px; background:#363e45; line-height:44px; 
 color:#ffffff;  display:block; padding:0 15px; position: relative;  
}
#Content4 .about_index04 .right .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #3752c7; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content4 .about_index04 .right .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content4 .about_index04 .right .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content4 .about_index04 .right .more_a:hover::after{background:#3752c7; width:100%; height:100%;}
@media screen and  (max-width:1630px){
#Content4 .about_index04 .right{width:50.9%;}
}
@media screen and  (max-width:1200px){
#Content4 .about_index04 .h3_y{font-size:36px;}
  #Content4 .about_index04 .p_h3{font-size:30px;}
  #Content4 .about_index04 .left .span_a{width:430px;}
  #Content4 .about_index04 .right{width:50%; margin-left:80px;padding:30px; height:331px;}
  #Content4 .about_index04 .right .h4_a{font-size:22px;}
  #Content4 .about_index04 .right .p{line-height:30px; font-size:15px; margin:15px 0 30px; height:145px;}
  #Content4 .about_index04 .right .more_a{ width:160px; height:40px; }
  #Content4 .about_index04 .right .more_a a{ line-height:40px; font-size:16px;}
  #Content4 .about_index04 .right .more_a .b{line-height:40px;}
  #Content4 .about_index04 .right .more_a::after{border-top: 40px solid #3752c7; width:56px;}
}
@media screen and  (max-width:992px){
 #Content4 .about_index04 .p_h3::after{width:80%;}
  #Content4 .about_index04 .h3_y{font-size:32px;}
  #Content4 .about_index04 .p_h3{font-size:24px;}
  #Content4 .about_index04 .left .span_a{width:330px; left:30px; top:-30px;}
  #Content4 .about_index04 .right{margin-left:57px; width: 51%; margin-top:30px; height:265px;}
  #Content4 .about_index04 .right .h4_a{font-size:20px;}
  #Content4 .about_index04 .right .p{font-size:14px; line-height:24px; height:118px;}
  #Content4 .about_index04 .right .more_a{ width:120px; height:36px; }
  #Content4 .about_index04 .right .more_a a{padding-left:0; line-height:36px; font-size:14px;}
  #Content4 .about_index04 .right .more_a .b{line-height:36px;}
  #Content4 .about_index04 .right .more_a::after{border-top: 36px solid #3752c7; width:56px;}
}
@media screen and  (max-width:768px){
#Content4 .about_index04 .h3_y{font-size:24px;}
  #Content4 .about_index04 .p_h3{font-size:18px;}
  #Content4 .about_index04 .p_h3::after{width:70%;}
  #Content4 .about_index04 .index_top{padding-bottom:10px;}
  #Content4 .about_index04 .left{width:90%; height:100%; margin-top:30px;}
  #Content4 .about_index04 .left .span_a{right:0; top:-20px; width:100%;}
  #Content4 .about_index04 .right{width:100%; margin:0; padding:25px; min-height:200px; height:auto;}
  #Content4 .about_index04 .right .h4_a{font-size:16px;}
  #Content4 .about_index04 .right .p{font-size:14px; line-height:22px; min-height:100px; height:auto;}
}
#Content5 .news_index05{background:#f0f0f0; padding:100px 0; display:block; width:100%; float:left;}
#Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#3752c7; position:relative;}
#Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content5 .news_index05 .top_rig{position:absolute; right:0; bottom:43%;}
#Content5 .news_index05 .li_a{float:left;  line-height:45px; margin-left:10px; background:#363e45;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Content5 .news_index05 .right{float:right;}
#Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;padding:0 20px;}
#Content5 .news_index05 .li_a:hover,
#Content5 .news_index05 .li_a.on{background:#3752c7;}
#Content5 .news_index05 .news_ul{display:block; width:100%;}
#Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;}
#Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;}
#Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;}
#Content5 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:16px; line-height:18px; position:relative; z-index:2;}
#Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:48px; 
   display:block;padding:0 20px; line-height:40px;}
#Content5 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:"";
width:160px; height:0; border-bottom:120px solid #3752c7;  border-right:78px solid transparent;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}

#Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;}
#Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;}
#Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666;
height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
#Content5 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #3752c7;}
#Content5 .news_index05 .li_e:hover a{background:#363e45;}
#Content5 .news_index05 .li_e:hover .h4_e,
#Content5 .news_index05 .li_e:hover .p_e{color:#ffffff;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content5 .news_index05 .h3_y{font-size:36px;}
  #Content5 .news_index05 .p_h3{font-size:30px;}
  #Content5 .news_index05 .top_rig{bottom:46%;}
  #Content5 .news_index05 .li_a{padding:0 16px;}
  #Content5 .news_index05 .li_e .i{padding:30px 15px 10px;}
  #Content5 .news_index05 .li_e .span_left::after{width:150px;}
  #Content5 .news_index05 .li_e .span_right{padding:20px 45px;}
}
@media screen and  (max-width:992px){
#Content5 .news_index05{padding:50px 0;}
  #Content5 .news_index05 .p_h3::after{width:80%;}
  #Content5 .news_index05 .h3_y{font-size:32px;}
  #Content5 .news_index05 .p_h3{font-size:24px;}
  #Content5 .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px;
    display: flex; align-items: center; justify-content: center;
  }
  #Content5 .news_index05 .li_e{height:110px;}
  #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;}
  #Content5 .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #dfdfdf;}
  #Content5 .news_index05 .li_e .span_right{padding:20px 45px;}
  #Content5 .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;}
  #Content5 .news_index05 .li_e .span_left{width:23%;}
  #Content5 .news_index05 .li_e .span_right{width:77%;}
  #Content5 .news_index05 .li_e .h4_e{font-size:16px;}
  #Content5 .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;}
}
@media screen and  (max-width:768px){
#Content5 .news_index05{padding:30px 0;}
  #Content5 .news_index05 .index_top{padding-bottom:20px;}
  #Content5 .news_index05 .h3_y{font-size:20px;}
  #Content5 .news_index05 .p_h3{font-size:18px;}
  #Content5 .news_index05 .p_h3::after{width:70%;}
  #Content5 .news_index05 .top_rig{display:block;}
  #Content5 .news_index05 .right{float:none;}
  #Content5 .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}
  #Content5 .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}
  #Content5 .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;}
  #Content5 .news_index05 .li_e .i{padding:30px 15px 6px; font-size:12px;}
  #Content5 .news_index05 .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;}
  #Content5 .news_index05 .li_e .span_right{padding:16px 27px;}
  #Content5 .news_index05 .li_e .b_e{font-size:28px; line-height:20px; padding:0 20px; text-align:left;}
  #Content5 .news_index05 .li_e .span_left{width:27%;}
  #Content5 .news_index05 .li_e .span_right{width:73%;}
  #Content5 .news_index05 .li_e .h4_e{font-size:16px;}
  #Content5 .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;}
}
/*底部*/
#Down .footer{width:100%; float:left; display:block;}
#Down .footer .d_footer{width:100%; display:block;}
#Down .d_footer .top_d{background:#272c31; padding-top:60px; display:block; width:100%;}
#Down .d_footer .ul_left{float:left; width:81.5%;}
#Down .d_footer .ul_left .li_f{float:left; width:14.666%; margin-right:2%;}
#Down .d_footer .ul_left .h4_a{display:block; line-height:20px; font-size:18px; color:#ffffff;
 font-weight:bold; position:relative; padding-bottom:16px;
}
#Down .d_footer .ul_left .h4_a .b{position: absolute; display:none;
    right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #bdbebf;
    border-right:solid 1px #bdbebf;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Down .d_footer .ul_left .h4_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#Down .d_footer .ul_left .h4_a::after{width:20px; height:1px; background:#52565a;
 position:absolute; left:0; bottom:0; content:"";
}
#Down .d_footer .ul_left ul{margin-top:20px; display:block;}
#Down .d_footer .ul_left .li{line-height:30px;}
#Down .d_footer .ul_left .li a{font-size:14px; color:#bdbebf; display:block;}
#Down .d_footer .ul_left .li:hover a{color:#3752c7;}
#Down .d_footer .right_d{width:17.5%; float:right;}
#Down .d_footer .top_g{padding-left:42px; width:100%; color:#ffffff; position:relative;font-size:16px; line-height:24px;} 
#Down .d_footer .top_g .i{width:25px; height:22px; background:url(../images/907_tel_1.png)no-repeat;
 position:absolute; left:0; top:0;
}
#Down .d_footer .top_g .b{font-size:24px; line-height:28px; font-weight:normal;}
#Down .d_footer .bot_g{display:block; width:100%; padding-left:42px; margin-top:10px;}
#Down .d_footer .span_1{float:left; }
#Down .d_footer .span_2{float:right; border-top:1px solid #52565a; border-bottom:1px solid #52565a; font-size:14px; line-height:28px; padding:20px 0; margin:10px 0 0 6px; 
writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
}
#Down .d_footer .ul{margin-top:30px; position:relative; display:block; border-top:1px dashed #52565a; width:100%; padding:25px 0;}
#Down .d_footer .h5_a{padding-left:30px; line-height:18px; position:relative; font-size:16px; float:left;color:#bdbebf;}
#Down .d_footer .h5_a .i{width:16px; height:16px; background:url(../images/907_link.png)no-repeat; 
  position: absolute; left:0; top:0;
}
#Down .d_footer .ul_a{float:left;width:86%;}
#Down .d_footer .ul_a .li_g{line-height:16px; font-size:14px; float:left; color:#363b41; font-size:12px;}
#Down .d_footer .ul_a .li_g a{ color:#bdbebf; font-size:14px;padding:0 8px; }
#Down .d_footer .ul_a .li_g:hover a{color:#3752c7;}
#Down .d_footer .ul .span{font-size:14px; float:right;}
#Down .d_footer .ul .span a{color:#bdbebf; font-size:14px;}
#Down .bottom_d{background:#3752c7; padding:15px 0; line-height:26px; width:100%; display:block;}
#Down .bottom_d .span_3{float:left; width:50%; line-height:26px; font-size:14px; color:#a4afc9;}
#Down .bottom_d .span_4{float:right; line-height:24px; color:#a4afc9; font-size:14px;}
#Down .bottom_d .span_4 a{ color:#a4afc9; font-size:14px;}
#Down .bottom_d .span_4:hover a{color:#ffffff;}
#Down .pf_down{display:none; box-shadow:0 -6px 4px -6px #ccc;}
/*右侧漂浮*/
#Down .pf_right{display: none; width:72px; right:30px; position:fixed; top:50%; z-index:999; }
#Down .pf_right ul{ width:100%; float:left;}
#Down .pf_right ul li{ width:72px; height:72px; float:left; margin-bottom:1px;}
#Down .pf_right ul li a{ display:block; float:right; width:72px; height:72px; position:relative;
padding:8px 0; background:#494d52;}
#Down .pf_right ul li a img{ float:left;}
#Down .pf_right ul li a .ico{ width:30px; height:30px; margin:0 auto;}
#Down .pf_right ul li a .i{color:#ffffff; line-height:24px; font-size:16px; display:block; text-align:center; width:100%;}
#Down .pf_right ul li:hover a{background:#203764;}
#Down .pf_right ul li.r_ewm .z_ewm{position:absolute; right:80px;width:100px; height:100px; display:none; top:-12px;border:5px solid #203764;}
#Down .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
#Down .pf_right ul li.r_ewm:hover a .z_ewm{display:block;}
/*留言弹窗*/
#Down .mess-wrapper{width:100%; height:100%; background:rgba(0,0,0,0.5); 
position: fixed; top: 0; left: 0;  z-index: 99999;
}
#Down .mess-wrapper .mess_width{width:600px; margin:0 auto; position:relative; top:20%;}
#Down .mess-wrapper .top_1{background:#3752c7; line-height:64px; border-radius:20px 20px 0 0; text-align:center; color:#ffffff; font-size:24px;
}
#Down .mess-wrapper .form_width{background:#ffffff; padding:26px 46px 46px; border-radius:0 0 20px 20px;}
#Down .mess-wrapper .h4_1{font-size:16px; color:#666666; padding-bottom:22px; text-align:center;}
#Down .mess-wrapper .li_1{width:100%; margin-bottom:10px;  float:left; background:#efefef; padding:13px 24px; line-height:28px; position:relative;}
#Down .mess-wrapper .input{background:none; border:none; padding:0 5px; outline: none; width:79%; height:28px; line-height:28px;}
#Down .mess-wrapper .input_1{width:40%;}
#Down .mess-wrapper .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Down .mess-wrapper .b{color:#3752c7; font-size:16px;}
#Down .mess-wrapper .li_2{width:49%; margin-right:2%; float:left;}
#Down .mess-wrapper .li_3{margin-right:0;}
#Down .mess-wrapper .li_4{background:#3752c7;}
#Down .mess-wrapper .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Down .mess-wrapper .ri{padding-left:100px;}
#Down .mess-wrapper .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Down .mess-wrapper .demo--radio{display:none; }
#Down .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Down .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#3752c7;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2.5px;margin-top:2px;width:5px;position: absolute;}
#Down .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Down .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #3752c7;}
#Down .mess-wrapper .span_d{float:right; position:absolute; right:24px; top:13px;}
#Down .mess-wrapper .span_d img{display:block;}
#Down .mess-wrapper .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Down .mess-wrapper .pointa:hover .navbtna,
#Down .mess-wrapper .pointa:hover .navbtna::after,
#Down .mess-wrapper .pointa:hover .navbtna::before {  width: 22px;  }
#Down .mess-wrapper .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Down .mess-wrapper .pointa .navbtna::after,
#Down .mess-wrapper .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Down .mess-wrapper .pointa .navbtna::after { top:-8px; }
#Down .mess-wrapper .pointa .navbtna::before { top:8px; }
#Down .mess-wrapper .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Down .mess-wrapper .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Down .visible-lg{display:block!important;}

@media screen and  (max-width:1630px){
#Down .d_footer .right_d{width:18.5%;}
  #Down .d_footer .ul_a{width:86%;}
}
@media screen and  (max-width:1200px){
#Down .d_footer .right_d{width:22.5%;}
  #Down .d_footer .ul_a{width:84%;}
  #Down .d_footer .ul_left{width:77.5%;}
}
@media screen and  (max-width:992px){
#Down .d_footer .right_d{width:30%; float:left; margin-top:20px;}
  #Down .d_footer .ul_a{width:78%;}
  #Down .d_footer .ul_left{width:100%;}
}
@media screen and  (max-width:768px){
#Down .d_footer .top_d{padding-top:30px;}
  #Down .d_footer .ul_left .h4_a .b{display:block;}
  #Down .d_footer .ul_left .h4_a{line-height:36px; font-size:16px; height:36px;padding: 0 15px; }
  #Down .d_footer .ul_left .h4_a::after{display:none;}
  #Down .d_footer .ul_left ul{display:none; margin:0; padding:0 15px;}
  #Down .d_footer .ul_left .li_f{width:49%; margin-bottom:15px; border:1px solid #bdbebf;}
  #Down .d_footer .ul_left .li_f:nth-child(2n){margin-right:0;}
  #Down .d_footer .right_d{width:100%; margin-top:10px;}
  #Down .d_footer .ul{margin-top:20px; padding:15px 0;}
  #Down .d_footer .bot_g{display:none;}
  #Down .d_footer .ul .span{position:absolute; right:0; top:20;}
  #Down .d_footer .ul_a{width:100%; margin-top:10px;}
  #Down .bottom_d{text-align:center;}
  #Down .bottom_d .span_3,
  #Down .bottom_d .span_4{width:100%; line-height:22px; font-size:14px;}
  #Down .q_d_m{float:left; width:100%; height:50px;}
  #Down .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
  #Down .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
  #Down .pf_down li .ico{ width:100%; float:left; height:30px;}
  #Down .pf_down li .ico img{ height:36px;}
  #Down .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
  #Down .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #3752c7; margin-top:-20px;
    -moz-border-radius:50%; 
    -webkit-border-radius:50%; 
    -khtml-border-radius:50%;
    border-radius:50%;}
#Down .visible-lg{display:none!important;}
  #Down .mess-wrapper .mess_width{width:90%; top:10%;}
  #Down .mess-wrapper .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
  #Down .mess-wrapper .pointa{right:12px; top:10px;}
  #Down .mess-wrapper .form_width{padding:15px 20px 20px; overflow-y: auto; height:400px;border-radius: 0 0 15px 15px;}
  #Down .mess-wrapper .h4_1{font-size:12px; padding-bottom:15px;}
  #Down .mess-wrapper .li_2{width:100%;}
  #Down .mess-wrapper .li_1{padding:10px 15px; line-height:24px;}
  #Down .mess-wrapper .i{line-height:24px; font-size:14px;}
  #Down .mess-wrapper .input,  #Down .mess-wrapper textarea{line-height:24px; height:24px; font-size:12px;}
  #Down .mess-wrapper .li_11 .input{width:60%;}
  #Down .mess-wrapper .demo--label{font-size:14px;}
  #Down .mess-wrapper .span_d{width:100px; right:10px; top:10px;}
  #Down .mess-wrapper .tj{font-size:15px;}
  #Down .mess-wrapper .li_4{padding:8px 10px;}
  /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
  #Down .mess-wrapper .form_width::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5;}
  /* 定义滚动条轨道 内阴影+圆角 */
  #Down .mess-wrapper .form_width::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;}
  /* 定义滑块 内阴影+圆角 */ 
  #Down .mess-wrapper .form_width::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(16,68,146,.9);}
}
/* 内页banner */
#Slide2{ width: 100%; float: left;}
#Slide2 .zy_banner{ line-height: 0;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 内页导航 */
#Content6{ width: 100%; float: left;}
#Content6 .subNav{ text-align: center;}
#Content6 .subNav .u1{ display: inline-block;}
#Content6 .subNav .l1{ float: left; font-size: 16px; height: 48px; line-height: 48px; margin: 5px 10px; background: #363e45;}
#Content6 .subNav .l1 a{ color: #fff; padding: 0 40px;display:block}
#Content6 .subNav .l1.on,#Content6 .subNav .l1:hover{ background: #3752c7;}
@media  screen and (max-width:1200px){
#Content6 .subNav .l1{ padding: 0 20px;}    
}
@media  screen and (max-width:1023px){
#Content6 .subNav .l1{ font-size: 14px; height: 28px; line-height: 28px; padding: 0 10px; margin: 2px 5px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){
#Content6 .subNav .u1{ margin: 0 -5px;} 
#Content6 .subNav .l1{ font-size: 12px; padding: 0 6px; margin: 1px 2px;}
}
/*1关于宏工*/
#Content7 .about_width{width:100%; display:block; float:left;}
#Content7 .about_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content7 .about_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content7 .about_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#3752c7; font-weight:bold; line-height:30px;
}
#Content7 .about_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content7 .about_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";

}
#Content7 .about_width .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content7 .about_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content7 .about_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
}
@media screen and  (max-width:992px){
 #Content7 .about_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content7 .about_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content7 .about_width .title{margin-bottom:20px;}
}
@media screen and  (max-width:768px){
#Content7 .about_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content7 .about_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content7 .about_width .title .h4_a::after,
  #Content7 .about_width .title .h4_a::before{width:12px;}
  #Content7 .about_width .title{margin-bottom:20px;}
  #Content7 .about_width .text{line-height:22px; font-size:14px;}
}
/*发展历程*/
#Content8 .deve_width{width:100%; display:block; float:left;  padding:80px 0 90px;}
#Content8 .deve_width .title{text-align:center; margin-bottom:80px; display:block;}
#Content8 .deve_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content8 .deve_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#3752c7; font-weight:bold; line-height:30px;
}
#Content8 .deve_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content8 .deve_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content8 .deve_width .deve_pic{ margin:0 -94px; display:block; }
#Content8 .deve_width .deve_pic .homeGame_s{width:100%; margin:0 auto; position:relative; padding:0 94px;}
#Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{position: absolute; left: 0; top:112px;
 width: 100%; border-bottom:1px dashed #aaaaaa; height: 1px; content: ""; z-index: -1;
}
#Content8 .deve_width .slick-dots{display:none!important;width: 100%;bottom:-20px; font-size: 0; text-align:center;}
#Content8 .deve_width .slick-dots li{width:10px; height: 10px;margin: 0 5px; border-radius: 50%;
  border:1px solid #fff; background:none; background:#d1cfce;
  }
#Content8 .deve_width .slick-dots li.slick-active{ background-color: #3752c7; border:1px solid #fff;}
#Content8 .deve_width .slick-dots li button:before,
#Content8 .deve_width .slick-dots li button{display:none;}
#Content8 .deve_width .deve_pic .slick-prev,
#Content8 .deve_width .deve_pic .slick-next{width:24px; height:54px; border-radius:15px; background-size:100% 100%;}
#Content8 .deve_width .deve_pic .slick-prev{left:0; top:112px; background:url(../images/911_jt_1.png)no-repeat #c3c3c3;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .slick-next{right:0; top:112px; background:url(../images/911_jt_2.png)no-repeat #c3c3c3;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .slick-prev:hover{background:url(../images/911_jt_1.png)no-repeat #3752c7;}
#Content8 .deve_width .deve_pic .slick-next:hover{background:url(../images/911_jt_2.png)no-repeat #3752c7;}
#Content8 .deve_width .deve_pic .slick-slide{margin-right:30px; cursor: pointer; }
#Content8 .deve_width .deve_pic .slick-slide:hover .span_3{
  background:#3752c7;
}
#Content8 .deve_width .deve_pic .slick-slide:hover .i{ border-bottom-color: #3752c7;}
#Content8 .deve_width .deve_pic .slick-slide:hover .p{color:#ffffff;}
#Content8 .deve_width .deve_pic .slick-slide:hover .span_1{
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
#Content8 .deve_width .deve_pic .span_1{width:67px; height:82px; background:url(../images/911_lc.png)no-repeat; margin:0 auto;
color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:72px;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .span_2{margin:23px auto; display:block; width:16px; height:16px; 
  background:#ffffff; border:1px solid #3752c7; border-radius:50%;
}
#Content8 .deve_width .deve_pic .span_3{position:relative; padding:20px 20px 10px; background:#ffffff; display:block;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .i{position: absolute; top: -14px; width: 0; height: 0; 
  border:7px solid transparent; left:50%; margin-left:-7px;
 border-bottom-color: #ffffff;
 -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .p{line-height:24px; color:#333333; min-height:154px; font-size:14px;
 display:block; width:100%;
 -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media screen and  (max-width:1630px){
#Content8 .deve_width .deve_pic{margin:0 -10px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;}
}
@media screen and  (max-width:1200px){
#Content8 .deve_width{padding:80px 0 60px;}
  #Content8 .deve_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content8 .deve_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
  #Content8 .deve_width .deve_pic{margin:0 -20px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;}
}
@media screen and  (max-width:992px){
#Content8 .deve_width{padding:60px 0 40px;}
  #Content8 .deve_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content8 .deve_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content8 .deve_width .title{margin-bottom:20px;}
  #Content8 .deve_width .deve_pic{margin:0 -10px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 50px;}
}
@media screen and  (max-width:768px){
#Content8 .deve_width{padding:40px 0 30px;}
  #Content8 .deve_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content8 .deve_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content8 .deve_width .title .h4_a::after,
  #Content8 .deve_width .title .h4_a::before{width:12px;}
  #Content8 .deve_width .title{margin-bottom:20px;}
  #Content8 .deve_width .deve_pic .slick-slide{margin:0;}
  #Content8 .deve_width .deve_pic{margin:0;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0;}
  #Content8 .deve_width .deve_pic .slick-prev,
  #Content8 .deve_width .deve_pic .slick-next{background:none;}
  #Content8 .deve_width .deve_pic .span_1{width:55px; height:67px; background-size:100% 100%; 
    line-height:56px; font-size:16px;}
  #Content8 .deve_width .deve_pic .span_2{width:12px; height:12px; margin:16px auto;}
  #Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{top:88px;}
  #Content8 .deve_width .deve_pic .span_3{padding:15px 15px 10px;}
  #Content8 .deve_width .slick-dots{display:block!important;}
  #Content8 .deve_width .deve_pic .p{min-height:110px;}
}
/*企业文化*/
#Content9 .cor_width{width:100%; display:block; float:left; }
#Content9 .cor_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content9 .cor_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content9 .cor_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#3752c7; font-weight:bold; line-height:30px;
}
#Content9 .cor_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content9 .cor_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content9 .cor_width .cor_list{width:100%; display:block;}
#Content9 .cor_width .li_a{width:31.5%; margin-right:2%; float:left;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content9 .cor_width .li_a:last-child{margin-right:0;}
#Content9 .cor_width .li_a a{dispaly:block; width:100%; height:100%; text-align:center;}
#Content9 .cor_width .li_a .img_1{width:100%; margin-bottom:16px;}
#Content9 .cor_width .li_a img{display:block;}
#Content9 .cor_width .li_a .h3_a{font-size:20px; margin-bottom:10px; line-height:30px; font-weight:bold; colro:#333333; display:block;}
#Content9 .cor_width .li_a .p{line-height:22px; color:#666666; font-size:14px; display:block;}
#Content9 .cor_width .li_a:hover{-webkit-transform: translateY(-10px);
          transform: translateY(-10px);}
#Content9 .cor_width .li_a:hover .p{color:#3752c7;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content9 .cor_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content9 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
}
@media screen and  (max-width:992px){
#Content9 .cor_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content9 .cor_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content9 .cor_width .title{margin-bottom:20px;}
  #Content9 .cor_width .li_a{width:48%; margin:0 4% 4% 0;}
  #Content9 .cor_width .li_a:nth-child(2n){margin-right:0;}
}
@media screen and  (max-width:768px){
#Content9 .cor_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content9 .cor_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content9 .cor_width .title .h4_a::after,
  #Content9 .cor_width .title .h4_a::before{width:12px;}
  #Content9 .cor_width .title{margin-bottom:20px;}
  #Content9 .cor_width .li_a{width:100%; margin:0 0 15px 0;}
  #Content9 .cor_width .li_a .img_1{margin-bottom:10px;}
  #Content9 .cor_width .li_a .h3_a{font-size:16px; margin-bottom:5px;}
}
/*组织架构*/
#Content10 .org_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;}
#Content10 .org_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content10 .org_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content10 .org_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#3752c7; font-weight:bold; line-height:30px;
}
#Content10 .org_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content10 .org_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#3752c7; content:"";
}
#Content10 .org_width .org_pic{width:100%;display:block;}
#Content10 .org_width .top_a1{text-align:center; width:120px; height:120px; position:relative;
  padding:40px 0; display:block; background:#3752c7; border-radius:50%; margin:0 auto;
}
#Content10 .org_width .top_a1::after{position:absolute; left:50%; margin-left:-1px;
 bottom:-25px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a1 .b{color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;}
#Content10 .org_width .top_a2{padding-top:37px; display:block; width:100%; overflow: hidden;}
#Content10 .org_width .top_a2 .ul_a{width:100%; display:block; overflow: hidden; position:relative;}
#Content10 .org_width .top_a2 .ul_a::before,
#Content10 .org_width .top_a2 .ul_a::after{ content: "";width: 25%; position: absolute;
    height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9;
}
#Content10 .org_width .top_a2 .ul_a::after{right:0!important; left:auto;}
#Content10 .org_width .top_a2 .li_a{width:50%; border-top: 1px solid #afafaf;position: relative;
    text-align: center; float:left;
}
#Content10 .org_width .top_a2 .li_a::before{ position:absolute; left:50%; margin-left:-1px;
  top:0px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .li_a .h3_a{width:80px; height:80px; margin:20px auto; text-align:center;
background:#3752c7; border-radius:50%; padding:20px 0; position:relative; color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;
}
#Content10 .org_width .top_a2 .li_a .h3_a::after{position:absolute; left:50%; margin-left:-1px;
  bottom:-20px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .ul_b{display: inline-block;position: relative;}
#Content10 .org_width .top_a2 .ul_b::before,
#Content10 .org_width .top_a2 .ul_b::after{ content: "";width:50px; position: absolute;
    height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9;
}
#Content10 .org_width .top_a2 .ul_b::after{right:0!important; left:auto;}
#Content10 .org_width .top_a2 .li_b{width:100px; border-top: 1px solid #afafaf;position: relative; 
    text-align: center; float:left; padding:25px 27.5px 0;
}
#Content10 .org_width .top_a2 .li_b .span_a{background:#363e45; display:block; min-height:192px;
 width:45px; padding:15px;line-height:20px; font-size:16px; color:#ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content10 .org_width .top_a2 .li_b::before{ position:absolute; left:50%; margin-left:-1px;
  top:0; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .li_b:hover .span_a{background:#3752c7;}
@media screen and  (max-width:1630px){
#Content10 .org_width{padding:90px 0 80px;}
}
@media screen and  (max-width:1200px){
#Content10 .org_width{padding:70px 0 50px;}
  #Content10 .org_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content10 .org_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
  #Content10 .org_width .org_pic{width:100%;}
  #Content10 .org_width .top_a2 .li_b{padding:25px 20px 0; width:86px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:43px;}
}
@media screen and  (max-width:992px){
 #Content10 .org_width{padding:50px 0 30px;}
  #Content10 .org_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content10 .org_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content10 .org_width .title{margin-bottom:20px;}
  #Content10 .org_width .top_a1{width:100px; height:100px; padding:30px 0;}
  #Content10 .org_width .top_a2 .li_a .h3_a{width:70px; height:70px; padding:15px 0;}
  #Content10 .org_width .top_a2 .li_b{width:72px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:36px;}
}
@media screen and  (max-width:768px){
#Content10 .org_width{padding:30px 0 30px;}
  #Content10 .org_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content10 .org_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content10 .org_width .title .h4_a::after,
  #Content10 .org_width .title .h4_a::before{width:12px;}
  #Content10 .org_width .title{margin-bottom:20px;}
  #Content10 .org_width .top_a1{width:80px; height:80px; padding:20px 0; margin-top:20px;}
  #Content10 .org_width .top_a1 .b{font-size:14px;}
  #Content10 .org_width .top_a2 .li_a .h3_a{width:60px; height:60px; padding:10px 0; font-size:14px;}
  #Content10 .org_width .top_a2 .li_b{width:90%; border:none; padding:0
    ; margin:0 auto 10px; min-height:auto;}
  #Content10 .org_width .top_a2 .li_b .span_a{width:100%; padding:8px;min-height:auto; font-size:14px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:36px;display:none;}
  #Content10 .org_width .top_a2 .li_b::before{display:none;}
}
/*产品中心*/
#List .pro_list{width:100%; display:block; float:left;}
#List .pro_list .pro_left{width:21.754%; float:left;}
#List .pro_list .pro_left .top_a{width:100%; background:url(../images/914_cp_bg1.png)no-repeat #3752c7; 
  border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px;
}
#List .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;}
#List .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;}
#List .pro_list .bottom_a{dispaly:block; width:100%;}
#List .pro_list .bottom_a .h4_a{display:none;}
#List .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; }
#List .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; 
  position:relative; font-size:18px; color:#ffffff; cursor: pointer;
}
#List .pro_list .bottom_a .li_a .h5_a .b{position: absolute;
    left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff;
    border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#List .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#List .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px;
 border:1px solid #dadada; border-top:none; border-bottom:none;
}
#List .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;}
#List .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; 
  color:#333333; font-size:16px;
}
#List .pro_list .bottom_a .li_a .li_b:last-child{border:none;}
#List .pro_list .bottom_a .li_a .li_b:hover a{color:#3752c7;}
#List .pro_list .pro_right{float:right; width:100%;}
#List .pro_list .pro_right .pro_ul{width:100%; display:block;}
#List .pro_list .pro_right .li_c{width:31.3333%; float:left; margin:0 3% 4% 0; padding-bottom:20px;}
#List .pro_list .li_c:nth-child(3n){margin-right:0;}
#List .pro_list .li_c a{width:100%; display:block;position:relative; 
  padding:0 0 50px; background:#f0f0f0; border:1px solid #f0f0f0; height:100%;transition:all 0.5s ease;}
#List .pro_list .li_c .pic{display:block; overflow: hidden;}
#List .pro_list .li_c img{display:block;transition:all 0.5s ease;}
#List .pro_list .li_c .h4_b{display:block; padding:16px 20px 0; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease; 
}
#List .pro_list .li_c .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;
 display:block; width:100%;transition:all 0.5s ease; padding:0 20px;}
#List .pro_list .li_c .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; 
  border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; 
  color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease;
}
#List .pro_list .li_c:hover a{background:#363e45;}
#List .pro_list .li_c:hover .h4_b,
#List .pro_list .li_c:hover .p_b,
#List .pro_list .li_c:hover .more{color:#ffffff;}
#List .pro_list .li_c:hover .more{border:4px solid #3752c7; background:#3752c7;}
#List .pro_list .li_c:hover img{
 -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*分页*/
#List{ width: 100%; float: left;}
#List .wack1{ text-align: center;}
#List .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;}
#List .pz_fy a:hover,
#List .pz_fy a.on { background: #3752c7; color:#fff; border: 1px solid #3752c7;}
#List .pz_fy .l2{ width: 100px; height: 36px;}
#List .pz_fy .l2:hover{ background-color: #3752c7; border: 1px solid #3752c7;}
#List .pz_fy .r2{ width: 100px; height: 36px;}
#List .pz_fy .r2:hover{ background-color: #3752c7; border: 1px solid #3752c7;}
@media  screen and (max-width:1023px){
#List .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#List .fy_pc a{ padding:5px 25px; background: #3752c7; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
#List .fy_pc span{ padding:5px 20px; color:#272727;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#List .pro_list .pro_left .top_a{padding:25px 18px; height:102px;}
  #List .pro_list .bottom_a .li_a .li_b{padding:12px 10px;}
  #List .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;}
}
@media screen and  (max-width:992px){
#List .pro_list .pro_left .top_a{display:none;}
  #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #List .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;}
  #List .pro_list .pro_left{width:100%; margin-bottom:15px;}
  #List .pro_list .pro_right{width:100%;}
  #List .pro_list .pro_right .li_c{width:48%;}
  #List .pro_list .li_c:nth-child(3n){margin-right:4%;}
  #List .pro_list .li_c:nth-child(2n){margin-right:0;}
  #List .pro_list .li_c:nth-child(9){display:none;}
}
@media screen and  (max-width:768px){
#List .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;}
  #List .pro_list .bottom_a .li_a .h5_a .b{left:12px;}
  #List .pro_list .bottom_a .li_a .ul_a{padding:0 10px;}
  #List .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;}
  #List .pro_list .bottom_a .li_a .li_b{padding:10px 0;}
  #List .pro_list .bottom_a .li_a .li_b a{font-size:12px;}
  #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #List .pro_list .li_c .h4_b{line-height:28px; padding-top:10px; font-size:16px;}
  #List .pro_list .li_c a{padding:0 0  32px;}
  #List .pro_list .li_c .more{width:50px; height:50px; margin-left:-25px; }
}
/*产品详情页*/
/*产品中心*/
#Subpage .pro_list{width:100%; display:block; float:left;}
#Subpage .pro_list .pro_left{width:21.754%; float:left;}
#Subpage .pro_list .pro_left .top_a{width:100%; background:url(../images/915_cp_bg1.png)no-repeat #3752c7; 
  border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px;
}
#Subpage .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;}
#Subpage .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;}
#Subpage .pro_list .bottom_a{dispaly:block; width:100%;}
#Subpage .pro_list .bottom_a .h4_a{display:none;}
#Subpage .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; }
#Subpage .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; 
  position:relative; font-size:18px; color:#ffffff; cursor: pointer;
}
#Subpage .pro_list .bottom_a .li_a .h5_a .b{position: absolute;
    left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff;
    border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Subpage .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#Subpage .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px;
 border:1px solid #dadada; border-top:none; border-bottom:none;
}
#Subpage .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;}
#Subpage .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; 
  color:#333333; font-size:16px;
}
#Subpage .pro_list .bottom_a .li_a .li_b:last-child{border:none;}
#Subpage .pro_list .bottom_a .li_a .li_b:hover a{color:#3752c7;}
#Subpage .pro_list .pro_right{float:right; width:74%;}
#Subpage .pro_pic{width:100%; display:block;}
#Subpage .pro_pic .top_c{text-align:center;}
#Subpage .pro_pic .h4_title{text-align:center; color:#333333; display:block; line-height:36px; font-size:30px;}
#Subpage .pro_pic .pro_span{color:#888888; display:inline-block; font-size:14px; line-height:22px; text-align:center; padding-top:10px;}
#Subpage .pro_pic .pro_span .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;}
#Subpage .pro_pic .pro_span .wz{ float: left; margin-right: 20px;}
#Subpage .pro_pic .pro_span .i img{vertical-align:middle; margin-right:5px;}
#Subpage .pro_pic .text{color:#666666; font-size:14px; line-height:30px; padding:20px 0; 
  border-top:1px dashed #b2b2b2; margin:26px 0 20px;
}
#Subpage .pro_pic .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;}
#Subpage .pro_pic .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;}
#Subpage .pro_pic .bdsharebuttonbox a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; }
#Subpage .pro_pic .bdsharebuttonbox .bds_weixin{background:url(../images/915_share_wx.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_sqq{background:url(../images/915_share_qq.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_qzone{background:url(../images/915_share_kj.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tsina{background:url(../images/915_share_wb.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tqq{background:url(../images/915_share_txwb.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tt{background:url(../images/915_cpxq_im8.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .fy_xq{margin:20px auto; width:100%; background:#f7f7f7; padding:15px 18px;}
#Subpage .pro_pic .fy_xq a{width:49%; text-align:left; line-height:18px; color:#333333; font-size:14px;}
#Subpage .pro_pic .fy_xq .left{float:left; text-align:left;}
#Subpage .pro_pic .fy_xq .right{text-align:right; float:right;}
#Subpage .pro_pic .fy_xq a:hover{color:#3752c7;}
#Subpage .pro_pic .caseConAl{padding-top:20px;}
#Subpage .pro_pic .caseConAl .tit{ width: 100%; overflow: hidden;}
#Subpage .pro_pic .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #3752c7; position: relative;}
#Subpage .pro_pic .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #3752c7; position: absolute; bottom: -2px; left: 0;}
#Subpage .pro_pic .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/915_fh.png) no-repeat left center;}
#Subpage .pro_pic .caseConAl .tit .fh:hover{ text-decoration: underline;}
#Subpage .pro_pic .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage .pro_pic .list{margin:0 -63px; display:block; padding-top:30px; overflow: hidden;}
#Subpage .pro_pic .list .list_ul{display:block; padding:0 63px; width:100%; }
#Subpage .pro_pic .list .slick-list{position: relative;}
#Subpage .pro_pic .list .slick-slide{margin:0 15px; background:#f0f0f0; border:1px solid #f0f0f0;}
#Subpage .pro_pic .list .slick-slide:hover img{
-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}
#Subpage .pro_pic .list .slick-slide:hover .h4_b a{color:#3752c7;}
#Subpage .pro_pic .list .slick-prev,
#Subpage .pro_pic .list .slick-next{width:34px; height:34px; display:block; border-radius:50%; margin-top:-17px;}
#Subpage .pro_pic .list .slick-prev{background:url(../images/915_left_a1.png)no-repeat #f0f0f0;
 background-size:100% 100%; left:0;}
#Subpage .pro_pic .list .slick-next{background:url(../images/915_right_a1.png)no-repeat #f0f0f0;
 background-size:100% 100%; right:0;}
#Subpage .pro_pic .list .slick-prev:hover{background:url(../images/915_left_b1.png)no-repeat rgba(16,68,146,0.6);
 background-size:100% 100%;}
#Subpage .pro_pic .list .slick-next:hover{background:url(../images/915_right_b1.png)no-repeat rgba(16,68,146,0.6);
 background-size:100% 100%;}
#Subpage .pro_pic .list .pic{width:100%; overflow: hidden;}
#Subpage .pro_pic .list .pic img{display:block;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;
}
#Subpage .pro_pic .list .h4_b{padding:20px 10px; color:#333333; font-size:18px; line-height:22px; 
  display:block; text-align:center;}
#Subpage .pro_pic .list .h4_b a{color:#333333; font-size:18px;}
@media screen and  (max-width:1630px){
#Subpage .pro_pic .list{margin:0 -5px;}
  #Subpage .pro_pic .list .slick-slide{margin-right:20px;}
  #Subpage .pro_pic .list .list_ul{padding:0 50px; }
}
@media screen and  (max-width:1200px){
#Subpage .pro_list .pro_left .top_a{padding:25px 18px; height:102px;}
  #Subpage .pro_list .bottom_a .li_a .li_b{padding:12px 10px;}
  #Subpage .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;}
}
@media screen and  (max-width:992px){
#Subpage .pro_list .pro_left .top_a{display:none;}
  #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #Subpage .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;}
  #Subpage .pro_list .pro_left{width:100%; margin-bottom:15px;}
  #Subpage .pro_list .pro_right{width:100%;}
  #Subpage .pro_pic .fx_xq{display:none;}
  #Subpage .pro_pic .h4_title{font-size:20px;}
}
@media screen and  (max-width:768px){
#Subpage .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;}
  #Subpage .pro_list .bottom_a .li_a .h5_a .b{left:12px;}
  #Subpage .pro_list .bottom_a .li_a .ul_a{padding:0 10px;}
  #Subpage .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;}
  #Subpage .pro_list .bottom_a .li_a .li_b{padding:10px 0;}
  #Subpage .pro_list .bottom_a .li_a .li_b a{font-size:12px;}
  #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #Subpage .pro_pic .text{line-height:24px; }
  #Subpage .pro_pic .h4_title{font-size:18px; line-height:24px;}
  #Subpage .pro_pic .pro_span{text-align:center; line-height:22px; padding-top:5px;}
  #Subpage .pro_pic .text{margin:18px 0 10px; padding:15px 0;}
  #Subpage .pro_pic .fy_xq a{width:100%; display:block; margin:5px 0;}
  #Subpage .pro_pic .fy_xq .right{text-align:left; float:left; }
  #Subpage .pro_pic .caseConAl .tit .t1{font-size:18px; line-height:20px;}
  #Subpage .pro_pic .caseConAl .tit .t1::before{width:70px;}
  #Subpage .pro_pic .list .slick-slide{margin-right:0;}
  #Subpage .pro_pic .list .list_ul{padding:0 40px;}
  #Subpage .pro_pic .list .h4_b{padding:10px 10px;}
  #Subpage .pro_pic .list .h4_b a{font-size:14px; line-height:22px;}
}
/* 4工程案例 */
#List2 .caseList .u1{width:102%; margin: 0 -1%;}
#List2 .caseList .l1{float:left; width:31.3%; margin: 15px 1%; background:#ffffff;}
#List2 .caseList .l1 a{display:block; width:100%; height:100%;}
#List2 .caseList .l1 .pic{position:relative; }
#List2 .caseList .l1 img{display:block;}
#List2 .caseList .l1 .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#List2 .caseList .l1 .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:12px; border-radius:50%; color:#ffffff; text-align:center;
}
#List2 .caseList .l1 .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; background: #f3f3f3; color:#333333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
#List2 .caseList .l1:hover .mor{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#List2 .caseList .l1:hover .text{background:#3752c7; color:#ffffff;}
@media  screen and (max-width:1023px){
#List2 .caseList .l1{ width: 48%; margin: 5px 1%;}
#List2 .caseList .l1 .text{line-height:44px; height:44px; font-size:14px;}
#List2 .caseList .l1 .i{width:46px; height:46px; line-height:46px;}
}

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

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 页码 */
#Pagination{ width: 100%; float: left;}
#Pagination .wack1{ text-align: center;}
#Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#Pagination .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;}
#Pagination .pz_fy a:hover,
#Pagination .pz_fy a.on { background: #3752c7; color:#fff; border: 1px solid #3752c7;}
#Pagination .pz_fy .l2{ width: 100px; height: 36px;}
#Pagination .pz_fy .l2:hover{ background-color: #3752c7; border: 1px solid #3752c7;}
#Pagination .pz_fy .r2{ width: 100px; height: 36px;}
#Pagination .pz_fy .r2:hover{ background-color: #3752c7; border: 1px solid #3752c7;}
@media  screen and (max-width:1023px){
#Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#Pagination .fy_pc a{ padding:5px 25px; background: #3752c7; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
#Pagination .fy_pc span{ padding:5px 20px; color:#272727;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 5案例详情 */
#Subpage2{ width: 100%; float: left;}
#Subpage2 .caseCon .title{ font-size: 30px; line-height: 32px; color: #333; text-align: center;}
#Subpage2 .caseCon .time{ width: 100%; overflow: hidden; position: relative; line-height: 28px; font-size: 14px; margin: 15px 0 18px 0; color: #888888; text-align: center;}
#Subpage2 .caseCon .time .fbt{ display: inline-block;}
#Subpage2 .caseCon .time .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;}
#Subpage2 .caseCon .time .wz{ float: left; margin-right: 20px;}
#Subpage2 .caseCon .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;}
#Subpage2 .caseCon .nyfx { position: absolute; right: 0; top: 0;}
#Subpage2 .caseCon .nyfx .p{ float: left;}
#Subpage2 .caseCon .bdsharebuttonbox{ display: inline-block;}
#Subpage2 .caseCon .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(1){ background: url(../images/918_fx1.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(2){ background: url(../images/918_fx2.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(3){ background: url(../images/918_fx3.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(4){ background: url(../images/918_fx4.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(5){ background: url(../images/918_fx5.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(6){ background: url(../images/918_fx6.png) no-repeat center;}
#Subpage2 .caseCon .home_res11{ float: left; width: 100%;}
#Subpage2 .caseCon .slick_res1l{ float: left; width: 74.3%;}
#Subpage2 .caseCon .home_res12{ float: right; width: 23.5%; padding-top: 40px; overflow: hidden; position: relative;}
#Subpage2 .caseCon .home_res12 .imgk{ line-height: 0; margin-bottom: 20px; border: 0;}
#Subpage2 .caseCon .home_res12 .imgk:hover,#Subpage2 .caseCon .home_res12 .slick-current .imgk{ border: 4px solid #3752c7;}
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 128px; height: 23px; position: absolute; top: -30px; z-index: 9;}
#Subpage2 .caseCon .home_res12 .slick-prev{ left: auto; right: 160px; background-color: #e7e7e7;}
#Subpage2 .caseCon .home_res12 .slick-prev::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 10px; left: 50%; margin-left: -5px; border-top: solid 1px #3752c7; border-right: solid 1px #3752c7; transform: rotate(-45deg);}
#Subpage2 .caseCon .home_res12 .slick-next{ left: auto; right: 0; background-color: #e7e7e7;}
#Subpage2 .caseCon .home_res12 .slick-next::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 5px; left: 50%; margin-left: -5px; border-top: solid 1px #3752c7; border-right: solid 1px #3752c7; transform: rotate(135deg);}
#Subpage2 .caseCon .home_res12 .slick-prev:hover{ background: #3752c7;}
#Subpage2 .caseCon .home_res12 .slick-prev:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;}
#Subpage2 .caseCon .home_res12 .slick-next:hover{ background: #3752c7;}
#Subpage2 .caseCon .home_res12 .slick-next:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;}

#Subpage2 .caseCon .caseConJs{ margin: 60px 0;}
#Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 15px;}
#Subpage2 .caseCon .caseConJs .tit span{ font-size: 24px; padding-right: 20px; background: #fff;}
#Subpage2 .caseCon .caseConJs .info{ font-size: 16px; margin-top: 40px; line-height: 30px; color: #555;}

#Subpage2 .caseCon .caseConAl .tit{ width: 100%; overflow: hidden;}
#Subpage2 .caseCon .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #3752c7; position: relative;}
#Subpage2 .caseCon .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #3752c7; position: absolute; bottom: -2px; left: 0;}
#Subpage2 .caseCon .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/918_fh.png) no-repeat left center;}
#Subpage2 .caseCon .caseConAl .tit .fh:hover{ text-decoration: underline;}
#Subpage2 .caseCon .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage2 .caseCon .caseConAl .tab{ margin: 30px -15px 0 -15px; position: relative;}
#Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 15px;}
#Subpage2 .caseCon .caseConAl .tab .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage2 .caseCon .caseConAl .tab .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage2 .caseCon .caseConAl .tab .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage2 .caseCon .caseConAl .tab .t1{ font: 18px; height: 64px; line-height: 64px; text-align: center; color: #333; background: #f3f3f3; overflow: hidden;}
#Subpage2 .caseCon .caseConAl .tab .pic:hover .t1{ color: #3752c7;}
#Subpage2 .caseCon .caseConAl .slick-prev{ display: block; width: 34px; height: 34px; position: absolute; left: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon8.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;}
#Subpage2 .caseCon .caseConAl .slick-prev:hover{ background: url(../images/918_casecon8_1.png) no-repeat center; background-color: #b7c7de;}
#Subpage2 .caseCon .caseConAl .slick-next{ display: block; width: 34px; height: 34px; position: absolute; right: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon9.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;}
#Subpage2 .caseCon .caseConAl .slick-next:hover{ background: url(../images/918_casecon9_1.png) no-repeat center; background-color: #b7c7de;}
@media  screen and (max-width:1200px){
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100px; height: 23px;}
#Subpage2 .caseCon .home_res12 .slick-prev{ right: 130px;}

}
@media  screen and (max-width:1023px){
#Subpage2 .caseCon .title{ font-size: 16px; line-height: 18px;}
#Subpage2 .caseCon .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;}
#Subpage2 .caseCon .time .ico{ margin: 0 3px 0 0;}
#Subpage2 .caseCon .time .wz{ margin-right: 5px;}
#Subpage2 .caseCon .home_res12 .imgk{ margin-bottom: 10px;}
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100%; height: 16px;}
#Subpage2 .caseCon .home_res12 .slick-prev{ right: 0; top: -32px;}
#Subpage2 .caseCon .home_res12 .slick-next{ right: 0; top: -14px;}
#Subpage2 .caseCon .home_res12 .slick-prev::before{ top: 7px;}
#Subpage2 .caseCon .home_res12 .slick-next::before{ top: 0;}

#Subpage2 .caseCon .caseConJs{ margin: 15px 0;}
#Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 8px;}
#Subpage2 .caseCon .caseConJs .tit span{ font-size: 16px; padding-right: 10px;}
#Subpage2 .caseCon .caseConJs .info{ font-size: 14px; margin-top: 10px; line-height: 24px;}

#Subpage2 .caseCon .caseConAl .tit .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage2 .caseCon .caseConAl .tit .t1::before{ width: 65px;}
#Subpage2 .caseCon .caseConAl .tit .fh{ font-size: 14px; padding-left: 25px;}   
#Subpage2 .caseCon .caseConAl .tab{ margin: 10px -5px 0 -5px;}
#Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 5px;}
#Subpage2 .caseCon .caseConAl .tab .t1{ font: 16px; height: 30px; line-height: 30px;} 
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 6新闻列表 */
#List3{ width: 100%; float: left;}
#List3 .newsList .l1{ padding: 30px 0; width: 100%; border-bottom: 1px solid #ededed; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img{ float: left; width: 21.15%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List3 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List3 .newsList .l1 .text{ float: left;  width: 65%; padding: 30px 55px 25px 40px;}
#List3 .newsList .l1 .text .tit{ font-size: 20px; margin-bottom: 20px; line-height: 20px; height: 20px; overflow: hidden; color: #4f4b4c;}
#List3 .newsList .l1 .text .info{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #656262;}
#List3 .newsList .l1 .date{ float: right; width: 13.85%; font-family: "Arial"; padding: 45px 0 45px 40px;border-left: 1px solid #ededed;}
#List3 .newsList .l1 .date .date_r{ font-size: 28px; line-height: 28px; color: #888;}
#List3 .newsList .l1 .date .date_ny{ font-size: 16px; line-height: 16px; margin: 10px 0 20px 0; color: #888;}
#List3 .newsList .l1 .date .ico{ font-size: 34px; height: 14px; line-height: 14px; font-weight: lighter; color: #888;}
#List3 .newsList .l1:hover{ padding-left: 2%;}
#List3 .newsList .l1:hover .text .tit{ text-decoration: underline; color: #3752c7;}
#List3 .newsList .l1:hover .date{ width: 9.35%;}
#List3 .newsList .l1:hover .text{ width: 68.5%;}
#List3 .newsList .l1:hover .date .ico{ color: #3752c7;}
@media  screen and (max-width:1023px){
#List3 .newsList .l1{ padding: 10px 0;}
#List3 .newsList .l1 .img{ width: 26.15%;}
#List3 .newsList .l1 .text{ width: 55%; padding: 0 10px 5px 10px;}
#List3 .newsList .l1 .text .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-bottom: 10px;}
#List3 .newsList .l1 .text .info{ line-height: 16px; height: 32px;}
#List3 .newsList .l1 .date{ width: 18.85%; padding: 5px 0 0 8px;}
#List3 .newsList .l1 .date .date_r{ font-size: 16px; line-height: 16px;}
#List3 .newsList .l1 .date .date_ny{ font-size: 12px; line-height: 12px; margin: 5px 0 8px 0;}
#List3 .newsList .l1 .date .ico{ width: 24px; height: 12px; font-size: 22px;}
#List3 .newsList .l1:hover .text{ width: 58.5%;}
#List3 .newsList .l1:hover .date{ width: 13.35%;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 7新闻详情 */
#Subpage3{ width: 100%; float: left;}
#Subpage3 .newsCon{ width: 100%; float: left;}
#Subpage3 .newsConLeft{ float: left; width: 100%;}
#Subpage3 .newsConLeft .tit{ font-size: 30px; line-height: 32px; color: #333;text-align: center;}
#Subpage3 .newsConLeft .time{ width: 100%; overflow: hidden; line-height: 18px; font-size: 14px; margin: 15px 0 18px 0; color: #888888;}
#Subpage3 .newsConLeft .time .ico{ display: block; float: left; width: 18px; height: 18px; margin-right: 8px;}
#Subpage3 .newsConLeft .time .wz{ float: left; margin-right: 20px;}
#Subpage3 .newsConLeft .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;}
#Subpage3 .newsConLeft .info{ font-size: 14px; line-height: 30px; margin: 30px 0 40px 0; color: #666;}

#Subpage3 .newsConLeft .zan{ display: block; margin: 0 auto; width: 62px; height: 62px; border-radius: 50%; text-align: center; border: 1px solid #3752c7;}
#Subpage3 .newsConLeft .zan:hover{transform: translateY(-10px)}
#Subpage3 .newsConLeft .zan .ico{ width: 26px; height: 26px; margin: 8px auto 4px auto; line-height: 0;}
#Subpage3 .newsConLeft .zan .ico I{ font-size: 26px; line-height: 26px; color: #3752c7;}
#Subpage3 .newsConLeft .zan .wz{ font-size: 12px; color: #3752c7;}
#Subpage3 .newsConLeft .nyfx{ text-align: center; margin: 30px 0 15px 0;}
#Subpage3 .newsConLeft .bdsharebuttonbox{ display: inline-block;}
#Subpage3 .newsConLeft .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(1){ background: url(../images/920_fx1.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(2){ background: url(../images/920_fx2.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(3){ background: url(../images/920_fx3.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(4){ background: url(../images/920_fx4.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(5){ background: url(../images/920_fx5.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(6){ background: url(../images/920_fx6.png) no-repeat center;}

#Subpage3 .newsConLeft .sx_fy{ float: left; width: 100%; font-size: 14px; line-height: 16px; padding: 20px 0 70px 0; border-top: 1px dashed #cccccc;}
#Subpage3 .newsConLeft .sx_fy a{ color: #333;}
#Subpage3 .newsConLeft .sx_fy a:hover{ color: #3752c7;}
#Subpage3 .newsConLeft .sx_fy .l_fy{ width: 50%; float: left;}
#Subpage3 .newsConLeft .sx_fy .r_fy{ width: 50%; float: right; text-align: right;}

#Subpage3 .newsConLeft .newsXg .title{ width: 100%; overflow: hidden;}
#Subpage3 .newsConLeft .newsXg .title .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #3752c7; position: relative;}
#Subpage3 .newsConLeft .newsXg .title .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #3752c7; position: absolute; bottom: -2px; left: 0;}
#Subpage3 .newsConLeft .newsXg .title .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/920_fh.png) no-repeat left center;}
#Subpage3 .newsConLeft .newsXg .title .fh:hover{ text-decoration: underline;}
#Subpage3 .newsConLeft .newsXg .title .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage3 .newsConLeft .newsXg .u1{ overflow: hidden; width: 102%; margin: 10px -1% 0 -1%;}
#Subpage3 .newsConLeft .newsXg .u1 .l1{ float: left; overflow: hidden; width: 48%; line-height: 18px; padding: 15px 0; overflow: hidden; margin: 0 1%; border-bottom: 1px dotted #cccccc;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ width: 100%; float: left; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #333333;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ width: 20%; float: right; text-align: right; font-size: 16px; color: #777777;}
#Subpage3 .newsConLeft .newsXg .u1 .l1:hover .tit{ color: #3752c7;}

#Subpage3 .newsConRight{ float: right; width: 29%;}
#Subpage3 .newsConRight .pic .slick-dots{ position: absolute; bottom: 10px; z-index: 10; height: 10px; text-align: center;}
#Subpage3 .newsConRight .pic .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #b5c1d6; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
#Subpage3 .newsConRight .pic .slick-dots .slick-active{ background: #3752c7;}
#Subpage3 .newsConRight .pic .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage3 .newsConRight .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage3 .newsConRight .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

#Subpage3 .newsConRight .tab{ margin: 20px 0; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0 5px 5px -5px #ccc; overflow: hidden;} 
#Subpage3 .newsConRight .tab .hd{ width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;}
#Subpage3 .newsConRight .tab .hd .l1{ float: left; width: 50%; font-size: 18px; height: 50px; line-height: 50px; cursor: pointer; color: #333; text-align: center;}
#Subpage3 .newsConRight .tab .hd .l1.on{ color: #fff; background: #3752c7;}
#Subpage3 .newsConRight .tab .bd{ padding: 0 0 30px 0;}
#Subpage3 .newsConRight .tab .bd .l1{ padding: 20px 20px 0 20px;}
#Subpage3 .newsConRight .tab .bd .l1:hover{ background: #fafafa;}
#Subpage3 .newsConRight .tab .bd .tit{ font-size: 16px; line-height: 18px; color: #333;}
#Subpage3 .newsConRight .tab .bd .time{ width: 100%; overflow: hidden; line-height: 14px; font-size: 14px; margin: 15px 0 0 0; color: #888888;}
#Subpage3 .newsConRight .tab .bd .time .ico{ display: block; float: left; width: 14px; height: 14px; margin-right: 8px;}
#Subpage3 .newsConRight .tab .bd .time .wz{ float: left; margin-right: 20px;}
#Subpage3 .newsConRight .tab .bd .l1 .xian{ width: 98%; margin: 0 1%; height: 1px; margin-top: 20px; background: #f1f3f4;}

#Subpage3 .newsConRight .mess{ padding: 20px 30px; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0px 5px 5px -5px #ccc;}
#Subpage3 .newsConRight .mess .tit{ font-size: 18px; margin-bottom: 20px; color: #3752c7;}
#Subpage3 .newsConRight .mess .li_1{width: 100%; margin-bottom:10px;  float:left; background:#efefef; padding:13px; line-height:28px; position:relative;}
#Subpage3 .newsConRight .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;font-size:14px;}
#Subpage3 .newsConRight .mess .input_1{width:40%;}
#Subpage3 .newsConRight .mess .input_2{width:50%;}
#Subpage3 .newsConRight .mess .i{ font-size:16px; color:#666666; line-height:28px;}
#Subpage3 .newsConRight .mess .b{color:#3752c7; font-size:16px;}
#Subpage3 .newsConRight .mess .li_2{width:100%; float:left;}
#Subpage3 .newsConRight .mess .li_3{margin-right:0;}
#Subpage3 .newsConRight .mess .li_4{background:#3752c7;}
#Subpage3 .newsConRight .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Subpage3 .newsConRight .mess .ri{width: 100%; margin-top: 10px;}
#Subpage3 .newsConRight .mess .demo--label{float:left; margin:0 30px 0 5px; font-size:16px; color:#666666;}
#Subpage3 .newsConRight .mess .demo--radio{display:none; }
#Subpage3 .newsConRight .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput:after{background-color:#3752c7;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Subpage3 .newsConRight .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput{border:1px solid #3752c7;}
#Subpage3 .newsConRight .mess .span_d{float:right; position:absolute; right:13px; top:16px;}
#Subpage3 .newsConRight .mess .span_d img{display:block; height:26px;}
#Subpage3 .newsConRight .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Subpage3 .newsConRight .mess .pointa:hover .navbtna,
#Subpage3 .newsConRight .mess .pointa:hover .navbtna::after,
#Subpage3 .newsConRight .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Subpage3 .newsConRight .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Subpage3 .newsConRight .mess .pointa .navbtna::after,
#Subpage3 .newsConRight .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Subpage3 .newsConRight .mess .pointa .navbtna::after { top:-8px; }
#Subpage3 .newsConRight .mess .pointa .navbtna::before { top:8px; }
#Subpage3 .newsConRight .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Subpage3 .newsConRight .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}

@media  screen and (max-width:1023px){
#Subpage3 .newsConLeft{ width: 100%;}
#Subpage3 .newsConLeft .tit{ font-size: 16px; line-height: 18px;}
#Subpage3 .newsConLeft .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;}
#Subpage3 .newsConLeft .time .ico{ width: 16px; height: 16px; margin-right: 3px;}
#Subpage3 .newsConLeft .time .wz{ margin-right: 5px;}
#Subpage3 .newsConLeft .info{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;}

#Subpage3 .newsConLeft .sx_fy{ font-size: 12px; line-height: 18px; padding: 10px 0 20px 0; margin-top: 10px;}
#Subpage3 .newsConLeft .sx_fy .l_fy{ width: 100%;}
#Subpage3 .newsConLeft .sx_fy .r_fy{ width: 100%; text-align: left;}

#Subpage3 .newsConLeft .newsXg .title .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage3 .newsConLeft .newsXg .title .t1::before{ width: 65px;}
#Subpage3 .newsConLeft .newsXg .title .fh{ font-size: 14px; padding-left: 25px;}
#Subpage3 .newsConLeft .newsXg .u1{ width: 100%; margin: 10px 0 0 0;}
#Subpage3 .newsConLeft .newsXg .u1 .l1{ width: 100%; line-height: 18px; padding: 5px 0; margin: 0;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ font-size: 12px; line-height: 18px; height: 18px;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ font-size: 12px;}

#Subpage3 .newsConRight{ width: 100%; margin-top: 15px;}
#Subpage3 .newsConRight .tab{ margin: 10px 0; border-radius: 5px;} 
#Subpage3 .newsConRight .tab .hd .l1{ font-size: 16px; height: 30px; line-height: 30px;}
#Subpage3 .newsConRight .tab .bd{ padding: 0 0 10px 0;}
#Subpage3 .newsConRight .tab .bd .l1{ padding: 10px 10px 0 10px;}
#Subpage3 .newsConRight .tab .bd .tit{ font-size: 14px; line-height: 16px;}
#Subpage3 .newsConRight .tab .bd .time{ line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
#Subpage3 .newsConRight .tab .bd .time .wz{ margin-right: 5px;}
#Subpage3 .newsConRight .tab .bd .l1 .xian{ margin-top: 10px;}

#Subpage3 .newsConRight .mess{ padding: 10px 15px; border-radius: 5px;}
#Subpage3 .newsConRight .mess .tit{ font-size: 16px; margin-bottom: 10px;}
#Subpage3 .newsConRight .mess .mess_width{width:90%; top:10%;}
#Subpage3 .newsConRight .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Subpage3 .newsConRight .mess .pointa{right:12px; top:10px;}
#Subpage3 .newsConRight .mess .form_width{border-radius: 0 0 15px 15px;}
#Subpage3 .newsConRight .mess .h4_1{font-size:12px; padding-bottom:15px;}
#Subpage3 .newsConRight .mess .li_2{width:100%;}
#Subpage3 .newsConRight .mess .li_1{padding:10px 15px; line-height:24px;}
#Subpage3 .newsConRight .mess .i{line-height:24px; font-size:14px;}
#Subpage3 .newsConRight .mess .input{line-height:24px; height:24px;font-size:12px;}
#Subpage3 .newsConRight .mess .li_11 .input{width:60%;}
#Subpage3 .newsConRight .mess .ri{margin-top: 5px;}
#Subpage3 .newsConRight .mess .demo--label{font-size:14px;}
#Subpage3 .newsConRight .mess .span_d{/*width:70px;*/ right:10px; top:10px;}
#Subpage3 .newsConRight .mess .tj{font-size:15px;}
#Subpage3 .newsConRight .mess .li_4{padding:8px 10px;}
}

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

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 8常见问题 */
#List4{ width: 100%; float: left;}
#List4 .qustList .l1{ margin: 20px 0;}
#List4 .qustList .l1 .ico{ font-size: 12px; width: 26px; margin: 0 0 0 20px; height: 26px; line-height: 26px; font-family: "Tahoma"; text-align: center; float: left; color: #fff;}
#List4 .qustList .l1 .tit{ font-size: 16px; color: #333; line-height: 26px; padding: 15px 20px 15px 0; background: #f4f4f4; position: relative; cursor: pointer;}
#List4 .qustList .l1 .tit .ico{ background: #8f9499;}
#List4 .qustList .l1 .tit .t1{ padding: 0 20px 0 60px;}
#List4 .qustList .l1 .tit .more{ position: absolute; right: 20px; top: 15px; font-size: 18px; color: #3752c7; font-family: "宋体";}
#List4 .qustList .l1 .tit.on{ background: #3752c7; color: #fff;}
#List4 .qustList .l1 .tit.on .ico{ background:rgba(255,255,255,0.2);}
#List4 .qustList .l1 .tit.on .more{ color: #fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} 
#List4 .qustList .l1 .box{ display: none; background: #f4f4f4; padding: 15px 20px 15px 0;}
#List4 .qustList .l1 .box .ico{ background: #3752c7;}
#List4 .qustList .l1 .box .info{ font-size: 14px; line-height: 26px; color: #3752c7; padding: 0 20px 0 60px;}
@media  screen and (max-width:1023px){
#List4 .qustList .l1{ margin: 10px 0;}
#List4 .qustList .l1 .tit{ font-size: 14px;}
#List4 .qustList .l1 .box .info{ font-size: 12px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){
#List4 .qustList .l1 .tit .t1{padding:0 20px 0 20px;}
}
/* 10人才招聘 */
#Content11{ width: 100%; float: left;}
#Content11 .joinList .u1{ border-top: 1px solid #e3e3e3;}
#Content11 .joinList .l1{ border-bottom: 1px solid #e3e3e3;}
#Content11 .joinList .l1 .tit{ padding: 25px 105px 25px 20px; cursor: pointer; position: relative;}
#Content11 .joinList .l1 .tit .t1{ color: #242424; font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight: bold;}
#Content11 .joinList .l1 .tit .t2{ color: #5c5c5c; font-size: 16px; line-height: 16px;}
#Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 70px;}
#Content11 .joinList .l1 .tit .t3{ position: absolute; right: 40px; top: 25px; width: 65px; height: 48px; line-height: 48px; border-left: 1px solid #dddddd; font-size: 34px; font-weight: lighter; text-align: right; color: #dddddd;}
#Content11 .joinList .l1.on{ background: #f4f4f4;}
#Content11 .joinList .l1.on .tit .t3{ color: #3752c7;} 
#Content11 .joinList .l1 .box{ display: none; padding: 25px 20px 45px 20px;}
#Content11 .joinList .l1 .box .p1{ display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 30px; color: #fff; background: #3752c7;}
#Content11 .joinList .l1 .box .p2{ color: #565656; font-size: 12px; line-height: 24px; margin: 20px 0 30px 0;}
#Content11 .joinList .l1 .box .email{ font-size: 12px; color: #565656;}
#Content11 .joinList .l1 .box .email .col{ font-size: 14px; margin: 0 5px; color: #3752c7; font-weight: bold;}
@media  screen and (max-width:1023px){
#Content11 .joinList .l1 .tit{ padding: 10px 25px 10px 5px;}
#Content11 .joinList .l1 .tit .t1{ font-size: 16px; line-height: 16px; margin-bottom: 10px;}
#Content11 .joinList .l1 .tit .t2{ font-size: 14px; line-height: 14px;}
#Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 5px;}
#Content11 .joinList .l1 .tit .t3{ right: 5px; top: 10px; width: 20px; height: 40px; line-height: 40px; font-size: 22px;}
#Content11 .joinList .l1 .box{ padding: 10px 5px 15px 5px;}
#Content11 .joinList .l1 .box .p1{ font-size: 14px; height: 24px; line-height: 24px; padding: 0 10px;}
#Content11 .joinList .l1 .box .p2{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 11在线留言 */
#Content12{ width: 100%; float: left;}
#Content12 .messCon .text{ float: left; width: 48%;}
#Content12 .messCon .text .tit{ font-size: 36px; line-height: 38px; margin: 45px 0; color: #242424;}
#Content12 .messCon .text .info{ font-size: 16px; line-height: 36px; color: #666;}
#Content12 .messCon .mess{ float: right; width: 48%; padding: 40px; background: #f2f2f2;}
#Content12 .messCon .mess .t1{ font-size: 24px; line-height: 24px; color: #3752c7;}
#Content12 .messCon .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;}

#Content12 .messCon .mess .form_width{ border-radius:0 0 20px 20px;}
#Content12 .messCon .mess .li_1{width:100%; margin-bottom:10px;  float:left; background:#ffffff; padding:13px 24px; line-height:28px; position:relative;}
#Content12 .messCon .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;}
#Content12 .messCon .mess .input_1{width:40%;}
#Content12 .messCon .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Content12 .messCon .mess .b{color:#3752c7; font-size:16px;}
#Content12 .messCon .mess .li_2{width:49%; margin-right:2%; float:left;}
#Content12 .messCon .mess .li_3{margin-right:0;}
#Content12 .messCon .mess .li_4{background:#3752c7;}
#Content12 .messCon .mess .li_4:hover{ opacity: 0.8;}
#Content12 .messCon .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Content12 .messCon .mess .ri{padding-left:100px;}
#Content12 .messCon .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Content12 .messCon .mess .demo--radio{display:none; }
#Content12 .messCon .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Content12 .messCon .mess .demo--radio:checked + .demo--radioInput:after{background-color:#3752c7;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Content12 .messCon .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Content12 .messCon .mess .demo--radio:checked + .demo--radioInput{border:1px solid #3752c7;}
#Content12 .messCon .mess .span_d{float:right; position:absolute; right:24px; top:13px;}
#Content12 .messCon .mess .span_d img{display:block;}
#Content12 .messCon .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Content12 .messCon .mess .pointa:hover .navbtna,
#Content12 .messCon .mess .pointa:hover .navbtna::after,
#Content12 .messCon .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Content12 .messCon .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Content12 .messCon .mess .pointa .navbtna::after,
#Content12 .messCon .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Content12 .messCon .mess .pointa .navbtna::after { top:-8px; }
#Content12 .messCon .mess .pointa .navbtna::before { top:8px; }
#Content12 .messCon .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Content12 .messCon .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}
@media  screen and (max-width:1023px){
#Content12 .messCon .text{ width: 100%; margin-bottom: 15px;}
#Content12 .messCon .text .tit{ font-size: 16px; line-height: 18px; margin: 0 0 10px 0;}
#Content12 .messCon .text .info{ font-size: 14px; line-height: 24px;}
#Content12 .messCon .mess{ width: 100%; padding: 10px;}
#Content12 .messCon .mess .t1{ font-size: 16px; line-height: 16px;}
#Content12 .messCon .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;}

#Content12 .messCon .mess .mess_width{width:90%; top:10%;}
#Content12 .messCon .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Content12 .messCon .mess .pointa{right:12px; top:10px;}
#Content12 .messCon .mess .form_width{border-radius: 0 0 15px 15px;}
#Content12 .messCon .mess .li_2{width:100%;}
#Content12 .messCon .mess .li_1{padding:10px 15px; line-height:24px;}
#Content12 .messCon .mess .i{line-height:24px; font-size:14px;}
#Content12 .messCon .mess .input{line-height:24px; height:24px; font-size:12px;}
#Content12 .messCon .mess .li_11 .input{width:60%;}
#Content12 .messCon .mess .demo--label{font-size:14px;}
#Content12 .messCon .mess .span_d{width:70px; right:10px; top:10px;}
#Content12 .messCon .mess .tj{font-size:15px;}
#Content12 .messCon .mess .li_4{padding:8px 10px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 12证书 */
#List5{ width: 100%; float: left;}
#List5 .certList .u1{ width: 102%; margin: 0 -1%; overflow: hidden;}
#List5 .certList .l1{ float: left; width: 31.3%; margin: 15px 1%; box-shadow: 0 0 5px #ccc; position: relative;}
#List5 .certList .l1 .img{ line-height: 0; margin: 20px 0;}
#List5 .certList .l1 .bg{ display: none; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(16,68,146,0.8);}
#List5 .certList .l1 i{ width: 60px; height: 60px; background:url(../images/924_cert2.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; 
/*left: -60px; */
margin-left: -30px; margin-top: -30px;
/*-webkit-transition: all 0.2s ease-out 0s; */
/*-moz-transition: all 0.2s ease-out 0s; */
/*-o-transition: all 0.2s ease-out 0s; */
/*transition: all 0.2s ease-out 0s;*/
}
#List5 .certList .l1 em{ width: 60px; height: 60px; background:url(../images/924_cert3.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; /*right: -60px; */margin-top: -30px; margin-right: -30px;
/*-webkit-transition: all 0.2s ease-out 0s; */
/*-moz-transition: all 0.2s ease-out 0s; */
/*-o-transition: all 0.2s ease-out 0s; */
/*transition: all 0.2s ease-out 0s;*/
}
#List5 .certList .l1 .t1{ width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #333; text-align: center; margin-bottom: 30px; padding:0 5px;} 
#List5 .certList .l1 .t2{ display: none; width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #fff; text-align: center; position: absolute; bottom: 30px;  padding:0 5px;} 
#List5 .certList .l1:hover .bg{ display: block;}
#List5 .certList .l1:hover em{ right: 50%; z-index: 1;}
#List5 .certList .l1:hover i{ display: block; left: 50%; z-index: 1;}
#List5 .certList .l1:hover .t1{ color: #fff;}
#List5 .certList .l1:hover .t2{ display: block;}
#List5 .imgPop{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; z-index: 99; display: none;}
#List5 .imgPop2{ background:#fff; min-height: 100px; width:25%; left:40%; padding:10px; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
#List5 .imgPop2 .img{ display:block;width: 100%;}
#List5 .imgPop2 .clo{ width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; background: url(../images/924_close.png) no-repeat center; background-size: cover;}
@media  screen and (max-width:1023px){
#List5 .certList .l1{ width: 48%; margin: 5px 1%;}  
#List5 .certList .l1 .img{ margin: 5px 0;}
#List5 .certList .l1 i{ width: 40px; height: 40px; left: -40px; margin-left: -20px; margin-top: -20px;}
#List5 .certList .l1 em{ width: 40px; height: 40px; right: -40px; margin-top: -20px; margin-right: -20px;}
#List5 .certList .l1 .t1{ font-size: 14px; height: 16px; line-height: 16px; margin-bottom: 10px;}  
#List5 .certList .l1 .t2{ font-size: 14px; height: 16px; line-height: 16px; bottom: 10px;} 
#List5 .imgPop2{ width:80%; left: 10%;}
}

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

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 9联系我们 */
#Content13{ width: 100%; float: left;}
#Content13 .contCon .conLeft{ width:100%; float: left;}
#Content13 .contCon .conLeft .bdmap{ border: 1px solid #e5e5e5; height: 500px; margin-bottom: 20px;}
#Content13 .contCon .conLeft .bdmap img{ max-width:none;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content{ padding-left: 0px; margin-top: 0px; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; width: 100%; background: none!important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop{display: none; float:right; font-size:14px; color:#333333; background-color:#fff; background-repeat:no-repeat; border:none !important; width:435px!important; height:50px; margin:0;important; top: 120px!important;}
#Content13 .contCon .conLeft .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop .BMap_top{display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(8){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(7){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(3){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(5){display:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_bottom{display:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_bubble_content{width:435px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9),
#Content13 .contCon .conLeft .bdmap .BMap_center{left: 0 !important; top:0 !important; width:435px !important; height:50px !important; border:none !important; background: none!important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop img:nth-child(10){display:none;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content p{width:435px !important; height:50px !important; border:1px solid #e5e5e5 !important; line-height: 50px; padding: 0 30px; font-size:14px; color:#333333;}
#Content13 .contCon .conLeft .mess{ padding: 40px; background: #f2f2f2;}
#Content13 .contCon .conLeft .mess .t1{ font-size: 24px; line-height: 24px; color: #3752c7;}
#Content13 .contCon .conLeft .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;}
#Content13 .contCon .conLeft .mess .form_width{ border-radius:0 0 20px 20px;}
#Content13 .contCon .conLeft .mess .li_1{width:100%; margin-bottom:10px;  float:left; background:#ffffff; padding:13px 11px; line-height:28px; position:relative;}
#Content13 .contCon .conLeft .mess .input{background:none; border:none; padding:0 5px; outline: none; width:70%; height:28px; line-height:28px; font-size:14px;}
#Content13 .contCon .conLeft .mess .input_1{width:40%;}
#Content13 .contCon .conLeft .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Content13 .contCon .conLeft .mess .b{color:#3752c7; font-size:16px;}
#Content13 .contCon .conLeft .mess .li_2{width:49%; margin-right:2%; float:left;}
#Content13 .contCon .conLeft .mess .li_3{margin-right:0;}
#Content13 .contCon .conLeft .mess .li_4{background:#3752c7;}
#Content13 .contCon .conLeft .mess .li_4:hover{ opacity: 0.8;}
#Content13 .contCon .conLeft .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Content13 .contCon .conLeft .mess .ri{padding-left:100px;}
#Content13 .contCon .conLeft .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Content13 .contCon .conLeft .mess .demo--radio{display:none; }
#Content13 .contCon .conLeft .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput:after{background-color:#3752c7;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Content13 .contCon .conLeft .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput{border:1px solid #3752c7;}
#Content13 .contCon .conLeft .mess .span_d{float:right; position:absolute; right:0; top:13px;}
#Content13 .contCon .conLeft .mess .span_d img{display:block;}
#Content13 .contCon .conLeft .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna,
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna::after,
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Content13 .contCon .conLeft .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Content13 .contCon .conLeft .mess .pointa .navbtna::after,
#Content13 .contCon .conLeft .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Content13 .contCon .conLeft .mess .pointa .navbtna::after { top:-8px; }
#Content13 .contCon .conLeft .mess .pointa .navbtna::before { top:8px; }
#Content13 .contCon .conLeft .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Content13 .contCon .conLeft .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}

#Content13 .contCon .conRight{ width: 49%; float: right;}
#Content13 .contCon .conRight .box{ width: 100%; float: left; margin-bottom: 80px;}
#Content13 .contCon .conRight .box:last-child{ margin-bottom: 0;}
#Content13 .contCon .conRight .tit{ width: 100%; float: left;}
#Content13 .contCon .conRight .tit .t1{ float: left; font-size: 24px; color: #333;}
#Content13 .contCon .conRight .tit .zx{ float: right; position: relative; cursor: pointer;}
#Content13 .contCon .conRight .tit .zx .wz{ display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 40px 0 15px; border-radius: 13px; color: #888888; background: url(../images/925_cont1.png) no-repeat 80px center; background-color: #e9e9e9;}
#Content13 .contCon .conRight .tit .zx .img{ display: none; position: absolute; right: -110px; top: -30px; line-height: 0; border: 3px solid #3752c7;}
#Content13 .contCon .conRight .tit .zx .img::before{ display: none; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #3752c7; position: absolute; top: 36px; left: -19px;}
#Content13 .contCon .conRight .tit .zx .img::after{ display: none; content: ""; display: block; width: 12px; height: 1px; background: #3752c7; position: absolute; top: 39px; left: -12px;}
#Content13 .contCon .conRight .tit .zx:hover .wz{ color: #fff; background: url(../images/925_cont1_1.png) no-repeat 80px center; background-color: #3752c7;}
#Content13 .contCon .conRight .tit .zx:hover .img{ display: block;}
#Content13 .contCon .conRight .tit .zx:hover .img::before{ display: block;}
#Content13 .contCon .conRight .tit .zx:hover .img::after{ display: block;}
#Content13 .contCon .conRight .info{ width: 100%; float: left; font-size: 14px; line-height: 30px; padding-left: 20px; margin: 24px 0 0 0; border-left: 3px solid #3752c7; color: #666;}
@media  screen and (max-width:1400px){
#Content13 .contCon .conRight .tit .zx .img{ right: auto; left: -110px; top: -30px;}
#Content13 .contCon .conRight .tit .zx .img::before{ top: 36px; left: auto; right: -19px;}
#Content13 .contCon .conRight .tit .zx .img::after{ top: 39px; left: auto; right: -12px;}
}
@media  screen and (max-width:1200px){
#Content13 .contCon .conLeft .bdmap .BMap_pop{ left: 0!important;}
}
@media  screen and (max-width:1023px){
#Content13 .contCon .conLeft{ width: 100%;margin-bottom:15px; min-height:400px; display:block;}
#Content13 .contCon .conLeft .bdmap .BMap_pop{ display: none;}
#Content13 .contCon .conLeft .bdmap .BMap_bubble_content{ width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9),
#Content13 .contCon .conLeft .bdmap .BMap_center{ width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content p{ font-size: 12px; padding: 0 5px; width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .mess{ width: 100%; padding: 10px; }
#Content13 .contCon .conLeft .mess .t1{ font-size: 16px; line-height: 16px;}
#Content13 .contCon .conLeft .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;}
#Content13 .contCon .conLeft .mess .mess_width{width:90%; top:10%;}
#Content13 .contCon .conLeft .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Content13 .contCon .conLeft .mess .pointa{right:12px; top:10px;}
#Content13 .contCon .conLeft .mess .form_width{border-radius: 0 0 15px 15px;}
#Content13 .contCon .conLeft .mess .li_2{width:100%;}
#Content13 .contCon .conLeft .mess .li_1{padding:10px 15px; line-height:24px;}
#Content13 .contCon .conLeft .mess .i{line-height:24px; font-size:14px;}
#Content13 .contCon .conLeft .mess .input{line-height:24px; height:24px; font-size:12px;}
#Content13 .contCon .conLeft .mess .li_11 .input{width:71%;}
#Content13 .contCon .conLeft .mess .demo--label{font-size:14px;}
#Content13 .contCon .conLeft .mess .span_d{width:70px; right:10px; top:10px;}
#Content13 .contCon .conLeft .mess .tj{font-size:15px;}
#Content13 .contCon .conLeft .mess .li_4{padding:8px 10px;}

#Content13 .contCon .conRight{ width: 100%; margin-bottom: 15px; clear:both; display:block; }
#Content13 .contCon .conRight .box{ margin-bottom: 15px;}
#Content13 .contCon .conRight .tit .t1{ font-size: 18px;}
#Content13 .contCon .conRight .tit .zx .wz{ font-size: 12px; padding: 0 30px 0 10px; background: url(../images/925_cont1.png) no-repeat 61px center; background-color: #e9e9e9;}
#Content13 .contCon .conRight .tit .zx:hover .wz{ background: url(../images/925_cont1_1.png) no-repeat 61px center; background-color: #3752c7;}
#Content13 .contCon .conRight .info{ font-size: 14px; line-height: 24px; padding-left: 10px; margin: 10px 0 0 0; border-left: 1px solid #3752c7;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/*1关于宏工*/
#Content14{width:100%; display:block; float:left;}
#Content14 .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){
#Content14 .text{line-height:26px ;}
}
@media screen and  (max-width:768px){
#Content14 .text{line-height:24px; font-size:14px;}
}



.input::-webkit-input-placeholder {
				color: #999;
			}
			
			.input::-moz-placeholder {
				color: #999;
			}
			/* firefox 19+ */
			
			.input:-ms-input-placeholder {
				color: #999;
			}
			/* ie */
			
			.input:-moz-placeholder {
				color: #999;
			}
			
			#Content .pro_index01 .ul_a {
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
			}
			
			.zhezhao,
			.quanjing {
				width: 100%;
				height: 600px;
			}
			
			.zhezhao {
				position: absolute
			}
			.sub3{display: none;position: absolute;top: 0;width: 250px;background:rgba(54,62,69,0.7);left: 151px;}
			.fl2{position: relative;}
			.fl2:hover .sub3{display: block;}