@charset "utf-8";
/*全局定义*/
body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td,p{ margin:0; padding:0; font-size:14px; font-family: Arial, Tahoma, Verdana,  Helvetica, sans-serif;}
address,cite,dfn,em,var,kbd,span{font-style:normal;}
button,input,select,textarea{font-size:100%;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]{ -webkit-appearance: none;outline: none;}
.duration{ 
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
}
select {  -webkit-appearance: none; }   
textarea {  -webkit-appearance: none; }   
table{border-collapse:collapse;border-spacing:0;}
ul, ol { list-style: none;}
h1, h2, h3, h4, h5, h6 {  font-size: 100%; font-family: Tahoma, Verdana,  Helvetica, sans-serif;}
img{ width:100%; border: 0;}
button,input { border: 0; }
ul{list-style:none;}
a{ text-decoration: none; color: #333; }
a:hover{ color:#333; text-decoration:none}
a:active{ text-decoration: none; color: #333; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.container { width: 100%; min-width:1200px;  min-height:100%; height:100%; padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;display: block;
}
.container:after{
     clear: both;
                    content: "\0020";
                    display: block;
                    height: 0;
                    overflow: hidden
}

.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.section{ padding:50px 0px;}
.section0{ padding-top:10px;}
.section2{ padding:80px 0px;}
.section-top{ padding-top:50px;}
.section-bottom{ padding-bottom:40px;}
.section-bottom2{ padding-bottom:30px;}
.bgf7{ background:#f7f7f7;}
body{height:100%;}
.banner{ height:auto; }
.f5f5{padding:30px 0px;}
.red-BD{ background:#BD2A30 !important;padding:30px 0px;}
.red-F8{background:#F8EAEA !important; position:relative; }
.red-BD-big{ background:#BD2A30 !important;}
.whilt{color:#fff !important;}
.back-whilt{background:#fff !important;}
.stop{
    height:100%;overflow:hidden
}
.pleft{ float:left; width:49%; margin-top:20px}
.pright{ float:right; width:49%; margin-top:20px}

.red{ background-color:#BD2A30; position:absolute; top:0px; width:100%; height:230px; z-index:1; left:0px;}
.hand{cursor:pointer;}
.red-color{color:#BC292F !important;}
.grey-66{color:#666 !important;}
.grey-99{color:#999 !important;}
.more_covew {background:#BC292F!important; color:#fff !important;-moz-box-shadow:0px 0px 20px #BC292F; -webkit-box-shadow:0px 0px 20px #BC292F; box-shadow:0px 0px 20px #BC292F; }    
.line-white{width:50px;margin: 0 auto; border-bottom:2px solid #fff;}
.mar1{margin-bottom:1rem;}
.inline-block{display:inline-block;}
.line{}
.fff{color:#fff;}
/*header*/
.header {  z-index:9998; width:100%;position:fixed; top:0px; }
.header .logo { margin-top:7px;width:200px;}
.header .logo img { padding: 0; margin-top:10px;}
.nav-active{ top:0px;background-color: #fff;}
.nav-active .top{ display:none;}
.nav-active .logo{ margin-top:7px}
.fa-bars:before{ color:#fb5e1a}
.title {margin-bottom:2rem;}
.title h2 { font:32px/40px "微软雅黑"; color:#333; }
.title h3 { font:24px/40px "微软雅黑"; color:#333;}
.title h6 { font:13px/40px "微软雅黑"; color:#333;}
/*pc导航*/
.top-menu{ width:100%; min-width:1200px; margin:0 auto; position:fixed;  height:105px; left:0px; }
#cssmenu,  #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { display: block; position: relative; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
/*#cssmenu:after, #cssmenu > ul:after {  content: ".";  clear: both; visibility: hidden; line-height: 0; height: 0;}*/
#cssmenu #menu-button { display: none; }
#cssmenu { width: auto; font-family: 'Open Sans', sans-serif;  line-height: 1; }
#menu-line { display: none; position: absolute;  top: 0; left: 0; margin-left:30px;height: 2px;background: #fb621e; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
#cssmenu > ul > li { float: left;  position: relative;padding:21px 10px;padding-top:21px;}
#cssmenu.align-center > ul { font-size: 0; text-align: center;}
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul {text-align: left;}
#cssmenu.align-right > ul > li {float: right;height:50px; line-height:50px; }
#cssmenu.align-right ul ul { text-align: right;}
#cssmenu > ul > li > a { display:block;padding:7px 7px; font-size: 20px;font-weight:normal; text-decoration: none; text-transform: uppercase; color: #251714;  display: inline-block; width: 100%; position: relative;}
#cssmenu, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{display: block;}
#cssmenu > ul > li.menu-active > a {color:#251714;border-bottom:1px solid #fff;}
#cssmenu > ul > li.normal> a:hover{color:#251714;border-bottom:1px solid #fff;}
#cssmenu > ul > li.has-sub > a:hover{border-top-left-radius: 5px;border-top-right-radius: 5px;}
#cssmenu > ul > li.hover-active > a{border-top-left-radius: 5px;border-top-right-radius: 5px;}
#cssmenu > ul > li .two-menu { position: absolute; left: -70px; top:75px; z-index:20; width:480px; background-color:#dddddd; color:#454846; display:none;}
#cssmenu > ul > li .two-menus {left: -200px; }
#cssmenu > ul > li:hover .two-menu { display:block}
#cssmenu > ul > li .two-menu .has-sublist{ width:200px; padding:20px; float:left;}
#cssmenu > ul > li .two-menu .has-sublist2{padding-right:10px;}
#cssmenu > ul > li .two-menu .has-sublist li{ line-height:40px; font-size:16px; padding-left:40px; background-repeat:no-repeat; background-size:auto 60%; background-position:6px center; }
#cssmenu > ul > li .two-menu .has-sublist .line{border-bottom:#d2d3d4 1px solid;}
#cssmenu > ul > li .two-menu .has-sublist li:hover{ line-height:40px; font-size:16px;  background-color:#727071}
#cssmenu > ul > li .two-menu  .titles{ font-size:20px; font-weight:bolder; line-height:40px;}
#cssmenu > ul > li .two-menu .has-sublist li a{color:#454846;}
#cssmenu > ul > li .two-menu .has-sublist li:hover a{color:#f4f4f4;}
#cssmenu > ul > li .two-menu .arrow-top {
 position:absolute; top:-8px; left:100px;
font-size: 0;
line-height: 0;
border-width:8px;
border-color: #dddddd;
border-top-width: 0;
border-style: dashed;
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
#cssmenu > ul > li .two-menus .arrow-top {
 position:absolute; top:-8px; left:230px;
font-size: 0;
line-height: 0;
border-width:8px;
border-color: #dddddd;
border-top-width: 0;
border-style: dashed;
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}

.c90{ width:90%; padding:10px 5%;}
.c901{ padding-bottom:0px;}
.c80{ width:80%; padding:10px 10%; position:relative;}
.nav-active .top-menu{background-color: #fff;}
.nav-active .top{ display:none;}
.nav-active .logo{ margin-top:7px}
.nav-active #cssmenu > ul > li.menu-active > a {color:#251714;border-bottom:1px solid #251714;}
.nav-active #cssmenu > ul > li.normal> a:hover{color:#251714;border-bottom:1px solid #251714;}
.nav-active #cssmenu > ul > li > a { display:block;padding:7px 7px; font-size: 20px;font-weight:normal; text-decoration: none; text-transform: uppercase; color: #251714; -webkit-transition: color .2s ease;-moz-transition: color .2s ease; -ms-transition: color .2s ease;-o-transition: color .2s ease; transition: color .2s ease;-moz-transition: color 0.6s; -o-transition: color 0.6s;-webkit-transition: color 0.6s; transition: color 0.6s; display: inline-block; width: 100%; position: relative;}
.nav-active .top-menu{ width:100%;z-index:999; min-width:1200px; margin:0 auto; position:fixed; padding-top:0px; left:0px;}
#cssmenu > ul .phone{  display: block;
    font-size: 20px;padding-top: 22px; width:280px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #251714;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    -moz-transition: color 0.6s;
    -o-transition: color 0.6s;
    -webkit-transition: color 0.6s;
    transition: color 0.6s; 
    display: inline-block; 
    position: relative;}
#cssmenu > ul .phone img{ width:100%;}
/*首页a链接经过*/
/*#cssmenu ul ul li a {  width: 88px;text-align: center; line-height:43px; font-size: 14px; background: #BC292F; text-decoration: none; color: #fff; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { color: #ffffff; }
#cssmenu ul ul li:hover{border-bottom:1px solid #fff;}
#cssmenu ul ul li:last-child{border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
#cssmenu ul ul li:last-child a{border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
#cssmenu ul .sa a{ display:inline;line-height:30px;padding:7px 2px;}
*/
/*首页banner*/
.banner{ height:auto; width:100%;}
.block_home_slider { position: relative;  background-color: #fff; text-align: center; line-height: 0px; margin-right: auto; margin-left: auto;}  
.hover_choose{
    border-top-left-radius: 5px;border-top-right-radius: 5px;color:#fff !important;background:#BC292F;
}

@-webkit-keyframes bounceInUp{
  0% {  opacity: 0;  -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes bounceInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}
  100% { opacity: 1;  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}
.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}
.animated {  -webkit-animation-duration: 0.5s;  animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/*标题*/
.pad30{ padding-top:30px;}
.padb30{ padding-bottom:30px;}
.pad40{ padding-top:50px;}
.padb40{ padding-bottom:50px;}
.pad85{ padding-top:85px;}
.padb85{ padding-bottom:125px;}
/*服务*/
.service { border-bottom:1px solid #a6a6a6; }
.service .titles{color:#595758;  float:left;font-size:27.48px; font-weight:400; line-height:66px;}
.service .list{ float:right;font-size:24.41px; font-weight:400; line-height:66px;}
.service .list a{ display:inline-block; padding:0px 16px; color:#717171}
.service a.active{ color:#111111}
.servicecenter{ width:1260px; margin:0 auto; padding-top:60px;}
.servicecenter .tt1{ font-size:89.29px;  color:#000000}
.servicecenter .tt2{ font-size:49.05px; color:#595757; padding-top:30px;  line-height:80px;  margin-top: 50px;}
.servicecenter .tt3{ font-size:29.05px; color:#727171; padding-top:150px; padding-bottom:60px;}
.servicecenter .tt4{ font-size:79px; color:#000000;  padding-top:60px; letter-spacing:6px; }
.servicecenter .tt5{ font-size:40px; color:#727171;padding-left:130px; padding-top:10px; padding-bottom:60px;}
.servicecenter .ttt57{ font-size:57px; color:#727171; padding-top:10px; padding-bottom:30px;line-height:80px;  margin-top: 50px;}
.servicecenter .t5{ font-size:47px; color:#727171;padding-top:10px; padding-bottom:60px;}
.servicecenter .tt32{ font-size:32px; color:#727171; padding-top:10px; padding-bottom:60px;line-height:50px; }
.t9{ font-size:49.05px; color:#595757; padding-top:30px;}



.servicelist{ }
.servicelist ul li {width: 22.3%;float: left;position: relative;overflow: hidden;display: block;line-height: 2.9em; margin-right:2.66666%; margin-bottom:2.66666%; cursor:pointer}
.servicelist ul li img{display: block;transform: scale(1);width: 100%;height: auto;}
.servicelist ul .items {width: 19%;float: left;position: relative;overflow: hidden;display: block;line-height: 2.9em; margin-right:1.25%; margin-bottom:1.25%; cursor:pointer}
.servicelist ul .items img{display: block;width: 100%;height: auto;}
.servicelist ul .items:hover img{display: block;-ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px);width: 100%;height: auto;}
.servicelist .case-summary {opacity:0; width: 100%;height: 100%;top: 0;left: 0;position: absolute;-webkit-animation: arrows 0.5s  ease-in both;

 	 	-moz-animation: arrows 0.5s  ease-in both;

 	animation:arrows 0.5s  ease-in both;}
.tran {transition: all .3s ease;}
.lazy {background: url(../images/loading.gif) 50% 50% no-repeat;}
.syl { font-family: 'Source-Han-Ligh1f4aae45e717e93' !important;}
.sservers{ width:100%; height:100%; margin:0 auto;  color:#fff; }
.sserver{ width:90%; height:92%; margin:4% 5%; text-align:center; border:1px solid #ffffff; color:#fff; font-size:14px; line-height:26px; position:relative;}
.sserver span{ font-weight:bolder}
.sserver .sbts{ width:100%;  position:absolute; bottom:-12px; left:0px;}
.sserver .sbt{ width:60px; margin:0 auto; font-size:30px; font-weight:bolder; line-height:36px; letter-spacing:5px;}
.item:hover .case-summary {display:block;width: 100%;height: 100%;background: url(../images/black.png) repeat;top: 0;left: 0;position: absolute;-webkit-animation: arrow 0.5s  ease-in both;

 	 	-moz-animation: arrow 0.5s  ease-in both;

 	animation:arrow 0.5s  ease-in both;}
.item:hover .case-summary img{display: block;transform: scale(1);width: 100%;height: auto;}
.servicelist ul .item:nth-child(4n) { margin-right: 0;}
.servicelist ul .item:nth-child(8n) { margin-right: 0;}
.servicelist ul .item:nth-child(12n) { margin-right: 0;}
.servicelist ul .items:nth-child(5n) { margin-right: 0;}
@-webkit-keyframes arrow{
	0%{ opacity:0;}
	100%{ opacity:1}
}
@-webkit-keyframes arrows{
	0%{ opacity:1;}
	100%{ opacity:0}
}
.servicecenter .about1{ float:left; width:196px; text-align:center; margin-right:120px;}
.servicecenter .about2{ float:left; width:300px; text-align:center; margin-right:120px; margin-left:120px;}
.servicecenter .about3{ float:right; width:240px; text-align:center;margin-left:120px;}
.servicecenter .about1 img{ width:60px; margin-bottom:40px;}
.servicecenter .about1 .titles{ font-size:46px; line-height:50px; color:#4d4d4d;}
.servicecenter .about1 .desn{ font-size:19px; line-height:36px; color:#959595; }
.servicecenter .about1 .line{ width:30px; border-bottom:2px solid #4d4d4d; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.servicecenter .hline{ float:left; width:1%; border-left:2px solid #d3d3d3; margin-top:50px; height:230px;}
.servicecenter .about2 img{ width:60px; margin-bottom:40px;}
.servicecenter .about2 .titles{ font-size:46px; line-height:50px; color:#4d4d4d;}
.servicecenter .about2 .desn{ font-size:19px; line-height:36px; color:#959595; }
.servicecenter .about2 .line{ width:30px; border-bottom:2px solid #4d4d4d; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.servicecenter .about3 img{ width:60px; margin-bottom:40px;}
.servicecenter .about3 .titles{ font-size:46px; line-height:50px; color:#4d4d4d;}
.servicecenter .about3 .desn{ font-size:19px; line-height:36px; color:#959595; }
.servicecenter .about3 .line{ width:30px; border-bottom:2px solid #4d4d4d; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.servicecenter2{ width:1260px; margin:0 auto; padding-top:60px;}
.servicecenter2 .about1{ float:left; width:250px; text-align:center; margin-right:100px;}
.servicecenter2 .about2{ float:left; width:300px; text-align:center; margin-right:100px; margin-left:100px;}
.servicecenter2 .about3{ float:right; width:250px; text-align:center;margin-left:100px;}
.servicecenter2 .about1 img{ width:60px; margin-bottom:40px;}
.servicecenter2 .about1 .titles{ font-size:46px; line-height:50px; color:#4d4d4d;}
.servicecenter2 .about1 .desn{ font-size:18px; line-height:36px; color:#959595; }
.servicecenter2 .about1 .line{ width:30px; border-bottom:2px solid #4d4d4d; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.servicecenter2 .hline{ float:left; width:1%; border-left:2px solid #d3d3d3; margin-top:50px; height:230px;}
.servicecenter2 .about2 img{ width:60px; margin-bottom:40px;}
.servicecenter2 .about2 .titles{ font-size:46px; line-height:50px; color:#4d4d4d;}
.servicecenter2 .about2 .desn{ font-size:18px; line-height:36px; color:#959595; }
.servicecenter2 .about2 .line{ width:30px; border-bottom:2px solid #4d4d4d; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.servicecenter2 .about3 img{ width:60px; margin-bottom:40px;}
.servicecenter2 .about3 .titles{ font-size:46px; line-height:50px; color:#4d4d4d;}
.servicecenter2 .about3 .desn{ font-size:18px; line-height:36px; color:#959595; }
.servicecenter2 .about3 .line{ width:30px; border-bottom:2px solid #4d4d4d; margin:0 auto; margin-top:40px; margin-bottom:40px;}
.bg2{ }
.servicelist .center{ text-align:center;}
.servicelist .center .t6{ font-size:54px; color:#000000; padding-top:70px; letter-spacing:6px; }
.servicelist .center .t7{ font-size:32px; color:#727171; padding-top:30px; padding-bottom:82px;}
.servicelist .center .t7 span{ color:#404040;}
.servicelist ul li .summary{ text-align:left; padding:16px 10px;}
.servicelist .fangan li{ background-color:#fff}
.servicelist .fangan li img{display: block;transform: scale(1);width: 100%;height: auto;}
.servicelist .fangan li:hover  img{display: block;transform: scale(1.1);width: 100%;height: auto;}
.servicelist .summary .titles1{ color:#404040;font-size:27px; display:inline-block; border-bottom:2px solid #dadbdf; line-height:36px; padding-bottom:8px;}
.servicelist .summary .desn{ line-height:26px; color:#666666; font-size:16px; padding-top:8px;}
.pad120{ padding-top:120px;}
/*底部*/
.bl{ font-weight:bolder;}
.footer{ background-color:#333131; color:#fff; width:90%; padding:10px 5%; position:relative; }
.footer .center{ width:100%;position:relative;}
.footer .f1{ float:left; width:25%; padding-top:350px; margin-left:10%; border-left:0px solid #000000;}
.footer .f1 .kb1{  font-size:18px; line-height:26px;}
.footer .f1 .kb1 span{font-weight:bolder; font-size:18px; }
.footer .f1 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f1 .b1 .line2{ width:210px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f1 .kb2{ font-weight:bolder; font-size:13px; line-height:26px;}
.footer .f1 .col1{color:#8e908f}
.footer .f1 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f1 .kh{ height:64px; width:100%;}
.footer .f1 .kh2{ height:160px; width:100%;}

.footer .f2{ float:left; width:21%; padding-top:350px;  border-left:0px solid #000000;}
.footer .f2 .kb1{  font-size:18px; line-height:26px;}
.footer .f2 .kb1 span{font-weight:bolder; font-size:18px; }
.footer .f2 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f2 .b1 .line2{ width:210px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f2 .kb2{ font-weight:bolder; font-size:13px; line-height:26px;}
.footer .f2 .col1{color:#8e908f}
.footer .f2 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f2 .kh{ height:64px; width:100%;}
.footer .f2 .kh2{ height:160px; width:100%;}

.footer .f3{ float:left; width:28%; padding-top:350px;border-left:0px solid #000000;}
.footer .f3 .kb1{font-size:18px; line-height:26px;}
.footer .f3 .kb1 span{ font-weight:bolder;  }
.footer .f3 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f3 .b1 .line2{ width:120px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f3 .kb2{ font-weight:bolder; font-size:13px; line-height:33px; color:#8e908f}
.footer .f3 .kb2 span{ color:#fff;}
.footer .f3 .col1{color:#8e908f}
.footer .f3 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f3 .kh{ height:62px; width:100%;}
.footer .f3 .kb2 a{ color:#a7a7a7;}
.footer .f3 .kh2{ height:160px; width:100%;}
.footer .f4{width:250px; padding-top:350px;height:594px; position:absolute; right:10%; top:0px;border-left:0px solid #000000;border-right:0px solid #000000;}
.footer .f4 .kb1{  font-size:18px; line-height:26px;}
.footer .f4 .kb1 span{font-weight:bolder; }
.footer .f4 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f4 .b1 .line2{ width:140px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f4 .kb2{ padding-top:60px;}
.footer .f4 .kb2 .k1{ width:100px; float:left; text-align:center; font-size:10px;}
.footer .f4 .kb2 .k2{ width:100px; float:left; margin-left:20px; text-align:center; font-size:10px;}
.footer .f4 .kb2 .k01{ width:30%; float:left; text-align:center; padding-top:40px;}
.footer .f4 .kb2 .k01 img{width:50%;}
.footer .f5{width:340px; padding-top:757px;height:64px; position:absolute; right:10%; top:0px;}
.footer .f5 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f6{ padding-top:307px;height:4px; width:60%; position:absolute; right:10%; top:0px; }
.footer .f6 .k1{width:100%; position:absolute; bottom:0px; border-bottom:1px solid #3e3a39; left:0px; height:1px;}
.footer .f7{ padding-top:107px;height:4px; width:160px; position:absolute; right:0%; top:0px; text-align:right; }
.footer .f7 .k1{width:100%; line-height:46px; font-size:26px;color:#fff; font-weight:bolder;}
.footer .f7 .k11{width:100%; text-align:right; }
.footer .f7 .k11 img{width:80%;}
.destroy { float:right; margin-top:20px;width: 30px;height: 2px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;background-color: #fff;padding: 5px 0;background-clip:content-box;}
.footer .ft1 .line{ float:left; margin-left:4%; width:6%; height:1px;  height:18px; border-bottom:1px solid #fff;}
.footer .ft1{line-height:36px; font-size:14px; color:#fff; position:absolute; left:0%; top:100px; width:90%;}
.footer .ft2{line-height:46px; font-size:26px;position:absolute;left:10%; top:130px;  z-index:20; color:#fff; letter-spacing:10px;}
.footer .f8{ width:40px; position:absolute; right:0%; bottom:10%; text-align:right; }
/*翻页*/
.fenye{ width:100%; text-align:center; padding-top:20px; padding-bottom:30px;}
.paginator { margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}
/*加载*/
.loading {margin: 50px 0;}
.loading {display: -webkit-box;margin-top: 1rem;-webkit-box-align: center;-webkit-box-pack: center;background-size: 30px 30px;}
.loading, .loadingCart { background-image: url(../images/loaderH5.gif);height: 25px;background-repeat: no-repeat;background-position: center center;}
.more {margin-top: 1rem; font-size:1.2rem;}
.more a { display: -webkit-box;height: 4.4rem;-webkit-box-pack: center;-webkit-box-align: center;}
.more .no-more {display: none;padding: 1rem 0;text-align: center;width:100%;}
.more .no-more img{width:50%;display:inline-block}
.more .no-more p {margin-top: .5rem; font-size: 1.1rem; color: #dcdcdc;}
.more .no-mores {padding: 1rem 0;text-align: center;}
.more .no-mores p {margin-top: .5rem; font-size: 1.1rem; color: #dcdcdc;}
.align-center-vertical{
     display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}


@media screen and (max-width: 1680px) {
    .fuwu .about{ text-align:center; color:#3e3a39; font-size:14px; line-height:56px;}
    .main_three li p, .main_four li p, .main_five_one li h2, .new_in_list_top li h2 {
        font-size: 20px;
        line-height: initial;
    }
}
@media screen and (max-width: 1440px) {
    
.servicecenter{ width:1200px; margin:0 auto; padding-top:60px;}
    .main_five_two_left h3 {
        font-size: 16px;
    }
    
.servicecenter .about1{ float:left; width:196px; text-align:center; margin-right:80px;}
.servicecenter .about2{ float:left; width:300px; text-align:center; margin-right:80px; margin-left:120px;}
.servicecenter .about3{ float:right; width:240px; text-align:center;margin-left:80px;}
}
@media screen and (max-width: 1793px) {
    

.footer{ background-color:#121212; color:#fff; width:100%; padding:10px 0; position:relative; }
.footer .center{ width:100%;position:relative;}
.footer .f7{ padding-top:107px;height:4px; width:160px; position:absolute; right:10%; top:0px; text-align:right; }
.footer .f7 .k1{width:100%; line-height:46px; font-size:26px;color:#fff; font-weight:bolder;}
.footer .f8{ width:40px; position:absolute; right:10%; bottom:10%; text-align:right; }
}
@media screen and (max-width: 1440px) {
    .servicecenter .t1 {
    font-size: 68px;
    color: #000000;
}
    .servicecenter .t2 {
    font-size: 36px;
    color: #595757;
    padding-top: 30px;
}
    .servicecenter .t4 {
    font-size: 68px;
    color: #000000;
    padding-top: 60px;
    letter-spacing: 6px;
}
    .servicecenter .t5 {
    font-size: 36px;
    color: #727171;
    padding-top: 10px;
    padding-bottom: 60px;
}
    .servicecenter .t32 {
    font-size: 24px;
    color: #727171;
    padding-top: 10px;
    padding-bottom: 60px;
}
    .servicecenter .tt57 {
    font-size: 49px;
    color: #727171;
    padding-top: 10px;
    padding-bottom: 60px;
}
.footer{ background-color:#121212; color:#fff; width:100%; padding:10px 0; position:relative; }
.footer .center{ width:100%;position:relative;}

.footer .f1{ float:left; width:25%; padding-top:350px; margin-left:2%; border-left:1px solid #000000;}
.footer .f1 .kb1{ font-weight:bolder; font-size:18px; line-height:46px;}
.footer .f1 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f1 .kb2{ font-weight:bolder; font-size:13px; line-height:36px; color:#b3b3b3}
.footer .f1 .kh{ height:40px; width:100%;}
.footer .f1 .kh2{ height:160px; width:100%;}
.footer .f2{ float:left; width:26%; padding-top:350px;border-left:1px solid #000000;}
.footer .f2 .kb1{ font-weight:bolder; font-size:18px; line-height:26px;}
.footer .f2 .kb1 span{font-weight:400; font-size:16px; }
.footer .f2 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f2 .b1 .line2{ width:210px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f2 .kb2{ font-weight:bolder; font-size:13px; line-height:26px;}
.footer .f2 .col1{color:#8e908f}
.footer .f2 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f2 .kh{ height:64px; width:100%;}
.footer .f2 .kh2{ height:160px; width:100%;}

.footer .f3{ float:left; width:33.5%; padding-top:350px;border-left:1px solid #000000;}
.footer .f3 .kb1{  font-size:18px; line-height:26px;}
.footer .f3 .kb1 span{font-weight:bolder; font-size:16px; }
.footer .f3 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f3 .b1 .line2{ width:120px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f3 .kb2{ font-weight:bolder; font-size:13px; line-height:33px; color:#8e908f}
.footer .f3 .kb2 span{ color:#fff;}
.footer .f3 .kb2 a{ color:#a7a7a7;}
.footer .f3 .col1{color:#8e908f}
.footer .f3 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f3 .kh{ height:62px; width:100%;}
.footer .f3 .kh2{ height:160px; width:100%;}
.footer .f4{width:250px; padding-top:350px;height:594px; position:absolute; right:2%; top:0px;border-left:1px solid #000000;border-right:1px solid #000000;}
.footer .f4 .kb1{  font-size:18px; line-height:26px;}
.footer .f4 .kb1 span{font-weight:bolder;}
.footer .f4 .b1{ border-bottom:1px solid #666666;  padding:12px 0px 46px 0px;position:relative;}
.footer .f4 .b1 .line2{ width:140px; position:absolute; bottom:-1px; border-bottom:2px solid #fff; left:0px;}
.footer .f4 .kb2{ padding-top:60px;}
.footer .f4 .kb2 .k1{ width:100px; float:left; text-align:center; font-size:10px;}
.footer .f4 .kb2 .k2{ width:100px; float:left; margin-left:20px; text-align:center; font-size:10px;}
.footer .f4 .kb2 .k01{ width:30%; float:left; text-align:center; padding-top:40px;}
.footer .f4 .kb2 .k01 img{width:50%;}
.footer .f5{width:340px; padding-top:757px;height:64px; position:absolute; right:2%; top:0px;}
.footer .f5 .k1{ font-size:10px; color:#7f7f7f; line-height:16px;}
.footer .f6{ padding-top:307px;height:4px; width:60%; position:absolute; right:2%; top:0px; }
.footer .f7{ padding-top:107px;height:4px; width:160px; position:absolute; right:2%; top:0px; text-align:right; }
.footer .f7 .k1{width:100%; line-height:46px; font-size:26px;color:#fff; font-weight:bolder;}
.footer .f7 .k11{width:100%; text-align:right; }
.footer .f7 .k11 img{width:80%;}
.footer .f8{ width:40px; position:absolute; right:2%; bottom:10%; text-align:right; }
}
@media only screen and (max-width: 1230px) {
    .c90 {
    width: 100%;
    padding: 10px 0%;
}
   .pad120 {
    padding-top: 120px;
}
   
.servicecenter .t1{ font-size:60px;  color:#000000; padding-left:40px;}
.servicecenter .t2{ font-size:32px; color:#595757; padding-left:40px;padding-top:30px;}
.servicecenter .t3{ font-size:29.05px; color:#727171;padding-left:40px; padding-top:150px; padding-bottom:60px;}
.servicecenter .t4{ font-size:58px; color:#000000; padding-left:40px; padding-top:60px; letter-spacing:6px; }

.servicecenter .about1{ float:left; width:196px; text-align:center;margin-left:60px; margin-right:60px;}
.servicecenter .about2{ float:left; width:300px; text-align:center; margin-right:60px; margin-left:60px;}
.servicecenter .about3{ float:left; width:240px; text-align:center;margin-left:70px;}
.servicelist .summary .titles {
    color: #404040;
    font-size: 16px;
    display: inline-block;
    border-bottom: 2px solid #dadbdf;
    line-height: 36px;
    padding-bottom: 8px;
}
.servicecenter2 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
}
.servicecenter .tt57 {
    font-size: 37px;
    color: #727171; padding-left:40px;
    padding-top: 10px;
    padding-bottom: 60px;
}
.servicecenter .t32 {
    font-size: 24px; padding-left:40px;
    color: #727171;
    padding-top: 10px;
    padding-bottom: 60px;
}

.servicecenter2 .about1{ float:left; width:250px; text-align:center;margin-left:60px; margin-right:60px;}
.servicecenter2 .about2{ float:left; width:300px; text-align:center; margin-left:60px; margin-right:60px;}
.servicecenter2 .about3{ float:left; width:250px; text-align:center;margin-left:70px;}
.servicecenter .t5 {
    font-size: 37px;
    color: #727171;padding-left:40px;
    padding-top: 10px;
    padding-bottom: 60px;
}
#cssmenu{ margin-right:80px;}
}

.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px;}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB;}
.pagination .active {pointer-events:none;}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px;}
.pagination-group li {float:left;border-right:0;border-radius:0;}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0;}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0;}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0;}
.pagination-big a {padding:10px 16px;font-size:16px;}
.pagination-small a {padding:5px 10px;font-size:12px;}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff;}
.pager {list-style:none;padding:0;text-align:center;clear:both;}
.pager li {display:inline-block;}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pager li a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer;}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6);}
.pager-group li {float:left;display:inline-block;}
.pager-group li:not(:first-child):not(:last-child) {border-radius:0;}
.pager-group li a:first-child {border-radius:4px 0 0 4px;}
.pager-group li a:last-child {border-radius:0 4px 4px 0;}

/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#000;color:#fff;border:1px solid #000;}
/*分页 end*/
.text-center {text-align: center; padding: 50px 0;}