@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px;}
body{ padding-top: 101px; background: #eef1f5; overflow-x:hidden;   font-family: "Poppins"; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a {text-decoration:none;color:#000;}
a:hover {color:#FF3300;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear {clear:both;width:100%;height:0;font-size:0px; }

input,select {padding:0;margin:0; border:none;}
.wrap {width:1000px;margin:0 auto;height:auto;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh26 {line-height: 26px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}
.m10 {margin:10px;_display:inline;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pt25 {padding-top: 25px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.p20 {padding:20px;}
.p5 {padding: 5px;}
.p1 {padding: 1px;}
.b {display:block;}
.in-b {display:inline-block;zoom:1;*display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.ti {text-indent:-999999px;}
#no {border:none;border:0;}
.red{ color:#e40f41 !important;}
.clear{ clear:both;}
.ml3{ margin-left:3%;}
.mr3{ margin-right:3%;}
.white{ color:#fff !important;}
.bgf0{ background:#f0f0f0;}
.ml1{ margin-left:1%;}
.mr1{ margin-right:1%;}
.mt10{ margin-top:10px;}
.fn{ float:none !important;}
.mr4{ margin-right:4%;}
.pl3{ padding-left:3%;}
.pr3{ padding-right:3%;}
.strong{ font-weight:bold;}
.red{ color:#da261d;}
.blue{ color:#0080ff !important;}
.yellow{ color:#ff8800 !important;}
.grey{ color:#abaaa9 !important;}
.text-center{ text-align:center;}
.hidden{ visibility:hidden;}
.text-right{ text-align:right;}
a:hover{ text-decoration:none !important;}

.mt25{ margin-top:25px !important;}
a:focus{ text-decoration:none;}
.w100{ width:100% !important;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.p0{ padding:0px;}
.w100{ width:100%;}
.pr{ position:relative;}
.po{ position:absolute;}

.scale{ transition:all 0.5s ease; overflow:hidden;}
.scale:hover img{ transform:scale(1.1); transition:all 0.5s ease;}
.pr{ position:relative;}
.pa{ position:absolute;}


/*菜单1*/
@keyframes run{

	from{  bottom: 30px; }
	to{  bottom: 20px; opacity: 0; }
}

header{ padding: 0 200px; background: rgba(255,255,255,1); position: fixed; top: 0; left: 0; right: 0; z-index: 100;}
.logo{ margin-top: 12px; display: inline-block; width: 164px; height: 77px; background:url("../images/logo.png") no-repeat; background-size: contain;}
.menu_ul > li{ position: relative; }
.sec_ul{ position: absolute; top: 101px; left: 10px; width: 138%; background: #fff;   display: none;}
.sec_ul li{ float: none;  height: 30px; line-height:30px; padding-left: 20px;}
.sec_ul li a{ display: block; }


.menu_ul > li > a{ display: block;  font-size: 17px; color: #000; padding: 38px 32px; text-transform: uppercase;}
.h_r .span{ display: inline-block; margin-left: 25px; color: #000; cursor: pointer; float: left;}
.h_r .span:hover i,.h_r .span a:hover{ color:#fd972e;  }
.h_r .span a{ color: #000; }
.h_r i{ color: #000; }
.h_r { margin-top: 40px; }
.ban_lay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.ban_bottom{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;  }

.h_r .span.lang i{ padding-right: 10px;  }
.say_index .next_say{ right: 0;    background: url("../images/next.png") no-repeat;}
.say_index .prev_say{  left: 0;  background: url("../images/prev.png") no-repeat; }
.say_index .prev_say,.say_index .next_say{ width: 57px; height: 110px; background-size: cover;  margin-top: -28px; position: absolute;}
.say_l,.say_r{ width: 50%;}
.say_l{ padding-left: 120px; padding-top: 8%; padding-right: 120px; font-size: 17px;  line-height: 25px;}
.say_l .say_l_img{ overflow: hidden; }
.say_l .say_l_img img{ display: block; float: left;  width: 60px;}
.say_index{  background: #eef1f5; color: #fff; }
.say_cons{  margin: 20px 0; color: #fff; text-align: justify; line-height: 30px;}



.say_admin{ font-size: 24px; color: #fff; }
.say_admin span{ display: inline-block; width: 2px; height: 22px; background: #eac86d; margin:0 13px 0 19px; }
.say_admin i{ font-style: normal; font-size: 17px;}

.say_index .prev_say:focus,.say_index .next_say:focus,
.conindex_ul_r li input:focus,.conindex_ul_r li textarea:focus,
.proinner04 input:focus,.proinner04 textarea:focus
{ outline: none; }



.titl_w{ color: #09162a; font-size: 15px; }
.titl_w p{ color: #000000; margin-top: 15px;}
.titl_w h3{ font-size: 25px;   text-transform: uppercase;}
.titl_w img{ margin-top: 15px;  }
.partners_top{ padding: 70px 0 0; }
.partners_bottom{   padding: 70px 0;}

.service_index{ padding: 55px 200px; }
.service_index .titl_w { margin-bottom: 65px; }
.ser_list h3{ font-size: 24px;  margin: 20px 0 10px;}
.ser_list span{ text-align: center; line-height: 118px; display: block; width: 118px; height: 118px; background: #fd972e; border-radius: 100%; margin: 0 auto; }
.ser_list span i{ font-size: 46px; color: #fff;}
.ser_list{ padding: 20px 50px 50px; text-align: center; color: #000; line-height: 25px; font-size: 17px;border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.ser_list:nth-child(3n){ border-right: none;  }
.ser_list:nth-last-child(3),.ser_list:nth-last-child(2){ border-bottom: none;  }
.ser_list:last-of-type{ border: none;  }

.par_index_ul{ display: inline-block; margin-bottom: 35px; margin-top: 35px;}
.par_index_ul li{ cursor: pointer; margin: 0 3px;  font-size: 15px; color: #000;   padding:10px 15px; border-radius: 4px; border: 1px solid #fd972e;}
.par_index_ul li.active{ background: #fd972e; color: #fff;}

.container_pro .swiper-slide{/* border: 1px solid #333333;*/ /*height: 400px; line-height: 400px; padding: 0 45px;*/}
.container_pro .swiper-slide a{ border: 1px solid #c6c6c6; display: block; }
.container_pro .swiper-slide img{ display: inline-block;  margin: 2px;}

.blog_index .titl_w{ margin-bottom: 35px;}
.container_blog a{ display: block; }
.container_blog .blog_b{ color: #eac86d; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); padding: 25px 25px 15px; }
.container_blog .blog_b h3{ font-size: 18px; color: #fff; margin-bottom: 10px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.container_blog .blog_b p{ margin-bottom: 10px; }
.container_blog .industry{ display: inline-block; width: 95px; height:35px; text-align: center; line-height: 35px;  background: #fd972e; font-size: 15px; color: #fff; position: absolute; top: 0; left: 0;}
.blog_index{ padding: 70px 200px;}
.con_index{ padding: 60px 200px 70px; font-size: 18px; color: #fff; background: #09162a;}
.con_index .conindex_h3{ font-size: 23px; color: #fff; position: relative;  margin-bottom: 35px;}
.con_index .conindex_h3:before{ content: ""; width: 20px; height: 3px; background: #fd972e; position: absolute; left: 0; bottom: -15px;}
.conindex_ul_l li{ width: 50%;  line-height: 40px;}
.conindex_ul_l li i{ color:#fff; }
.conindex_ul_r li{ width: 100%; float: none;  margin-bottom: 10px;}
.conindex_ul_r li:nth-child(1){ float: left; }
.conindex_ul_r li:nth-child(2){ float: right; }
.conindex_ul_r li:nth-child(1),.conindex_ul_r li:nth-child(2){ width: 48.5%; }
.conindex_ul_r li input,.conindex_ul_r li textarea{ font-size: 14px; color: #8d8d8d; width: 100%; height: 56px; line-height:56px; text-indent: 1em; border-radius: 4px; background: #fff;}
.conindex_ul_r li textarea{ height: 150px; padding: 0px; border: none; resize: none;}
.conindex_ul_r li button{ border: none; width: 242px; height: 56px; text-align: center; line-height: 56px; color: #fff; font-size: 18px; background: #fd972e; border-radius: 4px;}
.conindex_ul_r li button i{ color: #fff;}
.con_index .titl_w{ margin-bottom: 35px; }
.con_index .titl_w h3,.con_index .titl_w p{ color: #fff; }

footer{ font-size: 20px; color: #000;   padding: 30px 0; text-align: center; }


.baninn_lay{ font-size: 21px; color: #fff; position: absolute; top: 50%; left: 0px; right: 0; text-align: center; transform: translate(0px,-50%);}
.baninn_lay h3{ font-size: 60px; font-weight: bold; margin-top: 10px;}
.radio{ display: inline-block; width: 1px; height: 500px; background: #fd972e;  position: absolute; left: 50%; bottom: -90px; }
.radio:before{ content: ""; width: 17px; height: 17px; border-radius: 100%; background: #fd972e; position: absolute; top: 0; left: -8.5px;}
.story_jianshu{ padding: 188px 0 60px ; text-align: center;}
.story_jianshu img{ display: block; }
.story_jianshu_in{ font-size: 22px; color: #000; line-height: 30px; width: 50%; margin: 0 auto 50px; }
.his_list{ margin-bottom: 25px;  }
.his_list a{ position: relative; display: block;}
.his_list_lay{ padding: 40px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: -webkit-linear-gradient( 0deg, rgba(234,200,109,0.8) 0%, rgba(199,146,32,0.8) 100%); }
.his_list_lay h4,.his_list_lay h3 {font-size: 38px; }
.his_list_lay span{ font-size: 18px;  }
.his_list_lay h3 { margin: 15px 0; }
.story_jianshu02{ padding: 0 200px; }
.story_jianshu02 .titl_w,.story_jianshu03 .titl_w{ margin-bottom: 45px; }
.story_jianshu03{ padding-top: 70px; }

.proinner01{ padding: 180px 200px 90px; }
.proinner01 img{ max-width: 100%; }
.proinner01_img{ padding-top: 20%; }
.proinner02{ padding:0px 200px 100px;  }
.proinner02 .titl_w{ margin-bottom: 45px; }
.proinner02 img{ display: block; }

.proinner03{ background: url("../images/geek-pattern.gif"); padding: 100px 200px 20px; }
.proinner03_list{ margin-bottom: 85px;}
.proinner03_list dl{ position: relative; padding-left: 90px; }
.proinner03_list dt{ width: 90px; position: absolute; top: 0; left: 0;   }
.proinner03_list h3{ text-transform: uppercase; line-height: 25px; color: #fff; font-size: 18px; margin-bottom: 15px}
.proinner03_list p{color: #5d5d5d; line-height: 25px;}

.proinner04{ padding: 80px 200px 40px;}
.proinner04 h3{ font-size: 35px; color: #fff; font-weight: bold; }
.proinner04 p{ font-size: 24px; color: #bcbcbc; line-height: 25px; margin: 20px 0 35px; }
.proinner04 input,.proinner04 textarea{ font-size: 14px; color: #8d8d8d; background: #fff; width: 100%; height: 56px; line-height: 56px; text-indent: 1em; margin-bottom: 14px; border-radius: 4px;}
.proinner04 textarea{ height: 155px; border: none; resize: none;}
.proinner04 button{ background: #fd972e; width: 242px; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 18px; border-radius: 4px; border: none;   }
.proinner04 button i{ color: #fff;}

.blog01{ padding: 190px 0 60px;  }
.container_blog01_b a{display: block; position: relative;}
.container_blog01_b .blog01_bottom{ padding: 20px; background: rgba(0,0,0,0.6);  position: absolute; left: 0; right: 0; bottom: 0;}
.container_blog01_b .blog01_bottom p{color: #eac86d; margin-bottom: 10px;}
.container_blog01_b .blog01_bottom h3{ font-size: 22px; color: #fff;}
.pagination_blog .swiper-pagination-bullet{ width: 12px; height: 12px;background: #fff; opacity: 1; margin: 0 3px;}
.pagination_blog .swiper-pagination-bullet-active{ background: #eac86d;}
.blog01 .pagination_blog{ left: 0; right: 0; text-align: center; bottom: 10px;}
.blog02_ul li{ float: none; padding: 40px 110px; }
.blog02_ul li a.des_a{ color: #000; display: block;border-bottom: 1px solid #c6c6c6; padding-bottom: 20px;}
.blog02_ul li h3{  font-size: 28px; text-align: center; }
.blog02_ul li p{ font-size: 17px; margin: 10px 0 20px; text-align: center;}
.blog_info{  line-height: 25px; padding: 20px 0; }
.blog_more{ display: block; color: #eac86d;}
.older_a{ color: #000; display: block; text-transform: uppercase; padding-top:30px; margin-bottom: 30px; text-align: right;  }
.older_a:hover{ color: #fd972e;}
.new_des_wrap{ padding: 60px 200px 40px; color: #000; }
.new_des_wrap .titl_w{ margin: 60px 0 15px  }
.des_time{ font-size: 17px; color: #000; text-transform: uppercase;  margin-bottom: 20px; text-align: center;}
.des_time span{ color: #fd972e;}
.des_time i{ font-style: normal;  }
.new_desin{ text-align: justify; font-size: 16px; line-height: 25px; border-bottom: 1px solid #c6c6c6; padding-bottom: 70px;}
.des_des{ border-left: 2px solid #eac86d; padding-left: 20px; margin: 20px 0; }
.page{ overflow: hidden; font-size: 17px; padding-top: 16px;}
.page a{ text-transform: uppercase; color: #000; }
.why_wrap{ padding: 100px 0 60px; color: #fff; font-size: 17px; line-height: 25px; }
.why_wrap .titl_w { margin-bottom: 50px; }
.why_list{ overflow: hidden; background: #fd972e; }
.why_l{ padding: 0px; }
.why_r{ padding: 13% 200px 0 50px; text-align: justify;}
.why_r h3{ font-size: 30px; margin-bottom: 20px;}
.why_list:nth-child(2n) .why_l{ float: right; }
.why_list:nth-child(2n) .why_r{ float: left; }
.why_list:nth-child(2n) .why_r{ padding: 13% 120px 0 120px; }
.par_index{ padding:60px 20px 0px;}
.ban_bottom img{ width: 100%;}
.container_parent img{ max-width: 100%; }
.load{ text-align: center; font-size: 16px; color: #000;  margin-bottom: 30px;}
.load a{ color: #000;}
.load a:hover{ color: #fd972e; }
.sou_wrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    transition: all .4s ease-in-out;
}
.sou_wrap.active {
    right: 0;
}
.sou_wrap .sou_wrap_close {
    position: absolute;
    top: 64px;
    right: 73px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
}
.sou_wrap_in {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.sou_wrap_in img {
    display: inline-block;
}
.sou_wrap_in h3 {
    font-size: 28px;
    margin-bottom: 90px;
    margin-top: 20px;
    text-transform: uppercase;
}
.sou_in_w {
    width: 850px;
    max-width: 100%;
    margin-bottom: 80px;
}
.sou_in_w input {
    height: 80px;
    padding-left: 30px;
    margin-right: 17px;
    font-size: 16px;
    float: left;
    background: #fff;
    color: #9d9393;
    width: calc(100% - 96px);
}
.sou_in_w button {
    border: none;
    display: inline-block;
    width: 79px;
    height: 79px;
    background: #eac86d;
    text-align: center;
    line-height: 79px;
    cursor: pointer;
}
.sou_in_w button i {
    font-size: 30px;
}
.sou_fix_ul li {
    padding: 0 15px;
}
.sou_fix_ul li a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.sou_fix_ul {
    display: inline-block;
    overflow: hidden;
}
.sha_wrap{ display: inline-block; float: right; }
.sha_w{ display: inline-block; width: 16px; height: 18px;  position: relative;}
.sha_w span{ display: block; width: 16px; height: 18px;  position: absolute; top: 0; left: 0; z-index: 1;}
.sha_w a{ background-image: none !important; padding: 0 !important; margin: 0 !important; display: block; width: 16px; height: 18px;  position: absolute; top: 0; left: 0; z-index: 2;opacity: 0;}
.phone_ssou{ cursor: pointer; display: inline-block;  position: absolute; top: 3px; right: 16%;}
.phone_ssou i{ color: #fff; font-size: 26px; }
.p_lang{ display: inline-block; color: #fff; font-size: 12px; position: absolute; top: 0; left: 110px;}
.p_lang i{ color: #fff; padding-right: 5px; float: left;}
.ban_lay h3{ font-size: 120px; font-weight: bold; color: #fff; position: absolute; left: 0; right: 0; text-align: center; top: 50%; transform: translate(0px,-50%);}
.mouse{
	border: 2px solid #fff;
    padding: 3px 3px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-decoration: none;
    display: inline-block;
    color: #FFFFFF;
    position: absolute; left: 50%; margin-left: -5px; bottom: 58px; z-index: 2;
}
.mouse span{
	animation: fadeInDown 2s ease infinite;
    display: block;
    margin-top: 20px;
}


header.active .menu_ul > li > a{ padding: 17px 32px;  }
header.active .logo{ width: 85px; height: 48px; }
header.active .h_r{ margin-top: 18px; }
header.active .sec_ul{ top: 60px; }
.pro_list{ display: none; }
.pro_list.active{ display: block; }



.logo,
.menu_ul > li > a,
.h_r,
.sec_ul li:before,
.mouse,
.say_index .prev_say,
.say_index .next_say,
.container_parent img,
.ser_list span,
.container_blog .swiper-slide img,
.description_blog,
.conindex_ul_r li button,
.proinner04 button,
.proinner03_list dt img,
.his_list img{
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
}

.sec_ul li { position: relative; }
.sec_ul li:before{ content: ""; width: 100%; height: 0%; background: #fd972e; position: absolute; top: 0; left: 0; right: 0; }
.sec_ul li a{ position: relative; z-index: 2; }
.sec_ul li:hover a{ color: #fff; }
.sec_ul li:hover:before{ height: 100%; }
.container_say .swiper-slide{ opacity: 0 !important; }
.container_say .swiper-slide-active{ opacity: 1 !important; }
.container_blog .blog_b p.description_blog{ color: #fff; font-size: 14px; opacity: 0.8;  line-height: 20px; margin-bottom: 0;   height: 0; overflow: hidden;}
.proinner02_con_ul{  width: 800px; margin: 40px auto 0;}
.proinner02_con_ul li{  text-align: center; float: none;  color: #000; }
.proinner02_con_ul li h3{ font-weight: 30px; text-transform: uppercase;   }
.proinner02_con_ul li .pro_par{ color: #000; opacity: 0.6;  line-height: 20px; margin: 15px 0 20px;}
.proinner02_con_ul li .pro_radio01{ z-index: 2; cursor: pointer; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #fff; position: absolute; left: -7px; bottom: -6px; }
.proinner02_con_ul li .pro_radio02{ z-index: 2; cursor: pointer; display: inline-block;  width: 30px; height: 30px; border-radius: 100%; background: rgba(255,255,255,0.3); position: absolute; left: -17px; bottom: -16px;}


/*产品列表页*/
.p60130 {
    padding: 60px 0 130px;
}

.list_pro .pro_fl {
    width: 23%;
}
.list_pro .pro_fr {
    width: 73%;
}
.list_pro .title {
    font-size: 3rem;
    color: #263333;
}
.list_pro .pro_ul {
    margin-top: 15px;
}

.list_pro .pro_ul>li>a {
    font-size: 1.625rem;
    line-height: 40px;
    color: #6F7070;
}
.list_pro .pro_fl a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.list_pro a:hover {
    color: #ABD25A !important;
}


.pro_fr .col-md-4 a.over {
    border: 1px solid #ddd;
    padding: 30px;
}

.bl {
    display: block;
}
.over {
    overflow: hidden;
}
.over>img {
    cursor: pointer;
    transition: all 0.6s;
}

.over>img:hover {
    transform: scale(1.1);
}

.list_pro .pro_fr .name {
    font-size: 1.625rem;
     color: #6F7070;
    padding: 5px 15px 0;
}
.ta{
    text-align:center;
    
    }
    
    #page {
    clear: both;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    display: table;
    margin-top: 20px;
}

#page ul {
    line-height: 30px !important;
    border: 1px solid #ddd !important;
    padding: 0 10px !important;
}


#page li {
    float: left;
    padding: 5px 14px;
    border: 1px solid #CCCCCC;
    margin-right: 6px;
    color:#6F7070;
    font-size: 12px;
    list-style: none;
}

.pro_par_w{ display: none;  border-bottom: 1px solid #000;   }
.proinner02_con_ul li.active .pro_par_w{ display: block; }



.say_index .prev_say:hover{ transform: translate(10px,0px); }
.say_index .next_say:hover{ transform: translate(-10px,0px); }
.container_parent img:hover{ transform: translate(0px,-5px); }
.ser_list span:hover{ transform: rotateY(180deg); }

.container_pro .swiper-slide:hover{  border-color: transparent; }
.container_blog .swiper-slide{ overflow: hidden; }
.container_blog .swiper-slide:hover .description_blog{  height: 40px;}
.container_blog .swiper-slide:hover img{  transform: scale(1.1); }
.conindex_ul_r li button:hover,.proinner04 button:hover{ box-shadow:0 0 0px 27px rgba(0,0,0,.3) inset;  }
.proinner03_list dt img:hover{ transform: translate(0px,-10px);  }

.his_list a{ overflow: hidden;  display: block;}
.story_jianshu img{ animation: fadeInDown 2s ease infinite; }
.his_list:hover img{  transform: scale(1.1);}
.page a:hover{ color: #fd972e; }
.new_sha{ display: inline-block; width:18px; height: 20px;  position: relative;  }
.new_sha span{ display: inline-block; text-align: center; line-height: 20px;  width:18px; height: 20px;  position: absolute; top: 0; left: 0; z-index: 1; }
.new_sha a{ display: inline-block;  width:18px; height: 20px; background-image: none !important; padding: 0 !important;  margin: 0 !important;  position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; }
.new_sha span i{ color: #000; }
.new_share{ display: inline-block; height: 20px; background: #eef1f5;  padding: 0 10px; margin: 0 auto; position: relative; left: 50%; margin-left: -9px; top: -10px;}
.sou_wrap_in img{ width: 80px; }


.banner02{ /*background: url("../images/banner01.jpg") no-repeat; background-size: 100%; background-position: 50% 50%;  background-attachment: fixed;*/}
.container_ban{/* position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; */ }
.container_ban h3{ font-size: 120px; font-weight: bold; }
.container_ban.swiper-container-fade .swiper-slide{ opacity: 0 !important; }
.container_ban.swiper-container-fade .swiper-slide-active{ opacity: 1 !important; }
.banner02_img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;  display: none;}

.fn_text_slideshow .slide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 10px;

    color: #fff;
}
.fn_text_slideshow .slide h2{font-size: 120px;  font-weight: 500;}
.fn_text_slideshow .slide:not(.current) {
    pointer-events: none;
    opacity: 0;
}
.fn_text_slideshow .letter-effect {
     display: -webkit-flex;
    display: -ms-flexbox;
     display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.say_index{ padding-top: 40px; }
.say_index .titl_w { margin-bottom: 30px; }
.lang_ul{ position: absolute; top: 30px; width: 100%; background: #fff; display: none;  }
.lang_ul li{ float: none; line-height: 30px;  text-align: center;}
.lang_ul a{ display: block;  color: #333 !important;}
.lang_ul li:hover{  background: #fd972e; }
.lang_ul li:hover a{ color: #fff !important; }



#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px; margin-bottom:40px;}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#fff; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #eac86d;}
#page li:hover a{color:#eac86d}
#page li a{ color:#fff}
#page li.on{border:1px solid #eac86d; background-color:#eac86d; color:#FFFFFF}
#page li.on a{ color:#fff}
#page .on{ background-color:#eac86d; color:#FFFFFF}


/*.panel_list a{ border: 1px solid #c6c6c6; display: block; }*/
.panel_list a h3{ padding: 13px 0; background: #fff; color: #000; font-size: 20px; text-align: center;}
.par_index02 .titl_w{ margin-bottom: 40px;}



.banner02 .pagination_ban { position: absolute; left: 0; right: 0; bottom: -5px; text-align: center; }
.pagination_ban .swiper-pagination-bullet{  position: relative; width:150px; height: 13px; border-radius: 0; opacity: 1; background: #666; box-shadow: 0 0 2px 0 #fff; }
.pagination_ban .swiper-pagination-bullet-active{ background: rgba(0,0,0,0.9); }

.container_ban_lay{ overflow: hidden; text-align: center; position: absolute;  left: 20%;  top:40%;  }
.ban_in{ overflow: hidden; width: 200px; height: 200px; border-radius: 100%; border: 2px solid  #fd972e; }
.ban_in img{ width: 100%; border-radius: 100%;}

.ban_in .b_p{
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    background: rgba(255,255,255,0.9);
    margin-top: 1px;
    font-weight: lighter;
    position: absolute; left: 0; right: 0; bottom: 0;
    border-radius: 0 0 100% 100%;
    height: 70px;
    padding: 22px 20px;
    background: #fd972e;
}
.container_ban_lay p{ font-size: 18px; color: #333; padding:10px; background: rgba(255,255,255,0.8); line-height: 20px; text-align: center; width: 200px; margin-top: 20px;  }


.pagination_ban .swiper-pagination-bullet img{

transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;

}


.pagination_ban .swiper-pagination-bullet:focus{ outline: none; }
.pagination_ban .swiper-pagination-bullet img{z-index: -1; position: absolute; left: 0; right: 0; width: 100%; bottom: 30px; opacity: 0; }
.pagination_ban .swiper-pagination-bullet:hover img{ bottom: 0; opacity: 1; }
.pagination_ban .swiper-pagination-bullet:hover{ background: rgba(255,255,255,0.5); }


.proinner02_con img{ max-width: 100%; }
.conindex_ul_r li.yzm input{ width: 30%; margin-right: 10px; }
.conindex_ul_r li button:focus{ outline: none; }

.say_cons h3{ margin-bottom: 10px; }
.conindex_ul_l{ overflow: hidden; }
.links a,.links{ color: #fff; }
.links a:hover{ color: #fd972e; }





@media(max-width: 1600px){


.menu_ul > li > a{     padding: 38px 25px; }
header.active .menu_ul > li > a {padding: 17px 20px;}
.h_r span{ margin-left: 15px;}
.h_r span.lang i{ padding-right: 5px; }
/*.why_r{ padding: 40px 200px 0 50px; }
.why_list:nth-child(2n) .why_r{ padding: 40px 50px 0 200px;  }*/
.why_r h3{ font-size: 26px; }
.radio{ height: 400px; }
.baninn_lay h3{ font-size: 50px; }
.his_list_lay{ padding: 20px; }
.his_list_lay h4, .his_list_lay h3{ font-size: 28px; }
.his_list_lay h3{ margin: 10px 0; }




}




@media(max-width: 1440px){


.say_l{ padding-left: 100px; font-size: 16px;line-height: 22px;}
.say_admin{ font-size: 20px;}
.say_admin span{ height: 17px; }
.say_index .prev_say, .say_index .next_say{ margin-top: -54px; }
.container_pro .swiper-slide{  }
.container_blog .blog_b{ padding: 15px 10px; }
.service_index{ padding: 30px 100px; }
.blog_index{ padding: 50px 100px; }
.con_index{ padding: 50px 100px 50px;  font-size: 15px;}
.conindex_ul_l li{ line-height: 35px; }
footer{ padding: 20px 0; font-size: 16px; }
header{ padding: 0 100px; }
.proinner01{padding: 180px 100px 90px;}
.proinner02{ padding: 0 100px 50px; }
.proinner03{ padding: 100px; }
.proinner04{ padding: 80px 100px 40px; }
/*.why_r{ padding: 40px 100px 0 50px; }
.why_list:nth-child(2n) .why_r{     padding: 40px 50px 0 100px; }*/
.story_jianshu02{ padding: 0 100px; }
.new_des_wrap{ padding: 0px 100px 40px; }
.ban_lay h3{ font-size: 80px; }
.fn_text_slideshow .slide h2{ font-size: 100px; }
.radio {
    height: 340px;
}


.container_ban_lay{ top: 25%; }





}


@media(max-width: 770px){


  .phone_head{ display: block !important; }
   header{ display: none !important; }
   .logo_phone{ width: 85px; position: absolute; margin-top: 0; top: 10px; left: 15px;}
   .app-btn i{ font-size: 30px; }
   .mdui-list li{ float: none; }
   .say_l{ padding: 15px; line-height: 19px;  width: 100%;}
   .say_r{ width: 100%; }
   .say_index .prev_say, .say_index .next_say{ width: 25px;  height: 50px; margin-top: -29px;}
   .say_l .say_l_img img{ display: none; }
   .say_admin{ font-size: 18px; }
   .say_admin i{ font-size: 14px; }
   .titl_w h3{font-size: 24px;}
   .partners_top,.partners_bottom{ padding: 30px 0; }
   .ser_list span{ width: 80px; height: 80px; line-height: 80px; }
   .ser_list span i{ font-size: 30px; }
   .service_index{ padding: 30px 15px; }
   .ser_list{ padding:20px 15px 20px;   font-size: 15px; line-height: 22px;}
   .ser_list h3{ font-size: 20px; }
   .container_pro .swiper-slide{   padding: 0 20px;}
   .blog_index{ padding: 30px 15px; }
   .con_index{ padding: 30px 15px; }
   .proinner01{ padding: 60px 15px 30px; }
   .proinner02{ padding: 0 15px 50px; }
   .proinner03{ padding: 40px 15px 10px; }
   .proinner03_list h3{ font-size: 16px; margin-bottom: 10px; }
   .proinner03_list{ margin-bottom: 20px; }
   .proinner04{ padding: 40px 15px;  }
   .proinner04 h3{ font-size: 28px; }
   .proinner04 p{ font-size: 18px;  }
   .why_wrap{ padding: 100px 15px; }
   .why_r{ padding: 30px 15px!important;  }
   .radio {height: 240px;}
   .baninn_lay h3{ font-size: 40px; }
   .story_jianshu_in{ width: 70%; }
   .story_jianshu{ padding: 120px 0 60px; }
   .story_jianshu02{ padding: 0 15px; }
   .new_des_wrap{ padding: 0px 15px 20px; }
   .page a,.page{ font-size: 12px; }
   .new_desin{ font-size: 15px; }
   .sou_in_w{ width: 700px; }
   .ban_lay h3{ font-size: 60px; }
   .proinner02_con_ul{ width: 100%; }



   .banner02{ background-image: none; }
   .banner02_img{ display: block; }
   .fn_text_slideshow .slide h2{ font-size: 60px;   }
   body{ padding-top: 60px; }
   .container_ban_lay { top: 6%; left: 10%; }
    
    .list_pro .pro_fl {
    width: 100%;
}
.list_pro .pro_fr {
    width: 100%;
    margin-top:20px;
}

.list_pro  .pro_ul li{
    float:none;
    
    }








}

@media(max-width: 480px){

    .say_l{ margin-bottom: 10px; }
	.say_l,.say_r{ width: 100%; }
	.service_index .titl_w{ margin-bottom: 25px; }
	.ser_list{  }
	.par_index_ul li{  font-size: 12px; padding: 6px 3px; }
	.titl_w p,.titl_w img{ margin-top: 10px; }
	.container_pro .swiper-slide{   }
	.par_index{ padding: 30px 15px 0; }
	.conindex_ul_l li{ width: 100%;  margin-bottom: 15px; line-height: 30px;}
	.con_index .conindex_h3{ font-size: 18px; }
	.conindex_ul_r li:nth-child(1), .conindex_ul_r li:nth-child(2){ width: 100%; }
	.conindex_ul_r li input{ height: 35px; line-height: 35px; }
	.conindex_ul_r li button{ width: 100%; height: 35px; line-height: 35px; }
	footer{ font-size: 12px; padding: 15px 0;  }
  .proinner01_img{ padding-top: 10%; padding-bottom: 20px; }
  .proinner02_con  img{ max-width: 100%; }
  .proinner04 h3{ font-size: 18px; }
  .proinner04 p{ font-size: 14px; line-height: 20px; }
  .proinner04 input,.proinner04 button{ width: 100%; height: 35px; line-height: 35px; }
  .proinner04 textarea{ line-height: 35px; }
  .why_r h3{ font-size: 20px; }
  .why_wrap{ padding: 80px 15px 30px; }
  .baninn_lay{ font-size: 16px; }
  .baninn_lay h3{ font-size: 20px; margin-top: 0; }
  .radio{ height: 142px; }
  .story_jianshu_in{ font-size: 18px; line-height: 26px; }
  .story_jianshu img{ width: 20px; }
  .story_jianshu03{ padding-top: 30px; }
  .blog01{ padding: 100px 0 50px; }
  .container_blog01_b .blog01_bottom{ padding: 10px 15px; }
  .blog02_ul li{ padding: 20px 0px; }
  .blog02_ul li h3{ font-size: 20px; }
  .blog02_ul li p{ font-size: 15px; }
  .page span{ display: block; float: none; margin-bottom: 5px; }

  .sou_in_w{ width: 300px; }
  .sou_in_w input,.sou_in_w button{ height: 40px; line-height: 40px; }
  .sou_wrap_in h3{ margin-bottom: 20px; }
  .sou_fix_ul{ display: none; }
  .sou_wrap .sou_wrap_close{ top: 15px; right: 15px;  font-size: 30px;}
  .sou_in_w input{ padding-left: 10px; font-size: 12px; }
  .sou_in_w button i{ font-size: 24px; }
  .ban_lay h3{ font-size: 40px; }
  .say_index .prev_say, .say_index .next_say{ top: 21%; }



  .fn_text_slideshow .slide h2{ font-size: 30px;   }
  .pagination_ban .swiper-pagination-bullet{ width: 60px; height: 6px; }
  .ban_in{ width: 100px; height: 100px; margin: 0 auto; }
  .ban_in .b_p{ font-size: 12px; line-height: 12px;  height: 55px;}
  .container_ban_lay p{ font-size: 14px; padding: 2px; margin-top: 10px; }
  .container_ban_lay{ left: 23%;  text-align: center; }




}