﻿
@font-face {
  font-family: FontsLight;
  src: 
   url("../Fonts/SourceHanSerifCN-Light.ttf");
   
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: FontsRegular;
  src: url("../Fonts/SourceHanSerifCN-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: FontsMedium;
  src: url("../Fonts/SourceHanSerifCN-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}


@font-face{font-family:Fonts;src:url(../Fonts/Oswald-Regular.woff2) format("woff2"),url(../Fonts/Oswald-Regular.woff) format("woff"),url(../Fonts/Oswald-Regular.ttf) format("truetype"),url(../Fonts/Oswald-Regular.eot) format("embedded-opentype"),url(../Fonts/Oswald-Regular.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Fonts2;src:url(../Fonts/Oswald-Light.woff2) format("woff2"),url(../Fonts/Oswald-Light.woff) format("woff"),url(../Fonts/Oswald-Light.ttf) format("truetype"),url(../Fonts/Oswald-Light.eot) format("embedded-opentype"),url(../Fonts/Oswald-Light.svg) format("svg");font-weight:400;font-style:normal}



body{font-family: FontsMedium;font-size: 16px; color: #222;position: relative}

a:hover{ color: #a80001}

.fl{ float:left;}
.fr{ float:right;}
.w22{ width:20%; padding-bottom:0%;}
.w75{ width:75%; padding-bottom:0%;}
@media(max-width:1024px){
.fl,
.fr{ float:none;}
.w22,
.w75{ width:auto; padding-bottom:2%; position: relative;}
.w22{ z-index: 101;}
}


#bsPanelHolder{display:none}
.bsPromo{width:100%!important;text-align:center!important}
.bshare-custom{width:100%!important}
.bshare-custom #bshare-shareto{color:#fff!important}
#bsMorePanel,.bsTop{width:100%!important}
#bsMorePanel{height:370px!important}
.bFind-wrapper-top{display:none!important}
#bsLogoList li{width:20%!important}
.bsFrameDiv{width:100%!important;height:auto!important}
.bsFrameDiv>div{background:#fff;width:100%!important;height:208px!important}
.bsFrameDiv>div img{width:82%!important;height:auto!important}
.bsBox{overflow:hidden}
.fancybox-title-float-wrap{font-size: 16px !important;}
@media(max-width:768px){
    #bsBox{width:90%!important;margin:0 auto!important;top:10%!important;left:5%!important;min-width:auto;min-height:auto}
    #bsLogoList li{width:33.3334%!important}
}
input,textarea{-webkit-appearance:none}






.Contain{padding:9% 0 6%;background-attachment: fixed; background-size: cover}
.Contain .auto{ padding:100px; ;background:url(../images/main_bg2.png); }
.Contain .auto .bg{-webkit-filter:blur(6px); background-attachment: fixed;position: absolute; left: 0; top: 0; z-index:-10; width: 100%; height: 100%}

.Contain .auto:after{  content:""; display: block; background:url(../images/main_bg2.png);z-index: -5 ;position:absolute; left:0; top:0; right:0; bottom: 0 }

.Contain2 .auto:after{}
@media(max-width:768px){
    .Contain .auto{ padding:2%; position: relative;background:url(../images/main_bg2.png); }
    /*.Contain .auto:after { z-index: 1;}*/
}


.auto_1400{max-width:1400px}
@media(max-width:1400px){.auto_1400{padding:0 2%}
}
.auto_1600{max-width:1600px}
@media(max-width:1600px){.auto_1600{padding:0 2%}
}


.Top002138{padding:0 2%;width:100%;z-index:120; position: relative;transition:.3s; background:url(../images/main_bg.png);}
.Top002138 .header{z-index:100}
.Top002138 .header-left{float:left}
.Top002138 .header-left img{  }
.Top002138 .header-left .logo{padding:20px 0 0;transition:.3s}
.Top002138 .header-left .logo_img1{display:block}
.Top002138 .header-left .logo_img2{display:none}
.Top002138 .header-left .logo_txt{position:relative;padding-left:15px}
.Top002138 .header-left .logo_txt::before{position:absolute;content:'';left:7px;top:50%;margin-top:-19px;width:1px;height:38px;background:#d6d5d1}
.Top002138 .header-mid{margin-right:15px;}
.Top002138 .header-mid,.Top002138 .header-right{float:right}
.Top002138 .header-right{padding-top:32px;transition:.3s;position:relative;z-index:100; height:96px}

.Top002138 .header-right dd{float:left;line-height:36px;}
.Top002138 .open-search{ margin-right:0px; width:36px;height:36px;background:url(../images/Top002138-searchbg3.png) no-repeat center center;cursor:pointer}
.Top002138 .open-search-on{background:0 0;position:relative}
.Top002138 .open-search-on::after,
.Top002138 .open-search-on::before{position:absolute;content:'';width:60%;left:20%;top:50%;
transform:rotate(45deg);height:2px;background: #444}
.Top002138 .open-search-on::after{transform:rotate(-45deg)}
.Top002138 .top-search{ border-radius: 0px; overflow: hidden; display:none;position:absolute;right:0;top:80%;margin-top:0px;margin-right:0px;padding:2px;background:#a80001;width:300px;margin-left: 0 !important}
.Top002138 .top-search .text{border:none;height:38px;line-height:38px;padding:0 50px 0 15px;width:100%;color:#999;border-radius:0px; overflow: hidden; }
.Top002138 .top-search .btn{position:absolute;right:0;width:50px;height:100%;top:0;background:url(../images/Top002138-searchbg2.png) no-repeat center center #a80001}



.Top002138 .header-menu li{width:auto!important;position: relative;}
.Top002138 .header-menu li em{padding:32px 35px;transition:.3s}
.Top002138 .header-menu li em a{padding:0;line-height:36px;font-size:18px;
	border-radius:100px;position:relative;color:#444; }
.Top002138 .header-menu li em a:hover,.Top002138 .header-menu li.aon em a{color:#a80001}
.Top002138 .header-menu li em a:hover:after,
.Top002138 .header-menu li.aon em a:after{content:"";display:block;position:absolute;left:0;
bottom:-32px;width:100%;height:3px;background:#a80001; border-radius:10px;}
.Top002138 .header-menu li .sub-menu dl{padding: 0;max-width:1000px;margin:0 auto}
.Top002138 .header-menu li .sub-menu dt a{padding:0;color:#666;padding: 0 10px;line-height: 50px; text-align: center;}

.Top002138 .header-menu li .sub-menu dt:last-child a::after{display:none}
.Top002138 .header-menu li .sub-menu dt a:hover{background:#a80001; color:#fff}
.Top002138 .header-menu li .sub{background:rgba(255,255,255,.8); width: 100%}
.Top002138 .sub-menu-layer{background:rgba(255,255,255,.8)}



@media(max-width:1280px){
    .Top002138 .header-left .logo li.logo_txt{display:none}
}
@media(max-width:1200px){
    .Top002138 .header-menu li em a{padding:0 10px}
}
@media(min-width:1025px){
    .Top002138 .top-language{position:relative}
    .Top002138 .top-language .top-sub{display:none;background:#d0111b;text-align:center;top:100%}
    .Top002138 .top-language .top-sub a{display:block;border-bottom:1px solid #fff}
    .Top002138 .top-search{max-width:400px}
}
@media(max-width:1024px){
    .Top002138{padding:0}
    .Top002138 .top-language span{display:none}
    .Top002138 .top-language .top-sub{display:block!important;height:37px!important;background:#000;top:0;text-align:right;padding:0 2%}
    .Top002138 .top-language .top-sub a{display:inline-block;border:1px solid #d0111b;color:#d0111b;padding:0 10px;margin-left:5px;line-height:25px}
    .Top002138 .header-left{width:50%}
    .Top002138 .header-left .logo{padding-top:15px}
    .Top002138 .header-right{padding-top:22px}
    .Top002138 .top-search{margin-right:-18px;margin-top:22px;width:250px; top: 100%;}
    .Top002138 #open_menu,.Top002138 .header-right dd.open-search{background-color:#eee;border-radius:50%}
    .Top002138 #open_menu{width:36px;height:36px;position:relative}
    .Top002138 #open_menu i,.Top002138 #open_menu i::after,.Top002138 #open_menu i::before{background:#033543}
    .Top002138_on .open-search{background:url(../images/Top002138-searchbg.png) no-repeat center center;cursor:pointer}
    .Top002138_on .open-search-on::after,.Top002138_on .open-search-on::before{background:#033543}
    .Top002138 #open_menu i{width:60%;left:20%;top:50%;height:2px}
    .Top002138 #open_menu.open_menu_on{background:#a90003;border:none}
    .Top002138 #open_menu.open_menu_on i{background:0 0!important}
    .Top002138 #open_menu.open_menu_on i::after,.Top002138 #open_menu.open_menu_on i::before{background:#fff}
    .Top002138 #open_menu.open_menu_on i::before{top:0!important;transform:rotate(-45deg)}
    .Top002138 #open_menu.open_menu_on i::after{top:0!important;transform:rotate(45deg)}
    .Top002138 .header{position:initial;height:80px}
    .Top002138 #header-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;display:none}
    .Top002138 #header-menu li{border-bottom:1px dotted #eee}
    .Top002138 #header-menu li a{line-height:50px}
    .Top002138 #header-menu li em,.Top002138 #header-menu li em a{border-bottom:0}
    .Top002138 #header-menu li em a{color:#666;font-weight:400}
    .Top002138 #header-menu li .sub-menu dt a{border-bottom:none}
    .Top002138 #header-menu li .sub{background:#eee}
    .Top002138 #header-menu li .sub dt{border-bottom:1px dashed #ddd}
    .Top002138 #header-menu li .sub dt a{color:#666}
    .Top002138 #header-menu li.has-sub em a{background:url(../images/Top002138-a_lang.png) no-repeat 95% center}
    .Top002138 #header-menu #m10.has-sub em::before{display:none}
    .Top002138 #header-menu #m11.has-sub em::before{display:none}
}
@media(max-width:640px){
    .Top002138 .header-right { height: auto;}
    .Top002138 .header-right dd { margin-right: 10px;}
}


.Bottom001111{padding:5% 0; background:#4e4e4e; color: #fff;font-family: "Microsoft YaHei"; }
.Bottom001111 a{ color: #fff}

.Bottom001111 .contact{ width:20%; float: left }
.Bottom001111 .contact .logo{margin:0 0 25px 0; }
.Bottom001111 .contact p{margin:10px 0; line-height: 28px; }
.Bottom001111 .contact .share{ margin:30px 0 15px; display: none  }
.Bottom001111 .contact .share a{ width: 28px; height: 28px; display: inline-block;
    background: url(../images/bottom_share.png) no-repeat left center ; margin-right: 24px; }
.Bottom001111 .contact .share a.wx{ background-position: center center }
.Bottom001111 .contact .share a.wb{ background-position: right center  }
.Bottom001111 .contact .copyright{ font-size: 14px; margin-top:40px; }

.Bottom001111 .code{ float: right; margin-left:80px; text-align: center; }
.Bottom001111 .code span{ display: block; margin-top: 15px; }

.Bottom001111 nav{ width: 64%; float: right;text-align: right }
.Bottom001111 nav dl{ vertical-align: top;  float:none;display: inline-block;margin-left:9.5%;text-align: left }
.Bottom001111 nav dl dt{margin-bottom:15px; padding-bottom: 30px; position: relative;}
.Bottom001111 nav dl dt a:hover{ color: #e60012;}

.Bottom001111 nav dl dd a{ font-size: 13px;margin-bottom: 22px; display: block; }
.Bottom001111 nav dl dd a:hover{ color: #e60012;}

@media(max-width:640px){
    .Bottom001111 .contact { width: 100%;padding: 0 4%; font-size: 14px; text-align: center;}
    .Bottom001111 .contact .logo { margin-bottom: 10px;}
    .Bottom001111 .contact p { line-height: 1.5;}
    .Bottom001111 .contact .share { margin: 10px 0;}
    .Bottom001111 nav { display: none;}
    .Bottom001111 .code{ display: none;}
}



.Banner002167{position:relative;z-index:1; }
.Banner002167 div{height:400px;background-position:center top;background-repeat:no-repeat;
 background-size: cover; background-color: #666;background-attachment: fixed;}
.Banner002167 img{display:none}
.Banner002167 aside{position:absolute;left:50%;top:50%;line-height:46px;height:46px;width:100%;font-size:33px;padding:0 2%;max-width:1200px;color:#fff;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media(max-width:1000px){
    .Banner002167 div{display:none}
.Banner002167 img{display:block;width:100%}
}
@media(max-width:640px){
    .Banner002167 aside{font-size:24px}
}


@keyframes zoom{0%{transform:scale(1);opacity: 0}
50%{transform:scale(1.05);opacity: 0.1}
100%{transform:scale(1.3);opacity: 0}
}


/*Menu003057 */
.Menu003057 { margin-bottom: 20px;	}


.Menu003057 .col-name{font-size:40px;color:#444;margin:0;font-weight:300;  font-family: FontsLight;
	position:relative; margin-left: 10px; z-index: 10; display: none }
.Menu003057 .col-name:after{content:"";display:block;position:absolute;
right:-4px;bottom:4px;width:12px;height:14px;opacity: 0.8;
z-index:-10;background: url(../images/tit_icon.png) no-repeat center center;
 background-size: contain;}

.Menu003057 ul{margin-top: 0px; position: relative;z-index: 50}
.Menu003057 li a{color: #444;font-size: 18px;line-height: 44px;display: block;
	border: 2px solid transparent; padding: 0 50px;transition: 0.3s; position: relative;}

.Menu003057 li:hover a,
.Menu003057 li.aon a{color: #fff; background:  #a80001; }


.Menu003057 li.aon span{  display: block;position: absolute;
left:-4%;top: -20%; width: 108%;
height: 140%; background:  #a80001; z-index: -20;
animation:zoom 1s linear infinite;
-o-animation:zoom 1s linear infinite;
-ms-animation:zoom 1s linear infinite;
-moz-animation:zoom 1s linear infinite;
-webkit-animation:zoom 1s linear infinite}

.Menu003057 li:hover span{display: none}

@media(min-width:1025px){
.Menu003057 li{float: left;}
.Menu003057 li:not(:last-child){margin-right:15px;}
}

@media(max-width:1024px){
    .Menu003057{padding: 6vw 0;text-align: center;}
    .Menu003057 .col-name{font-size: 5vw;}
    .Menu003057 li{display: inline-block;}
    .Menu003057 li a{font-size:3.2vw;padding: 0 1em}
}
@media(max-width:640px){
    .Menu003057 { margin-bottom:0;}
    .Menu003057 ul  { font-size: 0;}
    .Menu003057 li { width: 25%;}
    .Menu003057 li a{font-size:4vw; padding: 0;}
}




/*Menu002518 */
.Menu002518 .side-title{ position: relative; background:#a80001; color:#fff; font-size:24px; padding:25px 0 0 40px; height:80px; font-weight:bold;}
.Menu002518 .side-title:after{ content: ""; display: block; position: absolute; right: 30px;top: 22px;height: 40px;width: 40px; background: url(../images/menu_top.png) no-repeat center center; background-size:contain;opacity: 0.3 }
@media(max-width:768px){
    .Menu002518 .side-title { font-size: 22px;height: 70px;padding-top: 19px;}
.Menu002518 .side-title:after{top:15px;}
}



.Menu002518 .side-menu{ background:#fff; border-radius:0;
 padding: 0}
.Menu002518 .side-menu li{}
.Menu002518 .side-menu li:last-child{ margin-bottom:0px;}
.Menu002518 .side-menu li a{display:block; font-size:16px; position:relative; color:#666;}
.Menu002518 .side-menu > ul > li > a{ line-height:54px; padding-left:30px;
 border-radius:0px; font-size:16px;    background: #fff;}
.Menu002518 .side-menu li a i{ position:absolute; right:34px; top:50%; margin-top:-10px; width:20px; height:20px; background:#fff; border-radius:50%;}
.Menu002518 .side-menu li a i::before,
.Menu002518 .side-menu li a i::after{ position:absolute; content:''; background:#d1d1d1;}
.Menu002518 .side-menu li a i::before{ left:20%; height:2px; width:60%; top:50%; margin-top:-1px;}
.Menu002518 .side-menu li a i::after{ left:50%; width:2px; margin-left:-1px; top:20%; height:60%;}
.Menu002518 .side-menu li ul{ display:none;}
.Menu002518 .side-menu > ul > li > a:hover,
.Menu002518 .side-menu > ul > li.aon > a{ background:#ffeded;}
.Menu002518 .side-menu li a:hover,
.Menu002518 .side-menu li.aon > a{ color:#e21013; }
.Menu002518 .side-menu li a:hover i::before,
.Menu002518 .side-menu li.aon a i::before{ background:#f6b6b7;}
.Menu002518 .side-menu li a:hover i::after,
.Menu002518 .side-menu li.aon a i::after{ display:none;}
.Menu002518 .side-menu li ul { padding:8px 4px ;     background: url(../images/main_bg2.png);}
.Menu002518 .side-menu li ul li{padding:0 30px; }
.Menu002518 .side-menu li ul li a{ line-height:38px; font-size: 14px; border-bottom:1px solid  rgba(0,0,0,0.05); position:relative; background: none}
.Menu002518 .side-menu li ul li:last-child a{ border-bottom:0;}
.Menu002518 .side-menu li ul li a::before,
.Menu002518 .side-menu li ul li a::after{ position:absolute; content:''; opacity:0;}
.Menu002518 .side-menu li ul li a::before{ right:0px; top:50%; width:15px; height:15px; margin-top:-7.5px; background:#f8cecf; border-radius:50%;}
.Menu002518 .side-menu li ul li a::after{ border-color:transparent; border-width:3px 0 3px 4px; border-style:solid; 
  border-left-color:#fff; right:5px; top:50%; margin-top:-3px;}
.Menu002518 .side-menu li ul li a:hover::before,
.Menu002518 .side-menu li ul li a:hover::after,
.Menu002518 .side-menu li ul li.aon a::before,
.Menu002518 .side-menu li ul li.aon a::after{ opacity:1;}
@media(min-width:1025px){
.Menu002518 .side-open_menu{ display:none;}
}
@media(max-width:1024px){
.Menu002518{ position:relative; z-index:10;}
.Menu002518 .side-menu{ display:none; position:absolute; left:0; width:100%; top:100%; margin-top:5px; z-index:100;}
.Menu002518 .side-open_menu{ position:relative; background:rgba(226, 16, 19, 0.1); border:3px solid #fff;border-radius:6px; padding:10px 20px; font-size:18px; box-shadow:0 3px 0 #e21013;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Menu002518 .side-open_menu::before{ position:absolute; content:''; border:5px solid transparent; border-top-color:#e21013; right:20px; top:50%; margin-top:-2px;}
}
@media(max-width:64px){
.Menu002518 .side-menu > ul > li > a {line-height: 40px;padding-left: 20px;font-size: 16px;}
.Menu002518 .side-menu li ul li a {line-height: 36px;}
.Menu002518 .side-menu li a{ font-size:14px;}
.Menu002518 .side-menu{ padding-top:10px;box-shadow: 0 4px 5px 2px #ccc;}
    .Menu002518 .side-open_menu { font-size: 16px;}
}








.column_title{text-align: center; margin-bottom: 50px;} 
.column_title h1{font-size: 26px; font-weight:normal; margin:0 0 30px 0; color: #444} 
.column_title span{  color: #a80001; position: relative}

@media(max-width:640px){
    .column_title h1{font-size: 20px;}
    }


.Singlepage{padding:3.8% 0 0; }
.Singlepage2{ background:url(../images/main_bg2.png); margin-top:-2px; position: relative; z-index: 50 }
.Singlepage .about p{ color: #666; font-size: 16px; line-height:32px; }
.Singlepage .about p:nth-child(1){ margin-top: 0}
.Singlepage .about .text{ width: 50%; float: left}
.Singlepage .about2 .text{ padding: 5% 0}
.Singlepage .about .pic{ width: 43%; float:right;  }
.Singlepage .about .pic figure{ height: 380px;}

.Singlepage .about .column_title{ position: relative; text-align: left;margin-bottom:25px;}

.Singlepage .about .slick-arrow{ font-size:0; width:50px ;height:50px ;  position:absolute; top:50%; margin-top:-25px;cursor:pointer; padding:0;border:0;background:none; z-index: 50}
.Singlepage .about .slick-prev{ left:-60px;}
.Singlepage .about .slick-next{ right:-60px;}
.Singlepage .about .slick-next::before,
.Singlepage .about .slick-prev::before{ position:absolute; content:''; width:50%;height:50%; border-top:2px solid rgba(0,0,0,0.2); border-right:2px solid rgba(0,0,0,0.2);
 top:25%; left:20%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.Singlepage .about .slick-prev::before{transform:rotate(-135deg);-webkit-transform:rotate(-135deg); left: 40%}
.Singlepage .about .slick-next:hover::before,
.Singlepage .about .slick-prev:hover::before{ border-color:rgba(0,0,0,0.5)}

.Singlepage .about li{position: relative;}
.Singlepage .about li .text{position:absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5);padding:20px 0; color: #fff;}
.Singlepage .about li .text h1{ font-size: 16px; font-weight: normal; font-size: 16px; text-align: center; margin:0; }

.Singlepage  .num {color: #444; }
.Singlepage  .num dd{ display: inline-block; margin-right: 6%; padding-right: 6%;  position: relative;}
.Singlepage  .num dd:nth-child(3){ margin-right: 0; padding-right: 0; border:none;  }
.Singlepage  .num dd:after{ content: ""; display: block;position: absolute; right: 0;top:15%;height: 80%; background: rgba(0,0,0,0.1);z-index: 50;width: 1px; }

.Singlepage  .num dd:nth-child(3):after{ display: none }


.Singlepage  .num dd h1{ font-family:Fonts2; display: inline-block;  margin:0; font-size: 55px; color: #a80001;letter-spacing: 2px;  }
.Singlepage  .num dd span{  display: inline-block; font-size: 20px;font-weight: bold ; color: #a80001 ; vertical-align: top }
.Singlepage  .num dd  i{ font-family:Fonts2; display: inline-block;  margin:0; font-size: 55px; color: #a80001;letter-spacing: 2px; }
.Singlepage  .num dd p{ margin:0 0 0 -10px; display: inline-block;  }
.Singlepage  .num dd .counter{ opacity: 0 }



.Singlepage .deve{background: url(../images/RighInfo002275_bg.jpg) no-repeat right bottom #fff;background-size: 40%; ;padding:5% 8%;}
.Singlepage .deve li{ width:47%; margin: 1.5% 6% 1.5% 0; float: left; border-bottom: 1px solid #eee;padding: 10px 0;position: relative; }
.Singlepage .deve li:before{ content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 40px; height:2px;background:#ddd }
.Singlepage .deve li:nth-child(2n){margin-right: 0}
.Singlepage .deve li .pic {display: inline-block; vertical-align: middle;}
.Singlepage .deve li .text{display: inline-block; vertical-align: middle;}
.Singlepage .deve li .pic img{ width:40px; margin: 0 5px 0 0; display: block;transition: 0.5s}
.Singlepage .deve li:hover .pic img{  transform: rotateY(360deg);} 
.Singlepage .deve li h1{ font-size: 26px; font-weight: normal; margin:10px 10px 10px 0; display: inline-block; color: #222}
.Singlepage .deve li p{  margin:0; color: #444; display: inline-block;}

@media (max-width: 768px) {
    .Singlepage .about .text ,
    .Singlepage .about .pic { float: none;width: 100%;}
    .Singlepage .about .pic { margin-top: 30px;padding: 0 4%;}
    .Singlepage .about .pic figure { height: auto;padding-bottom: 64%;}
    .Singlepage .about .slick-arrow {background:rgba(0,0,0,0.6)}
    .Singlepage .about .slick-prev { left: 0;}
    .Singlepage .about .slick-next { right: 0;}
    .Singlepage .about .slick-next::before,
    .Singlepage .about .slick-prev::before,
    .Singlepage .about .slick-next:hover::before,
    .Singlepage .about .slick-prev:hover::before {border-color:#fff; }
    .Singlepage .about p { font-size: 15px;}
    .Singlepage .num dd { float: left; width: 33.33%; margin-right: 0; border-right: 0; text-align: center;}
    .Singlepage .num dd h1 { }
    .Singlepage .num dd i { font-size: 34px; height: 40px;}
    .Singlepage .num dd p { display: block; margin: 0;}
}



.PicList001647{padding:3% 0 0}
.PicList001647 li{float:left;margin-right:2%;width:18%;margin-bottom:1%;text-align:center}
.PicList001647 li figure{position:relative}
.PicList001647 li figure img{width:100%}
.PicList001647 li a.Ispic{padding-bottom:120%;display:block;background-size:cover;background-color:#666}
.PicList001647 li *{margin:0}
.PicList001647 li p{font-size:14px;color:#999;height:40px;overflow:hidden;line-height:20px}
.PicList001647 li h1{font-size:18px;font-weight:400;padding-top:5%;padding-bottom:3%}
@media(min-width:641px){.PicList001647 li:nth-child(5n){margin-right:0}
.PicList001647 li:nth-child(5n+1){clear:left}
}
@media(max-width:640px){.PicList001647 li{float:left;margin-right:2%;width:49%}
.PicList001647 li:nth-child(2n){margin-right:0}
.PicList001647 li:nth-child(2n+1){clear:left}
.PicList001647 li h1{font-size:16px}
}


.Page002046 .Pages{text-align:center;padding:80px 0}
.Page002046 .Pages a{display:inline-block;vertical-align:middle;border:1px solid #ececec;background:#fff;padding:0 15px;line-height:38px;color:#999}
.Page002046 .Pages a.a_cur,
.Page002046 .Pages a:hover{background-color:#a80001;color:#fff}
.Page002046 .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden}
.Page002046 .Pages em a{float:left;margin-left:-1px}
.Page002046 .Pages .p_count,.Page002046 .Pages .p_cur,.Page002046 .Pages .p_jump,.Page002046 .Pages .p_total{display:none}
.Page002046 .Pages .a_next,.Page002046 .Pages .a_prev{padding:0;width:44px;background:url(../images/Page002046-a_prev.gif) no-repeat center center #fff;overflow:hidden;line-height:1000px;height:38px}
.Page002046 .Pages .a_next{background:url(../images/Page002046-a_next.gif) no-repeat center center #fff}
@media(max-width:768px){
.Page002046{padding: 20px  0 30px}	
.Page002046 .Pages .a_end,.Page002046 .Pages .a_first{display:none}
}


.Contain  .Page002046 .Pages{padding:100px 0 0}
@media(max-width:768px){
    .Contain  .Page002046 .Pages{padding:0}
}




.RighInfo002275{padding:4% 0 0}
.RighInfo002275 .con_title{margin-bottom:10px;text-align:center}
.RighInfo002275 .con_title h1{font-size:32px;font-weight:400;margin:0;padding:0 0 10px 0}
.RighInfo002275 .con_title h1:after{content:"";display:block;width:50px;height:3px;background-color:#e60012;border-right:25px solid #666;margin:20px auto 30px}
.RighInfo002275 .item{height:auto;overflow:hidden}
.RighInfo002275 .text{padding:20px 100px}
.RighInfo002275 .map .map_con{height:100%}
.RighInfo002275 .map img{max-width:none!important}
.RighInfo002275 .map{float:right;width:45%;height:400px}
.RighInfo002275 .text{float:left;width:55%;padding:6%;height:400px;background:url(../images/RighInfo002275_bg.jpg) no-repeat right bottom #fff;position:relative}
.RighInfo002275 .text:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/lawyer_bg.png) no-repeat right 60px bottom 40px;background-size:260px;opacity:.8}
.RighInfo002275 .text .title{color:#ddd;margin-bottom:30px}
.RighInfo002275 .text .title h1{margin:0;font-size:26px;color:#444;font-weight:400}
.RighInfo002275 .text dl{position:relative;z-index:50}
.RighInfo002275 .text dd{line-height:26px;font-size:16px;color:#666;padding-left:25px;margin:16px 0}
.RighInfo002275 .text dd:nth-child(1){background:url(../images/contact_phone.png) no-repeat left 4px;background-size:20px}
.RighInfo002275 .text dd:nth-child(2){background:url(../images/contact_fax.png) no-repeat left 4px;background-size:20px}
.RighInfo002275 .text dd:nth-child(3){background:url(../images/contact_email.png) no-repeat left 4px;background-size:20px}
.RighInfo002275 .text dd:nth-child(4){background:url(../images/contact_add.png) no-repeat left 4px;background-size:20px}
.RighInfo002275 .text dd:nth-child(5){background:url(../images/contact_add.png) no-repeat left 4px;background-size:20px}

@media(min-width:769px){
.RighInfo002275 .item:nth-child(2n){margin-top:25px}
.RighInfo002275 .item:nth-child(2n) .map{float:right}
.RighInfo002275 .item:nth-child(2n) .text{float:left}
}

@media(max-width:768px){
.RighInfo002275{padding:0 0 30px 0}
.RighInfo002275 .auto{background:0 0}
.RighInfo002275 .map{height:200px}
.RighInfo002275 .map,
.RighInfo002275 .text{float:left;width:100%}
.RighInfo002275 .text{padding:30px;height:auto}
.RighInfo002275 .text .title{margin:0 0 10px 0;font-size:20px}
.RighInfo002275 .text .title h1{margin:0 0 20px 0;font-size:22px;}
.RighInfo002275 .text .p{line-height:26px}
    .RighInfo002275 .text dd { font-size: 15px;}
    .RighInfo002275 .con_title h1:after{margin:10px auto 10px}
    .RighInfo002275 .item{ margin-bottom: 20px; }
}




.TextList001652{padding:3.8% 0 0}
.TextList001652 .top{line-height:26px;margin-bottom:3%}
.TextList001652 .job_ol,.TextList001652 .list_ul{overflow:hidden;clear:both}
.TextList001652 .job_ol li,.TextList001652 .list_ul li{list-style:none;float:left;width:16.6%;text-align:center}
.TextList001652 .job_ol li{background-color:#1d1e22;color:#fff;line-height:4em; font-size: 18px;}
.TextList001652 .list{border-bottom:1px solid #ebebeb}
.TextList001652 .job_info{display:none; color: #666 }
.TextList001652 .list_ul{cursor:pointer;font-size:14px}
.TextList001652 .list_ul li{padding:1.5em 0;line-height:2.4em; background: #fff}
.TextList001652 .list_ul li:nth-child(5) a{border:1px solid #ddd;color:#444;border-radius:3px;
  display:inline-block;padding:0 7%;line-height:2.2em;transition:.5s}
.TextList001652 .list_ul li:nth-child(5) a:hover{background-color:#a80001;color:#fff}
.TextList001652 .job_info{padding:3% 5%; font-size: 14px;
	line-height:30px;display:none}
@media(max-width:640px){
    .TextList001652 .job_ol li { font-size: 16px;}
    .TextList001652 .list_ul li {padding: 3% 0;}
    .TextList001652 .job_ol li:nth-child(1),
    .TextList001652 .list_ul li:nth-child(1){width:70%;text-align: left; padding-left: 30px;}
    .TextList001652 .job_ol li:last-child,
    .TextList001652 .list_ul li:last-child {width:30%}
    .TextList001652 .job_ol li:nth-child(2),
    .TextList001652 .list_ul li:nth-child(2),
    .TextList001652 .job_ol li:nth-child(3),
    .TextList001652 .list_ul li:nth-child(3),
    .TextList001652 .job_ol li:nth-child(4),
    .TextList001652 .list_ul li:nth-child(4),
    .TextList001652 .job_ol li:nth-child(5),
    .TextList001652 .list_ul li:nth-child(5){display:none}
}





.PicList002273{padding:3.8% 0 0}
.PicList002273 .left img{width:100%;border-radius:0px;transition:transform .5s ease-in-out}
.PicList002273 .left figure { padding-bottom: 64.5%;transition:transform .5s ease-in-out}
.PicList002273 .right .h3{color:#313131;font-size:20px;font-weight:400;margin:10px 0 20px}
.PicList002273 .right .p{ color:#999;font-size:14px;line-height:26px; overflow:hidden}
.PicList002273 .right .time{ color:#999;font-size:14px;line-height:26px; overflow:hidden;margin-top:40px}

.PicList002273 ul li{margin-bottom:0;background:#fff;position:relative;border-bottom:1px solid #eee;transition:.5s}

.PicList002273 li:hover .left figure{transform:scale(1.1)}
.PicList002273 ul li a{display:block;height:auto;overflow:hidden}
@media(min-width:769px){
  .PicList002273 .left{float:left;width:50%;overflow:hidden;border-radius:0px}
.PicList002273 .right{float:right;width:50%;padding:7%;position:relative}
.PicList002273 ul li{padding-right:20px}
}

.PicList002274{padding:3.8% 0 0}
.PicList002274 .left img{width:100%;border-radius:0px;transition:transform .5s ease-in-out}
.PicList002274 .left figure { padding-bottom: 64.5%;transition:transform .5s ease-in-out}
.PicList002274 .right .h3{color:#313131;font-size:20px;font-weight:400;margin:10px 0 0}
.PicList002274 .right .p{ color:#999;font-size:14px;line-height:26px;height: 50px; overflow:hidden}
.PicList002274 ul li{margin-bottom:0;background:#fff;padding:25px 0;position:relative;border-bottom:1px solid #eee;transition:.5s}
.PicList002274 li:hover .left figure{transform:scale(1.1)}
.PicList002274 ul li a{display:block;height:auto;overflow:hidden}
@media(min-width:769px){.PicList002274 .left{float:left;width:22%;overflow:hidden;
	border-radius:0px}
.PicList002274 .right{float:right;width:75%;padding:20px 250px 10px 10px;position:relative}
.PicList002274 .right .time{border-left:1px solid #eee;position:absolute;right:0;
	top:0;width:150px;text-align:center;height:210px;padding-top:50px;color:#aaa}
.PicList002274 .right .time span{font-size:38px;font-weight:700;display:block}
.PicList002274 .right .time{margin-top:14px}
.PicList002274 ul li{padding-right:20px}
}
@media(max-width:768px){
    .PicList002273 .right {padding:20px;}
    .PicList002273 .right .h3 {font-size: 16px; margin: 0;}
    .PicList002273 .right .time { margin-top: 0;}
    .PicList002274{padding:0}
    .PicList002274 ul li{padding:0 0 40px 0}
    .PicList002274 .right {padding: 0 20px;}
    .PicList002274 .right .time{margin:10px 0 5px;display:inline-block}
    .PicList002274 .right .time span{float:right;margin:0}
    .PicList002274 .right .time span:before{content:"-"}
    .PicList002274 .right .h3{margin:10px 0 0; font-size: 16px;}
}








.RichInfo005{padding:3% 0;background:url(../images/main_bg2.png);}
.RichInfo005 .auto{background:#fff;padding:5%}
.RichInfo005 .news_info{height:auto;overflow:hidden}
.RichInfo005 .news_info .title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #d2d2d2;margin-bottom:30px}
.RichInfo005 .news_info .title h1{margin:0;padding-bottom:15px;font-size:26px;font-weight:400;color:#444}
.RichInfo005 .news_info .title p{margin:0;padding-bottom:10px}
.RichInfo005 .news_info .title p span{margin:0 5px;color:#777;font-family:Arial,Helvetica,sans-serif}
.RichInfo005 .news_info .info{text-align:justify;text-justify:inter-ideograph}


.RichInfo005 .news_info .center{text-align:center}
.RichInfo005 .info{font-size: 14px; line-height: 28px; }
.RichInfo005 .news_info .info p{margin:5px 0 ; font-size: 14px ; line-height: 28px ; }

.RichInfo005 .info img{width: 70%; margin:0 auto; display: block; }


.RichInfo005 .info video{width:70%;display:block;margin:3% auto}
.RichInfo005 .info .tou{width:100px;height:100px;overflow:hidden;margin:20px auto 50px;border-radius:50%}
.RichInfo005 .info .tou img{height:100%;width:auto;margin:0}
.RichInfo005 .bot{position:relative;margin-top:50px}
.RichInfo005 .info_back{text-align:center;clear:both;padding:0;position:absolute;right:0;bottom:0}
.RichInfo005 .info_back a{transition:.5s;color:#fff;font-size:16px;background:#a80001;display:block;padding:0px 50px;line-height: 44px; border-radius:0px;text-align:center}
.RichInfo005 .info_back a:hover{background-size:100% 300%}
.RichInfo005 .info_pn span{display:block;font-size:14px;margin:15px 0}
.RichInfo005 .info_pn span a{color:#666}


@media(max-width:1000px){
.RichInfo005 { padding:30px 0; }
.RichInfo005 .news_info .title h1{font-size:20px; line-height: 28px;}
.RichInfo005 .info_back{ position:relative; width: 100% }
.RichInfo005 .info img{width: 90%; margin:0 auto; display: block; }
}
@media(max-width:640px){
    .RichInfo005 .news_info .title p { font-size: 14px;}
}





.PicList002275 ul:nth-child(1),
.PicList002275 ul:nth-child(2),
.PicList002275 ul:nth-child(3){margin-bottom:40px}
.PicList002275 li{float:left;width:49%;margin-right:2%;overflow:hidden}
.PicList002275 li:nth-child(2n){margin-right:0}
.PicList002275 li .pic{padding-bottom:57%;background-position:center center;background-size:cover;transition:transform .5s ease-in-out}
.PicList002275 li:hover .pic{transform:scale(1.1)}
.PicList002275 li .text{ background:#fff;padding:20px 50px;z-index:100;position:relative}
.PicList002275 li .text h1{text-align: center; font-size:18px;font-weight:400;margin:0}
.PicList002275 li .text p{font-size:14px;line-height:24px;color:#888;font-weight:400; height: 50px;}
@media(max-width:768px){
.PicList002275 {padding:  0}
.PicList002275 ul:nth-child(1){margin-bottom:0px}
.PicList002275 li{width:100%;margin:0 0 20px 0;}
.PicList002275 li .text{padding:30px;}
}
@media(max-width:640px){
    .PicList002275 li .text { padding: 10px;}
    .PicList002275 li .text h1 { font-size: 16px;}
}





.PicList002277 { background:#fff;  padding:20px; position: relative; height: auto; overflow:hidden; margin-bottom:3%;}
.PicList002277 .pic{ position: absolute;left: 0; top: 0; height: 100%; width: 50%;background-size:100%;
  background-position:center center;background-repeat: no-repeat; transition:transform .5s ease-in-out}
.PicList002277 .text{width: 50%; float: right;padding:4% 8%;padding-left: 2%; z-index:100;position:relative;}
.PicList002277 .text h1{ font-size:24px;font-weight:400;margin:0; border-bottom: 1px dotted  #e1e1e1;padding-bottom:10px;margin-bottom:30px; }
.PicList002277 .text h1 span{ display: block; font-size: 14px; }
.PicList002277 .text dd{font-size:14px;line-height:24px;color:#888;font-weight:400; position: relative; padding-left: 75px;  min-height: 30px; margin-bottom: 5px;}
.PicList002277 .text dd span{position: absolute; left: 0; top: 0}
@media(max-width:768px){
    .PicList002277 .pic { position: relative; width: 100%; padding-bottom: 70%;}
    .PicList002277 .text { float: none; width: 100%; margin-top: 20px; padding: 10px;}
}








.PicList002278{padding:3.8% 0 0}
.PicList002278 ul:nth-child(1),
.PicList002278 ul:nth-child(2),
.PicList002278 ul:nth-child(3),
.PicList002278 ul:nth-child(4){margin-bottom:35px}
.PicList002278 li{float:left;width:49%;margin-right:2%;overflow:hidden;position: relative; z-index: 10}
.PicList002278 li:before{ content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/cbg.png); background-size:cover;z-index: -10  }
.PicList002278 li:nth-child(2n){margin-right:0}
.PicList002278 li .pic{padding-bottom:57%;background-position:center center;
	background-size:cover;transition:transform .5s ease-in-out;}
.PicList002278 li:hover .pic{transform:scale(1.1)}
.PicList002278 li .text{background:#fff;padding:10px 50px;z-index:100;position:relative}
.PicList002278 li .text h1{text-align: center; font-size:16px;font-weight:400;margin:0}
.PicList002278 li .text p{font-size:14px;line-height:24px;color:#888;font-weight:400; height: 50px;}
@media(max-width:768px){
.PicList002278 {padding:  0}
.PicList002278 ul:nth-child(1){margin-bottom:0px}
.PicList002278 li{width:100%;margin:0 0 20px 0;}
.PicList002278 li .text{padding:30px;}	
}







.PicList002299{padding:0 }

.PicList002299 li{float:left;width:100%;margin-bottom:2%;overflow:hidden;position: relative;
 z-index: 10; background:#fff; height: auto; overflow:hidden;}

.PicList002299 li .pic{background-position:center center;background-size:contain;background-repeat: no-repeat; transition:transform .5s ease-in-out;
 width: 30%; position: absolute; left:5%; top: 0; height: 100%;}
.PicList002299 li:hover .pic{transform:scale(1.02)}

.PicList002299 li .pic2{background-position:center center;background-size:contain;background-repeat: no-repeat; transition:transform .5s ease-in-out;
 width: 30%; position: absolute; left:32%; top: 0; height: 100%;}
.PicList002299 li:hover .pic2{transform:scale(1.02)}

.PicList002299 li .text{background:#fff;padding:8% 50px;z-index:100;position:relative; width: 40%; float: right}
.PicList002299 .text h1{ font-size:24px;font-weight:400;margin:0; border-bottom: 1px dotted  #e1e1e1;
  padding-bottom:10px;margin-bottom:20px; }
.PicList002299 .text h1 span{ display: block; font-size: 14px; }
.PicList002299 .text p{font-size:14px;line-height:24px;color:#888;font-weight:400; height: 50px;}

@media(max-width:768px){
.PicList002299 {padding:  0}
.PicList002299 ul:nth-child(1){margin-bottom:0px}
.PicList002299 li{width:100%;margin:0 0 20px 0;}
.PicList002299 li .text{padding:30px;}
    .PicList002299 .text h1 { font-size: 16px;}
}










.PicList002288{padding:3.8% 0 0}
.PicList002288 ul:nth-child(1),
.PicList002288 ul:nth-child(2),
.PicList002288 ul:nth-child(3){margin-bottom:40px}
.PicList002288 li{float:left;width:49%;margin-right:2%;overflow:hidden;position: relative;}
.PicList002288 li:nth-child(2n){margin-right:0}
.PicList002288 li .pic{padding-bottom:65%;background-position:center center;background-size:cover;transition:transform .5s ease-in-out}
.PicList002288 li:hover .pic{transform:scale(1.1)}
.PicList002288 li .text{ background:rgba(0,0,0,0.5);padding:20px 50px;z-index:100;position:absolute; z-index: 50;left:0; bottom: 0; width: 100%}
.PicList002288 li .text h1{text-align: center; font-size:18px;font-weight:400;margin:0; color: #fff}
@media(max-width:768px){
.PicList002288 {padding:  0}
.PicList002288 ul:nth-child(1){margin-bottom:0px}
.PicList002288 li{width:100%;margin:0 0 20px 0;}
.PicList002288 li .text{padding:30px;}  
}





.PicList002925{padding:3.5% 0 0;position:relative;z-index:50;margin-bottom: -40px;}
.PicList002925 .list{  }
.PicList002925 .list ul{margin:0 }
.PicList002925 .list ul:nth-child(1){margin-bottom: 30px;}
.PicList002925 li{float:left;text-align:center;position:relative;background:url(../images/PicList002925_taibg.png) repeat-x top 80% left}
.PicList002925 li a{display:block;position:relative;z-index:3}
.PicList002925 li .ytable{height:420px}
.PicList002925 li .ytable-cell{vertical-align:bottom}
.PicList002925 li figure{position:relative;margin-bottom:25px; display: inline-block;
  background:#fff;border-right:3px solid rgba(0,0,0,.08);
 padding:10px;}
.PicList002925 li figure img{max-height:300px;position: relative; border-left: 2px solid #eee; border-top: 2px solid #eee}

.PicList002925 li .tit{padding:20px 0;}
.PicList002925 li .tit aside{position: relative; font-size:16px;line-height:26px;color:#444;text-align:center; height: 55px;}

.PicList002925 li:hover .tit{transform:scale(1)}
.fancybox-title-float-wrap{font-weight:400}
@media(min-width:769px){
  .PicList002925 .list{width: 97%;margin:0 auto;}
  .PicList002925 li{width:25%;padding:0 20px}
.PicList002925 li:first-child:before,
.PicList002925 li:nth-child(5n+1):before{position:absolute;top:0;content:'';height:100%;
background:url(../images/PicList002925_taibg_l.png) no-repeat left top 80% ;width:50px;left:-50px;right: auto;}
.PicList002925 li:last-child:before,
.PicList002925 li:nth-child(5n):before{position:absolute;top:0;content:'';height:100%;
background:url(../images/PicList002925_taibg_r.png) no-repeat right top 80% ;width:50px;right:-50px;left: auto;}
}
@media(max-width:768px){
.PicList002925{padding:30px 0}
.PicList002925 .list{padding:0 20px; }
.PicList002925 li{width:100%;padding-bottom:60px}
.PicList002925 li .ytable{height:auto;}
.PicList002925 li figure img{max-height:100%; width: 100%}
.PicList002925 li figure{width:80%;margin:0 auto}
.PicList002925 li .tit{margin:40px 0 20px}
.PicList002925 li{background:url(../images/PicList002925_taibg.png) repeat-x bottom 0px left #f2f3f5}
.PicList002925 li:first-child:before,.PicList002925 li:nth-child(2n+1):before{position:absolute;top:0;content:'';height:100%;
background:url(../images/PicList002925_taibg_l.png) no-repeat left bottom 0px #f2f3f5;width:7vw;left:-3vw}
.PicList002925 li:last-child:before,.PicList002925 li:nth-child(2n):before{position:absolute;top:0;content:'';height:100%;
background:url(../images/PicList002925_taibg_r.png) no-repeat right bottom 0px #f2f3f5;width:7vw;right:-3vw}
}



.PicList008899{ position: relative;padding: 3% 0 0 }
.PicList008899 .swiper-container {width: 100%;}
.PicList008899 .swiper-slide {text-align: center; }
.PicList008899 .swiper-slide div{width:20%; }
.PicList008899 .swiper-slide .pic{ background:#fff;border-right:3px solid rgba(0,0,0,.08);padding:10px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);position: relative; overflow:hidden;}   
.PicList008899 .swiper-slide .pic img{width:100%; display:block;border-left: 2px solid #eee; border-top: 2px solid #eee}   
.PicList008899 .swiper-slide .tit{ position: absolute; left:0px; right: 10px; bottom:10px; border:10px solid #fff; border-top: none; border-bottom: none;  width: 100%; height:auto; background:url(../images/main_bg2.png);
 padding:20px;transform:scale(0);transition:all ease-in-out 0.3s;  }
.PicList008899 .swiper-slide .pic:hover .tit{transform:scale(1)}   
.PicList008899 .swiper-slide .tit aside{ color: #444; font-size: 14px; }   


.PicList008899  .swiper-button-prev,
.PicList008899  .swiper-button-next{ font-size:0; width:50px ;
 height:50px ;  position:absolute; top:50%; margin-top:-25px; 
 background:#fff; border-radius: 100px;
  cursor:pointer; padding:0; z-index: 50; box-shadow: 0 0 50px rgba(0,0,0,0.1)}
.PicList008899  .swiper-button-prev{ left:20px;}
.PicList008899  .swiper-button-next{ right:20px;}
.PicList008899  .swiper-button-next::before,
.PicList008899  .swiper-button-prev::before{ position:absolute; content:''; width:30%;
 height:30%; border-top:2px solid rgba(0,0,0,0.3); border-right:2px solid rgba(0,0,0,0.3);
 top:35%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.PicList008899  .swiper-button-prev::before{transform:rotate(-135deg);
 -webkit-transform:rotate(-135deg); left: 40%}
.PicList008899  .swiper-button-next:hover,
.PicList008899  .swiper-button-prev:hover{background: #a80001 }
.PicList008899  .swiper-button-next:hover::before,
.PicList008899  .swiper-button-prev:hover::before{ border-color: #fff }
.PicList008899 .fl{  border-right:1px dashed  #ddd; width: 15% }
.PicList008899 .fr{ position: relative; width:80% }
.PicList008899  .num { color: #444;}
.PicList008899 .num dd{ display:block;   position: relative; margin-bottom:28px;}
.PicList008899 .num dd:last-child{ margin-bottom:0px;}
.PicList008899 .num dd h1{ font-family:Fonts2; 
  display: inline-block;  margin:0; font-size: 55px; color: #a80001;letter-spacing: 2px;  }
.PicList008899 .num dd span{  display: inline-block; font-size: 20px; margin-left: 5px ;font-weight: bold ; color: #a80001 ; vertical-align: top }
.PicList008899 .num dd p{ margin:0 0 0 -10px; display: inline-block;  }


.PicList008888  { padding:1% 0 0;}
.PicList008888  .num { color: #444; text-align: center; margin-top: -30px;}
.PicList008888 .num dd{ display:inline-block;   position: relative; margin: 0 40px}
.PicList008888 .num dd:last-child{ margin-bottom:0px;}
.PicList008888 .num dd h1{ font-family:Fonts2; display: inline-block;  margin:0; font-size: 55px; color: #a80001;letter-spacing: 2px;  }
.PicList008888 .num dd  i{ font-family:Fonts2; display: inline-block;  margin:0; font-size: 55px; color: #a80001;letter-spacing: 2px; }
.PicList008888 .num dd span{  display: inline-block; font-size: 20px; font-weight: bold ; color: #a80001 ; vertical-align: top }
.PicList008888 .num dd p{ margin:0 0 0 -10px; display: inline-block;  }
.PicList008888 .num dd:after{ content: ""; display: block;position: absolute; right:-40px;top:15%; 
  height: 70%; background: rgba(0,0,0,0.1);z-index: 50;width: 1px; }
.PicList008888 .num dd:nth-child(3):after{ display: none }
.PicList008888 .num dd .counter{ opacity: 0 }

@media (max-width: 640px) {
    .PicList008888 .num { margin-top: 0;text-align: left;}
    .PicList008888 .num dl { display: flex;justify-content: space-around;}
    .PicList008888 .num dd {margin:0;}
    .PicList008888 .num dd:after { display: none;}
    .PicList008888 .num dd i { font-size: 34px;}
    .PicList008888 .num dd p { display: block;}
}


.RighInfo001279{padding:3% 0 0;position:relative; height: auto; overflow:hidden;}
.RighInfo001279 .list_img{width:100%;position:relative;background:#fff;padding:60px;}
.RighInfo001279 .list_img li figure{ padding-bottom: 50%;position: relative; }
.RighInfo001279 .list_img li figure:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s; background: rgba(0,0,0,0.2)}
.RighInfo001279 .list_img li:hover figure:after{ background: rgba(0,0,0,0)}

.RighInfo001279 .list_img  .slick-arrow{ font-size:0; width:120px !important; height:120px !important; border:none; position:absolute; top:50%;
    margin-top:-45px; background:none !important; cursor:pointer; padding:0; z-index: 50}
.RighInfo001279 .list_img  .slick-prev{ left:2%;}
.RighInfo001279 .list_img .slick-next{ right:2%;}
.RighInfo001279 .list_img  .slick-next::before,
.RighInfo001279 .list_img  .slick-prev::before{ position:absolute; content:''; width:50%; height:50%;border-top:2px solid rgba(255,255,255,0.7); border-right:2px solid rgba(255,255,255,0.7); top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.RighInfo001279 .list_img  .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.RighInfo001279 .list_img  .slick-next:hover::before,
.RighInfo001279 .list_img .slick-prev:hover::before{ border-color:#fff}



.RighInfo001279 .list li.on figure:after,.RighInfo001279 .list li.on figure:before{display:block}
.RighInfo001279 .right_info{float:right;width:26%;padding:2% 0 0}
.RighInfo001279 .right_info h1{margin:0 0 50px 0;border-bottom:1px solid #e1e1e1;padding:0 0 4% 0;color:#222;font-size:22px;font-weight:400}
.RighInfo001279 .right_info p{color:#666;font-size:14px;line-height:26px;margin-bottom:2%}
.RighInfo001279 .right_info .icon dd{margin-bottom:15px}
.RighInfo001279 .right_info .icon dd img{width:50px;margin-right:15px}
.RighInfo001279 .right_info .download{color:#888;font-size:16px;margin-bottom:50px}
.RighInfo001279 .right_info .download a{text-decoration:underline;color:#5fad3f;background:url(../images/download.png) no-repeat left center;padding-left:20px;margin-left:10px}
.RighInfo001279 .right_info .back{transition:.5s;margin:50px 0 0;width:180px;text-align:center;background:url(../images/back1.png) no-repeat center right 38px;color:#666;line-height:36px;height:36px;padding:0 40px 0 20px;display:block;border-radius:100px;background-size:18px;display:inline-block;overflow:hidden;position:relative;border:1px solid #ddd}
.RighInfo001279 .right_info .back span{background:url(../images/main_bg.png) no-repeat center center;background-size:200% 100%;position:absolute;width:0;height:0;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .8s,height .8s;transition:width .8s,height .8s;z-index:-1}
.RighInfo001279 .right_info .back:hover{border-color:#fff;color:#fff;background:url(../images/back2.png) no-repeat center right 38px}
.RighInfo001279 .right_info .back:hover span{width:600px;height:600px}
.RighInfo001279 .tab{padding:0}
.RighInfo001279 .tab .h1_tab{margin:0;border-bottom:1px solid #e7e8e8;overflow:hidden;font-size:16px;font-weight:400;color:#000}
.RighInfo001279 .tab .h1_tab span{float:left;padding:0 5%;line-height:40px;background-color:#f2f2f3;margin-right:4px;cursor:pointer}
.RighInfo001279 .tab .h1_tab span.on{background-color:#333;color:#fff}
.RighInfo001279 .tab .h1_tab span.on a{color:#fff}
.RighInfo001279 .tab .info{padding-top:46px}
.RighInfo001279 .tab .info .title {border-bottom:1px solid rgba(0,0,0,.08);margin:0 0 50px 0;padding:0 0 2% 0;}
.RighInfo001279 .tab .info .title h1{color:#222;font-size:36px;font-weight:400;margin:0 0 10px;}
.RighInfo001279 .tab .info .title h2{color:#444;font-size:18px;font-weight:400;margin:0;}
.RighInfo001279 .tab .info .title h2 span{ margin-right: 20px;}


.RighInfo001279 .tab .info  h2{color:#444;font-size:18px;font-weight:400;margin:0;}
.RighInfo001279 .tab .info  h2 span{ margin-right: 20px;}
.RighInfo001279 .tab .info p{color:#666;font-size:16px;line-height:30px}
.RighInfo001279 .tab .info .tit{margin:0 0 25px 0}
.RighInfo001279 .tab .info .tit h1{position:relative;color:#222;font-size:22px;line-height:30px;font-weight:400;padding-left:12px;margin:0}
.RighInfo001279 .tab .info .tit h1:before{content:"";display:block;position:absolute;left:0;top:6px;width:3px;height:20px;background:#444}

@media(max-width:768px){
    .RighInfo001279 .tab .info .title h1{font-size:24px}

    .RighInfo001279{padding-bottom:30px}

    .RighInfo001279 .list_img,
    .RighInfo001279 .right_info{float:none;width:auto}
    .RighInfo001279 .list_img{margin-bottom:0px;padding: 15px 0}
    .RighInfo001279 .list li{height:56px}
    .RighInfo001279 .right_info h1{font-size:20px}
    .RighInfo001279 .right_info h3{font-size:16px}
    .RighInfo001279 .tab{margin-top:30px}
    .RighInfo001279 .tab .info{padding-top:10px}
    .RighInfo001279 .tab .info .title h1{margin-bottom: 30px;}
    .RighInfo001279 .tab .info .icon{padding:20px}
    .RighInfo001279 .tab .info .icon dd{width:50%;margin:10px 0;float:left;border:none;padding:0 5px}
    .RighInfo001279 .tab .info .icon dd img{height:40px}
    .RighInfo001279 .tab .info .icon dd span{}
}
@media(max-width:640px){
    .RighInfo001279 .tab .info p { font-size: 15px;}
    .RighInfo001279 .list_img .slick-arrow {width: 60px !important;height: 60px !important;margin-top: -30px;}
}


.case_list .slick-list{margin:0 -10px;}
.case_list li{margin:0 10px; overflow:hidden;}
.case_list li .pic{padding-bottom:57%;background-position:center center;background-size:cover;transition:transform .5s ease-in-out}
.case_list li:hover .pic{transform:scale(1.1)}
.case_list li .text{ background:#fff;padding:20px 50px;z-index:100;position:relative}
.case_list li .text h1{text-align: center; font-size:18px;font-weight:400;margin:0}
.case_list li .text p{font-size:14px;line-height:24px;color:#888;font-weight:400; height: 50px;}

.case_list .slick-arrow{ font-size:0; width:50px !important; height:50px !important; border:none; position:absolute; top:50%;
 margin-top:-45px; background:none !important; cursor:pointer; padding:0; z-index: 50}
.case_list .slick-prev{ left:2%;}
.case_list .slick-next{ right:2%;}
.case_list .slick-next::before,
.case_list .slick-prev::before{ position:absolute; content:''; width:50%; height:50%; 
border-top:3px solid #fff; border-right:3px solid #fff; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.case_list .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.case_list .slick-next:hover::before,
.case_list .slick-prev:hover::before{ border-color:#a80001}



@media(max-width:768px){
.case_list li .text{padding:30px;}
    .case_list .slick-dots { width: 100%; padding-top: 10px; text-align: center;}
    .case_list .slick-dots li { display: inline-block;margin: 0 5px; width: 10px; height: 10px; border-radius:50%;border:1px solid #a80001;background:#fff;overflow: hidden;}
    .case_list .slick-dots li button { display: block; padding: 0; margin: 0; width: 100%; height: 100%;border:0; line-height: 400px;background: none;}
    .case_list .slick-dots li.slick-active { background:#a80001;}
}











.Form001725{padding:3% 0 0;}
.Form001725 .auto{padding:4% 6%;background:#fff;width:100%;overflow:hidden}
.Form001725 .form .btn{background:#666;color:#fff;cursor:pointer;font-size:16px;width:60%;max-width:130px;height:48px;border-radius:0px;border:none;
  margin-top:10px;margin-right:5px}
.Form001725 .form .btn_submit{background:#a80001}
.Form001725 .form dl{position:relative;height:auto;overflow:hidden;margin-bottom:25px}
.Form001725 .form dd{width:48%;z-index:10;margin-right:4%;float:left;position:relative;padding-left:8%;line-height:40px}
.Form001725 .form dd input{width:100%;line-height:40px;height:40px;border:1px solid #e5e5e5;padding:0 10px}
.Form001725 .form dd h1{font-size:18px;margin:0;color:#444}
.Form001725 .form dd p{position:absolute;left:0;top:0;line-height:40px;margin:0;font-size:16px}
.Form001725 .form dd:nth-child(2n){margin-right:0}
.Form001725 .form .resume dd{width:100%;padding-left:0}
.Form001725 .queueList{border:1px dashed #ddd;margin:0;padding:70px;background:#fff}
.Form001725 .placeholder{padding-top:40px}
.Form001725 .placeholder p{font-size:16px;position:relative;width:100%;text-align:center}
.Form001725 .wu-example{padding-left:8%}
.Form001725 .placeholder .webuploader-pick{background:#999;font-size:16px}
.Form001725 .webuploader-container{font-size:12px!important}
@media(max-width:768px){
    .Form001725{padding:0}
    .Form001725 .auto{padding:4%}
    .Form001725 .form dl{margin-bottom:0}
    .Form001725 .form dl dd{width:100%;padding-left:90px;margin-bottom:10px}
    .Form001725 .form dd h1 { font-size: 16px;}
    .Form001725 .form dd p { font-size: 15px;}
    .Form001725 .wu-example{padding-left:0}
    .Form001725 .resume p{position:relative!important}
    .Form001725 .form dl:last-child dd{padding-left:0;text-align:center}
    .Form001725 .form dl:last-child dd input{display:inline-block}
}






.RichInfo001{padding: 0}
.RichInfo001 .top{padding-bottom: 3%  }
.RichInfo001 .top .pic{  padding-bottom: 60%  }

.RichInfo001  .tab{ border-bottom: 1px solid #e9e9e9}
.RichInfo001  .tab span{  display: inline-block; line-height: 46px; background: #f5f7f9; padding: 0 20px; cursor: pointer;}
.RichInfo001  .tab span:hover,
.RichInfo001  .tab span.on{ background: #666; color: #fff}

.RichInfo001 .info{ line-height: 26px; }


.RichInfo001 .download{ padding: 2% 0 0  }
.RichInfo001 .download li{margin-bottom: 5px; }
.RichInfo001 .download li a{ line-height: 40px; color: #666; border-bottom: 1px dashed #ddd; display: block;  background: url(../images/download.png) no-repeat right 10px center;}





        
.RichInfo001 .top{}
.RichInfo001 .top .slick-arrow{ font-size:0; width:50px !important; height:50px !important; border:none; position:absolute; top:50%;
 margin-top:-25px; background: rgba(0,0,0,0.2); cursor:pointer; padding:0; z-index: 50; border-radius: 100px;}
.RichInfo001 .top .slick-prev{ left:20px;}
.RichInfo001 .top .slick-next{ right:20px;}
.RichInfo001 .top .slick-next::before,
.RichInfo001 .top .slick-prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:2px solid rgba(255,255,255,0.8); 
border-right:2px solid rgba(255,255,255,0.8); top:35%; left:28%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.RichInfo001 .top .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);left:40%;}
.RichInfo001 .top .slick-next:hover::before,
.RichInfo001 .top .slick-prev:hover::before{ border-color:#00a0e9;}

.RichInfo001 .top .text{    background: url(../images/RighInfo002275_bg.jpg) no-repeat right bottom #fff;padding:5% 8%;}
.RichInfo001 .top .text dd{line-height:26px; color: #666;margin: 16px 0}
.RichInfo001 .top .text dd span{ color: #000}
.RichInfo001 .top .text dd h1{ color: #222; font-size: 28px; font-weight:normal; margin: 0 0 40px 0; display: block; border-bottom: 1px solid #e9e9e9;padding-bottom: 20px;}

.RichInfo001 .con img{margin:10px 0;}



.RichInfo001 .product {padding: 3% 0 0}
.RichInfo001 .product  .title{text-align: center;}
.RichInfo001 .product  .title h1{ font-weight: normal; ;}

.RichInfo001 .product .slick-list{margin: 0 -10px;}
.RichInfo001 .product li{margin: 0 10px; overflow:hidden; position: relative;}
.RichInfo001 .product li:before{ content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/cbg.png); background-size:cover;z-index: -10  }

.RichInfo001 .product li .pic{padding-bottom:100%;background-position:center center;
  background-size:cover;transition:transform .5s ease-in-out; }
.RichInfo001 .product li:hover .pic{transform:scale(1.1)}
.RichInfo001 .product li .text{background:#fff;padding:10px 50px;z-index:100;position:relative}
.RichInfo001 .product li .text h1{text-align: center; font-size:16px;font-weight:400;margin:0}
.RichInfo001 .product li .text p{font-size:14px;line-height:24px;color:#888;font-weight:400; height: 50px;}


.RichInfo001 .product .slick-dots{display: block;width: 100%;padding: 0;margin:10px 0;list-style: none;text-align: center; }
.RichInfo001 .product .slick-dots li{position: relative; display: inline-block;width:32px; height: 4px; margin: 0 2px;padding: 0; background: #ccc; cursor: pointer;}
.RichInfo001 .product .slick-dots li button{ display: none }
.RichInfo001 .product .slick-dots .slick-active{ background:#e60012  }


.RichInfo001 .product .slick-arrow{ font-size:0; width:50px !important; height:50px !important; border:none; position:absolute; top:50%;
 margin-top:-25px; background:none; cursor:pointer; padding:0; z-index: 50; background:rgba(0,0,0,0.2); border-radius:100px;}
.RichInfo001 .product .slick-prev{ left:30px;}
.RichInfo001 .product .slick-next{ right:30px;}
.RichInfo001 .product .slick-next::before,
.RichInfo001 .product .slick-prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:2px solid #e5e5e5; 
border-right:2px solid #e5e5e5; top:35%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.RichInfo001 .product .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left:38%;}
.RichInfo001 .product .slick-next:hover::before,
.RichInfo001 .product .slick-prev:hover::before{ border-color:#a80001;}
@media(max-width:768px){
    .RichInfo001 .product .title h1 { font-size: 24px;}
}



/*Banner*/
.Banner .slider li { position: relative; }
.Banner .wap { display: none;}
.Banner .text { position: absolute;  top: 40%; left: 50%;max-width:1040px;transform: translate(-50%,-50%);text-align: center;opacity: 0; transition: 1.5s 1s; color:#fff;font-family: 宋体;z-index: 12;}
.Banner .text .tit { font-size: 70px;background-image: -webkit-linear-gradient(top,#f7f7f7,#aeadab);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Banner .text .en { margin:20px 0 50px;color: rgba(255, 255, 255, 0.3);}
.Banner .text p { font-size: 20px;}
.Banner .slider li.slick-active .text{opacity: 1;
    transform: translate(-50%,-50%);}
.Banner .slick-slide:nth-child(3) .text {}
.Banner .slick-dots { position: absolute;text-align: center; width: 100%;bottom:4%; z-index: 10;}
.Banner .slick-dots li { display: inline-block;;width: 4px;height: 4px;margin: 0 12px; border-radius:50%;overflow: hidden;}
.Banner .slick-dots li.slick-active { width: 44px;border-radius:5px;}
.Banner .slick-dots li button { display: block;width: 100%;height: 100%;padding: 0;margin: 0;line-height:100px;border: none;background:#fff; }

@media (max-width: 1440px) {
    .Banner .text .tit { font-size: 60px;}
}
@media (max-width: 640px) {
    .Banner .pc { display: none;}
    .Banner .wap { display: block;}
    .Banner .text  { width: 90%;}
    .Banner .text .tit { font-size: 18px;}
    .Banner .text .en { font-size: 12px;margin:0;}
    .Banner .text p { font-size: 14px;margin:0; display: none;}
    .Banner .slick-slide:nth-child(3) .text { margin-top: 0; margin-left: 0;}
}


/*home_title*/
.home_title .en { font-size: 16px;}
.home_title .cn { display: inline-block;position: relative;font-size: 40px; line-height: 1.3;}
.home_title .cn:after { position: absolute;content:'';right:0;bottom:4px; width: 12px; height: 14px;background:url("../images/tit_icon.png") no-repeat center;}
@media (max-width: 640px) {
    .home_title .cn { font-size: 24px;}
    .home_title .cn:after { bottom: 0; right: -5px;}
}

/*About*/
.About { padding: 6.3vw 0;background: url(../images/main_bg.png) repeat;}
.About .intro { float: left; width: 50%;}
.About .intro .home_title .cn  { margin-bottom: 30px;}
.About .intro .text { line-height: 36px;}
.About .num { float: right; width: 45%;}
.About .num dl { }
.About .num dd { position: relative;display: inline-block;padding: 40px 10.2% 0;}
.About .num dd:last-of-type { padding-right: 0;}
.About .num dd:after { position: absolute;content:''; width: 1px; height: 42px;bottom:6%;right:0;background: rgba(221, 221, 221, 0.5);}
.About .num dd:last-of-type:after { display: none;}
.About .num dd div { width: 100px;}
.About .num dd aside { margin-top: 20px;color:#666;font-size: 14px;}
.About .num dd h1 {font-family: Fonts2;display: inline-block;margin: 0 ;font-size: 36px;color: #a80001;letter-spacing: 2px;}
.About .num dd  i{ font-family:Fonts2; display: inline-block;  margin:0; font-size: 55px; color: #a80001;letter-spacing: 2px; }
.About .num dd span {display: inline-block;font-size: 20px;font-weight: bold;color: #a80001;vertical-align: top;}
.About .Video { position: relative; margin-top: 50px;}
.About .Video em { display: block; width: 100%; height: 446px;}
.About .Video .play { position: absolute;display: block; width: 100%; height: 100%;top:0;left:0;background:url("../images/About_play.png") no-repeat center rgba(29, 30, 33, 0.5); cursor: pointer;}
.About .Video .play:hover{background:url("../images/About_play2.png") no-repeat center rgba(29, 30, 33, 0.5);}
.About .Video .video_file { position: fixed; width: 100%; height: 100%;top:0;left:0;background: rgba(0, 0, 0, 0.5); z-index: 101; display: none;}
.About .Video .video_file .inner { max-width: 1400px; height: 100%;margin:0 auto; display: table;}
.About .Video .video_file .inner .video_box {position: relative;display: table-cell;vertical-align: middle;height: 60%;}
.About .Video .video_file .inner .video_box .close { position: absolute;display: block; width: 23px; height: 24px;top:9%; right: -40px;background: url("../images/About_close.png") no-repeat center; cursor: pointer;}
.About .Video .video_file video {width: 100%; top:0;left:0;background:#000; }


.About_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,1);}
.About_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;z-index: 100}
.About_video .close::before,
.About_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;margin-top: 15px}
.About_video .close::after{ transform:rotate(45deg);}
.About_video .files{ margin:0 auto; width:100%;position: absolute;left: 0;top:-14%;}
.About_video .files video{max-width: 100%}
@media (max-width: 1800px){
.About_video .files{top:-5%;}    
}
@media (max-width: 1366px) {
    .About .num dd {padding:40px 9% 0; }
}
@media (max-width: 640px) {
    .About .intro ,
    .About .num { float: none; width: 100%;}
    .About .intro .home_title .cn { margin-bottom: 0;}
    .About .intro .text { line-height: 2;}
    .About .num { display: flex;}
    .About .num dd { width: 33.3%;padding: 5%;}
    .About .num dd h1 { font-size: 26px;}
    .About .Video { margin-top: 20px;}
    .About .Video em { height: 205px;}
    .About .Video .play {background-size: 40px;}
    .About .Video .video_file .inner .video_box { text-align: center;}
    .About .Video .video_file .inner .video_box .close { top: 8%; right: 10px;}
    .About .Video .video_file video {width: 96%;height: 400px;margin:0 auto;}
    .About_video .files{top:0%;} 
}

/*Product*/
.Product { position: relative;}
.Product .layer { position: absolute;width: 28.3%; height: 100%;left:0;top:0;background: rgb(197 197 197 / 15%); z-index: 49;}
.Product .img_list li figure { padding-bottom: 49.4%;}
.Product .text_tab { position: absolute; width: 33.3%; height: 100%; top: 0;left: 0;padding: 6% 0 6% 13%; z-index: 50;}
.Product .text_tab .home_title { color:#fff;}
.Product .text_tab .auto { height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.Product .text_tab .auto .home_title {max-width:260px;}
.Product .text_tab .auto .slider { max-width:260px;}
.Product .text_tab .auto .slider li { font-size: 20px; color: #fff;font-family: FontsRegular; cursor: pointer;}
.Product .text_tab .auto .slider li span  { display: block; width: 60%; padding: 35px 0 20px;border-bottom: 1px solid #fff;}
.Product .text_tab .auto .slider li.on { font-size: 30px; color: #ec0002;}
.Product .text_tab .auto .slider li.on span  { width: 100%;border-bottom-color:  #ec0002;background:url("../images/text_tab_icon.png") no-repeat right 60%;}

@media (max-width: 1440px) {
    .Product .text_tab { padding-left: 2%;}
}
@media (max-width: 640px) {
    .Product .text_tab .home_title { color: #333;}
    .Product .layer { display: none;}
    .Product .text_tab { position: relative; width: 100%;}
    .Product .text_tab .auto .slider {max-width: 100%;}
    .Product .text_tab .auto .slider li { float: left; width: 33.33%;font-size: 16px; color: #333; border-bottom-color: #333;}
    .Product .text_tab .auto .slider li span { width: 100%;padding-right: 20px; padding-bottom: 10px;}
    .Product .text_tab .auto .slider li.on { font-size: 16px;}
    .Product .text_tab .auto .slider li.on span { background-position: 85% 70%;}
}

/*Case*/
.Case {padding: 6.3vw 0 0;border-bottom: 6.3vw solid #1c1d20;background: url(../images/main_bg.png) repeat;}
.Case .ul { padding-top: 120px;}
.Case li { float: left; width: 12.5%; height: 580px;background-repeat: no-repeat;background-position: center;transition: 0.5s;}
.Case li.on { width: 62.5%;}
.Case li a { display: block; width: 100%; height: 100%;}
.Case li .text { display: block;padding: 60px;color:#fff;}
.Case li .text aside { float: left;writing-mode: tb;}
.Case li .text aside.en {  font-size: 18px;}
.Case li .text aside.cn {  font-size: 20px;}

@media (max-width: 640px) {
    .Case .ul { padding-top: 40px;}
    .Case li .text { padding: 0;}
}

/*News*/
.News {padding: 6.3vw 0;background: url(../images/main_bg.png) repeat}
.News .list { padding-top: 50px;}
.News .list .ul { float: left; width: 50%;}
.News .list ol li { position: relative;}
.News .list ol li .pic { overflow: hidden;}
.News .list ol li .pic figure { padding-bottom: 58.9%;transition: 0.3s;}
.News .list ol li:hover .pic figure { transform: scale(1.1);}
.News .list ol .text { position: absolute; width: 100%;left: 0; bottom: 0;color:#fff; padding: 3.4% 6% 3.4% 15.8%;background: rgba(0,0,0,0.5)}
.News .list ol .text time { position: absolute; width: 110px;left:0;top:50%;transform:translateY(-50%);color:#fff; font-size: 34px;font-family:Fonts2;text-align: center;}
.News .list ol .text time span { display: block;font-size: 14px;}
.News .list ol .text aside { line-height: 2; font-size: 18px;}
.News .list ul { padding-left: 40px;}
.News .list ul li { position: relative; padding: 3.4% 6% 3.4% 11.8%; border-bottom:1px solid #dfdfe2;}
.News .list ul li time { position: absolute; width: 77px;left:0;top:50%;transform:translateY(-50%);color:#333; font-size: 34px;font-family:Fonts2; font-weight: bold;text-align: center;}
.News .list ul li time span { display: block;font-size: 14px;}
.News .list ul li .text aside { font-family:'微軟正黑體'; font-size: 16px; margin:5px 0 10px;}
.News .list ul li .text p { margin: 0; font-size: 16px; color: #999999;font-family:FontsRegular;}
.News .list ul li:hover .text aside { color: #ec0002;}
@media (max-width: 640px) {
    .News .list { padding-top: 30px;}
    .News .list .ul { float: none; width: 100%;}
    .News .list ol .text { padding-left: 18.8%;}
    .News .list ol .text aside { font-size: 16px; line-height: 1.5;}
    .News .list ol .text time { width: 20%; font-size: 26px;}
    .News .list ul { padding-left: 0;}
    .News .list ul li { padding-left: 18.8%;}
    .News .list ul li time { width: 20%; font-size: 26px;}
}


/*
 .TextList000591
 */
.TextList000591{ padding:2% 0;}
.TextList000591 ul{padding:0 2%; background-color:#fff;}
.TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;}