body {color:#666666;overflow-x:hidden;} a{color:#333333}a:active,a:hover {color:#f40e33}

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

@media (min-width: 1710px) {.container{ width: 1710px; }}
@font-face {
    font-family: 'NOTOSERIFCJKSC-REGULAR';
    src: url('../fonts/NOTOSERIFCJKSC-REGULAR.eot');
    src: url(https://www.cnjunnet.cn/template/theme/fonts/NOTOSERIFCJKSC-REGULAR.eot?#iefixx') format('embedded-opentype'),
         url(../fonts/NOTOSERIFCJKSC-REGULAR.woff.htmlf') format('woff'),
         url(../fonts/NOTOSERIFCJKSC-REGULAR.ttf.htmlf') format('truetype'),
         url(https://www.cnjunnet.cn/template/theme/fonts/NOTOSERIFCJKSC-REGULAR.svg#open_sanslightt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NOTOSERIFCJKSC-LIGHT';
    src: url('../fonts/NOTOSERIFCJKSC-LIGHT.eot');
    src: url(https://www.cnjunnet.cn/template/theme/fonts/NOTOSERIFCJKSC-LIGHT.eot?#iefixx') format('embedded-opentype'),
         url(../fonts/NOTOSERIFCJKSC-LIGHT.woff.htmlf') format('woff'),
         url(../fonts/NOTOSERIFCJKSC-LIGHT.ttf.htmlf') format('truetype'),
         url(https://www.cnjunnet.cn/template/theme/fonts/NOTOSERIFCJKSC-LIGHT.svg#open_sanslightt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NOTOSERIFCJKSC-BLACK';
    src: url('../fonts/NOTOSERIFCJKSC-BLACK.eot');
    src: url(https://www.cnjunnet.cn/template/theme/fonts/NOTOSERIFCJKSC-BLACK.eot?#iefixx') format('embedded-opentype'),
         url(../fonts/NOTOSERIFCJKSC-BLACK.woff.htmlf') format('woff'),
         url(../fonts/NOTOSERIFCJKSC-BLACK.ttf.htmlf') format('truetype'),
         url(https://www.cnjunnet.cn/template/theme/fonts/NOTOSERIFCJKSC-BLACK.svg#open_sanslightt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media (min-width: 768px) {
  .container {
    width: 100%; padding:0 15px;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 100%; padding:0 82px;
  }
}
@media (min-width: 1230px) {
  .container {
    width: 100%; padding:0 82px;
  }
}
@media (min-width: 1710px) {
  .container {
    width: 1710px; padding:0 15px;
  }
}

	
#Top .head{ float:left; width:100%; position:absolute; top:29px; z-index:101;}	
#Top .logo{ float:left; margin:5px 0 0 25px; width: 171px; height:27px; line-height:0;}

/*menu*/
#Top .menu{float: right; margin-right:25px;}
#Top .menu ul{ float:left;}
#Top .menu .nli{ float:left; padding:0 0 0 54px;position:relative;}
#Top .menu .nli span a{ float:left; position:relative; padding:0; color:#fff; font-size:18px; line-height:39px;}
#Top .menu .nli.active span a,
#Top .menu .nli:hover span a{ color:#f40e33;}
#Top .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;}


/*手机导航按钮*/
#Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:4px 0;}
#Top .menuph .point {  display: inline-block;  width: 28px;  height: 22px; 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: 21px;  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: #fff;  }
#Top .menuph .navbtn::after,
#Top .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  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: #fff;  }
#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);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机导航*/
#Top .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:66px 0 100px 0;  display: none;  z-index:100000; background:#4d463f; background:rgba(244,14,51,0.7)}
#Top .xialaph .ul2,
#Top .xialaph .ul3{display: none;}
#Top .xialaph h4{ float:left; width:100%; position:relative;}
#Top .xialaph h4 a{ float:left; width:66%; color: #fff;  font-size:16px; line-height: 55px; position:relative;}
#Top .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;}
#Top .xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #fff; opacity: 0.1;}
#Top .xialaph h4:hover a,
#Top .xialaph h5:hover a{  color: #f40e33; }
#Top .xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #fff; opacity: 0.1;  }
#Top .xialaph h5{ float:left; width:100%; position:relative;}
#Top .xialaph h5 a{ float:left; width:100%;  color: #fff;  font-size:14px; line-height: 45px;  text-transform:uppercase;}
#Top .xialaph h5{ float:left; width:100%;position: relative;  }
#Top .xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #fff; opacity: 0.1; }
#Top .xialaph li:last-child h5::after{  display: none;  }
#Top .xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
#Top .xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
#Top .xialaph h4.active img.img_s,
#Top .xialaph h5.active img.img_s{  display: none;  }
#Top .xialaph h4.active img.img_d,
#Top .xialaph h5.active img.img_d{  display: block;  }
#Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;}
#Top .xialaph .img_d{  display: none;  }
@media screen and  (max-width:1710px){

}
@media screen and  (max-width:1230px){
#Top .head{ top:15px; z-index:100001;}	
#Top .logo{margin:0;}
#Top .menu{ display:none;}
}
@media screen and  (max-width:1024px){
#Top .menuph{ display:block;}
}
@media screen and  (max-width:768px){

}
/*手机底部导航*/
#Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#f40e33; z-index:58; box-shadow:0 -4px 7px rgba(0,0,0,0.15);}
#Down .pf_down li{ width:33.33%; float:left; text-align:center; padding:7px 0 5px 0; border-right:1px solid rgba(255,255,255, 0.2);}
#Down .pf_down li:last-child{ border:none;}
#Down .pf_down li .ico7{ width:100%; float:left; height:20px;}
#Down .pf_down li .ico7 img{ width:20px; height:20px;}
#Down .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}


/*底部*/
#Down .pz_down{ float:left; width:100%; background:#1a1a1a; padding:15px 0;}
#Down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:26px; margin:6px 0;}
#Down .Copyright a{ color:#fff; color:rgba(255,255,255,0.6);}
#Down .Copyright a:hover{ color:#fff;}
#Down .links{ display:none; float:right; width:234px; position:relative; z-index:66;}
#Down .links h5{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:38px; height:38px; background:rgba(255,255,255,0.1); padding:0 30px; cursor:pointer;}

#Down .links ul{ display:none; float:left; width:100%; position:absolute; left:0; bottom:39px;background:rgba(0,0,0,0.8); padding:8px 0;}
#Down .links ul li{ float:left; width:100%;}
#Down .links ul li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; padding:0 30px;}
#Down .links ul li a:hover{ color:#f40e33;}



/*pf_message*/
#Down .messageBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:68; background:#000;opacity:0.4; filter:alpha(opacity=40); }
#Down .pf_message{ display:none; float:left; width:930px; position:fixed; left:50%; top:50%; background:#f40e33; background:rgba(244,14,51,0.8); z-index:70; border-radius:8px; padding:20px; margin:-275px 0 0 -465px;}
#Down .box{ float:left; width:100%; position:relative; border:1px dashed rgba(255,255,255,0.6); padding:40px;}
#Down .box .colse{ float:left; width:24px; line-height:0; position:absolute; right:32px; top:24px; cursor:pointer;}
#Down .box .tit{ float:left; width:100%; color:#fff; font-size:48px; line-height:48px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Down .box .tit .sp1{ display:inline-block; vertical-align:top; font-size:72px; margin-right:20px;}
#Down .box .tit .sp2{ display:inline-block; vertical-align:baseline; font-size:18px; line-height:20px; margin-left:24px;}
#Down .box .Form{ float:left; width:100%; margin-top:30px;}
#Down .box .lab{ float:left; width:48.27%; margin-top:8px; position:relative;}
#Down .box .lab1{ width:100%;}
#Down .box .lab2{ float:right;}
#Down .box .lab3{ margin-top:38px;}
#Down .box .lab4{ margin-top:30px; float:right;}
#Down .box .fv0{ float:left; width:100%; height:56px; color:#fff; font-size:16px; line-height:36px; background:none; border:none; border-bottom:1px solid rgba(255,255,255,0.3); padding:10px 11px; position:relative; cursor:pointer;}
#Down .box .yus{ float:left; position:absolute; left:0; top:0; width:auto; border:none;}
#Down .box .yanzhengma{ float:right; position:absolute; right:0; top:-8px; z-index:16; width:113px; height:54px;}
#Down .box ::-webkit-input-placeholder{color:#fff;}
#Down .box :-moz-placeholder{color:##fff;}
#Down .box ::-moz-placeholder{color:##fff;}
#Down .box :-ms-input-placeholder{color:##fff;}
#Down .box .fv2{ float:left; width:100%; height:64px; color:#fff; font-size:16px; line-height:62px; border:none; background:rgba(255,255,255,0.3); padding:0; outline:none;}
#Down .box .fv0_ys{ height:auto !important;}
#Down .box .img{ float:left; position:absolute; right:50px; top:50%; width:12px; height:8px;}
#Down .box .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:56px; z-index:16; background:#fff; background:rgba(255,255,255,0.80); padding:11px;}
#Down .box .ul0 li{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; cursor:pointer;}
#Down .box .ul0 li:hover{ color:#f40e33;}
#Down .box .ul1{ float:left; width:100%; padding-left:110px; margin:4px 0; min-height:26px;}
#Down .box .ul1 li{ float:left; color:#fff; font-size:16px; line-height:26px; padding-left:22px; margin-left:18px; position:relative; cursor:pointer;}
#Down .box .ul1 li:after{ float:left; width:12px; height:12px; border-radius:50%; border:2px solid #fff; position:absolute; left:0; top:50%; margin-top:-6px; content:''; z-index:6;opacity:0.5; filter:alpha(opacity=50);}
#Down .box .ul1 li:before{ float:left; width:8px; height:8px; border-radius:50%;position:absolute; left:3px; top:50%; margin-top:-4px; content:''; z-index:6;}
#Down .box .ul1 li.on:after{ width:14px; height:14px; margin-top:-7px; border:4px solid #fff;}
#Down .box .ul1 li.on:before{ background:#fff; }


/*右侧漂浮*/
#Down .pf_right{ float:left; width:52px; position:fixed; z-index:99; right:15px; top:50%;}
#Down .pf_right ul{ float:left; width:100%;}
#Down .pf_right ul li{ float:left; width:100%; position:relative;margin-top:1px;}
#Down .pf_right ul li .a{ float:left; width:100%; height:52px; position:relative; z-index:6; background:rgba(255,0,41,0.8);}
#Down .pf_right ul li .a.ico4 i{ background:url(images/fx4.png.html) center no-repeat;}
#Down .pf_right ul li:hover a{ background:#484848;}
#Down .pf_right ul li .a i{ float:left; width:100%; height:22px; text-align:center; margin:8px 0 4px 0;}
#Down .pf_right ul li.renter .a i{ margin:15px 0 4px 0;}
#Down .pf_right ul li .a i img{ width:22px; height:22px;}
#Down .pf_right ul li .a h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:12px; text-align:center;}
#Down .pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:0; right:-300px; background:#484848; padding:14px 15px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap;
-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;}
#Down .pf_right .pf_tel{ color:#fff;}
#Down .pf_right .pf_er{ float:left; position:absolute; z-index:4; top:0; right:-300px; width:105px; height:105px; background:#484848; line-height:0; padding:6px;
-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;}
#Down .pf_right ul li:hover .pf_tel{ right:53px;}
#Down .pf_right ul li:hover .pf_er{ right:53px;}
@media screen and  (max-width:1710px){
#Down .box .ul1{ padding-left:60px;}
#Down .box .img{ right:25px;}	
}
@media screen and  (max-width:1230px){
#Down .Copyright{ font-size:14px; line-height:24px;}
#Down .links{ width:140px;}
#Down .links h5{ font-size:14px; line-height:36px; height:36px; padding:0 15px;}
#Down .links h5:after{ right:12px;}
#Down .links ul{ bottom:37px;}
#Down .links ul li a{padding:0 15px; font-size:12px; line-height:22px;}

#Down .pf_right{ right:10px;}	
}
@media screen and  (max-width:1024px){
#Down .Copyright{ width:100%; text-align:center;}	
#Down .links{ width:100%;}
#Down .pz_down{ margin-bottom:52px;}


#Down .pf_message{ width:90%; left:5%; margin:-158px 0 0 0; padding:8px;}
#Down .box{ padding:15px;}
#Down .box .tit{ font-size:24px; line-height:24px;}
#Down .box .tit .sp1{ font-size:36px; margin-right:10px;}
#Down .box .tit .sp2{ font-size:14px; margin-left:12px;}
#Down .box .colse{ width:18px; right:15px; top:12px;}
#Down .box .Form{ margin-top:5px;}
#Down .box .lab{ margin-top:4px;}
#Down .box .fv0{ height:40px; line-height:24px; padding:8px 10px; font-size:14px;}
#Down .box .fv2{ height:44px; line-height:42px; font-size:14px;}
#Down .box .yanzhengma{ top:-6px; width:84px; height:40px;}
#Down .box .lab3{ margin-top:14px;}
#Down .box .lab4{ margin-top:10px; float:right;}
#Down .box .ul1{ margin:0; padding-left:50px;}
#Down .box .ul1 li{ font-size:14px; line-height:24px; padding-left:18px; margin-left:16px;}
#Down .box .ul0 li{ font-size:14px; line-height:24px;}

#Down .box .ul0{ top:40px;}

#Down .pf_right{ right:0; top:auto; bottom:0; width:100%;}
#Down .pf_right ul li{ width:14.28%; margin-top:0;}
#Down .pf_right ul li a{ border-right:1px solid rgba(255,255,255,0.3); background:rgba(255,0,41,0.95);}
#Down .pf_right ul li:last-child a{ border:none;}
#Down .pf_right .pf_tel{ display:none;}
#Down .pf_right .pf_er{ width:104px; height:104px; top:auto; bottom:-120px; right:50%; margin-right:-52px;}
#Down .pf_right ul li:hover .pf_er{ right:50%; bottom:52px;}
#Down .pf_right ul li.renter .a i{ margin:15px 0 15px 0}
}

@media  screen and (max-width:991px){
#Down .pf_right ul li{ width:20%;}
#Down .pf_right ul li.renter .a i{ margin:8px 0 4px 0}
#Down .pf_right ul.visible-xs{overflow:hidden;} 
}


@media screen and  (max-width:768px){
#Down .Copyright{ margin:0 0 10px 0;}

#Down .pf_message{ margin:-283px 0 0 0;}	
#Down .box .lab{ width:100%;}
#Down .box .tit{ font-size:20px; line-height:20px;}
#Down .box .tit .sp1{ font-size:30px; margin-right:5px;}
#Down .box .tit .sp2{ font-size:14px; margin-left:6px;}
#Down .box .colse{ width:16px; right:10px; top:8px;}
}
/*banner*/
#Slide .pz_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center; z-index:6;}
#Slide .slidIner{float:left; width:100%; position:relative;}
#Slide .slide_banner{ float:left; width:100%; line-height:0;}
#Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;}
#Slide .slide_banner img{ width:100%;}
#Slide .slide_banner .slick-prev,
#Slide .slide_banner .slick-next{ width:68px; height:68px; border-radius:50%;}
#Slide .slide_banner .more1{ float:left; position:absolute; border:1px solid #fff; color:#fff; font-size:17px; line-height:27px; padding:15px 47px; z-index:16;}
#Slide .slide_banner .more1:hover{color:#f40e33; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.2);}
#Slide .slide_banner .ban1{ left:12.447%; top:75.131%;}


#Slide .slide_banner .slick-dots{ height:12px; width:auto; position:absolute; bottom:41px;}
#Slide .slide_banner .slick-dots li{ background:#fff; width:15px; height:12px; margin:0 15px 0 0; background:url(3208_ban2.png) center no-repeat; background-size:auto 100%; text-indent:-9999px; overflow:hidden; vertical-align:obtn;}
#Slide .slide_banner .slick-dots li.slick-active{background:url(3208_ban1.png) center no-repeat; background-size:auto 100%;}
#Slide .number{ float:left; position:absolute; right:7.55%; bottom:35px; z-index:6; line-height:24px; color:#fff; font-size:24px; }
#Slide .number:after{ float:left; width:186px; height:1px; background:#fff; position:absolute; right:100%; margin-right:25px; bottom:15px; content:'';
opacity:0.4; filter:alpha(opacity=40); }
#Slide .number font{ color:#f40e33; font-size:54px; padding-right:10px;}
#Slide .number span{padding-left:2px; color:#fff;}
#Slide .scroll{ float:left; position:absolute; left:50%; bottom:60px; margin-left:-34px; z-index:16; width:67px; height:62px; line-height:0;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}

@keyframes mouse-dot {
    from { opacity: 0.8; }
    33% { opacity: 1; }
    to { transform: translateY(40px); -webkit-transform: translateY(40px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0.8; }
    33% { opacity: 1; }
    to { transform: translateY(40px); -webkit-transform: translateY(40px); opacity: 1; }
}
@media screen and  (max-width:1710px){

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

}
@media screen and  (max-width:1024px){
#Slide .slide_banner .slick-prev,
#Slide .slide_banner .slick-next{ left:10px; width:20px; height:20px; background-size:30px 30px !important;}
#Slide .slide_banner .slick-next{ left:auto; right:10px;}
#Slide .number{ bottom:15px; right:5%; }
#Slide .number:after{ width:66px; margin-right:12px;}
#Slide .number font{ font-size:28px; padding-right:5px;}
#Slide .number{ font-size:16px;}
#Slide .scroll{ bottom:50px; margin-left:-23px; z-index:16; width:46px; height:42px; }

#Slide .slide_banner .more1{ font-size:15px; line-height:25px; padding:6px 20px;}

}
@media screen and  (max-width:768px){
#Slide .slide_banner .ban1{ left:10%; top:72.131%;}
#Slide .slide_banner .more1{ font-size:13px; line-height:24px; padding:2px 15px; display:none;}

}
#Content .hContBg1{ float:left; width:100%;}

/*000000*/
#Content .slidIner{ float:left; width:100%; text-align:center;}
#Content .hCont1{ float:left; width:100%; text-align:center; padding:105px 0  115px 0;}
#Content .hCont1 .ul1{ display:block; margin:0 auto;}
#Content .hCont1 .l1{ float:left; width:25%; padding:0 15px; position:relative;}
#Content .hCont1 .l1:after{ float:left; width:36px; height:2px; position:absolute; right:-18px; top:45px; margin-top:17px; content:''; background:#d0d0d0;}
#Content .hCont1 .l1:before{ float:left; width:2px; height:36px; position:absolute; right:-1px; top:45px; content:''; background:#d0d0d0;}
#Content .hCont1 .l1:last-child:after{ display:none;}
#Content .hCont1 .l1:last-child:before{ display:none;}
#Content .hCont1 .l1:nth-child(3):after{ margin-top:7px;}
#Content .hCont1 .l1:nth-child(3):before{ width:36px; height:2px; right:-18px; margin-top:24px;}

#Content .hCont1 .tit1{ float:left; width:100%;color:#000000; font-size:60px; line-height:70px; overflow:hidden;} 
#Content .hCont1 .info{ float:left; width:100%; color:#000000; font-size:18px; line-height:28px; overflow:hidden; margin:28px 0 60px 0;}
#Content .hCont1 .p1{ display:block; margin:0 auto; padding:0 20.95%;}
#Content .hCont1 .cont{ display:block; margin:0 auto; width:1120px;}
#Content .hCont1 .tit{ float:left; width:100%; color:#666666; font-size:18px; line-height:32px; margin-top:29px;}
#Content .hCont1 .img{ float:left; width:100%; color:#f40e33; font-size:60px; line-height:116px; height:116px;}
#Content .hCont1 .img span{ font-size:30px;}
#Content .hCont1 .img img{ width:116px; height:116px;}

#Content .hCont1 .img .dataOne {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 50px;
    text-align: center;
}
@media screen and  (max-width:1710px){
#Content .hCont1 .p1{ width:100%;}
#Content .hCont1 .tit1{ font-size:40px; line-height:50px;}
}
@media screen and  (max-width:1230px){
#Content .hCont1 .cont{ width:100%;}
}
@media screen and  (max-width:1024px){
#Content .hCont1{ padding:30px 0;}	
#Content .hCont1 .p1{ padding:0;}
#Content .hCont1 .cont{ padding:0;}
#Content .hCont1 .ul1{ padding:0;}
#Content .hCont1 .tit1{ font-size:30px; line-height:40px;}
#Content .hCont1 .info{ font-size:14px; line-height:26px; margin:10px 0 20px 0;}
#Content .hCont1 .tit{ font-size:14px; line-height:26px; margin-top:10px;}
#Content .hCont1 .l1{ padding:0 6px;}
#Content .hCont1 .l1:after{ width:20px; right:-10px; top:33px; margin-top:10px;}
#Content .hCont1 .l1:before{ height:20px; top:33px;}
#Content .hCont1 .l1:nth-child(3):after{ margin-top:5px;}
#Content .hCont1 .l1:nth-child(3):before{ width:20px; height:2px; right:-10px; margin-top:12px;}

#Content .hCont1 .img{ font-size:30px; line-height:86px; height:86px;}
#Content .hCont1 .img span{ font-size:14px;}
#Content .hCont1 .img img{ width:86px; height:86px;}
}
@media screen and  (max-width:768px){
#Content .hCont1 .tit1{ font-size:20px; line-height:30px;}
#Content .hCont1 .img img{ width:50px; height:50px;}
#Content .hCont1 .img{ font-size:20px; line-height:50px; height:50px;}
#Content .hCont1 .l1:after{ width:14px; height:1px; right:-7px; top:18px; margin-top:7px;}
#Content .hCont1 .l1:before{ width:1px; height:14px; top:18px;}
#Content .hCont1 .l1:nth-child(3):after{ margin-top:4px;}
#Content .hCont1 .l1:nth-child(3):before{ width:14px; height:1px; right:-7px; margin-top:9px;}

@-webkit-keyframes load5 {
  0%{
    transform:rotate(0deg); -webkit-transform:rotate(0deg);
  }
  12.5% {
     transform:rotate(45deg); -webkit-transform:rotate(45deg);
  }
  25% {
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
  }
  37.5% {
     transform:rotate(135deg); -webkit-transform:rotate(135deg);
  }
  50% {
     transform:rotate(180deg); -webkit-transform:rotate(180deg);
  }
  62.5% {
     transform:rotate(225deg); -webkit-transform:rotate(225deg);
  }
  75% {
     transform:rotate(270deg); -webkit-transform:rotate(270deg);
  }
  87.5% {
     transform:rotate(315deg); -webkit-transform:rotate(315deg);
  }
  100% {
	   transform:rotate(360deg); -webkit-transform:rotate(360deg);
  }
}
@keyframes load5 {
  0%{
    transform:rotate(0deg); -webkit-transform:rotate(0deg);
  }
  12.5% {
     transform:rotate(45deg); -webkit-transform:rotate(45deg);
  }
  25% {
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
  }
  37.5% {
     transform:rotate(135deg); -webkit-transform:rotate(135deg);
  }
  50% {
     transform:rotate(180deg); -webkit-transform:rotate(180deg);
  }
  62.5% {
     transform:rotate(225deg); -webkit-transform:rotate(225deg);
  }
  75% {
     transform:rotate(270deg); -webkit-transform:rotate(270deg);
  }
  87.5% {
     transform:rotate(315deg); -webkit-transform:rotate(315deg);
  }
  100% {
	   transform:rotate(360deg); -webkit-transform:rotate(360deg);
  }
}
}
/*hContBg2*/
#Content2 .hContBg2{ float:left; width:100%; background:#000000; position:relative;}
#Content2 .hContBg2 .Bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;
opacity:0.8; filter:alpha(opacity=80);}
#Content2 .hCont2{ float:left; width:100%; margin:165px 0 162px 0; position:relative; z-index:1;}
#Content2 .hCont2 .box6{ float:left; width:470px;}
#Content2 .hCont2 .tit1{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px;}
#Content2 .hCont2 .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; margin:17px 0 53px 0;}
#Content2 .hCont2 .cont{ float:left; width:100%; color:#fff; font-size:20px; line-height:40px;}
#Content2 .hCont2 .cont .l1{ float:left; width:50%; padding:37px 0; border-bottom:1px solid rgba(255,255,255,0.15); position:relative;}
#Content2 .hCont2 .cont .l1:after{ float:left; width:0; height:1px; position:absolute; left:25%; top:50%; content:''; background:#f40e33; z-index:1;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
}
#Content2 .hCont2 .cont .la{ float:left; width:100%; color:#fff; position:relative; z-index:6;}
#Content2 .hCont2 .cont .l1:hover:after{ width:100%;}

/*#Content2 .hCont2 .cont .la:hover{ color:#f40e33;}*/
#Content2 .hCont2 .title{ position:absolute; right:-45px; bottom:-50px; color:#fff; font-size:60px; line-height:66px; text-align:center; font-family: 'NOTOSERIFCJKSC-REGULAR';}
@media screen and  (max-width:1710px){
#Content2 .hCont2 .title{ right:0; font-size:40px; line-height:46px;}
#Content2 .hCont2 .tit1{ font-size:40px; line-height:50px;}
}
@media screen and  (max-width:1230px){
#Content2 .hCont2 .tit1{ font-size:30px; line-height:40px;}
#Content2 .hCont2 .title{ font-size:30px; line-height:36px;}
#Content2 .hCont2 .cont .l1{ padding:20px 0;}
}
@media screen and  (max-width:1024px){
#Content2 .hCont2{ margin:40px 0 80px 0;}
#Content2 .hCont2 .tit1{ font-size:24px; line-height:34px;}
#Content2 .hCont2 .title{ font-size:24px; line-height:30px;}
#Content2 .hCont2 .cont{ font-size:16px; line-height:30px;}
#Content2 .hCont2 .cont .l1{ padding:10px 0;}
#Content2 .hCont2 .info{ font-size:14px; line-height:26px; margin:10px 0 20px 0;}
#Content2 .hContBg2 .Bg2{opacity:0.6; filter:alpha(opacity=60);}
}
@media screen and  (max-width:768px){
#Content2 .hCont2{ margin:30px 0 40px 0;}	
#Content2 .hCont2 .box6{ width:90%;}
#Content2 .hCont2 .title{ display:none;}
}
/*hContBg9*/
#Content3 .hContBg9{ float:left; width:100%; background:#f2f2f2;}
#Content3 .hCont9{ float:left; width:100%; margin:120px 0; background:#fff; position:relative;}
#Content3 .hCont9:after{ float:left; width:50%; height:100%; position:absolute; right:0; top:0; z-index:1; background:#f8f8f8; content:'';}
#Content3 .hCont9 .l1{ float:left; width:50%; text-align:center; padding:100px 6.54% 82px 6.54%; position:relative; z-index:6;}
#Content3 .hCont9 .l1 .line{ float:left; width:100%;}
#Content3 .hCont9 .l1 .line span{ display:block; margin:0 auto; width:4px; height:22px; background:#000000;}
#Content3 .hCont9 .l1 .tit{ float:left; width:100%;font-family: 'NOTOSERIFCJKSC-REGULAR';  color:#000000; font-size:60px; line-height:70px; margin:58px 0 25px 0;}
#Content3 .hCont9 .l1 .info{ float:left; width:100%;  color:#555555; font-size:16px; line-height:30px; min-height:90px;}
#Content3 .hCont9 .l1 .img{ float:left; width:100%; line-height:0; margin:7px 0 19px 0;}
#Content3 .hCont9 .l1 .cont{ float:left; width:100%; color:#555555; font-size:20px; line-height:30px; padding:0 10.81%;}
#Content3 .hCont9 .l1 .p1{ float:left; width:33.33%; margin:13px 0; text-transform:uppercase; position:relative;}
#Content3 .hCont9 .l1 .p1:after{ float:left; width:1px; height:12px; background:#adadad; position:absolute; right:0; top:50%; margin-top:-6px; content:'';}
#Content3 .hCont9 .l1 .p1:nth-child(3n):after{ display:none;}
#Content3 .hCont9 .l1 .p1 a{ color:#555555;}
#Content3 .hCont9 .l1 .p1 a:hover{ color:#f40e33;}
@media screen and  (max-width:1710px){
#Content3 .hCont9 .l1{ padding:100px 4% 82px 4%;}
#Content3 .hCont9 .l1 .tit{ font-size:40px; line-height:50px;}
#Content3 .hCont9 .l1 .cont{ padding:0 5.4%;}
}
@media screen and  (max-width:1230px){
#Content3 .hCont9 .l1 .tit{ font-size:30px; line-height:40px;}	
#Content3 .hCont9 .l1 .info{ font-size:14px; line-height:26px; min-height:104px;}	
#Content3 .hCont9 .l1 .cont{ font-size:16px; line-height:26px;}
}
@media screen and  (max-width:1024px){
#Content3 .hCont9{ margin:40px 0;}
#Content3 .hCont9 .l1{ padding:30px 15px;}
#Content3 .hCont9 .l1 .tit{ font-size:24px; line-height:34px; margin:20px 0 12px 0;}
#Content3 .hCont9 .l1 .line span{ width:2px; height:16px;}
#Content3 .hCont9 .l1 .img{ margin:7px 0 10px 0;}
#Content3 .hCont9 .l1 .p1{ margin:3px 0;}
}
@media screen and  (max-width:768px){
#Content3 .hCont9:after{ display:none;}	
#Content3 .hCont9 .l1{ width:100%;}
#Content3 .hCont9 .l1:nth-child(2){ background:#f8f8f8;}
#Content3 .hCont9 .l1 .info{ min-height:24px;}
}
/*hContBg8*/
#Content4 .hContBg8{ float:left; width:100%;}
#Content4 .hCont8{ float:left; width:100%; margin:120px 0; padding:0 56px;}
#Content4 .hCase1{ float:left; width:100%; position:relative;}
#Content4 .hCase1:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; bottom:11px; background:#d2d3d3; z-index:1;}
#Content4 .hCase1 .tit{ float:left; color:#000000; font-size:60px; line-height:60px;font-family: 'NOTOSERIFCJKSC-REGULAR'; position:relative; z-index:6; padding-right:54px; background:#fff;}
#Content4 .hCase1 .tit span{ font-weight:bold; font-size:100px; padding-right:32px;}
#Content4 .hCase1 .ul{ float:right; background:#fff; position:absolute; right:0; bottom:0; z-index:6; font-size:18px; line-height:26px;}
#Content4 .hCase1 .ul a{ float:left; color:#f40e33; margin-left:54px;}
#Content4 .hCase1 .ul a span{ font-family:'宋体'; padding-left:14px;}
#Content4 .hCase2{ float:left; width:100%;}
#Content4 .hCase2 .ul1{ margin:0 -5px;}
#Content4 .hCase2 .l1{ float:left; width:66.57%; padding:0 5px; margin-top:10px; text-align:center;}
#Content4 .hCase2 .l2{ width:33.43%;}
#Content4 .hCase2 .l3 .la{ width:50%;}
#Content4 .hCase2 .la{ float:left; width:100%; line-height:0; position:relative; background:#000000; overflow:hidden;}
#Content4 .hCase2 .la .pic{ opacity:0.8; filter:alpha(opacity=80);-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;}
#Content4 .hCase2 .la .ico{ float:left; width:100%; padding:0 10%; height:160px; display:flex;flex-direction: column;justify-content:center;align-items:center; position:absolute; left:0; top:50%; margin-top:-80px;}
#Content4 .hCase2 .l4{ width:33.43%;}
#Content4 .hCase2 .l4 .la{ background:#f40e33;}
#Content4 .hCase2 .box8{ float:left; position:absolute; left:0; top:50%; margin-top:-110px;}
#Content4 .hCase2 .box8 .tit{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px;}
#Content4 .hCase2 .box8 .btn{ float:left; width:100%; margin-bottom:5px;}
#Content4 .hCase2 .box8 .btn a{ display:block; margin:0 auto; width:240px; height:58px; line-height:54px; border:1px solid rgba(255,255,255,0.68); color:#fff; font-size:18px;}
#Content4 .hCase2 .box8 .btn a:hover{ background:rgba(0,0,0,0.1);}
#Content4 .hCase2 .box8 .info{ float:left; width:100%; margin:25px 0 37px 0;}
#Content4 .hCase2 .box8 .info .sp1{ display:inline-block; vertical-align:top; color:#fff; font-size:24px; line-height:28px;}
#Content4 .hCase2 .box8 .info .sp2{ display:inline-block; vertical-align:top; color:#fff; font-size:72px; line-height:56px;}

#Content4 .hCase2 .la:hover .pic{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}


#Content4 .hCase3{ float:left; width:100%; position:relative;}
#Content4 .hCase3 .number1{ float:left; position:absolute; left:2.54%; bottom:3.5%; color:#fff; font-size:18px; line-height:18px; z-index:16;}
#Content4 .hCase3 .number1 font{ font-size:24px;}
#Content4 .hCase3_1{ float:left; width:100%; margin-top:60px; padding:86px 8.91% 0 8.91%; position:relative;}
#Content4 .hCase3 .slick-slide{ margin-left:5px; margin-right:5px;}
#Content4 .hCase3 .slick-slide .img{ float:left; width:100%; margin-top:27px; -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1); z-index:22;}
#Content4 .hCase3 .slick-current .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1); position:relative; z-index:33; box-shadow:0 10px 30px rgba(0,0,0,0.4);} 

@media screen and  (max-width:1710px){
#Content4 .hCase1 .tit{font-size:45px; line-height:45px; padding-right:40px;}
#Content4 .hCase1 .tit span{ font-size:75px; padding-right:24px;}
#Content4 .hCase1 .ul a{ margin-left:40px;}
#Content4 .hCase2 .box8{ margin-top:-88px;}
#Content4 .hCase2 .box8 .info{ margin:15px 0 27px 0;}
#Content4 .hCase2 .box8 .info .sp1{ font-size:18px; line-height:24px;}
#Content4 .hCase2 .box8 .info .sp2{ font-size:54px; line-height:48px;}
#Content4 .hCase2 .box8 .tit{ font-size:24px; line-height:34px;}
#Content4 .hCase2 .box8 .btn a{ width:180px; height:48px; line-height:46px; font-size:16px;}
}
@media screen and  (max-width:1230px){
#Content4 .hCase1 .tit{font-size:30px; line-height:30px; padding-right:27px;}
#Content4 .hCase1 .tit span{ font-size:50px; padding-right:16px;}
#Content4 .hCase1 .ul{ font-size:16px; line-height:24px;}	

#Content4 .hCase2 .box8{ margin-top:-63px;}
#Content4 .hCase2 .box8 .info{ margin:5px 0 10px 0;}
#Content4 .hCase2 .box8 .info .sp1{ font-size:14px; line-height:20px;}
#Content4 .hCase2 .box8 .info .sp2{ font-size:36px; line-height:40px;}
#Content4 .hCase2 .box8 .tit{ font-size:20px; line-height:30px;}
#Content4 .hCase2 .box8 .btn a{ width:120px; height:36px; line-height:34px; font-size:14px;}

#Content4 .hCase3 .slick-prev{ margin-left:-46px;}
#Content4 .hCase3 .slick-next{ margin-right:-46px;}
}
@media screen and  (max-width:1024px){
#Content4 .hCont8{ margin:40px 0; padding:0;}
#Content4 .hCase1 .tit{font-size:20px; line-height:20px; padding-right:12px;}
#Content4 .hCase1 .tit span{ font-size:36px; padding-right:15px;}
#Content4 .hCase1 .ul{ font-size:16px; line-height:24px; margin-left:18px;}
#Content4 .hCase1 .ul a{ margin-left:15px;}
#Content4 .hCase1 .ul a span{ padding-left:8px;}
#Content4 .hCase3_1{ margin-top:20px; padding:25px 40px 0 40px;}
#Content4 .hCase3 .slick-prev,
#Content4 .hCase3 .slick-next{ width:24px; height:24px; left:6px; margin-left:0;}
#Content4 .hCase3 .slick-next{ left:auto; right:6px; margin-right:0;}
#Content4 .hCase3 .number1{left:5px; bottom:3.5%; font-size:14px; line-height:18px;}
#Content4 .hCase3 .number1 font{ font-size:18px;}
}
@media screen and  (max-width:768px){
#Content4 .hCase2 .l1{ width:100%; margin-top:0;}
#Content4 .hCase2 .l2{ width:100%;}
#Content4 .hCase2 .l3 .la{ width:100%;}
#Content4 .hCase2 .l4 .pic{ display:none;}
#Content4 .hCase2 .l1 .la{ margin-top:10px;}
#Content4 .hCase2 .box8{ position:static; margin:0; padding:20px 3%;}
}
/*hContBg3*/
#Content5 .hContBg3{ float:left; width:100%; background:#141517; position:relative;}
#Content5 .hContBg3 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;
opacity:0.2; filter:alpha(opacity=20); }
#Content5 .hCont3{ float:left; width:100%; position:relative; z-index:6; padding:101px 0 153px 0;}
#Content5 .hCont3 .info{ float:left; width:100%; color:#fff; font-size:18px; line-height:33px;}
#Content5 .hCont3 .cont{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px; margin-top:58px;}
#Content5 .hCont3 .cont .sp1{ display:inline-block; vertical-align:top;}
#Content5 .hCont3 .cont .p1{ display:inline-block; vertical-align:top; color:#f40e33; font-size:22px; line-height:33px; position:relative;font-family: 'NOTOSERIFCJKSC-REGULAR'; margin-left:31px; padding-left:32px;}
#Content5 .hCont3 .cont .p1:after{ float:left; width:2px; height:58px; position:absolute; left:0; top:50%; margin-top:-29px; background:#f40e33; content:'';}
@media screen and  (max-width:1710px){
#Content5 .hCont3 .cont{ font-size:40px; line-height:50px;}
#Content5 .hCont3 .cont .p1{font-size:18px; line-height:26px; margin-left:20px; padding-left:20px;}
#Content5 .hCont3 .cont .p1:after{height:40px; margin-top:-20px; }
}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1024px){
#Content5 .hCont3{ padding:30px 0;}	
#Content5 .hCont3 .cont{ font-size:30px; line-height:40px; margin-top:15px;}
#Content5 .hCont3 .cont .p1{ font-size:16px; line-height:24px; margin-left:12px; padding-left:12px;}
#Content5 .hCont3 .cont .p1:after{height:36px; margin-top:-18px; }
#Content5 .hCont3 .info{ font-size:16px; line-height:28px; margin-top:10px;}
}
@media screen and  (max-width:768px){
#Content5 .hCont3 .cont{ font-size:24px; line-height:34px;}
#Content5 .hCont3 .cont .p1{ margin-left:0; width:100%; margin-top:15px;}
}
/*hContBg4*/
#Content6 .hContBg4{ float:left; width:100%; background:#f40e33; position:relative;}
#Content6 .hContBg4 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;
opacity:0.1; filter:alpha(opacity=10); }
#Content6 .hCont4{ float:left; width:100%; position:relative; z-index:6; padding:142px 0 139px 0;}
#Content6 .hCont4 .l1{ float:left; width:39.88%; margin-right:3.29%;}
#Content6 .hCont4 .l1:nth-child(2n){ float:right;}
#Content6 .hCont4 .info{ float:left; width:100%; color:#fff; font-size:18px; line-height:33px; margin-top:38px;}
#Content6 .hCont4 .cont{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px;}
#Content6 .hCont4 .cont .p1{ font-size:36px; margin-left:20px;}
@media screen and  (max-width:1710px){
#Content6 .hCont4 .cont{ font-size:40px; line-height:50px;}
#Content6 .hCont4 .cont .p1{ font-size:24px;}
}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1024px){
#Content6 .hCont4{ padding:30px 0;}	
#Content6 .hCont4 .cont{ font-size:30px; line-height:40px;}
#Content6 .hCont4 .cont .p1{ font-size:16px; margin-left:10px;}
#Content6 .hCont4 .info{ font-size:14px; line-height:26px; margin-top:10px;}
#Content6 .hCont4 .l1{ width:45%; margin-right:0;}
}
@media screen and  (max-width:768px){
#Content6 .hCont4 .cont{ font-size:20px; line-height:30px;}
}
/*hContBg7*/
#Content7 .hContBg7{ float:left; width:100%;}
#Content7 .hCont7{ float:left; width:100%; margin:120px 0; padding:0 3.33%;}
#Content7 .hCont7 .box2{ float:left; width:100%; position:relative; background:#f1f1f1;}
#Content7 .hCont7 .title{ float:left; width:25%; position:absolute; right:0; height:50%; background:#fff; text-align:right;}
#Content7 .hCont7 .title .tit1{ float:left; width:100%; color:#f40e33; font-size:46px; line-height:46px; font-family: 'NOTOSERIFCJKSC-REGULAR'; margin:59px 0 55px 0;}
#Content7 .hCont7 .title .tit2{ float:left; width:100%; color:#000000; font-size:60px; line-height:70px; font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content7 .hCont7 .ul{ float:left; width:100%;}
#Content7 .hCont7 .l1{ float:left; width:25%; text-align:center; padding:59px 3.43% 40px 3.43%;}
#Content7 .hCont7 .l1:nth-child(2n){ background:#f6f6f6;}
#Content7 .hCont7 .l3{ margin-right:25%;}
#Content7 .hCont7 .l1 .ico{ float:left; width:100%; line-height:0;}
#Content7 .hCont7 .l1 .ico img{ width:94px; height:88px;}
#Content7 .hCont7 .l1 .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; margin:30px 0 20px 0;}
#Content7 .hCont7 .l1 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; height:130px; overflow:hidden;}
#Content7 .hCont7 .l1:hover .ico img{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#Content7 .hCont7 .l1:hover .tit{ color:#f40e33;}	
@media screen and  (max-width:1710px){
#Content7 .hCont7 .l1{ padding:59px 1.7% 40px 1.7%;}
#Content7 .hCont7 .title .tit1{ font-size:34px; line-height:34px; margin:40px 0 40px 0;}
#Content7 .hCont7 .title .tit2{ font-size:40px; line-height:50px; }
}
@media screen and  (max-width:1230px){
#Content7 .hCont7 .title .tit1{ font-size:26px; line-height:26px; margin:40px 0 40px 0;}
#Content7 .hCont7 .title .tit2{ font-size:30px; line-height:40px;}
#Content7 .hCont7 .l1 .ico img{ width:70px; height:66px;}	
#Content7 .hCont7 .l1 .tit{ font-size:18px; line-height:28px; margin:20px 0 14px 0;}
#Content7 .hCont7 .l1 .info{ font-size:14px; line-height:24px; height:120px;}
}
@media screen and  (max-width:1024px){
#Content7 .hCont7{ margin:40px 0; padding:0;}
#Content7 .hCont7 .l1 .ico img{ width:57px; height:54px;}	
#Content7 .hCont7 .l1 .tit{ font-size:18px; line-height:28px; margin:10px 0 7px 0;}
#Content7 .hCont7 .l1{ padding:20px 12px;}
}
@media screen and  (max-width:768px){
#Content7 .hCont7 .l1{ width:50%; border-top:1px solid #fff;}	
#Content7 .hCont7 .l3{ margin-right:0;}
#Content7 .hCont7 .l1:nth-child(1){ margin-right:50%;}
#Content7 .hCont7 .title{ height:25%; width:50%;}
#Content7 .hCont7 .title .tit1{ font-size:22px; line-height:22px; margin:40px 0 20px 0;}
#Content7 .hCont7 .title .tit2{ font-size:26px; line-height:36px;}
}
/*hContBg6*/
#Content8 .hContBg6{ float:left; width:100%; background:#171819; position:relative; overflow:hidden;}
#Content8 .hContBg6 .Bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;opacity:0.18; filter:alpha(opacity=18);}
#Content8 .hContBg6 .Bg2{ float:left; width:50%; height:100%; position:absolute; right:50%; margin-right:17.5%; top:0; z-index:1; background:#000;}
#Content8 .hCont6{ float:left; width:100%; position:relative; z-index:6; padding:120px 0;}
#Content8 .hCont6 .title .tit1{ float:left; width:100%; color:#fff; font-size:100px; line-height:84px; font-family: 'NOTOSERIFCJKSC-REGULAR';  font-weight:bold; text-transform:uppercase;}
#Content8 .hCont6 .title .tit2{ float:left; width:100%; color:#fff; font-size:60px; line-height:70px; font-family: 'NOTOSERIFCJKSC-REGULAR'; margin-top:27px;}
#Content8 .FAQB2{ float:left; width:30.11%;}
#Content8 .FAQ2{ float:left; width:100%; margin-top:72px;}
#Content8 .FAQ2 .slick-list{ overflow:visible;}
#Content8 .FAQ2 .slick{ float:left; width:100%; cursor:pointer; position:relative;}
#Content8 .FAQ2 .slick:after{ float:left; width:0; position:absolute; right:100%; top:0; height:100%; content:''; background:rgba(244,14,51,0.8);}
#Content8 .FAQ2 .slick .l1{ float:left; width:78.28%; color:#fff; font-size:18px; line-height:90px; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 21px; position:relative; z-index:6;}
#Content8 .FAQ2 .slick.slick-current{ background:rgba(244,14,51,0.8);}
#Content8 .FAQ2 .slick.slick-current:after{ width:1000px;}
#Content8 .FAQ2 .slick.slick-current .l1{ background:url(3216_main22.png) right center no-repeat;}

#Content8 .FAQ1{ float:right; width:62.79%; position:relative;}
#Content8 .FAQ1 .slick{ float:left; width:100%;}
#Content8 .FAQ1 .slick .title{ float:left; width:100%; padding-right:48px; color:#fff; font-size:30px; line-height:30px;}
#Content8 .FAQ1 .slick .title span{ float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.3); position:relative; padding-bottom:27px;}
#Content8 .FAQ1 .slick .title span:after{ float:left; width:122px; height:3px; position:absolute; left:0; bottom:-2px; content:''; background:#f40e33;}
#Content8 .FAQ1 .slick .list{ float:left; width:100%; height:644px; padding-right:48px; margin-top:13px;overflow:auto;}
#Content8 .FAQ1 .slick .list::-webkit-scrollbar  {  width: 6px;  /*滚动条宽度*/ height: 16px;  /*滚动条高度*/}  
/*定义滚动条轨道 内阴影+圆角*/  
#Content8 .FAQ1 .slick .list::-webkit-scrollbar-track  {   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 6px;  /*滚动条的背景区域的圆角*/ background: #fff; background:rgba(255,255,255,0.6);/*滚动条的背景颜色*/  }  
/*定义滑块 内阴影+圆角*/  
#Content8 .FAQ1 .slick .list::-webkit-scrollbar-thumb  {   border-radius: 6px;  /*滚动条的圆角*/ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);   background: #f40e33;  /*滚动条的背景颜色*/}  
#Content8 .FAQ1 .slick .ul{ float:left; width:100%;}
#Content8 .FAQ1 .slick .l1{ float:left; width:100%; border-bottom:1px dashed rgba(255,255,255,0.2); padding:20px 0 18px 0;}
#Content8 .FAQ1 .slick .info1{ float:left; width:100%; position:relative; color:#fff; font-size:18px; line-height:32px; position:relative; padding:5px 0 5px 68px; min-height:42px;}
#Content8 .FAQ1 .slick .info2{ float:left; width:100%; position:relative; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:30px; margin-top:10px; position:relative; padding:5px 0 5px 68px; min-height:42px;}
#Content8 .FAQ1 .slick .tit1{ float:left; width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,0.6); text-align:center; line-height:40px; color:#fff; font-size:18px; position:absolute; left:0; top:0;}
#Content8 .FAQ1 .slick .tit2{ float:left; width:42px; height:42px; border-radius:50%; background:#f40e33; text-align:center; line-height:40px; color:#fff; font-size:18px; position:absolute; left:0; top:0;}
@media screen and  (max-width:1710px){
#Content8 .hCont6 .title .tit2{font-size:45px; line-height:55px; }
#Content8 .hCont6 .title .tit1{ font-size:75px; line-height:65px;}
}
@media screen and  (max-width:1230px){
#Content8 .hCont6 .title .tit2{font-size:30px; line-height:40px; }
#Content8 .hCont6 .title .tit1{ font-size:50px; line-height:40px;}
#Content8 .FAQ1 .slick .info1{ font-size:16px; line-height:28px;padding:3px 0 3px 48px; min-height:34px;}
#Content8 .FAQ1 .slick .info2{ font-size:14px; line-height:26px;padding:3px 0 3px 48px; min-height:34px;}
#Content8 .FAQ1 .slick .tit1{ width:34px; height:34px; line-height:32px; font-size:16px;}
#Content8 .FAQ1 .slick .tit2{ width:34px; height:34px; line-height:32px; font-size:16px;}
#Content8 .FAQ1 .slick .title{ font-size:20px; line-height:20px;}
#Content8 .FAQ1 .slick .title span{ padding-bottom:16px;}
#Content8 .FAQ1 .slick .title span:after { width:84px;}
#Content8 .FAQ2 .slick .l1{ font-size:16px; line-height:66px;}
#Content8 .FAQ2 .slick.slick-current .l1{ background-size:auto 24px;}
#Content8 .FAQ1 .slick .list{ height:501px;}
}
@media screen and  (max-width:1024px){
#Content8 .hCont6{ padding:40px 0;}	
#Content8 .hCont6 .title .tit2{font-size:20px; line-height:30px; margin-top:15px;}
#Content8 .hCont6 .title .tit1{ font-size:36px; line-height:26px;}
#Content8 .FAQ1 .slick .title{ padding-right:28px;}
#Content8 .FAQ1 .slick .list{ padding-right:28px;}
}
@media screen and  (max-width:768px){
#Content8 .hContBg6 .Bg2{ display:none;}	
#Content8 .FAQ1{ width:100%; margin-top:25px;}
#Content8 .FAQB2{ width:100%;}
#Content8 .FAQ2{ margin-top:20px;}
#Content8 .FAQ2 .slick .l1{ width:95%;}
#Content8 .FAQ2 .slick .l1{ font-size:16px; line-height:46px;}
#Content8 .FAQ2 .slick.slick-current .l1{ background-size:auto 20px;}
#Content8 .FAQ1 .slick .list{ height:400px;}
}
/*hContBg5*/
#Content9 .hContBg5{ float:left; width:100%;}
#Content9 .hCont5{ float:left; width:100%; margin:114px 0 120px 0; padding:0 3.33%;}
#Content9 .Viewp1{ float:left; width:100%; position:relative;}
#Content9 .Viewp1:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; bottom:11px; background:#d2d3d3; z-index:1;}
#Content9 .Viewp1 .tit{ float:left; color:#000000; font-size:60px; line-height:60px;font-family: 'NOTOSERIFCJKSC-REGULAR'; position:relative; z-index:6; padding-right:54px; background:#fff;}
#Content9 .Viewp1 .tit span{ font-weight:bold; font-size:100px; padding-right:32px;}
#Content9 .Viewp1 .ul{ float:right; background:#fff; position:absolute; right:0; bottom:0; z-index:6; }
#Content9 .Viewp1 .ul li{ float:left; color:#333333; font-size:18px; line-height:26px; margin-left:36px; cursor:pointer;}
#Content9 .Viewp1 .ul li.on{ color:#f40e33;}

#Content9 .Viewp2{ float:left; width:100%; margin-top:32px;}
#Content9 .Viewp2 .ul{ margin:0 -17px;}
#Content9 .Viewp2 .l1{ float:left; width:33.33%; padding:0 17px; margin-top:35px;}
#Content9 .Viewp2 .la{ float:left; width:100%; position:relative;}
#Content9 .Viewp2 .la .img{ float:left; width:100%; line-height:0; overflow:hidden;}
#Content9 .Viewp2 .la .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;}
#Content9 .Viewp2 .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Content9 .Viewp2 .la .cont{ float:left; width:100%; text-align:center;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4; border-bottom:5px solid #e4e4e4; position:relative; padding:35px 9.6%;}
#Content9 .Viewp2 .la .cont:after{ float:left; width:0; height:5px; position:absolute; left:0; bottom:-5px; content:''; background:#f40e33;
-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#Content9 .Viewp2 .la .time{ float:left; width:100%; color:#222222; font-size:16px; line-height:24px;}
#Content9 .Viewp2 .la .tit{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; margin:28px 0 13px 0;}
#Content9 .Viewp2 .la .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:48px; overflow:hidden;}
#Content9 .Viewp2 .la:hover .cont:after{ width:100%;}
@media screen and  (max-width:1710px){
#Content9 .Viewp1 .tit{font-size:45px; line-height:45px; padding-right:40px;}
#Content9 .Viewp1 .tit span{ font-size:75px; padding-right:24px;}
#Content9 .Viewp1 .ul li{ font-size:18px; line-height:24px; margin-left:27px;}
}
@media screen and  (max-width:1230px){
#Content9 .Viewp1 .tit{font-size:30px; line-height:30px; padding-right:27px;}
#Content9 .Viewp1 .tit span{ font-size:50px; padding-right:16px;}
#Content9 .Viewp1 .ul li{ font-size:16px; line-height:24px; margin-left:18px;}	
#Content9 .Viewp2 .ul{ margin:0 -10px;}
#Content9 .Viewp2 .l1{ padding:0 10px; margin-top:20px;}	
#Content9 .Viewp2 .la .cont{ padding:18px 4.8%;}
#Content9 .Viewp2 .la .time{ font-size:14px; line-height:24px;}
#Content9 .Viewp2 .la .tit{ font-size:18px; line-height:28px; margin:7px 0;}
#Content9 .Viewp2 .la .info{ font-size:14px;}
}
@media screen and  (max-width:1024px){
#Content9 .hCont5{ margin:40px 0; padding:0;}
#Content9 .Viewp2{ margin-top:10px;}
#Content9 .Viewp1 .tit{font-size:20px; line-height:20px; padding-right:0;}
#Content9 .Viewp1 .tit span{ font-size:36px; padding-right:12px;}
#Content9 .Viewp1 .ul li{ font-size:16px; line-height:24px; margin-left:18px;}
#Content9 .Viewp2 .ul{ margin:0 -6px;}
#Content9 .Viewp2 .l1{ padding:0 6px; margin-top:12px;}	
#Content9 .Viewp2 .la .cont{border-bottom:3px solid #e4e4e4; padding:15px 12px;}
#Content9 .Viewp2 .la .cont:after{ height:3px; bottom:-3px;}
#Content9 .Viewp2 .la .tit{ font-size:16px; line-height:26px; margin:3px 0;}
}
@media screen and  (max-width:768px){
#Content9 .Viewp2 .l1{ width:100%;}	
#Content9 .Viewp1:after{ display:none;}
#Content9 .Viewp1 .ul{ position:static; float:left; width:100%; margin-top:12px;}
#Content9 .Viewp1 .ul li{ margin:0 18px 0 0;}
}
/*hContact1*/
#Content10 .hContact0{ float:left; width:100%; background:#f3f3f3;}
#Content10 .Contact1{ float:left; width:100%; padding:100px 25px;}
#Content10 .Contact1 .boxL{ float:left; width:50%; background:#fff; height:640px; padding:30px 6.13%; display:flex;flex-direction: column; justify-content:center;}
#Content10 .Contact1 .boxL .tit{ float:left; width:100%; color:#000000; font-size:54px; line-height:88px; height:88px; font-weight:bold;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content10 .Contact1 .boxL .tit span{ font-size:84px;}
#Content10 .Contact1 .boxL .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin-top:20px;}
#Content10 .Contact1 .boxR{ float:left; width:50%; background:#1a1a1a; height:640px; padding:0 6.13%; display:flex;flex-direction: column;justify-content:center;}
#Content10 .Contact1 .boxR .tit1{float:left; width:100%; color:#fff; font-size:42px; line-height:52px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content10 .Contact1 .boxR .tit2{float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:18px; line-height:28px;font-family: 'NOTOSERIFCJKSC-REGULAR'; margin:10px 0 55px 0;}
#Content10 .Contact1 .boxR .info{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); padding:55px 0; margin-bottom:5px;}
#Content10 .Contact1 .boxR .ml{ margin:0 -6px;}
#Content10 .Contact1 .boxR .p1{float:left; width:33.33%; text-align:center; padding:0 6px;}
#Content10 .Contact1 .boxR .num{float:left; width:100%; color:#fff; font-size:72px; line-height:62px; height:62px;  font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content10 .Contact1 .boxR .num span{ font-size:24px;}
#Content10 .Contact1 .boxR .cn{float:left; width:100%; color:#fff; font-size:18px; line-height:26px; margin-top:34px;}
#Content10 .Contact1 .boxR .en{float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:20px;font-family: 'NOTOSERIFCJKSC-REGULAR';}

/*message1*/
#Content10 .hContact1{ float:left; width:100%; background:#0f0f10; position:relative;}
#Content10 .hContact1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.3; filter:alpha(opacity=30);}
#Content10 .message1{ float:right; width:50%; padding:120px 80px 120px 4.16%; background:#f40e33; background:rgba(244,14,51,0.85); position:relative; z-index:16;}
#Content10 .message1 .box1{ border:none; padding:0 4.16%;}
#Content10 .message1 .box1 .tit1{ float:left; width:100%; text-align:center; color:#fff; font-size:60px; line-height:60px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content10 .message1 .box1 .tit2{ float:left; width:100%; text-align:center; color:#fff; font-size:18px; line-height:34px; margin-top:26px;}
#Content10 .message1 .box1 .tit2 span{ display:inline-block; background:#f40e33; padding:0 21px;}

#Content10 .Contact2{ float:left; width:50%; padding:120px 4.16% 80px 80px; position:relative; z-index:16;}
#Content10 .Contact2 .tit1{ float:left; width:100%; text-align:center; color:#fff; font-size:60px; line-height:60px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content10 .Contact2 .cont{ float:left; width:91.68%; text-align:center; border:3px solid rgba(255,255,255,0.4); margin:50px 4.16% 40px 4.16%;}
#Content10 .Contact2 .cont .l1{ float:left; width:33.33%; padding:20px 4px; border-right:3px solid rgba(255,255,255,0.4);}
#Content10 .Contact2 .cont .l1:last-child{ border:none;}
#Content10 .Contact2 .cont .l1 .img{ float:left; width:100%; line-height:0; margin:40px 0 18px 0;}
#Content10 .Contact2 .cont .l1 .img .ico{ width:52px; height:52px;}
#Content10 .Contact2 .cont .l1 .tit{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;}
#Content10 .Contact2 .cont .l1 .line{ float:left; width:100%; margin:35px 0;}
#Content10 .Contact2 .cont .l1 .line span{ display:block; margin:0 auto; width:20px; height:5px; background:#f40e33;}
#Content10 .Contact2 .cont .l1 .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:25px; min-height:75px;}
#Content10 .Contact2 .cont .l1:hover .img .ico{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
#Content10 .Contact2 .weixin{ float:left; width:100%; line-height:0;}	
#Content10 .Contact2 .weixin .ico{ display:block; margin:0 auto; position:relative; width:28px; height:23px;}
#Content10 .Contact2 .weixin .ico:after,
#Content10 .Contact2 .weixin .ico:before{ float:left; width:102px; height:1px; position:absolute; left:58px; top:50%; background:#fff; content:''; opacity:0.6; filter:alpha(opacity=60); }
#Content10 .Contact2 .weixin .ico:before{ left:auto; right:58px;}
#Content10 .Contact2 .weixin .img{ float:left; width:104px; height:104px; position:absolute; left:50%; bottom:35px; margin-left:-52px; z-index:6;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0);}	
#Content10 .Contact2 .weixin .img:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-6px; content:'';
 border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; margin-left:-6px;}
#Content10 .Contact2 .weixin .ico:hover .img{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1)}	

/*pf_message*/
#Content10 .messageBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:68; background:#000;opacity:0.4; filter:alpha(opacity=40); }
#Content10 .pf_message{ display:none; float:left; width:930px; position:fixed; left:50%; top:50%; background:#f40e33; background:rgba(244,14,51,0.8); z-index:70; border-radius:8px; padding:20px; margin:-275px 0 0 -465px;}
#Content10 .box{ float:left; width:100%; position:relative; border:1px dashed rgba(255,255,255,0.6); padding:40px;}
#Content10 .box .colse{ float:left; width:24px; line-height:0; position:absolute; right:32px; top:24px; cursor:pointer;}
#Content10 .box .tit{ float:left; width:100%; color:#fff; font-size:48px; line-height:48px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content10 .box .tit .sp1{ display:inline-block; vertical-align:top; font-size:72px; margin-right:20px;}
#Content10 .box .tit .sp2{ display:inline-block; vertical-align:baseline; font-size:18px; line-height:20px; margin-left:24px;}
#Content10 .box .Form{ float:left; width:100%; margin-top:30px;}
#Content10 .box .lab{ float:left; width:48.27%; margin-top:8px; position:relative;}
#Content10 .box .lab1{ width:100%;}
#Content10 .box .lab2{ float:right;}
#Content10 .box .lab3{ margin-top:38px;}
#Content10 .box .lab4{ margin-top:30px; float:right;}
#Content10 .box .fv0{ float:left; width:100%; height:56px; color:#fff; font-size:16px; line-height:36px; background:none; border:none; border-bottom:1px solid rgba(255,255,255,0.3); padding:10px 11px; position:relative; cursor:pointer;}
#Content10 .box .yus{ float:left; position:absolute; left:0; top:0; width:auto; border:none;}
#Content10 .box .yanzhengma{ float:right; position:absolute; right:0; top:-8px; z-index:16; width:113px; height:54px;}
#Content10 .box ::-webkit-input-placeholder{color:#fff;}
#Content10 .box :-moz-placeholder{color:##fff;}
#Content10 .box ::-moz-placeholder{color:##fff;}
#Content10 .box :-ms-input-placeholder{color:##fff;}
#Content10 .box .fv2{ float:left; width:100%; height:64px; color:#fff; font-size:16px; line-height:62px; border:none; background:rgba(255,255,255,0.3); padding:0; outline:none;}
#Content10 .box .fv0_ys{ height:auto !important;}
#Content10 .box .img{ float:left; position:absolute; right:50px; top:50%; width:12px; height:8px;}
#Content10 .box .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:56px; z-index:16; background:#fff; background:rgba(255,255,255,0.80); padding:11px;}
#Content10 .box .ul0 li{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; cursor:pointer;}
#Content10 .box .ul0 li:hover{ color:#f40e33;}
#Content10 .box .ul1{ float:left; width:100%; padding-left:110px; margin:4px 0; min-height:26px;}
#Content10 .box .ul1 li{ float:left; color:#fff; font-size:16px; line-height:26px; padding-left:22px; margin-left:18px; position:relative; cursor:pointer;}
#Content10 .box .ul1 li:after{ float:left; width:12px; height:12px; border-radius:50%; border:2px solid #fff; position:absolute; left:0; top:50%; margin-top:-6px; content:''; z-index:6;opacity:0.5; filter:alpha(opacity=50);}
#Content10 .box .ul1 li:before{ float:left; width:8px; height:8px; border-radius:50%;position:absolute; left:3px; top:50%; margin-top:-4px; content:''; z-index:6;}
#Content10 .box .ul1 li.on:after{ width:14px; height:14px; margin-top:-7px; border:4px solid #fff;}
#Content10 .box .ul1 li.on:before{ background:#fff; }

@media screen and  (max-width:1710px){
#Content10 .Contact1 .boxL .tit{ font-size:40px; line-height:68px; height:68px;}	
#Content10 .Contact1 .boxL .tit span{ font-size:60px;}
#Content10 .Contact1 .boxR .tit1{ font-size:32px; line-height:42px;}
#Content10 .Contact1 .boxR .num{ font-size:54px; line-height:44px; height:44px;}
#Content10 .Contact1 .boxR .num span{ font-size:18px;}
#Content10 .Contact1 .boxR .cn{ font-size:16px; line-height:24px;}

#Content10 .message1 .box1 .tit1{ font-size:45px; line-height:45px;}	
#Content10 .message1 .box1{ padding:0;}
#Content10 .Contact2 .tit1{ font-size:45px; line-height:45px;}
#Content10 .Contact2 .cont .l1 .info{ font-size:14px;}
#Content10 .Contact2 .cont .l1 .img .ico{ width:46px; height:46px;}
#Content10 .Contact2 .cont .l1 .tit{ font-size:20px; line-height:30px;}
#Content10 .Contact2 .cont{ width:100%; margin:50px 0 40px 0;}

#Content10 .box .ul1{ padding-left:60px;}
#Content10 .box .img{ right:25px;}	

}
@media screen and  (max-width:1230px){
#Content10 .Contact1 .boxL { padding:20px 4%; }	
#Content10 .Contact1 .boxL .tit{ font-size:28px; line-height:50px; height:50px;}	
#Content10 .Contact1 .boxL .tit span{ font-size:42px;}
#Content10 .Contact1 .boxL .info{ font-size:14px; line-height:30px;}
#Content10 .Contact1 .boxR { padding:20px 4%; }
#Content10 .Contact1 .boxR .tit1{ font-size:22px; line-height:32px;}
#Content10 .Contact1 .boxR .tit2{ font-size:16px; line-height:26px;}
#Content10 .Contact1 .boxR .num{ font-size:36px; line-height:30px; height:30px;}
#Content10 .Contact1 .boxR .num span{ font-size:18px;}
#Content10 .Contact1 .boxR .cn{ font-size:16px; line-height:24px; margin-top:20px;}

#Content10 .Contact2 .weixin .ico:after{ left:46px;}
#Content10 .Contact2 .weixin .ico:before{ left:auto; right:46px;}
#Content10 .Contact2 .cont .l1 .line{ margin:25px 0;}
#Content10 .Contact2 .cont .l1 .info{ line-height:22px; min-height:88px;}
}
@media screen and  (max-width:1024px){
#Content10 .Contact1{ padding:30px 0;}
#Content10 .Contact1 .boxL { height:500px; padding:20px 15px; }
#Content10 .Contact1 .boxL .info{ margin-top:10px;}
#Content10 .Contact1 .boxR { height:500px; padding:20px 15px; }
#Content10 .Contact1 .boxR .tit2{ margin:5px 0 22px 0;}
#Content10 .Contact1 .boxR .info{ padding:22px 0;}
#Content10 .Contact1 .boxR .cn{ margin-top:12px;}

#Content10 .Contact2{ padding:30px 15px;}
#Content10 .Contact2 .tit1{ font-size:30px; line-height:30px;}	
#Content10 .Contact2 .cont{ margin:25px 0 0 0; border:2px solid rgba(255,255,255,0.4);}	
#Content10 .Contact2 .cont .l1{ width:100%;  border-bottom:2px solid rgba(255,255,255,0.4); border-right:none; position:relative; text-align:left; padding:15px 15px 15px 60px;}
#Content10 .Contact2 .cont .l1 .img{ margin:0 0 5px 0; width:50%; width:100px; position:absolute; left:15px; top:50%; margin-top:-15px;}
#Content10 .Contact2 .cont .l1 .img .ico{ width:30px; height:30px;}
#Content10 .Contact2 .cont .l1 .tit{ font-size:18px; line-height:26px;}
#Content10 .Contact2 .cont .l1 .line{ margin:5px 0; width:60%;}
#Content10 .Contact2 .cont .l1 .line span{ float:left; height:2px;}
#Content10 .Contact2 .cont .l1 .info{ min-height:10px;}
#Content10 .Contact2 .weixin{ display:none;}

	
#Content10 .message1{ padding:30px 15px; min-height:502px;}
#Content10 .message1 .box1{ padding:0;}
#Content10 .message1 .box1 .tit2{ font-size:16px; line-height:30px;}
#Content10 .message1 .box1 .tit2 span{ padding:0 15px;}
#Content10 .message1 .box1 .tit1{ font-size:30px; line-height:30px;}	


#Content10 .pf_message{ width:90%; left:5%; margin:-158px 0 0 0; padding:8px;}
#Content10 .box{ padding:15px;}
#Content10 .box .tit{ font-size:24px; line-height:24px;}
#Content10 .box .tit .sp1{ font-size:36px; margin-right:10px;}
#Content10 .box .tit .sp2{ font-size:14px; margin-left:12px;}
#Content10 .box .colse{ width:18px; right:15px; top:12px;}
#Content10 .box .Form{ margin-top:5px;}
#Content10 .box .lab{ margin-top:4px;}
#Content10 .box .fv0{ height:40px; line-height:24px; padding:8px 10px; font-size:14px;}
#Content10 .box .fv2{ height:44px; line-height:42px; font-size:14px;}
#Content10 .box .yanzhengma{ top:-6px; width:84px; height:40px;}
#Content10 .box .lab3{ margin-top:14px;}
#Content10 .box .lab4{ margin-top:10px; float:right;}
#Content10 .box .ul1{ margin:0; padding-left:50px;}
#Content10 .box .ul1 li{ font-size:14px; line-height:24px; padding-left:18px; margin-left:16px;}
#Content10 .box .ul0 li{ font-size:14px; line-height:24px;}

#Content10 .box .ul0{ top:40px;}


}
@media screen and  (max-width:768px){
#Content10 .Contact1 .boxL { width:100%; height:auto;}
#Content10 .Contact1 .boxR { width:100%; height:auto;}
#Content10 .Contact1 .boxR .tit2{ font-size:14px; line-height:24px;}

#Content10 .Contact2{width:100%;}	
#Content10 .Contact2 .cont{ margin:25px 0 0 0;}
#Content10 .message1{width:100%;}
#Content10 .message1 .box1{ padding:0;}


#Content10 .pf_message{ margin:-283px 0 0 0;}	
#Content10 .box .lab{ width:100%;}
#Content10 .box .tit{ font-size:20px; line-height:20px;}
#Content10 .box .tit .sp1{ font-size:30px; margin-right:5px;}
#Content10 .box .tit .sp2{ font-size:14px; margin-left:6px;}
#Content10 .box .colse{ width:16px; right:10px; top:8px;}

}
/*inBanner*/
#Slide2 .inBanner{ float:left; width:100%; position:relative;}
#Slide2 .inBanner .img{ float:left; width:100%; height:200px;}
#Slide2 .inBanner .img .pic{ display:none;}
#Slide2 .slideBox{ float:left; width:100%; position:absolute; left:0; bottom:12px;}
#Slide2 .slideBox .slideR{ float:left; width:100%; padding:0 25px; text-align:right; color:#bbbbbb; font-size:14px; line-height:34px;}
#Slide2 .slideBox .slideR .ico{ display:inline-block; vertical-align:top; width:12px; height:12px; margin:11px 7px 0 0;}
#Slide2 .slideBox .slideR a{ color:#bbbbbb;}
#Slide2 .slideBox .slideR a:hover{ color:#f40e33;}

#Slide2 .inBanner1 .img{ height:300px;}
@media screen and  (max-width:1710px){

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

}
@media screen and  (max-width:1024px){
#Slide2 .inBanner .img{ height:140px;}
#Slide2 .slideBox{ bottom:6px;}
#Slide2 .slideBox .slideR{ padding:0;}
#Slide2 .inBanner1 .img{ height:160px;}
}
@media screen and  (max-width:768px){

}
#List .hangyeL{ float:left; width:100%; position:relative; margin:50px 0 12px 0; padding:0 25px;}
#List .hangyeL .tit{ float:left; position:absolute; left:25px; top:7px; color:#333333; font-size:24px; line-height:30px; height:60px; font-weight:bold; width:89px; padding-right:40px; border-right:1px solid #cccccc;}
#List .hangyeL .ul{ float:left; width:100%; position:relative; padding-left:190px;}
#List .hangyeL .ul li{ float:left;}
#List .hangyeL .ul li a{ float:left; color:#333333; font-size:16px; line-height:36px; min-width:100px; margin-left:15px;}
#List .hangyeL .ul li.l1{ position:absolute;  left:129px; top:0;}
#List .hangyeL .ul li.l1 a{ margin-left:0;}
#List .hangyeL .ul li.on a,
#List .hangyeL .ul li:hover a{ color:#f40e33;}



#List .hContBg1{ float:left; width:100%;}
#List .waterfull { float:left; width:100% !important; padding:0 26px; text-align:center; /*display: flex; flex-wrap: wrap; align-content: flex-start;*/}
#List .waterfull .masonry1{ margin:0 -30px; column-count:3; column-gap: normal; }
#List .waterfull .item{/* break-inside: avoid;*/ display:inline-block; width:33.33%; padding:0 26px; margin-top:52px; position:relative;-webkit-transition:all .10s ease-in-out;-moz-transition:all .10s ease-in-out;-ms-transition:all .10s ease-in-out;-o-transition:all .10s ease-in-out;transition:all .10s ease-in-out; height:auto !important; }
#List .waterfull .item .la{ float:left; width:100%; box-shadow:0 6px 10px rgba(0,0,0,0.06); border:1px solid #e8e8e8;}
#List .waterfull .item .a-img{ float:left; width:100%; line-height:0;}
#List .waterfull .item .a-img img{ width:100%;}
#List .waterfull .item .qianm{ float:left; width:100%; color:#888888; font-size:16px; line-height:27px; padding:11px 0; text-align:center;}
#List .waterfull .item .qianm .sp{ float:left; width:33.33%; border-right:1px  dashed #cccccc;}

#List .waterfull .item .qianm .sp3{ border:none;}
#List .waterfull .item .qianm .sp i{ display:inline-block; vertical-align:top; width:18px; height:18px; margin:5px 7px 0 0;}

#List .waterfull .item:hover .qianm .sp{ color:#f40e33;}
#List .waterfull .item .qianm .sp.sp1 i{background:url(3220_case8.png) no-repeat center center; background-size:100% 100%; }
#List .waterfull .item:hover .qianm .sp.sp1 i{background:url(3220_case8_1.png) no-repeat center center; background-size:100% 100%; }

#List .waterfull .item .qianm .sp.sp2 i{background:url(3220_case9.png) no-repeat center center; background-size:100% 100%; }
#List .waterfull .item:hover .qianm .sp.sp2 i{background:url(3220_case9_1.png) no-repeat center center; background-size:100% 100%; }

#List .waterfull .item .qianm .sp.sp3 i{background:url(3220_case10.png) no-repeat center center; background-size:100% 100%; }
#List .waterfull .item:hover .qianm .sp.sp3 i{background:url(3220_case10_1.png) no-repeat center center; background-size:100% 100%; }

#List .imloading{ float:left; width:100%; margin-bottom:78px; font-size:16px; line-height:26px; text-align:center; color:#888888;}
#List .imloading .loader{ display:block; margin:0 auto; position:relative; width:116px; height:116px; border-radius:50%; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.16); padding-top:22px;}
#List .imloading .loader .ico{ width:41px; height:41px;background:url(3220_jiazai.png) center no-repeat; background-size:100% 100%; -webkit-animation: load5 1s infinite ease; animation: load5 1s infinite ease; margin:0 auto;}
#List .imloading .loader .tit{ width:100%; color:#888888; font-size:16px; line-height:24px; margin-top:10px;}
@media screen and  (max-width:1710px){
#List .waterfull .masonry1{ margin:0 -13px;}
#List .waterfull .item{ padding:0 13px; margin-top:26px;}
}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1024px){
#List .hangyeL{ padding:0; margin:25px 0 6px 0;}
#List .hangyeL .tit{ left:0; font-size:18px; line-height:24px; height:48px; width:50px; padding-right:10px; top:3px;}
#List .hangyeL .ul li a{ font-size:14px; line-height:28px; min-width:85px;}
#List .hangyeL .ul{ padding-left:94px;}
#List .hangyeL .ul li.l1{left:64px; top:0;}

#List .waterfull{ padding:0;}	
#List .waterfull .masonry1{ margin:0 -6px;}
#List .waterfull .item{ padding:0 6px; margin-top:12px;}
#List .waterfull .item .qianm{ font-size:14px; line-height:22px; padding:10px 0;}
#List .waterfull .item .qianm .sp i{ margin:4px 5px 0 0; width:14px; height:14px;}
#List .imloading{ margin-bottom:40px; font-size:14px;}
#List .imloading .loader{ width:80px; height:80px; padding-top:15px;}
#List .imloading .loader .ico{ width:26px; height:26px;}
#List .imloading .loader .tit{ font-size:13px; line-height:22px; margin-top:4px;}
}
@media screen and  (max-width:768px){
    #List .hangyeL {display:none;}
#List .hangyeL .tit{ width:100%; position:static; height:auto; border:none; }
#List .hangyeL .ul{ padding-left:26px; margin-top:5px;}	
#List .hangyeL .ul li a{ min-width:20px; margin:0 0 0 15px;}
#List .hangyeL .ul li.l1{left:0; top:0;}

#List .waterfull .masonry1{ margin:0 -6px; column-count:3;}
#List .waterfull .item{ padding:0; margin-top:12px;}
#List .waterfull .item .qianm{ display:none;}
}
/*caseBg1*/
#Subpage .caseBg1{ float:left; width:100%; background:#f2f2f2; position:relative; z-index:70;}
#Subpage .casebox1{ float:left; width:100%; position:relative; top:0;  z-index:16; margin-top:-120px; padding:0 25px;}
#Subpage .case1{ float:left; width:100%; background:#fff; margin-bottom:82px; padding:3% 4.9% 4.9% 4.9%;}
#Subpage .caseLeft{ float:left; width:71%;}
#Subpage .GDdet .tit1{ float:left; width:100%; color:#333333; font-size:48px; line-height:58px; margin-top:-5px;}
#Subpage .GDdet .info1{ float:left; width:100%; color:#333333; font-size:18px; line-height:36px; margin:25px 0 31px 0;}
#Subpage .GDdet .fenl{ float:left; width:100%; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; color:#444444; font-size:16px; line-height:26px;}
#Subpage .GDdet .fenl .l1{ float:left; width:33.33%; border-top:1px solid #e6e6e6; margin-top:-1px; min-height:78px;
 display:flex;flex-direction: column;justify-content:center;}
#Subpage .GDdet .fenl .l1 a{ color:#444444;}
#Subpage .GDdet .box1{ position:relative;}
#Subpage .GDdet ._fanhui{ position:absolute; right:0; top:13px; width:56px; height:56px; border-radius:50%; overflow:hidden; background:#999999; cursor:pointer;}
#Subpage .GDdet ._fanhui:hover{ background:#f40e33;}
#Subpage .GDdet .sx_fy1{ float:left; width:100%; margin-top:40px; padding:24px 2.87%; position:relative; border-bottom:1px dashed #cccccc; border-top:1px dashed #cccccc;}
#Subpage .GDdet .sx_fy1 a{ float:left; color:#555555; font-size:16px; line-height:27px;}
#Subpage .GDdet .sx_fy1 a:hover{ color:#f40e33;}
#Subpage .GDdet .sx_fy1 .l_fy{ max-width:50%; padding:0 47px; background:url(3221_case14.png) left center no-repeat;}
#Subpage .GDdet .sx_fy1 .r_fy{ float:right; max-width:50%; text-align:right; padding:0 47px; background:url(3221_case14_1.png) right center no-repeat;}
#Subpage .GDdet .sx_fy1 .l_fy:hover{ background:url(3221_case15.png) left center no-repeat;}
#Subpage .GDdet .sx_fy1 .r_fy:hover{ background:url(3221_case15_1.png) right center no-repeat;}
#Subpage .GDdet .sx_fy1 .fanhui{ width:68px; line-height:20px; position:absolute; left:50%; top:50%; margin-top:-10px; text-align:center; margin-left:-34px;}

#Subpage .caseRight{ float:right; width:24%;}
#Subpage .anliA{ float:left; width:100%; margin-bottom:35px;}
#Subpage .anliA .info{ float:left; width:100%; padding:14px 8.57%; background:#f2f2f2; color:#666666; font-size:16px; line-height:26px;}
#Subpage .anliA .info .l1{ float:left; width:100%; margin:11px 0; position:relative; padding-left:31px;}
#Subpage .anliA .info .l1:after{ float:left; width:18px; height:18px; position:absolute; left:0; top:4px; border-radius:50%; background:url(3221_jiage.png) center no-repeat #f40e33; background-size:100% 100%; content:'';}

#Subpage .anliA .cont{ float:left; width:100%; padding:25px 8.57% 30px 8.57%; background:#f2f2f2; margin-top:1px;}
#Subpage .anliA .p1{ float:left; width:100%; position:relative; color:#333333; font-size:18px; line-height:28px; font-weight:bold; text-align:center;}
#Subpage .anliA .p1:after{ float:left; width:100%; height:1px; position:absolute; left:0; top:50%; content:''; background:#f40e33;}
#Subpage .anliA .p1 span{ display:inline-block; vertical-align:top; background:#f2f2f2; position:relative; z-index:6; padding:0 10px;}
#Subpage .anliA .zixun{ float:left; width:100%; margin-top:15px; background:#f40e33; color:#fff; font-size:18px; line-height:58px; text-align:center;}
#Subpage .anliA .zixun:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}

#Subpage .tuijian1{ margin:0 0 100px 0; padding:0 25px}
#Subpage .tuijian1 .list .l1{ margin:17px 0;}
#Slide2 .slideBox .slideR1{ margin-bottom:120px;}

#Subpage .caseRight.on{ position:fixed; left:50%; top:-60px; margin-left:20%; width:18.1%; z-index:66;}
#Subpage .caseRight.on .anliA{ display:none;}

#Subpage .casebox1.active .caseRight.on{ position:static; margin-left:0;}


.bd_weixin_popup{ box-sizing:content-box;}
#Subpage .tuijian{ float:left; width:100%;}
#Subpage .tuijian .tit{ float:left; width:100%; color:#000000; font-size:32px; line-height:42px;}
#Subpage .tuijian .tit span{ font-size:48px;font-family: 'NOTOSERIFCJKSC-REGULAR'; font-weight:bold; margin-right:16px;}
#Subpage .tuijian .list{ float:left; width:100%; margin-top:25px;}
#Subpage .tuijian .list .ul{ margin:0 -17px;}
#Subpage .tuijian .list .l1{ float:left; width:33.333%; padding:0 17px;}
#Subpage .tuijian .list .l1 a{ float:left; width:100%; line-height:0; position:relative; overflow:hidden; background:#000;}
#Subpage .tuijian .list .l1 .img{opacity:0.8; filter:alpha(opacity=80); -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 .tuijian .list .l1 a:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage .tuijian .list .l1 .pic{ position:absolute; left:0; top:50%; margin-top:-30px; height:60px; line-height:0; width:100%; text-align:center; padding:0 10%; display:flex;flex-direction: column;justify-content:center;}

#Subpage .tuijian .slick-prev{ width:30px; height:30px; left:auto; right:50px; top:-61px; transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); background:url(3221_guand4.png.html) center no-repeat #1a1a1a; margin-right:17px; border-radius:50%; background-size:100% 100%; }
#Subpage .tuijian .slick-next{ width:30px; height:30px; right:0; top:-61px; transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); background:url(3221_guand5.png.html) center no-repeat #1a1a1a;margin-right:17px; border-radius:50%; background-size:100% 100%; }
#Subpage .tuijian .slick-prev:hover{ background:url(3221_guand4.png.html) center no-repeat #f40e33; background-size:100% 100%; }
#Subpage .tuijian .slick-next:hover{ background:url(3221_guand5.png.html) center no-repeat #f40e33;  background-size:100% 100%; }

#Subpage .GDright{ float:right; width:29.44%; padding-left:3.55%; position:relative; z-index:6;}
#Subpage .XGreacd{ float:left; width:100%; margin-bottom:55px; position:relative; z-index:6;}
#Subpage .XGreacd .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#Subpage .XGreacd .list{ float:left; width:100%; border-top:1px solid #c7c7c7; margin-top:24px; }
#Subpage .XGreacd .list li{ float:left; width:100%; border-bottom:1px dashed #c7c7c7; padding:25px 0; position:relative;}
#Subpage .XGreacd .list li:after{ float:left; width:24px; height:14px; position:absolute; right:0; top:50%; content:''; margin-top:-7px; background:url(3221_guand6.png.html) right center no-repeat;}
#Subpage .XGreacd .list li .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-right:32px;}
#Subpage .XGreacd .list li .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:4px; padding-right:32px;}
#Subpage .XGreacd .list li:hover .tit{ color:#f40e33;}
#Subpage .XGreacd .list li:hover:after{background:url(3221_guand7.png.html) right center no-repeat;}


#Subpage .lijiYY{ float:left; width:100%;position:relative; z-index:6;}
#Subpage .lijiYY .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#Subpage .lijiYY .Form{ float:left; width:100%; margin-top:20px;}
#Subpage .lijiYY .lab{ float:left; width:100%; margin-top:10px; position:relative;}
#Subpage .lijiYY .fv0{ float:left; width:100%; height:50px; border:1px solid #f2f2f2; background:#fff; color:#333333; font-size:16px; line-height:24px;  padding:12px 19px; position:relative; cursor:pointer;}
#Subpage .lijiYY .yus{ float:left; position:absolute; left:0; top:0; width:auto; border:none;}
#Subpage .lijiYY .yanzhengma{ float:right; position:absolute; right:1px; top:15px; /*width:111px;*/ height:25px;}
#Subpage .lijiYY ::-webkit-input-placeholder{color:#333333;}
#Subpage .lijiYY :-moz-placeholder{color:#333333;}
#Subpage .lijiYY ::-moz-placeholder{color:#333333;}
#Subpage .lijiYY :-ms-input-placeholder{color:#333333;}
#Subpage .lijiYY .fv2{ float:left; width:100%; height:64px; color:#fff; font-size:18px; line-height:62px; border:none; background:#f40e33; padding:0; outline:none; margin-top:10px;}
#Subpage .lijiYY .fv0_ys{ height:auto !important;}
#Subpage .lijiYY .img{ float:left; position:absolute; right:19px; top:50%; width:12px; height:8px; margin-top:-4px;}
#Subpage .lijiYY .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:50px; z-index:16; background:#f2f2f2; padding:11px 19px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#Subpage .lijiYY .ul0 li{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; cursor:pointer;}
#Subpage .lijiYY .ul0 li:hover{ color:#f40e33;}
#Subpage .lijiYY .ul1{ float:left; width:100%; padding-left:45px; min-height:29px;}
#Subpage .lijiYY .ul1 li{ float:left; min-width:110px; color:#666666; font-size:16px; line-height:29px; padding-left:22px; position:relative; cursor:pointer; margin-left:10px;}
#Subpage .lijiYY .ul1 li:after{ float:left; width:14px; height:14px; border-radius:50%; background:#edeef0; position:absolute; left:0; top:50%; margin-top:-7px; content:''; z-index:6;}
#Subpage .lijiYY .ul1 li:before{ float:left; width:8px; height:8px; border-radius:50%;position:absolute; left:3px; top:50%; margin-top:-4px; content:''; z-index:8;}
#Subpage .lijiYY .ul1 li.on:after{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.19);}
#Subpage .lijiYY .ul1 li.on:before{ background:#000; }


#Subpage .guanDianBg1_1 .Bg1{ left:72%; }
#Subpage .GDleft1{ width:75.6%;}
#Subpage .GDright1{ width:24.4%;}


#Subpage .GDright.on{ position:fixed; top:-60px; left:50%; width:25.8%; margin-left:17.44%;}
#Subpage .GDright1.on{ position:fixed; top:-60px; left:50%; width:21.4%; margin-left:22.1%;}
#Subpage .GDright.on .XGreacd{ display:none;}
#Subpage .GDdet .md.on{ position:fixed; left:50%; top:0; z-index:60; width:1630px; margin-left:-815px;}
#Subpage .GDdet .md.on .ul0{ float:left; width:64.2%; margin-left:4.8%;}
#Subpage .active .GDdet .md.on{ position:static;}
#Subpage .active .GDdet .md.on .ul0{ width:100%; margin-left:0;}

#Subpage .GDdet .box1{ float:left; width:100%; margin-bottom:30px;}
#Subpage .GDdet .box1 .zan{ display:block; margin:0 auto; width:140px; height:75px; position:relative; background:#ecedef; border-radius:75px;}
#Subpage .GDdet .box1 .img{ float:left; width:100%; line-height:0; text-align:center; margin:12px 0 5px 0;}
#Subpage .GDdet .box1 .img img{ width:30px; height:30px;}
#Subpage .GDdet .box1 .tit{ float:left; width:100%; color:#888888; font-size:12px; line-height:22px;}
#Subpage .GDdet .box1 .zan.on .tit{color: #ea1f18;}

#Subpage .GDdet .md{ float:left; width:100%;white-space:nowrap;}
#Subpage .GDdet .md .ul0{ float:left; width:100%; overflow:hidden; height:54px; background:#f2f2f2; white-space:nowrap;}
#Subpage .GDdet .md li{ display:inline-block; width:12.5%;white-space:nowrap; margin-right:-4px;}
#Subpage .GDdet .md li a{ float:left; width:100%; border-right:1px solid #fff; background:#f2f2f2; color:#444444; font-size:16px; line-height:24px; text-align:center; padding:15px 0;}
#Subpage .GDdet .md li a.active,
#Subpage .GDdet .md li.on a{ background:#f40e33; color:#fff;}
#Subpage .GDdet .md li a.active{ color:#fff;}

#Subpage .GDright.on{ position:fixed; top:-60px; left:50%; width:25.8%; margin-left:17.44%;}
#Subpage .GDright1.on{ position:fixed; top:-60px; left:50%; width:21.4%; margin-left:22.1%;}
#Subpage .GDright.on .XGreacd{ display:none;}
#Subpage .GDdet .md.on{ position:fixed; left:50%; top:0; z-index:60; width:1630px; margin-left:-815px;}
#Subpage .GDdet .md.on .ul0{ float:left; width:64.2%; margin-left:4.8%;}
#Subpage .active .GDdet .md.on{ position:static;}
#Subpage .active .GDdet .md.on .ul0{ width:100%; margin-left:0;}

#Subpage .GDdet .box6{ float:left; width:100%; margin-bottom:50px; overflow:hidden;}
#Subpage .GDdet .bd{ float:left; width:100%; margin:30px 0 10px 0; line-height:0;}

#Subpage .GDdet .share{ float:left; width:100%; text-align:center; height:31px; margin-bottom:40px;}
#Subpage .GDdet .bdshare0{ display:inline-block; vertical-align:top;} 
#Subpage .GDdet .bdshare0 a{ display:inline-block; width:26px !important;  height:26px !important; margin:0 7px !important; padding:0 !important; background-size:contain; background-repeat:no-repeat; background-position: center center;}



@media screen and  (max-width:1710px){
#Subpage .tuijian1 .list .l1{ margin:10px 0;}

#Subpage .tuijian .list .ul{ margin:0 -10px;}
#Subpage .tuijian .list .l1{ padding:0 10px;}
#Subpage .tuijian .slick-prev{ margin-right:10px;}
#Subpage .tuijian .slick-next{ margin-right:10px;}
#Subpage .GDdet .md.on{ width:100%; margin-left:0; padding:0 107px; left:0;}
#Subpage .GDdet .md.on .ul0{ width:64.2%;  margin-left:4.9%;}

#Subpage .GDdet .md.on{ width:100%; margin-left:0; padding:0 107px; left:0;}
#Subpage .GDdet .md.on .ul0{ width:64.2%;  margin-left:4.9%;}

}
@media screen and  (max-width:1230px){
#Subpage .anliA .info{ font-size:14px; line-height:24px;}
#Subpage .anliA .info .l1{ margin:5px 0; padding-left:22px;}
#Subpage .anliA .info .l1:after{ width:16px; height:16px;}

#Subpage .GDdet .tit1{ font-size:36px; line-height:46px;}


#Subpage .tuijian .tit{ font-size:24px; line-height:34px;}
#Subpage .tuijian .tit span{ font-size:36px; margin-right:12px;}
#Subpage .GDdet .md li a{ font-size:14px;}

#Subpage .GDdet .md li a{ font-size:14px;}
}
@media screen and  (max-width:1024px){
#Subpage .tuijian1{ margin:0 0 40px 0; padding:0;}	
#Subpage .tuijian1 .list .l1{ margin:6px 0;}
#Subpage .casebox1{ padding:0; margin-top:-30px;}
#Subpage .case1{ margin-bottom:30px; padding:20px 15px;}
#Subpage .GDdet .md .ul0{ height:32px;}
#Subpage .GDdet .tit1{ font-size:24px; line-height:35px; margin-top:0;}
#Subpage .GDdet .info1{ font-size:15px; line-height:28px; margin:8px 0 15px 0;}
#Subpage .GDdet .fenl .l1{ font-size:14px; line-height:24px;}
#Subpage .GDdet ._fanhui{ top:10px; width:35px; height:35px;}
#Subpage .GDdet ._fanhui:hover{ background:#f40e33;}
#Subpage .GDdet .sx_fy1{  margin:10px 0 20px 0; padding:12px 15px;}
#Subpage .GDdet .sx_fy1 a{font-size:14px; line-height:25px;}
#Subpage .GDdet .sx_fy1 .l_fy{ padding:0 40px;}
#Subpage .GDdet .sx_fy1 .r_fy{ padding:0 40px;}
#Subpage .GDdet .sx_fy1 .fanhui{ width:68px; line-height:20px; position:absolute; left:50%; top:50%; margin-top:-10px; text-align:center; margin-left:-34px;}

#Subpage .caseLeft{ width:100%;}
#Slide2 .slideBox .slideR1{ margin-bottom:30px;}


#Subpage .caseRight{ width:100%;}
#Subpage .anliA{ margin-bottom:18px; display:none;}
#Subpage .anliA .info{ padding:10px 15px;}
#Subpage .anliA .cont{ padding:10px 15px 15px 15px;}
#Subpage .anliA .p1 span{ font-size:16px; line-height:26px; padding:0 8px;}
#Subpage .anliA .zixun{ margin-top:8px; line-height:44px; font-size:16px;}

#Subpage .caseRight.on{ position:static; margin:0; width:100%;}

#Subpage .guanDian1{ padding:30px 0 0 0;}	
#Subpage .guanDianBg1 .Bg1{ display:none;}
#Subpage .GDleft{ width:100%; padding-right:0;}
#Subpage .GDdet{ margin-bottom:0;}
#Subpage .GDdet .tit{ font-size:18px; line-height:28px;}
#Subpage .GDdet .info{ padding:10px 0 16px 0;}
#Subpage .GDdet .cont{ font-size:14px; line-height:28px; margin:16px 0 28px 0;}
#Subpage .GDdet .beizhu{ font-size:14px; padding:12px 15px;}
#Subpage .GDdet .sx_fy{ margin:13px 0;}
#Subpage .GDdet .sx_fy a{ font-size:14px;}
#Subpage .GDdet .sx_fy .fanhui{ width:90px; margin-left:-45px;}
#Subpage .GDdet .sx_fy .l_fy{ padding-right:55px;}
#Subpage .GDdet .sx_fy .r_fy{ padding-left:55px;}
#Subpage .GDdet .share{ display:none; margin-bottom:20px;}
#Subpage .GDdet .box1{ margin-bottom:20px;}
#Subpage .GDdet .box1 .zan{ width:110px; height:55px;}
#Subpage .GDdet .box1 .img{ margin:8px 0 2px 0;}
#Subpage .GDdet .box1 .img img{ width:20px; height:20px;}

#Subpage .tuijian{ display:none;}
#Subpage .tuijian .list{ margin-top:15px;}
#Subpage .tuijian .list .ul{ margin:0 -6px;}
#Subpage .tuijian .list .l1{ padding:0 6px;}
#Subpage .tuijian .tit{ font-size:18px; line-height:28px;}
#Subpage .tuijian .tit span{ font-size:28px; margin-right:8px;}
#Subpage .tuijian .slick-prev{ margin-right:6px; top:-40px; width:24px; height:24px; right:30px;}
#Subpage .tuijian .slick-next{ margin-right:6px; top:-40px; width:24px; height:24px;}

#Subpage .GDright{ width:100%; padding:25px 0 40px 0; position:relative; margin-top:30px;}
#Subpage .GDright:after{ float:left; width:120%; height:100%; position:absolute; left:-10%; top:0; content:''; background:#f9f9f9; z-index:1;}
#Subpage .XGreacd{ display:none; margin-bottom:25px;}
#Subpage .XGreacd .tit{ font-size:18px; line-height:28px;}
#Subpage .XGreacd .list{ margin-top:12px;}
#Subpage .XGreacd .list li{ padding:12px 0;}
#Subpage .XGreacd .list li .time{ margin-top:0;}

#Subpage .lijiYY .Form{ margin-top:5px;}
#Subpage .lijiYY .tit{ font-size:18px; line-height:28px;}
#Subpage .lijiYY .fv0{ height:40px; padding:7px 12px; font-size:14px;}
#Subpage .lijiYY .fv2{ height:50px; line-height:48px; font-size:16px;}
#Subpage .lijiYY .img{ right:12px;}
#Subpage .lijiYY .yanzhengma{  /*width:88px; height:40px;*/ top:9px;}
#Subpage .lijiYY .ul1 li{ font-size:14px; line-height:26px;}
#Subpage .lijiYY .ul0{ top:40px; padding:10px 12px;}
#Subpage .lijiYY .ul0 li{ font-size:14px; line-height:24px;}

#Subpage .GDright.on{ position:static; width:100%; margin-left:0;}
#Subpage .GDright1.on{ position:static; width:100%; margin-left:0;}


#Subpage .GDdet .md li a{ line-height:20px; padding:8px 2px;}
#Subpage .GDdet .bd{ margin:15px 0 5px 0;}
#Subpage .GDdet .box6{ margin-bottom:25px;}

#Subpage .GDdet .md.on{ padding:0; position:static;}
#Subpage .GDdet .md.on .ul0{ width:100%;}


#Subpage .GDright.on{ position:static; width:100%; margin-left:0;}
#Subpage .GDright1.on{ position:static; width:100%; margin-left:0;}


#Subpage .GDdet .md li a{ line-height:20px; padding:8px 2px;}
#Subpage .GDdet .bd{ margin:15px 0 5px 0;}
#Subpage .GDdet .box6{ margin-bottom:25px;}

#Subpage .GDdet .md.on{ padding:0; position:static;}
#Subpage .GDdet .md.on .ul0{ width:100%;}


#Subpage .GDdet .bd{ margin:15px 0 5px 0;}
#Subpage .GDdet .box6{ margin-bottom:25px;}

}
@media screen and  (max-width:768px){
#Subpage .GDdet .fenl .l1{ width:100%; min-height:20px; padding:8px 0;}
#Subpage .GDdet .sx_fy1 .l_fy{ padding:0 78px 0 40px; background:url(3221_case14.png) left center no-repeat;max-width:100%;}
#Subpage .GDdet .sx_fy1 .r_fy{ padding:0 78px 0 40px; background:url(3221_case14.png) left center no-repeat; float:left; text-align:left; max-width:100%;}
#Subpage .GDdet .sx_fy1 .l_fy:hover{ background:url(3221_case15.png) left center no-repeat;}
#Subpage .GDdet .sx_fy1 .r_fy:hover{ background:url(3221_case15.png) left center no-repeat;}
#Subpage .GDdet .sx_fy1 .fanhui{ left:auto; right:0;}	


#Subpage .GDdet .md{white-space:initial;}
#Subpage .GDdet .md .ul0{white-space:initial; height:auto; background:none;}
#Subpage .GDdet .md.on{ position:static;}	
#Subpage .GDdet .md li{ width:25%; margin-bottom:1px; float:left; margin-right:0;}
#Subpage .GDdet .md li a{ font-size:13px; padding:6px 2px;}	
#Subpage .GDdet .sx_fy .l_fy{ width:100%; padding-right:90px;}
#Subpage .GDdet .sx_fy .r_fy{ width:100%; padding-left:0; padding-right:90px; text-align:left;}	
#Subpage .GDdet .sx_fy .fanhui{ left:auto; right:0; margin:0; border-right:none; width:auto; padding:0 0 0 15px; top:50%; margin-top:-10px;}
#Subpage .tuijian .list .l1{ width:50%;}
#Subpage .GDdet .md.on .ul0{margin-left:0;}

}
/*hContact1*/
#Content11 .hContact0{ float:left; width:100%; background:#f3f3f3;}
#Content11 .Contact1{ float:left; width:100%; padding:100px 25px;}
#Content11 .Contact1 .boxL{ float:left; width:50%; background:#fff; height:640px; padding:30px 6.13%; display:flex;flex-direction: column; justify-content:center;}
#Content11 .Contact1 .boxL .tit{ float:left; width:100%; color:#000000; font-size:54px; line-height:88px; height:88px; font-weight:bold;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content11 .Contact1 .boxL .tit span{ font-size:84px;}
#Content11 .Contact1 .boxL .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:36px; margin-top:20px;}
#Content11 .Contact1 .boxR{ float:left; width:50%; background:#1a1a1a; height:640px; padding:0 6.13%; display:flex;flex-direction: column;justify-content:center;}
#Content11 .Contact1 .boxR .tit1{float:left; width:100%; color:#fff; font-size:42px; line-height:52px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content11 .Contact1 .boxR .tit2{float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:18px; line-height:28px;font-family: 'NOTOSERIFCJKSC-REGULAR'; margin:10px 0 55px 0;}
#Content11 .Contact1 .boxR .info{float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); padding:55px 0; margin-bottom:5px;}
#Content11 .Contact1 .boxR .ml{ margin:0 -6px;}
#Content11 .Contact1 .boxR .p1{float:left; width:33.33%; text-align:center; padding:0 6px;}
#Content11 .Contact1 .boxR .num{float:left; width:100%; color:#fff; font-size:72px; line-height:62px; height:62px;  font-family: 'NOTOSERIFCJKSC-REGULAR';}
#Content11 .Contact1 .boxR .num span{ font-size:24px;}
#Content11 .Contact1 .boxR .cn{float:left; width:100%; color:#fff; font-size:18px; line-height:26px; margin-top:34px;}
#Content11 .Contact1 .boxR .en{float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:12px; line-height:20px;font-family: 'NOTOSERIFCJKSC-REGULAR';}
@media screen and  (max-width:1710px){
#Content11 .Contact1 .boxL .tit{ font-size:40px; line-height:68px; height:68px;}	
#Content11 .Contact1 .boxL .tit span{ font-size:60px;}
#Content11 .Contact1 .boxR .tit1{ font-size:32px; line-height:42px;}
#Content11 .Contact1 .boxR .num{ font-size:54px; line-height:44px; height:44px;}
#Content11 .Contact1 .boxR .num span{ font-size:18px;}
#Content11 .Contact1 .boxR .cn{ font-size:16px; line-height:24px;}
}
@media screen and  (max-width:1230px){
#Content11 .Contact1 .boxL { padding:20px 4%; }	
#Content11 .Contact1 .boxL .tit{ font-size:28px; line-height:50px; height:50px;}	
#Content11 .Contact1 .boxL .tit span{ font-size:42px;}
#Content11 .Contact1 .boxL .info{ font-size:14px; line-height:30px;}
#Content11 .Contact1 .boxR { padding:20px 4%; }
#Content11 .Contact1 .boxR .tit1{ font-size:22px; line-height:32px;}
#Content11 .Contact1 .boxR .tit2{ font-size:16px; line-height:26px;}
#Content11 .Contact1 .boxR .num{ font-size:36px; line-height:30px; height:30px;}
#Content11 .Contact1 .boxR .num span{ font-size:18px;}
#Content11 .Contact1 .boxR .cn{ font-size:16px; line-height:24px; margin-top:20px;}
}
@media screen and  (max-width:1024px){
#Content11 .Contact1{ padding:30px 0;}
#Content11 .Contact1 .boxL { height:500px; padding:20px 15px; }
#Content11 .Contact1 .boxL .info{ margin-top:10px;}
#Content11 .Contact1 .boxR { height:500px; padding:20px 15px; }
#Content11 .Contact1 .boxR .tit2{ margin:5px 0 22px 0;}
#Content11 .Contact1 .boxR .info{ padding:22px 0;}
#Content11 .Contact1 .boxR .cn{ margin-top:12px;}
}
@media screen and  (max-width:768px){
#Content11 .Contact1 .boxL { width:100%; height:auto;}
#Content11 .Contact1 .boxR { width:100%; height:auto;}
#Content11 .Contact1 .boxR .tit2{ font-size:14px; line-height:24px;}
}
/*guanDianBg1*/
#List2 .guanDianBg1{ float:left; width:100%; position:relative; overflow:hidden;}
#List2 .guanDianBg1 .Bg1{ float:left; width:100%; height:100%; position:absolute; left:67.5%; top:0; background:#f9f9f9; z-index:1;}
#List2 .guanDian1{ float:left; width:100%; padding:3% 25px 79px 25px;}
#List2 .GDleft{ float:left; width:72.56%; padding-right:1.55%; position:relative; z-index:6;}
#List2 .GDdet{ float:left; width:100%; margin:-5px 0 74px 0;}
#List2 .GDdet .tit{ float:left; width:100%; color:#333333; font-size:28px; line-height:38px; text-align:center;}
#List2 .GDdet .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px; padding:26px 0 35px 0; border-bottom:1px solid #e3e3e3; text-align:center;}
#List2 .GDdet .cont{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin:33px 0 81px 0;}
#List2 .GDdet .box6{ float:left; width:100%; margin-bottom:50px;}
#List2 .GDdet .md{ float:left; width:100%;}
#List2 .GDdet .md li{ float:left; width:12.5%;}
#List2 .GDdet .md li a{ float:left; width:100%; border-right:1px solid #fff; background:#f2f2f2; color:#444444; font-size:16px; line-height:24px; text-align:center; padding:15px 0;}
#List2 .GDdet .md li .active{ background:#f40e33; color:#fff;}
#List2 .GDdet .md li a.active{ color:#fff;}
#List2 .GDdet .bd{ float:left; width:100%; margin:30px 0 10px 0; line-height:0;}

#List2 .GDdet .beizhu{ float:left; width:100%; background:#f4f4f4; border-radius:5px; color:#666666; font-size:14px; line-height:24px; padding:25px 30px;}
#List2 .GDdet .sx_fy{ float:left; width:100%; margin:27px 0; position:relative;}
#List2 .GDdet .sx_fy a{ float:left; color:#555555; font-size:16px; line-height:26px;}
#List2 .GDdet .sx_fy a:hover{ color:#f40e33;}
#List2 .GDdet .sx_fy .l_fy{ width:50%; padding-right:90px;}
#List2 .GDdet .sx_fy .r_fy{ width:50%; text-align:right; padding-left:90px;}
#List2 .GDdet .sx_fy .fanhui{ width:148px; line-height:20px; position:absolute; left:50%; top:3px; text-align:center; margin-left:-74px; border-left:1px dashed #b2b2b2; border-right:1px dashed #b2b2b2;}
#List2 .GDdet .box1{ float:left; width:100%; margin-bottom:30px;}
#List2 .GDdet .box1 .zan{ display:block; margin:0 auto; width:140px; height:75px; position:relative; background:#ecedef; border-radius:75px;}
#List2 .GDdet .box1 .img{ float:left; width:100%; line-height:0; text-align:center; margin:12px 0 5px 0;}
#List2 .GDdet .box1 .img img{ width:30px; height:30px;}
#List2 .GDdet .box1 .tit{ float:left; width:100%; color:#888888; font-size:12px; line-height:22px;}
#List2 .GDdet .share{ float:left; width:100%; text-align:center; height:31px; margin-bottom:40px;}
#List2 .GDdet .bdshare0{ display:inline-block; vertical-align:top;} 
#List2 .GDdet .bdshare0 a{ display:inline-block; width:26px !important;  height:26px !important; margin:0 7px !important; padding:0 !important; background-size:contain; background-repeat:no-repeat; background-position: center center;}

.bd_weixin_popup{ box-sizing:content-box;}
#List2 .tuijian{ float:left; width:100%;}
#List2 .tuijian .tit{ float:left; width:100%; color:#000000; font-size:32px; line-height:42px;}
#List2 .tuijian .tit span{ font-size:48px;font-family: 'NOTOSERIFCJKSC-REGULAR'; font-weight:bold; margin-right:16px;}
#List2 .tuijian .list{ float:left; width:100%; margin-top:25px;}
#List2 .tuijian .list .ul{ margin:0 -17px;}
#List2 .tuijian .list .l1{ float:left; width:33.333%; padding:0 17px;}
#List2 .tuijian .list .l1 a{ float:left; width:100%; line-height:0; position:relative; overflow:hidden; background:#000;}
#List2 .tuijian .list .l1 .img{opacity:0.8; filter:alpha(opacity=80); -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;}
#List2 .tuijian .list .l1 a:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List2 .tuijian .list .l1 .pic{ position:absolute; left:0; top:50%; margin-top:-30px; height:60px; line-height:0; width:100%; text-align:center; padding:0 10%; display:flex;flex-direction: column;justify-content:center;}

#List2 .tuijian .slick-prev{ width:30px; height:30px; left:auto; right:50px; top:-61px; transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); background:url(3223_guand4.png.html) center no-repeat #1a1a1a; margin-right:17px; border-radius:50%; background-size:100% 100%; }
#List2 .tuijian .slick-next{ width:30px; height:30px; right:0; top:-61px; transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); background:url(3223_guand5.png.html) center no-repeat #1a1a1a;margin-right:17px; border-radius:50%; background-size:100% 100%; }
#List2 .tuijian .slick-prev:hover{ background:url(3223_guand4.png.html) center no-repeat #f40e33; background-size:100% 100%; }
#List2 .tuijian .slick-next:hover{ background:url(3223_guand5.png.html) center no-repeat #f40e33;  background-size:100% 100%; }

#List2 .GDright{ float:right; width:29.44%; padding-left:3.55%; position:relative; z-index:6;}
#List2 .XGreacd{ float:left; width:100%; margin-bottom:55px; position:relative; z-index:6;}
#List2 .XGreacd .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#List2 .XGreacd .list{ float:left; width:100%; border-top:1px solid #c7c7c7; margin-top:24px; }
#List2 .XGreacd .list li{ float:left; width:100%; border-bottom:1px dashed #c7c7c7; padding:25px 0; position:relative;}
#List2 .XGreacd .list li:after{ float:left; width:24px; height:14px; position:absolute; right:0; top:50%; content:''; margin-top:-7px; background:url(3223_guand6.png.html) right center no-repeat;}
#List2 .XGreacd .list li .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-right:32px;}
#List2 .XGreacd .list li .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:4px; padding-right:32px;}
#List2 .XGreacd .list li:hover .tit{ color:#f40e33;}
#List2 .XGreacd .list li:hover:after{background:url(3223_guand7.png.html) right center no-repeat;}


#List2 .lijiYY{ float:left; width:100%;position:relative; z-index:6;}
#List2 .lijiYY .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#List2 .lijiYY .Form{ float:left; width:100%; margin-top:20px;}
#List2 .lijiYY .lab{ float:left; width:100%; margin-top:10px; position:relative;}
#List2 .lijiYY .fv0{ float:left; width:100%; height:50px; border:1px solid #f2f2f2; background:#fff; color:#333333; font-size:16px; line-height:24px;  padding:12px 19px; position:relative; cursor:pointer;}
#List2 .lijiYY .yus{ float:left; position:absolute; left:0; top:0; width:auto; border:none;}
#List2 .lijiYY .yanzhengma{ float:right; position:absolute; right:0; top:15px; /*z-index:16;*/ /*width:111px;*/ height:25px;}
#List2 .lijiYY ::-webkit-input-placeholder{color:#333333;}
#List2 .lijiYY :-moz-placeholder{color:##333333;}
#List2 .lijiYY ::-moz-placeholder{color:##333333;}
#List2 .lijiYY :-ms-input-placeholder{color:##333333;}
#List2 .lijiYY .fv2{ float:left; width:100%; height:64px; color:#fff; font-size:18px; line-height:62px; border:none; background:#f40e33; padding:0; outline:none; margin-top:10px;}
#List2 .lijiYY .fv0_ys{ height:auto !important;}
#List2 .lijiYY .img{ float:left; position:absolute; right:19px; top:50%; width:12px; height:8px; margin-top:-4px;}
#List2 .lijiYY .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:50px; z-index:16; background:#f2f2f2; padding:11px 19px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#List2 .lijiYY .ul0 li{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; cursor:pointer;}
#List2 .lijiYY .ul0 li:hover{ color:#f40e33;}
#List2 .lijiYY .ul1{ float:left; width:100%; padding-left:45px; min-height:29px;}
#List2 .lijiYY .ul1 li{ float:left; min-width:110px; color:#666666; font-size:16px; line-height:29px; padding-left:22px; position:relative; cursor:pointer; margin-left:10px;}
#List2 .lijiYY .ul1 li:after{ float:left; width:14px; height:14px; border-radius:50%; background:#edeef0; position:absolute; left:0; top:50%; margin-top:-7px; content:''; z-index:6;}
#List2 .lijiYY .ul1 li:before{ float:left; width:8px; height:8px; border-radius:50%;position:absolute; left:3px; top:50%; margin-top:-4px; content:''; z-index:8;}
#List2 .lijiYY .ul1 li.on:after{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.19);}
#List2 .lijiYY .ul1 li.on:before{ background:#000; }


#List2 .guanDianBg1_1 .Bg1{ left:72%; }
#List2 .GDleft1{ width:75.6%;}
#List2 .GDright1{ width:24.4%;}


#List2 .GDright.on{ position:fixed; top:-60px; left:50%; width:25.8%; margin-left:17.44%;}
#List2 .GDright1.on{ position:fixed; top:-60px; left:50%; width:21.4%; margin-left:22.1%;}
#List2 .GDright.on .XGreacd{ display:none;}
#List2 .GDdet .md.on{ position:fixed; left:50%; top:0; z-index:60; width:1630px; margin-left:-815px;}
#List2 .GDdet .md.on .ul0{ float:left; width:64.2%; margin-left:4.8%;}
#List2 .active .GDdet .md.on{ position:static;}
#List2 .active .GDdet .md.on .ul0{ width:100%; margin-left:0;}


#List2 .guanDL{ float:left; width:100%; margin-bottom:80px;}
#List2 .guanDL .ul1{ float:left; width:100%;}
#List2 .guanDL .ul2{ float:right; width:47.41%; border-bottom:1px solid #e4e4e4;}
#List2 .guanDL .l1{ float:left; width:46%;  margin:0 2%; margin-bottom:52px;  border-bottom:1px solid #e4e4e4;}
#List2 .guanDL .l1 .la{ float:left; width:100%;}
#List2 .guanDL .l1 .img{ float:left; width:100%; line-height:0; margin-bottom:34px; overflow:hidden;}
#List2 .guanDL .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;}
#List2 .guanDL .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List2 .guanDL .l1 .tit{ float:left; width:100%; color:#222222; font-size:20px; line-height:30px; position:relative;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#List2 .guanDL .l1 .tit:after{ float:left; width:0; height:1px; position:absolute; left:0; top:50%; content:''; background:#f40e33;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#List2 .guanDL .l1:hover .tit{ padding-left:52px; color:#f40e33;}
#List2 .guanDL .l1:hover .tit:after{ width:42px;}
#List2 .guanDL .l1 .info{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:48px; overflow:hidden; margin:10px 0 36px;}
#List2 .guanDL .l1 .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px;}
#List2 .guanDL .l2{ padding-bottom:35px;}
#List2 .guanDL .l2 .info{ margin:14px 0 40px 0;}


#List2 .GDright{ float:right; width:29.44%; padding-left:3.55%; position:relative; z-index:6;}
#List2 .XGreacd{ float:left; width:100%; margin-bottom:55px; position:relative; z-index:6;}
#List2 .XGreacd .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#List2 .XGreacd .list{ float:left; width:100%; border-top:1px solid #c7c7c7; margin-top:24px; }
#List2 .XGreacd .list li{ float:left; width:100%; border-bottom:1px dashed #c7c7c7; padding:25px 0; position:relative;}
#List2 .XGreacd .list li:after{ float:left; width:24px; height:14px; position:absolute; right:0; top:50%; content:''; margin-top:-7px; background:url(3223_guand6.png.html) right center no-repeat;}
#List2 .XGreacd .list li .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-right:32px;}
#List2 .XGreacd .list li .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:4px; padding-right:32px;}
#List2 .XGreacd .list li:hover .tit{ color:#f40e33;}
#List2 .XGreacd .list li:hover:after{background:url(3223_guand7.png.html) right center no-repeat;}

#List2 .guanDianBg1_1 .Bg1{ left:72%; }
#List2 .GDleft1{ width:75.6%;}
#List2 .GDright1{ width:24.4%;}



#List2 .GDright.on{ position:fixed; top:-60px; left:50%; width:25.8%; margin-left:17.44%;}
#List2 .GDright1.on{ position:fixed; top:-60px; left:50%; width:21.4%; margin-left:22.1%;}
#List2 .GDright.on .XGreacd{ display:none;}
#List2 .GDdet .md.on{ position:fixed; left:50%; top:0; z-index:60; width:1630px; margin-left:-815px;}
#List2 .GDdet .md.on .ul0{ float:left; width:64.2%; margin-left:4.8%;}
#List2 .active .GDdet .md.on{ position:static;}
#List2 .active .GDdet .md.on .ul0{ width:100%; margin-left:0;}


#List2 .pz_SideLayer{ float:left; width:100%; margin:25px 0 54px 0; border-top:1px solid #e4e4e4;}
#List2 .pz_SideLayer .l1{ float:left; width:100%; border-bottom:1px solid #e4e4e4; padding:20px 22px;}
#List2 .pz_SideLayer .l1 a{ float:left; width:100%; line-height:37px; color:#333333; font-size:18px; text-align:right; background:url(3223_guand10.png) left center no-repeat;}
#List2 .pz_SideLayer .l1.on a,
#List2 .pz_SideLayer .l1:hover a{ color:#f40e33; background:url(3223_guand11.png) left center no-repeat; }


#List2 .imloading{ float:left; width:100%; margin-bottom:78px; font-size:16px; line-height:26px; text-align:center; color:#888888;}
#List2 .imloading .loader{ display:block; margin:0 auto; position:relative; width:116px; height:116px; border-radius:50%; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.16); padding-top:22px;}
#List2 .imloading .loader .ico{ width:41px; height:41px;background:url(3223_jiazai.png) center no-repeat; background-size:100% 100%; -webkit-animation: load5 1s infinite ease; animation: load5 1s infinite ease; margin:0 auto;}
#List2 .imloading .loader .tit{ width:100%; color:#888888; font-size:16px; line-height:24px; margin-top:10px;}


@-webkit-keyframes load5 {
  0%{
    transform:rotate(0deg); -webkit-transform:rotate(0deg);
  }
  12.5% {
     transform:rotate(45deg); -webkit-transform:rotate(45deg);
  }
  25% {
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
  }
  37.5% {
     transform:rotate(135deg); -webkit-transform:rotate(135deg);
  }
  50% {
     transform:rotate(180deg); -webkit-transform:rotate(180deg);
  }
  62.5% {
     transform:rotate(225deg); -webkit-transform:rotate(225deg);
  }
  75% {
     transform:rotate(270deg); -webkit-transform:rotate(270deg);
  }
  87.5% {
     transform:rotate(315deg); -webkit-transform:rotate(315deg);
  }
  100% {
	   transform:rotate(360deg); -webkit-transform:rotate(360deg);
  }
}
@keyframes load5 {
  0%{
    transform:rotate(0deg); -webkit-transform:rotate(0deg);
  }
  12.5% {
     transform:rotate(45deg); -webkit-transform:rotate(45deg);
  }
  25% {
    transform:rotate(90deg); -webkit-transform:rotate(90deg);
  }
  37.5% {
     transform:rotate(135deg); -webkit-transform:rotate(135deg);
  }
  50% {
     transform:rotate(180deg); -webkit-transform:rotate(180deg);
  }
  62.5% {
     transform:rotate(225deg); -webkit-transform:rotate(225deg);
  }
  75% {
     transform:rotate(270deg); -webkit-transform:rotate(270deg);
  }
  87.5% {
     transform:rotate(315deg); -webkit-transform:rotate(315deg);
  }
  100% {
	   transform:rotate(360deg); -webkit-transform:rotate(360deg);
  }
}

@media screen and  (max-width:1710px){
#List2 .tuijian .list .ul{ margin:0 -10px;}
#List2 .tuijian .list .l1{ padding:0 10px;}
#List2 .tuijian .slick-prev{ margin-right:10px;}
#List2 .tuijian .slick-next{ margin-right:10px;}
#List2 .GDdet .md.on{ width:100%; margin-left:0; padding:0 107px; left:0;}
#List2 .GDdet .md.on .ul0{ width:64.2%;  margin-left:4.9%;}


#List2 .GDdet .md.on{ width:100%; margin-left:0; padding:0 107px; left:0;}
#List2 .GDdet .md.on .ul0{ width:64.2%;  margin-left:4.9%;}

}
@media screen and  (max-width:1230px){
#List2 .tuijian .tit{ font-size:24px; line-height:34px;}
#List2 .tuijian .tit span{ font-size:36px; margin-right:12px;}
#List2 .GDdet .md li a{ font-size:14px;}


#List2 .GDdet .md li a{ font-size:14px;}


#List2 .guanDL .l1{  margin-bottom:26px;}
#List2 .guanDL .l1 .img{ margin-bottom:17px;}
#List2 .guanDL .l1 .info{ margin:5px 0 18px;}
#List2 .guanDL .l2{ padding:17px 0;}
#List2 .guanDL .l2 .info{ margin:7px 0 20px 0;}
}
@media screen and  (max-width:1024px){
#List2 .guanDian1{ padding:30px 0 0 0;}	
#List2 .guanDianBg1 .Bg1{ display:none;}
#List2 .GDleft{ width:100%; padding-right:0;}
#List2 .GDdet{ margin-bottom:0;}
#List2 .GDdet .tit{ font-size:18px; line-height:28px;}
#List2 .GDdet .info{ padding:10px 0 16px 0;}
#List2 .GDdet .cont{ font-size:14px; line-height:28px; margin:16px 0 28px 0;}
#List2 .GDdet .beizhu{ font-size:14px; padding:12px 15px;}
#List2 .GDdet .sx_fy{ margin:13px 0;}
#List2 .GDdet .sx_fy a{ font-size:14px;}
#List2 .GDdet .sx_fy .fanhui{ width:90px; margin-left:-45px;}
#List2 .GDdet .sx_fy .l_fy{ padding-right:55px;}
#List2 .GDdet .sx_fy .r_fy{ padding-left:55px;}
#List2 .GDdet .share{ display:none; margin-bottom:20px;}
#List2 .GDdet .box1{ margin-bottom:20px;}
#List2 .GDdet .box1 .zan{ width:110px; height:55px;}
#List2 .GDdet .box1 .img{ margin:8px 0 2px 0;}
#List2 .GDdet .box1 .img img{ width:20px; height:20px;}

#List2 .tuijian{ display:none;}
#List2 .tuijian .list{ margin-top:15px;}
#List2 .tuijian .list .ul{ margin:0 -6px;}
#List2 .tuijian .list .l1{ padding:0 6px;}
#List2 .tuijian .tit{ font-size:18px; line-height:28px;}
#List2 .tuijian .tit span{ font-size:28px; margin-right:8px;}
#List2 .tuijian .slick-prev{ margin-right:6px; top:-40px; width:24px; height:24px; right:30px;}
#List2 .tuijian .slick-next{ margin-right:6px; top:-40px; width:24px; height:24px;}

#List2 .GDright{ width:100%; padding:25px 0 40px 0; position:relative; margin-top:30px;}
#List2 .GDright:after{ float:left; width:120%; height:100%; position:absolute; left:-10%; top:0; content:''; background:#f9f9f9; z-index:1;}
#List2 .XGreacd{ display:none; margin-bottom:25px;}
#List2 .XGreacd .tit{ font-size:18px; line-height:28px;}
#List2 .XGreacd .list{ margin-top:12px;}
#List2 .XGreacd .list li{ padding:12px 0;}
#List2 .XGreacd .list li .time{ margin-top:0;}

#List2 .lijiYY .Form{ margin-top:5px;}
#List2 .lijiYY .tit{ font-size:18px; line-height:28px;}
#List2 .lijiYY .fv0{ height:40px; padding:7px 12px; font-size:14px;}
#List2 .lijiYY .fv2{ height:50px; line-height:48px; font-size:16px;}
#List2 .lijiYY .img{ right:12px;}
#List2 .lijiYY .yanzhengma{  /*width:88px; height:40px;*/ top:9px;}
#List2 .lijiYY .ul1 li{ font-size:14px; line-height:26px;}
#List2 .lijiYY .ul0{ top:40px; padding:10px 12px;}
#List2 .lijiYY .ul0 li{ font-size:14px; line-height:24px;}

#List2 .GDright.on{ position:static; width:100%; margin-left:0;}
#List2 .GDright1.on{ position:static; width:100%; margin-left:0;}


#List2 .GDdet .md li a{ line-height:20px; padding:8px 2px;}
#List2 .GDdet .bd{ margin:15px 0 5px 0;}
#List2 .GDdet .box6{ margin-bottom:25px;}

#List2 .GDdet .md.on{ padding:0; position:static;}
#List2 .GDdet .md.on .ul0{ width:100%;}


#List2 .guanDL{ margin-bottom:40px;}	
#List2 .guanDL .l1 .tit{ font-size:16px; line-height:26px;}
#List2 .guanDL .l1:hover .tit{ padding-left:32px;}
#List2 .guanDL .l1:hover .tit:after{ width:22px;}

#List2 .XGreacd{ display:none; margin-bottom:25px;}
#List2 .XGreacd .tit{ font-size:18px; line-height:28px;}
#List2 .XGreacd .list{ margin-top:12px;}
#List2 .XGreacd .list li{ padding:12px 0;}
#List2 .XGreacd .list li .time{ margin-top:0;}


#List2 .pz_SideLayer{margin:12px 0 25px 0;}
#List2 .pz_SideLayer .l1{ padding:10px 12px;}
#List2 .pz_SideLayer .l1 a{ font-size:16px; line-height:30px;}

#List2 .imloading{ margin-bottom:40px; font-size:14px;}
#List2 .imloading .loader{ width:80px; height:80px; padding-top:15px;}
#List2 .imloading .loader .ico{ width:26px; height:26px;}
#List2 .imloading .loader .tit{ font-size:13px; line-height:22px; margin-top:4px;}

}
@media screen and  (max-width:768px){
#List2 .GDdet .md.on{ position:static;}	
#List2 .GDdet .md li{ width:25%; margin-bottom:1px;}
#List2 .GDdet .md li a{ font-size:13px; padding:6px 2px;}	
#List2 .GDdet .sx_fy .l_fy{ width:100%; padding-right:90px;}
#List2 .GDdet .sx_fy .r_fy{ width:100%; padding-left:0; padding-right:90px; text-align:left;}	
#List2 .GDdet .sx_fy .fanhui{ left:auto; right:0; margin:0; border-right:none; width:auto; padding:0 0 0 15px; top:50%; margin-top:-10px;}
#List2 .tuijian .list .l1{ width:50%;}

#List2 .guanDL .ul1{ width:100%;}
#List2 .guanDL .ul2{ width:100%;}
#List2 .guanDL .l1{  width:100%; margin:0; margin-bottom:20px;  }
#List2 .guanDL .l1 .img{ margin-bottom:14px;}
#List2 .guanDL .l1 .info{ margin:4px 0 10px;}
#List2 .guanDL .l2{ padding-bottom:17px; padding-top:0;}
#List2 .guanDL .l2 .info{ margin:4px 0 10px 0;}
}
/*guanDianBg1*/
#Subpage2 .guanDianBg1{ float:left; width:100%; position:relative; overflow:hidden;}
#Subpage2 .guanDianBg1 .Bg1{ float:left; width:100%; height:100%; position:absolute; left:67.5%; top:0; background:#f9f9f9; z-index:1;}
#Subpage2 .guanDian1{ float:left; width:100%; padding:3% 25px 79px 25px;}
#Subpage2 .GDleft{ float:left; width:70.56%; padding-right:3.55%; position:relative; z-index:6;}
#Subpage2 .GDdet{ float:left; width:100%; margin:-5px 0 74px 0;}
#Subpage2 .GDdet .tit{ float:left; width:100%; color:#333333; font-size:28px; line-height:38px; text-align:center;}
#Subpage2 .GDdet .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px; padding:26px 0 35px 0; border-bottom:1px solid #e3e3e3; text-align:center;}
#Subpage2 .GDdet .cont{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin:33px 0 81px 0;}
#Subpage2 .GDdet .box6{ float:left; width:100%; margin-bottom:50px;}
#Subpage2 .GDdet .md{ float:left; width:100%;}
#Subpage2 .GDdet .md li{ float:left; width:12.5%;}
#Subpage2 .GDdet .md li a{ float:left; width:100%; border-right:1px solid #fff; background:#f2f2f2; color:#444444; font-size:16px; line-height:24px; text-align:center; padding:15px 0;}
#Subpage2 .GDdet .md li .active{ background:#f40e33; color:#fff;}
#Subpage2 .GDdet .md li a.active{ color:#fff;}
#Subpage2 .GDdet .bd{ float:left; width:100%; margin:30px 0 10px 0; line-height:0;}

#Subpage2 .GDdet .beizhu{ float:left; width:100%; background:#f4f4f4; border-radius:5px; color:#666666; font-size:14px; line-height:24px; padding:25px 30px;}
#Subpage2 .GDdet .sx_fy{ float:left; width:100%; margin:27px 0; position:relative;}
#Subpage2 .GDdet .sx_fy a{ float:left; color:#555555; font-size:16px; line-height:26px;}
#Subpage2 .GDdet .sx_fy a:hover{ color:#f40e33;}
#Subpage2 .GDdet .sx_fy .l_fy{ width:50%; padding-right:90px;}
#Subpage2 .GDdet .sx_fy .r_fy{ width:50%; text-align:right; padding-left:90px;}
#Subpage2 .GDdet .sx_fy .fanhui{ width:148px; line-height:20px; position:absolute; left:50%; top:3px; text-align:center; margin-left:-74px; border-left:1px dashed #b2b2b2; border-right:1px dashed #b2b2b2;}
#Subpage2 .GDdet .box1{ float:left; width:100%; margin-bottom:30px;}
#Subpage2 .GDdet .box1 .zan{ display:block; margin:0 auto; width:140px; height:75px; position:relative; background:#ecedef; border-radius:75px;}
#Subpage2 .GDdet .box1 .img{ float:left; width:100%; line-height:0; text-align:center; margin:12px 0 5px 0;}
#Subpage2 .GDdet .box1 .img img{ width:30px; height:30px;}
#Subpage2 .GDdet .box1 .tit{ float:left; width:100%; color:#888888; font-size:12px; line-height:22px;}
#Subpage2 .GDdet .box1 .zan.on .tit{color: #ea1f18;}
#Subpage2 .GDdet .share{ float:left; width:100%; text-align:center; height:31px; margin-bottom:40px;}
#Subpage2 .GDdet .bdshare0{ display:inline-block; vertical-align:top;} 
#Subpage2 .GDdet .bdshare0 a{ display:inline-block; width:26px !important;  height:26px !important; margin:0 7px !important; padding:0 !important; background-size:contain; background-repeat:no-repeat; background-position: center center;}

.bd_weixin_popup{ box-sizing:content-box;}
#Subpage2 .tuijian{ float:left; width:100%;}
#Subpage2 .tuijian .tit{ float:left; width:100%; color:#000000; font-size:32px; line-height:42px;}
#Subpage2 .tuijian .tit span{ font-size:48px;font-family: 'NOTOSERIFCJKSC-REGULAR'; font-weight:bold; margin-right:16px;}
#Subpage2 .tuijian .list{ float:left; width:100%; margin-top:25px;}
#Subpage2 .tuijian .list .ul{ margin:0 -17px;}
#Subpage2 .tuijian .list .l1{ float:left; width:33.333%; padding:0 17px;}
#Subpage2 .tuijian .list .l1 a{ float:left; width:100%; line-height:0; position:relative; overflow:hidden; background:#000;}
#Subpage2 .tuijian .list .l1 .img{opacity:0.8; filter:alpha(opacity=80); -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 .tuijian .list .l1 a:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage2 .tuijian .list .l1 .pic{ position:absolute; left:0; top:50%; margin-top:-30px; height:60px; line-height:0; width:100%; text-align:center; padding:0 10%; display:flex;flex-direction: column;justify-content:center;}

#Subpage2 .tuijian .slick-prev{ width:30px; height:30px; left:auto; right:50px; top:-61px; transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); background:url(3224_guand4.png) center no-repeat #1a1a1a; margin-right:17px; border-radius:50%; background-size:100% 100%; }
#Subpage2 .tuijian .slick-next{ width:30px; height:30px; right:0; top:-61px; transform:translate(0,0); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); background:url(3224_guand5.png) center no-repeat #1a1a1a;margin-right:17px; border-radius:50%; background-size:100% 100%; }
#Subpage2 .tuijian .slick-prev:hover{ background:url(3224_guand4.png) center no-repeat #f40e33; background-size:100% 100%; }
#Subpage2 .tuijian .slick-next:hover{ background:url(3224_guand5.png) center no-repeat #f40e33;  background-size:100% 100%; }

#Subpage2 .GDright{ float:right; width:29.44%; padding-left:3.55%; position:relative; z-index:6;}
#Subpage2 .XGreacd{ float:left; width:100%; margin-bottom:55px; position:relative; z-index:6;}
#Subpage2 .XGreacd .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#Subpage2 .XGreacd .list{ float:left; width:100%; border-top:1px solid #c7c7c7; margin-top:24px; }
#Subpage2 .XGreacd .list li{ float:left; width:100%; border-bottom:1px dashed #c7c7c7; padding:25px 0; position:relative;}
#Subpage2 .XGreacd .list li:after{ float:left; width:24px; height:14px; position:absolute; right:0; top:50%; content:''; margin-top:-7px; background:url(3224_guand6.png) right center no-repeat;}
#Subpage2 .XGreacd .list li .tit{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-right:32px;}
#Subpage2 .XGreacd .list li .time{ float:left; width:100%; color:#666666; font-size:14px; line-height:24px; margin-top:4px; padding-right:32px;}
#Subpage2 .XGreacd .list li:hover .tit{ color:#f40e33;}
#Subpage2 .XGreacd .list li:hover:after{background:url(3224_guand7.png) right center no-repeat;}


#Subpage2 .lijiYY{ float:left; width:100%;position:relative; z-index:6;}
#Subpage2 .lijiYY .tit{ float:left; width:100%; color:#000000; font-size:30px; line-height:40px;}
#Subpage2 .lijiYY .Form{ float:left; width:100%; margin-top:20px;}
#Subpage2 .lijiYY .lab{ float:left; width:100%; margin-top:10px; position:relative;}
#Subpage2 .lijiYY .fv0{ float:left; width:100%; height:50px; border:1px solid #f2f2f2; background:#fff; color:#333333; font-size:16px; line-height:24px;  padding:12px 19px; position:relative; cursor:pointer;}
#Subpage2 .lijiYY .yus{ float:left; position:absolute; left:0; top:0; width:auto; border:none;}
#Subpage2 .lijiYY .yanzhengma{ float:right; position:absolute; right:1px; top:15px; /*z-index:16; width:111px;*/ height:25px;}
#Subpage2 .lijiYY ::-webkit-input-placeholder{color:#333333;}
#Subpage2 .lijiYY :-moz-placeholder{color:##333333;}
#Subpage2 .lijiYY ::-moz-placeholder{color:##333333;}
#Subpage2 .lijiYY :-ms-input-placeholder{color:##333333;}
#Subpage2 .lijiYY .fv2{ float:left; width:100%; height:64px; color:#fff; font-size:18px; line-height:62px; border:none; background:#f40e33; padding:0; outline:none; margin-top:10px;}
#Subpage2 .lijiYY .fv0_ys{ height:auto !important;}
#Subpage2 .lijiYY .img{ float:left; position:absolute; right:19px; top:50%; width:12px; height:8px; margin-top:-4px;}
#Subpage2 .lijiYY .ul0{ display:none; float:left; width:100%; position:absolute; left:0; top:50px; z-index:16; background:#f2f2f2; padding:11px 19px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#Subpage2 .lijiYY .ul0 li{ float:left; width:100%; color:#333; font-size:16px; line-height:26px; cursor:pointer;}
#Subpage2 .lijiYY .ul0 li:hover{ color:#f40e33;}
#Subpage2 .lijiYY .ul1{ float:left; width:100%; padding-left:45px; min-height:29px;}
#Subpage2 .lijiYY .ul1 li{ float:left; min-width:110px; color:#666666; font-size:16px; line-height:29px; padding-left:22px; position:relative; cursor:pointer; margin-left:10px;}
#Subpage2 .lijiYY .ul1 li:after{ float:left; width:14px; height:14px; border-radius:50%; background:#edeef0; position:absolute; left:0; top:50%; margin-top:-7px; content:''; z-index:6;}
#Subpage2 .lijiYY .ul1 li:before{ float:left; width:8px; height:8px; border-radius:50%;position:absolute; left:3px; top:50%; margin-top:-4px; content:''; z-index:8;}
#Subpage2 .lijiYY .ul1 li.on:after{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.19);}
#Subpage2 .lijiYY .ul1 li.on:before{ background:#000; }


#Subpage2 .guanDianBg1_1 .Bg1{ left:72%; }
#Subpage2 .GDleft1{ width:75.6%;}
#Subpage2 .GDright1{ width:24.4%;}


#Subpage2 .GDright.on{ position:fixed; top:-60px; left:50%; width:25.8%; margin-left:17.44%;}
#Subpage2 .GDright1.on{ position:fixed; top:-60px; left:50%; width:21.4%; margin-left:22.1%;}
#Subpage2 .GDright.on .XGreacd{ display:none;}
#Subpage2 .GDdet .md.on{ position:fixed; left:50%; top:0; z-index:60; width:1630px; margin-left:-815px;}
#Subpage2 .GDdet .md.on .ul0{ float:left; width:64.2%; margin-left:4.8%;}
#Subpage2 .active .GDdet .md.on{ position:static;}
#Subpage2 .active .GDdet .md.on .ul0{ width:100%; margin-left:0;}
@media screen and  (max-width:1710px){
#Subpage2 .tuijian .list .ul{ margin:0 -10px;}
#Subpage2 .tuijian .list .l1{ padding:0 10px;}
#Subpage2 .tuijian .slick-prev{ margin-right:10px;}
#Subpage2 .tuijian .slick-next{ margin-right:10px;}
#Subpage2 .GDdet .md.on{ width:100%; margin-left:0; padding:0 107px; left:0;}
#Subpage2 .GDdet .md.on .ul0{ width:64.2%;  margin-left:4.9%;}
}
@media screen and  (max-width:1230px){
#Subpage2 .tuijian .tit{ font-size:24px; line-height:34px;}
#Subpage2 .tuijian .tit span{ font-size:36px; margin-right:12px;}
#Subpage2 .GDdet .md li a{ font-size:14px;}
}
@media screen and  (max-width:1024px){
#Subpage2 .guanDian1{ padding:30px 0 0 0;}	
#Subpage2 .guanDianBg1 .Bg1{ display:none;}
#Subpage2 .GDleft{ width:100%; padding-right:0;}
#Subpage2 .GDdet{ margin-bottom:0;}
#Subpage2 .GDdet .tit{ font-size:18px; line-height:28px;}
#Subpage2 .GDdet .info{ padding:10px 0 16px 0;}
#Subpage2 .GDdet .cont{ font-size:14px; line-height:28px; margin:16px 0 28px 0;}
#Subpage2 .GDdet .beizhu{ font-size:14px; padding:12px 15px;}
#Subpage2 .GDdet .sx_fy{ margin:13px 0;}
#Subpage2 .GDdet .sx_fy a{ font-size:14px;}
#Subpage2 .GDdet .sx_fy .fanhui{ width:90px; margin-left:-45px;}
#Subpage2 .GDdet .sx_fy .l_fy{ padding-right:55px;}
#Subpage2 .GDdet .sx_fy .r_fy{ padding-left:55px;}
#Subpage2 .GDdet .share{ display:none; margin-bottom:20px;}
#Subpage2 .GDdet .box1{ margin-bottom:20px;}
#Subpage2 .GDdet .box1 .zan{ width:110px; height:55px;}
#Subpage2 .GDdet .box1 .img{ margin:8px 0 2px 0;}
#Subpage2 .GDdet .box1 .img img{ width:20px; height:20px;}

#Subpage2 .tuijian{ display:none;}
#Subpage2 .tuijian .list{ margin-top:15px;}
#Subpage2 .tuijian .list .ul{ margin:0 -6px;}
#Subpage2 .tuijian .list .l1{ padding:0 6px;}
#Subpage2 .tuijian .tit{ font-size:18px; line-height:28px;}
#Subpage2 .tuijian .tit span{ font-size:28px; margin-right:8px;}
#Subpage2 .tuijian .slick-prev{ margin-right:6px; top:-40px; width:24px; height:24px; right:30px;}
#Subpage2 .tuijian .slick-next{ margin-right:6px; top:-40px; width:24px; height:24px;}

#Subpage2 .GDright{ width:100%; padding:25px 0 40px 0; position:relative; margin-top:30px;}
#Subpage2 .GDright:after{ float:left; width:120%; height:100%; position:absolute; left:-10%; top:0; content:''; background:#f9f9f9; z-index:1;}
#Subpage2 .XGreacd{ display:none; margin-bottom:25px;}
#Subpage2 .XGreacd .tit{ font-size:18px; line-height:28px;}
#Subpage2 .XGreacd .list{ margin-top:12px;}
#Subpage2 .XGreacd .list li{ padding:12px 0;}
#Subpage2 .XGreacd .list li .time{ margin-top:0;}

#Subpage2 .lijiYY .Form{ margin-top:5px;}
#Subpage2 .lijiYY .tit{ font-size:18px; line-height:28px;}
#Subpage2 .lijiYY .fv0{ height:40px; padding:7px 12px; font-size:14px;}
#Subpage2 .lijiYY .fv2{ height:50px; line-height:48px; font-size:16px;}
#Subpage2 .lijiYY .img{ right:12px;}
#Subpage2 .lijiYY .yanzhengma{  /*width:88px; height:40px;*/ top:9px;}
#Subpage2 .lijiYY .ul1 li{ font-size:14px; line-height:26px;}
#Subpage2 .lijiYY .ul0{ top:40px; padding:10px 12px;}
#Subpage2 .lijiYY .ul0 li{ font-size:14px; line-height:24px;}

#Subpage2 .GDright.on{ position:static; width:100%; margin-left:0;}
#Subpage2 .GDright1.on{ position:static; width:100%; margin-left:0;}


#Subpage2 .GDdet .md li a{ line-height:20px; padding:8px 2px;}
#Subpage2 .GDdet .bd{ margin:15px 0 5px 0;}
#Subpage2 .GDdet .box6{ margin-bottom:25px;}

#Subpage2 .GDdet .md.on{ padding:0; position:static;}
#Subpage2 .GDdet .md.on .ul0{ width:100%;}
}
@media screen and  (max-width:768px){
#Subpage2 .GDdet .md.on{ position:static;}	
#Subpage2 .GDdet .md li{ width:25%; margin-bottom:1px;}
#Subpage2 .GDdet .md li a{ font-size:13px; padding:6px 2px;}	
#Subpage2 .GDdet .sx_fy .l_fy{ width:100%; padding-right:90px;}
#Subpage2 .GDdet .sx_fy .r_fy{ width:100%; padding-left:0; padding-right:90px; text-align:left;}	
#Subpage2 .GDdet .sx_fy .fanhui{ left:auto; right:0; margin:0; border-right:none; width:auto; padding:0 0 0 15px; top:50%; margin-top:-10px;}
#Subpage2 .tuijian .list .l1{ width:50%;}
}
/*hjiaGg1*/
#Content12 .hjiaGg1{ float:left; width:100%; margin:80px 0;}
#Content12 .jiaGg1{ float:left; width:100%; padding:0 25px; position:relative;}
#Content12 .jiaGg1:after{ float:left; width:90%; height:1px; position:absolute; left:5%; top:50%; content:''; background:#d9d9d9; z-index:1;}
#Content12 .jiaGg1 .tit1{ float:left; color:#000000; font-size:54px; line-height:54px; position:relative; z-index:6; background:#fff;padding-right:30px;}
#Content12 .jiaGg1 .tit2{ float:right; color:#333333; font-size:24px; line-height:54px; background:#fff; padding-right:7px; position:relative; z-index:6;}
#Content12 .jiaGg1 .tit2 a{ color:#333; margin:0 30px;}

#Content12 .jiaGg2{ float:left; width:100%; padding:0 25px; margin-top:24px;}
#Content12 .jiaGg2 .ul{ margin:0 -18px;}
#Content12 .jiaGg2 .li{ float:left; width:25%; padding:0 18px; margin-top:36px; display:list-item;display: flex; flex-wrap: wrap;align-content: flex-start;}
#Content12 .jiaGg2 .la{ float:left; width:100%; background:#f1f1f1; position:relative; height:100%; padding:35px 10.52%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease;-ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;}
#Content12 .jiaGg2 .la .l1{ float:left; width:100%; color:#222233; font-size:24px; line-height:34px;}
#Content12 .jiaGg2 .la .line{ float:left; width:46px; height:1px; background:#f40e33; margin:25px 0 27px 0;}
#Content12 .jiaGg2 .la .l2{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px;}
#Content12 .jiaGg2 .la .l3{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin:35px 0 0 0; padding:24px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#Content12 .jiaGg2 .la .p1{ float:left; width:100%; margin:11px 0; position:relative; padding-left:31px;}
#Content12 .jiaGg2 .la .p1:after{ float:left; width:18px; height:18px; position:absolute; left:0; top:4px; border-radius:50%; background:url(3225_jiage.png) center no-repeat #f40e33; background-size:100% 100%; content:'';}
#Content12 .jiaGg2 .la .l4{ float:left; width:100%; color:#666666; font-size:16px; line-height:48px; height:48px; margin-top:25px;}
#Content12 .jiaGg2 .la .num{ color:#f40e33; font-size:48px; margin:0 8px;}
#Content12 .jiaGg2 .la:hover{ background:#2a2a2a;}
#Content12 .jiaGg2 .la:hover .l1{ color:#fff;}
#Content12 .jiaGg2 .la:hover .l2{ color:#fff;}
#Content12 .jiaGg2 .la:hover .l3{ color:#fff; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);}
#Content12 .jiaGg2 .la:hover .p1:after{ background:url(3225_jiage1.png) center no-repeat #fff; background-size:100% 100%;}
#Content12 .jiaGg2 .la:hover .l4{ color:#fff;}
#Content12 .jiaGg2 .la:hover .num{ color:#fff;}
@media screen and  (max-width:1710px){

}
@media screen and  (max-width:1230px){
#Content12 .jiaGg2 .ul{ margin:0 -10px;}
#Content12 .jiaGg2 .li{ padding:0 10px; margin-top:20px;}
#Content12 .jiaGg2 .la{ padding:20px 15px;}
#Content12 .jiaGg2 .la .l1{ font-size:18px; line-height:28px;}
#Content12 .jiaGg2 .la .line{width:36px; margin:12px 0 14px 0;}
#Content12 .jiaGg2 .la .l2{ font-size:14px; line-height:26px;}
#Content12 .jiaGg2 .la .l3{ font-size:14px; line-height:24px; margin:18px 0 0 0; padding:12px 0;}
#Content12 .jiaGg2 .la .p1{ margin:5px 0; padding-left:22px;}
#Content12 .jiaGg2 .la .p1:after{ width:16px; height:16px;}
#Content12 .jiaGg2 .la .l4{ font-size:14px; line-height:24px; height:24px; margin-top:12px;}
#Content12 .jiaGg2 .la .num{ font-size:24px; margin:0 4px;}
#Content12 .jiaGg1 .tit1{ font-size:28px; line-height:28px;}
#Content12 .jiaGg1 .tit2{ font-size:16px; line-height:28px; padding-right:4px;}
#Content12 .jiaGg1 .tit2 a{ margin:0 15px;}
}
@media screen and  (max-width:1024px){
#Content12 .hjiaGg1{ margin:30px 0 40px 0;}	
#Content12 .jiaGg2{ padding:0; margin-top:10px;}
#Content12 .jiaGg2 .li{ width:33.33%;}
#Content12 .jiaGg2 .ul{ margin:0 -7px;}
#Content12 .jiaGg2 .li{ padding:0 7px; margin-top:14px;}
#Content12 .jiaGg2 .la .p1{ margin:3px 0;}
#Content12 .jiaGg1{ padding:0;}
#Content12 .jiaGg1 .tit1{ font-size:24px; line-height:22px;}
#Content12 .jiaGg1 .tit2{ font-size:16px; line-height:22px;}
#Content12 .jiaGg1 .tit2 a{ margin:0 0 0 12px;}
}
@media screen and  (max-width:768px){
	#Content12 .jiaGg2 .li{ width:50%;}
@media screen and (max-width:480px ) {
	#Content12 .jiaGg2 .li{ width:100%;}
}

}
#Content13 .page1{ float:left; width:100%; color:#000000; font-size:16px; line-height:36px; margin:80px 0; }
@media screen and  (max-width:1710px){

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

}
@media screen and  (max-width:1024px){
#Content13 .page1{ font-size:14px; line-height:28px; margin:40px 0; }
}
@media screen and  (max-width:768px){

}



/*20190717*/
.zixunBg{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1001; background:#333333;opacity:0.2; filter:alpha(opacity=20);}
.zixunPou{ display:none; float:left; width:603px; height:366px; background:#fff; padding:36px; position:fixed; left:50%; top:50%; z-index:1002; margin:-183px 0 0 -301px;}
.zixunPou .cont{ float:left; width:100%; position:relative;}
.zixunPou .colse{ float:left; width:30px; height:30px; padding:6px; line-height:0; position:absolute; right:-6px; top:0px;}
.zixunPou .box1{ float:left; width:100%;}
.zixunPou .box1 .tit1{ float:left; width:100%; color:#000000; font-size:18px; line-height:28px; padding-right:30px;}
.zixunPou .box1 .tit2{ float:left; width:100%; color:#666666; font-size:18px; line-height:28px; margin:16px 0;}
.zixunPou .box1 .lab{ float:left; width:100%; margin:8px 0 5px 0;}
.zixunPou .box1 .fm1{ float:left; width:46.88%; position:relative;}
.zixunPou .box1 .fv1{ float:left; width:100%; border:none; border-bottom:1px solid #999999; color:#999999; font-size:14px; height:56px; line-height:24px; padding:16px 0;}
.zixunPou .box1 .fv2{ float:left; width:100%; border:none; color:#fff; font-size:18px; height:56px; line-height:56px; background:#333333; outline:none;}
.zixunPou .box1 .fv3{ float:left; width:100%; border:none; color:#fff; font-size:18px; height:56px; line-height:56px; background:#333333; outline:none;}
.zixunPou .box1 .fv3 img{ display:inline-block; vertical-align:top; height:24px; margin:16px 10px 0 0;}
.zixunPou .box1 .fv2:hover,
.zixunPou .box1 .fv3:hover{background:#000;}
.yanzheng{ float:left; position:absolute; right:0; top:50%; margin-top:-20px; width:80px; height:40px;}

.zixunPou .box2{ float:left; width:100%; text-align:center;}
.zixunPou .box2 .tit1{ float:left; width:100%; color:#000000; font-size:18px; line-height:28px; margin:90px 0 3px 0;}
.zixunPou .box2 .tit2{ float:left; width:100%; color:#666666; font-size:18px; line-height:28px; margin:10px 0;}


.colorcon{padding:30px 0; text-align:center;}
.colorcon .cdiv{display:inline-block;   margin:0 15px;}
.colorcon .cdiv span{display:block; width:50px; height:50px; border-radius:10px;}
.colorcon .cdiv b{font-weight:normal; font-size:12px; color:#666; line-height:30px; display:block; text-align:center;}

@media screen and (max-width:767px ) {
.zixunPou{ width:92%; height:250px; left:4%; margin:-125px 0 0 0; padding:12px;}
.zixunPou .colse{ width:28px; height:28px;}
.zixunPou .box1 .tit1{ font-size:15px; line-height:24px; padding-right:24px;}
.zixunPou .box1 .tit2{ font-size:15px; line-height:24px; margin:8px 0;}
.zixunPou .box1 .lab{ margin:0;}
.zixunPou .box1 .fm1{ width:49%;}
.zixunPou .box1 .fv1{ height:40px; padding:8px 0; margin:5px 0 0 0;}
.zixunPou .box1 .fv2{ height:40px; font-size:15px; line-height:40px; margin:5px 0 0 0;}
.zixunPou .box1 .fv3{ height:40px; font-size:15px; line-height:40px; margin:5px 0 0 0;}
.zixunPou .box1 .fv3 img{ height:16px; margin:12px 5px 0 0;}

.zixunPou .box2 .tit1{ font-size:15px; line-height:24px; margin:70px 0 0 0;}
.zixunPou .box2 .tit2{ font-size:15px; line-height:24px; margin:5px 0;}


.colorcon{padding:20px 0; text-align:center;}
.colorcon .cdiv{display:inline-block;   margin:0 10px;}
.colorcon .cdiv span{display:block; width:30px; height:30px; border-radius:6px; margin:0 auto;}
.colorcon .cdiv b{font-weight:normal; font-size:12px; color:#666; line-height:20px; display:block; text-align:center;}

}