/*主内容*/
.wrapper_w{ max-width:1200px; margin:0px auto; overflow: hidden; margin-left:3%; margin-right:3%;}
.wrapper{ max-width:1200px; margin: 0px auto;}
.wrapper_t{ max-width:1400px; margin: 0px auto;}
@media(max-width:1440px){
	.wrapper{max-width:1200px;}
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.toplogo { position: absolute; left:50px; top:0px; z-index:10;}
.top {     background: linear-gradient(to right, #fcb026 , #ffc151); color: #ccc; line-height: 50px; height: 50px; font-size:14px; position:relative;}

.top .fl { float:left; padding-left:391px; width: calc(100% - 591px);}
.top .fl li { float:left; font-size:18px;  color:#322308; padding:0px 20px;}
.top .fl li a {color:#322308;}
.top .fl li.check { background:#f4c777;}



.top .fr { float:right; width:500px; margin-right:10px;}
.top .fr .phone { float:left; color:#322308; margin-right:15px;}

.pro_search{ float:left; width:170px; position:relative; height:33px; margin-top:0px; margin-right:15px;}
.pro_search input{ width:100%; height:33px; line-height:33px; background:#fff; border-radius:100px; padding:0 30px 0 25px; font-size:14px; color:#333; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.pro_search input:focus{ border-color:#fff;}
.pro_search .searchtop{ position:absolute; top:6px; right:5px; width:30px; line-height:33px; text-align:center; cursor:pointer;}
.pro_search .searchtop .iconfont{ display:inline-block; font-size:20px;}
.iconfont:before {  -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s;  transition: all 0s;}
.iconsousuo:before {  content: "\e66c";}

.top .fr .lange { float:left; position:relative; display:block; vertical-align:middle; }
.top .fr .lange .toptit { display: flex; align-items: center;}
.top .fr .lange .toptit span { font-size:16px; opacity: 1; color: #333333; padding:0px 10px; display:block;padding-top:-4px;}
.top .fr .lange .toptit i img path,.top .fr .lange .toptit i svg path { fill: #333333;}
.top .fr .lange .toptit i { vertical-align:middle;  display:block; }
.top .fr .lange .toptit i svg { margin-top:2px;display:block;}
.top .fr .lange .toptit b { padding-top:-4px;}
.top .fr .lange .toptit b svg path { fill: #7f7f7f;}

.top .fr .lange:hover .top_ewm{display: block;}
.top .fr .lange .top_ewm{ background:#fff; transition: .3s all linear; position: absolute;top: 100%;z-index:3; left:10px; padding:5px 20px 15px 20px; display: none; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.top .fr .lange .top_ewm li { font-size:16px; height:35px; line-height:35px; text-align:center; border-bottom:1px solid #999}



.toper { background:#d45921; height:60px; line-height:60px; width:100%;  transition: all .5s ease; -webkit-transition: all .5s ease; z-index:20;}
.toper ul { display:block; width:calc(100% - 391px); padding-left:391px; }
.toper ul li { display:inline-block;text-align:left; position:relative; padding-right:20px; padding-left:20px;  }
.toper ul li:hover {background:#e5682f;}
.toper li a {font-size:16px; display:block; line-height:60px; color:#fff; }

.toper li .sec{display:none; position: absolute; left:0px; top:60px; width:100%;z-index:999; }
.toper li .sec dt{position: relative;border:none; height:42px; background:#d45921; border-bottom:1px solid #ba3b01; padding-bottom:0; width:130px; }
.toper li .sec dt a{display: block; text-align:center; font:100 14px/42px "微软雅黑";height:42px; color:#fff; background:none;}
.toper li .sec dt a:hover{ background:#e55d1f; color:#fff;}

.topblank { height:0;}


.mainactive{position: fixed; left:0; top:0; z-index: 99;}
.hidden_pc,.Fast-nav{display: none;}
.hidden_m{display: block;}
.mbmenu { display:none;}
.mbmenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 28px;height: 25px;right:15px;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 28px;height: 3px;background-color:#999;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 28px;height: 3px;position: absolute;background: #999;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-9px;}
.nav__icon:after {margin-top:9px;}
.mbmenu .nav { position:fixed; z-index:99996;top:0;width:70%;height: 100%;right:0; background:rgba(0,0,0,0.9);right:-100%}
.mbmenu .nav--active .nav {right:0;}
.mbmenu .nav ul {margin:50px 0 0 0}
.mbmenu .nav li {}
.mbmenu .nav li a {color:#eee; font-size:14px;}
.mbmenu .nav li a:hover {color:#fff; background:none;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}

/*内容*/
.banner {width: 100%;  background: linear-gradient(to right, #fcb026 , #ffc151); padding:90px 0px; }
.bannerindex { width:70%; padding-left:22%;}
.bannertit { font-size:48px; font-weight:bold; line-height:50px;  color: #fff;}
.bannercon { font-size:22px; line-height:40px; padding-top:20px; color: #fff; }
.banner .bannermore {
    background-color: #f25927;
    border: 2px solid #f25927;
    border-radius: 2em;
	margin-top:20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 48px;
    margin-right: 0;
    padding: 10px 24px;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out;}

.hometitle{ padding-bottom:0}
.hometitle-l{float:left; font-size:30px; line-height: 1.5;}
.hometitle-l p {font-size:28px; display: block; font-weight:bold; margin-bottom:5px; }
.hometitle-l span{font-size:16px; display: block; color: #737373;}
.hometitle-l .htitle2{color:#777; font-size: 16px; line-height: 1.5;}


.hometitle-2 {float:left; font-size:30px; line-height: 1.5;}
.hometitle-2 p {font-size:35px; display: block; font-weight:bold; margin-bottom:10px; }
.hometitle-2 span{font-size:18px; display: block; color: #737373;}
.hometitle-2 .htitle2{color:#777; font-size: 16px; line-height:30px;} 


.graybox{ background:#eeeeee; background-size: cover;}
.graybox .hometitle .more { background: #fff;}
.graybox .hometitle .more:hover { color: #fff; background: #007fa8;}
.pd80{padding:80px 0; overflow:hidden;}
.pd60{padding:60px 0; overflow:hidden;}
.pd800{padding:20px 0 80px 0}
.pd50{padding:40px 0}




.maintit{font-size: 30px; text-align: center; line-height: 1.5; padding-bottom: 40px;}
.pd20{padding-bottom: 20px;}
.maintiten{color: #999; font-size: 16px; text-transform: uppercase; letter-spacing: 5px;font-family:'Montserrat';}
.maintit span{color: #e60013;}
.maintit p { color: #e60013;font-size: 18px; padding: 5px 0;}

.caselist{ padding-top: 20px; }
.caselist li { width: 32%; margin-right:2%; float:left; margin-top: 15px;  overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; display:flex; vertical-align:middle; align-items:center; border-top: 1px solid #ccced8; padding-top:15px;}
.caselist li:nth-child(3n){ margin-right:0%; }

.caselist li .picbox { float:left; overflow: hidden; position: relative; width:154px;}
.caselist li .picbox img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.caselist li .casepic { float:right; height: 24px;margin-top: 4px;  width: 24px;text-align:right;}

.caselist li .caseinfo {float:left;display: inline-block;  margin-left: 16px;overflow: hidden; width: calc(100% - 164px); line-height: 30px; font-size: 16px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.caselist li:hover .picbox img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist li:hover .picbox .zoom {opacity: .8;}


.caselist2 { padding-top: 20px; overflow:hidden; }
.caselist2 li { width: 32%; margin-right:2%; float:left; margin-top: 15px;  overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align:middle; align-items:center;padding-top:15px;}
.caselist2 li:nth-child(3n){ margin-right:0%; }

.caselist2 li .picbox { display: block;  overflow: hidden; position: relative; width:100%; }
.caselist2 li .picbox img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.caselist2 li .caseinfo { display: block;overflow: hidden; line-height:50px; font-size: 22px; font-weight:bold; margin-bottom:6px; }
.caselist2 li .caseinfo1 { display: block;overflow: hidden; line-height: 28px; font-size: 16px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-top:45px;}
.caselist2 li .caseinfo2 { display: block;overflow: hidden; line-height:35px; font-size: 18px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-top:10px;}

.caselist2 li .casepic { height: 24px; margin-top: 24px; }
.caselist2 li .casepic img { display:inline-block; padding-left:20px;}

.caselist2 li:hover .picbox img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist2 li:hover .picbox .zoom {opacity: .8;}


/*公司简介*/

.index .scheme { position: relative; font-size: 0;width:1200px; margin:0 auto; margin-top:60px; margin-bottom:60px; }
.index .scheme .img1{ width: 100%; height: 632px;}
.index .scheme #scheme-swiper{ padding-bottom: 1%;}
.index .scheme .cont{ position: absolute; width: 100%; height: 100%;left: 0;top: 0;}
.index .scheme .cont .name{ font-size: 36px; color: #fff; text-align: center; padding:320px 0 24px 0; font-weight: initial; position: relative; z-index: 2;}

.index .scheme .cont  .nav-item { display: flex; justify-content: space-between; width:825px; margin: 0 auto; position: relative; z-index: 2;}
.index .scheme .cont  .nav-item div{color: #fff; font-size: 14px; padding: 1%; cursor: pointer;}
.index .scheme .cont  .nav-item div.link{ background: #1798ff;}
.index  #scheme-swiper .wenzi{
  color: #fff;
  text-align: center;
  margin-top: 45px;
  position: relative;
  z-index: 2;
  /* padding-bottom: 4%; */
}
.index  #scheme-swiper .swiper-slide{
  /* padding-top:170px;
  padding-bottom: 0%; */
 
}
.index  #scheme-swiper .wenzi img{
  display: none;
}
.index  #scheme-swiper .wenzi h1{
  font-size: 38px;
  color: #ffffff;
}
.index  #scheme-swiper .wenzi p{
  font-size: 18px;
  color: #ffffff;
}
.index  #scheme-swiper .wenzi a{
	display:block; width:120px; line-height:30px; text-align:center; 
 margin:0 auto; margin-top:35px; 
  color: #fff;
  border: 1px solid #fff;font-size:14px;
}
.index #scheme-swiper .wenzi a:hover{
  background: #1798ff;
  border: 1px solid #1798ff;
}




.caselist3{ padding-top: 20px; }
.caselist3 li { width: 32%; margin-right:2%; float:left; margin-top: 15px;  overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align:middle; align-items:center;background:#f6f6f6; padding:15px 20px; }
.caselist3 li:nth-child(3){ margin-right:0%; }

.caselist3 li .picbox { display: block;  overflow: hidden; position: relative; width:100%; }
.caselist3 li .picbox img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.caselist3 li .caseinfo { display: block; line-height:30px; font-size:18px; font-weight:bold; margin-top:25px; }
.caselist3 li .caseinfo1 { display: block; line-height: 26px; font-size: 14px; color:#808080; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-top:10px;}

.caselist3 li .casepic { height: 24px; margin-top: 24px; }
.caselist3 li .casepic img { display:inline-block; }

.caselist3 li:hover .picbox img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist3 li:hover .picbox .zoom {opacity: .8;}



.caselist4 { padding-top: 20px; }
.caselist4 li { width: 23.5%; margin-right:2%; float:left; margin-top: 15px;  overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align:middle; align-items:center;background:#f6f6f6; padding:15px 20px; }
.caselist4 li:nth-child(4){ margin-right:0%; }

.caselist4 li .picbox { display: block;  overflow: hidden; position: relative; width:100%; }
.caselist4 li .picbox img { width:100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

.caselist4 li .caseinfo { display: block; line-height:30px; font-size:14px; margin-top:10px; }

.caselist4 li:hover .picbox img {transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist4 li:hover .picbox .zoom {opacity: .8;}



.brand { min-height:400px; background:url(../img/brandbg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content:center; align-items: center;}
.brand .tit-a{font-size:26px; color:#fff; line-height: 1.5; text-align: center; font-weight: lighter;}
.brand .tit-a span{display: inline-block; padding: 0 10px;}
.brand .tit-a strong{font-size: 36px; display: block; margin-top: 25px; letter-spacing: 4px;}

.partner {margin:0 -7px; padding: 30px 0 0;}
.partner ul li { float: left; width: 12.5%;}
.partner ul li .item { display: block; margin:7px; padding: 15px 0; border: 1px solid #e2e2e2; border-radius: 4px; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.partner ul li .item:hover img { filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.partner ul li .item img { display: block; max-width: 100%; max-height: 90px; margin: 0 auto;
filter: grayscale(35%);-webkit-filter: grayscale(35%);-moz-filter: grayscale(35%);-ms-filter: grayscale(35%);-o-filter: grayscale(35%);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}



/*底部*/
@media (max-width:1024px) {

.xc_index_news_bg{  padding:30px 0;}
.xc_index_news_con{margin-top:25px}
.xc_ht .t1 { text-transform: uppercase; font-size: 22px;  font-weight: bold;  float: left;}
.xc_index_news_ul li{width: 100%; float:left;padding:0 10px; margin-bottom:20px;}
.xc_index_news_ul li:nth-child(5) { display:none;}
.xc_index_news_ul li:nth-child(6) { display:none;}


.xc_index_lx_bg,.xc_index_lx,.xc_index_lx_con { height:180px; width:100%;}
.xc_index_lx { width:auto;margin: 0 auto; width:100%;padding:0 20px;}
.xc_index_lx_con{ display: block; align-items: center; text-align:center; padding-top:25px;}
.xc_index_lx_con .tit .t1{  font-size: 20px;}
.xc_index_lx_con .tit .t2{ font-size: 26px; margin-top: 12px;}
.xc_index_lx_con .more a{display: block;  width: 155px; font-size: 16px; line-height: 24px; margin:0 auto; margin-top:15px;}
}



/* web_footer */
.web_footer{ position:relative; background:#f6f6f6; }
.foot_items{ position:relative;display: flex;justify-content: space-between;flex-wrap: wrap; padding:40px 0px; font-size:16px;}
.foot_items:after{ display:none;}
.foot_item{position:relative;vertical-align:top; max-width:400px;}
 
.foot_item .title{position:relative;font-size:22px; margin:15px 0; font-weight:bold;} 
.foot_item li{ padding:4px 0;}
.foot_item li:hover a{ text-decoration:underline;}
.foot_logo{ margin-bottom:20px; }
.foot_logoa{margin:20px; text-align:center;}
.foot_contact li{position:relative;padding-left:35px; margin-bottom:6px;}
.foot_contact li:before{ content:""; position:absolute; left:0; top:6px; width:35px; height:23px;background-image:url(../img/ico_addr.png); background-repeat:no-repeat;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.foot_contact li.foot_addr { line-height:28px;}
.foot_contact li.foot_addr:before{background-position:0 0; top:0;}
.foot_contact li.foot_email:before{background-position:2px -69px;}
.foot_contact li.foot_tel:before{background-position:0 -110px;}
.foot_contact li.foot_skype:before{background-position:0 -35px}
.foot_item06 span { display:block; text-align:center;}



.foot_item04 .button{ font-weight:600;display:inline-block;vertical-align:top;font-size:18px; text-transform:uppercase; color:#fee953;background:#fef03d; border-radius:10px; padding:0 21px; line-height:44px; border:2px solid #fef03d; margin:15px 0 0;}
.foot_item04 .button:hover{ background:none; color:#fef03d;}
.contact_btn{ position:relative; display:inline-block; line-height:43px; padding:0 22px; background:#014099; border:1px solid #014099; font-size:16px; color:#FFF; margin-top:18px;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.contact_btn:hover{ background:#FFF;color:#014099} 
.copyright{ position:relative; text-align:center; border-top:1px solid #bfbfbf; padding:26px 0;}


@media screen and (max-width: 1710px) {
.toper ul li { margin-left:30px; }
} 

@media screen and (max-width: 1580px) {
.toper ul li { margin-left:15px; }
} 

@media screen and (max-width: 1410px) {
.t_right li:nth-child(7) { display:none;}
} 

@media screen and (max-width: 1289px) {
.t_right li:nth-child(6) { display:none;}
.t_right li:nth-child(7) { display:none;}
} 

@media screen and (max-width: 1199px) {
.t_right li:nth-child(5) { display:none;}
.t_right li:nth-child(6) { display:none;}
.t_right li:nth-child(7) { display:none;}
} 

@media screen and (max-width: 1110px) {
.t_right li:nth-child(4) { display:none;}
.t_right li:nth-child(5) { display:none;}
.t_right li:nth-child(6) { display:none;}
.t_right li:nth-child(7) { display:none;}
}

@media (max-width:1024px) {
.hidden_pc{display: block;}
.hidden_m{display: none;}
.topblank { height:0px}
.toper { height:50px}
.toper .logo {margin:5px 0 0 0;width:140px; height:40px; background-size:100%;}
.toper .t_right{display: none}
.mbmenu { display:block;}
.mbmenu ul { display:block;float:none; text-align:left;margin:50px 0 0 0}
.mbmenu li { border-bottom: 1px solid #333; display:block;width:100%;margin:0;}
.mbmenu li a {display: block;font-size:14px;border-width:0;line-height:40px;padding-left:15px;color:#ddd}
.mbmenu li a:hover { background:none;color:#fff}
.accordionmenu {}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:14px;padding-left:15px; background: url(../img/1.png) no-repeat 96% 50%}
.accordionmenu li .link a {color:#ddd;font-size:14px;}
.accordionmenu li.open .link { background:url(../img/2.png) no-repeat 96% 50% #ec0000;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #555;}
.accordionmenu .submenu dd { height:40px; line-height:40px; background:#444;border-top:1px solid #555;}
.accordionmenu .submenu dd a { display:block;color:#ddd;font-size:14px;height:40px; line-height:40px;}
.accordionmenu .submenu dd a:hover {color:#fff}

.banner .descfont h3 { font-size:30px; letter-spacing: 0px;}
/* .banner .descfont h3::after { display: block; width: 80px; height:4px; margin: 20px auto; background: #f1d720; content: '';} */
.banner .descfont p { font-size: 12px;}
.banner video { display: block; height:400px; object-fit: cover;}

.footer{ padding:15px 0 50px;}
.footer .wrap{width:100%; display:initial}
.footer h3{ font-size:16px; padding-bottom:5px; display: none;}
.footer .footer-l{display: none;}
.footer .sjimg{padding-top: 10px;}
.footer p{ padding:0;}
.footer .footer-m{ padding-bottom:20px;display: none;}
.footer .footer-r{ line-height:1.8; width:100%; text-align: center;}
.footer .footer-r span{ font-size: 16px;}
.copyright{ display: none; line-height: 1.8; padding: 10px 0 0; text-align: center; font-size: 12px;}
.copyright span{padding: 0 5px;}
.copyright .fl,.copyright .fr{float:none}
.copyright .fl{display: none;}
}



.path_bar { background:#f7f7f7; height:40px; line-height:40px; padding-left:50px;}
.entrycom  {  font-size:16px; line-height:32px; margin-top:30px;}


.numberbox{padding:80px 0;}
.square-item {float:left; width:25%;text-align: center;}
.square-num { height: 140px; border-radius: 50%; width:140px; border: 2px solid #ccc; margin: 0px auto; display: flex; display: -webkit-flex; align-items: center; -webkit-align-content: center; justify-content: center; -webkit-justify-content: center;}
.square-num .jia0{font-size:16px;color: #444; padding-left: 5px;}
.square-num .num{font-size:36px;color: #e60013;font-family: "Montserrat"; line-height: 1;}
.square-txt{font-size: 16px; color:#666; line-height:1.8; padding: 20px 40px 0;}
.square-txt strong{font-size: 18px;display: block; margin-bottom: 10px; color: #000;}
/*about*/
.mainleft{width:250px;float:left;}
/* .mainleft.fixed{position: fixed;top: 100px;z-index: 99;} */
.mainright{float:right; width:calc(100% - 300px); width:-webkit-calc(100% - 300px); padding-bottom:30px;}

.abouttitbox{ padding: 15px 0; border-bottom: 2px solid #e2e2e2;}
.abouttit{font-size:24px; color: #2b2b2b; line-height: 33px;}
.abouttit-en{color: #999; font-family: 'Montserrat'; margin-top: 5px;}
.gtit{ height:90px; background:#dd0000; display: flex; align-items: center; font-family: 'Montserrat'; /* position: relative; */}
/* .gtit:after{content: "";border-top: 20px solid #f3f4f9;border-left: 20px solid transparent; display: block; top: 0; right: 0; position: absolute;} */
.gtit h3{font-size:18px; color:#fff;line-height:1.5; padding-left:20px;}
.gtit em{display:block;font-size:26px;color:#fff;line-height:1.3;text-transform:uppercase;opacity:.3;filter:alpha(opacity=20);font-style: normal; font-weight:100;}


.aboutcontent{font-size: 16px; line-height: 2; padding-top: 25px; padding-bottom:30px;}
.location{background: #fff; padding: 20px 0; width: 100%; border-bottom: 1px solid #e2e2e2;}
.location a img{vertical-align: middle; margin: -2px 10px 0;}
.location a:nth-child(1) img{ margin: -2px 0 0;}
.graybg{background: #f3f4f9;}
.mainright .caselist{ padding-top: 0;}
.mainright .caselist li {margin-top: 0; margin-bottom: 15px;}
.rightimg{float:right; font-size: 14px; text-align: center; margin-left: 30px;}
.mapok{width:100%; height: 450px; margin-top: 30px;}

.xtlist{}
.xtlist .xtitem {width:23%; float:left; margin-left:1%;  margin-right:1%;}
.xtlist .xtitemlist { border-radius: 5px; margin:20px 0px 0; overflow: hidden; position: relative;}
.xtlist .xtitemlist {display: block;height: 100%; padding:0;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.xtlist .xtitemlist:hover {-webkit-box-shadow: 0 4px 8px rgba(150, 150, 150, .2);box-shadow: 0 4px 8px rgba(150, 150, 150, .2); background: #2f54eb;}
.xtlist .xtitemtit{ position: absolute; left:0; bottom:0; font-size: 18px; padding: 20px; color: #fff; -webkit-transition: all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.xtlist .xtitemlist:hover {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
.xtlist .xtitemlist:hover .xtitemtit{ color: #fff;}

.newslist li {padding: 30px 0; border-bottom: 1px dashed #dedede;}
.newslist .pic { float: left; width:220px; margin-right:20px;}
.newslist .pic img { width:100%;}
.newslist .text {width: calc(100% - 430px); float: left;}
.newslist .tit2 {font-size: 18px; color: #444; margin-top: 10px;-webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s;}
.newslist .titdesc {color: #888; margin-top: 10px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslist .more {width: 140px; height: 38px; float: right; font-size: 12px; line-height:38px; text-transform: uppercase; text-align: center; background: #bbb; color: #fff; margin-top: 8px;-webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s;}
.newslist li:hover .more{background: #dd0000;}
.newslist li:hover .tit2{color: #dd0000;}
.newslist .more span {padding-right: 20px; background: url(../img/img10.png) no-repeat right center;}

.viewbox{ padding: 20px 0; color: #777; text-align: center; font-size: 14px;}
.viewbox h1{font-size: 24px; line-height:1.8; color: #444;}
.viewbox .viewfrom{display: inline-block; background: url(../img/viewsort.png) no-repeat left 50%;padding-left: 22px;}
.viewbox .viewdate{display: inline-block; background: url(../img/viewdate.png) no-repeat left 50%;padding-left: 22px; margin-left: 20px;}
.viewcontent{border-top: 1px dashed #dedede; font-size: 14px; padding: 25px 0;line-height: 2; color: #777;}
.viewcontent img{display: block;margin: 15px auto; border-radius:5px;}
.context{min-height:auto; padding: 10px 0 30px; font-size: 14px;border-top: 1px dashed #dedede;}
.context li{ line-height: 30px;}
.viewcase{ padding-bottom:25px;line-height: 2; color: #777;}
.viewcase img{display: block;margin: 15px auto 0; max-width:100%}
/*右侧工具条*/
.toolbar {position: fixed; z-index: 999; right: 5px;bottom: 100px; width: 65px;}
@media (max-width:1024px) {
.toolbar {display: none}
}
.toolbar .toolitem {position: relative; width: 65px; padding: 5px 0; background: #018be5; margin-top: 2px; text-align: center; color: #fff;}
.toolbar .toolitem p{line-height: 20px; font-size: 12px;}
.toolbar .toolitem:hover {background:#0a72a1}
.toolbar .toolitem:hover .toolbox {opacity: 1;display: block;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.toolbar .toolbox {display: none;position: absolute;text-align: center;right: 72px;top: 31px;width: 160px;height: auto; padding: 20px 15px; opacity: 0; background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #e2e2e2;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.toolbar .tooltit {font-size: 14px; color: #444; line-height: 24px; text-align: left;}
.toolbar .toolfont {text-align: left; margin: 10px 0; font-size: 20px;font-weight: bold;color: #0a72a1;}
.toolbar .tooltext {font-size: 12px;color: #888;text-align: left;}
.toolbar .toolitem:hover .arrow{position:absolute; width:8px;height:12px; background:url(../img/kefu_arrow.png) no-repeat; right:65px; top:30px; z-index: 99;}
.toolbar .tce{text-align: center;}
.toolbar a {display: block; color: #fff;}
.wxico{width:46px; height: 40px; margin: 0px auto; display:block; background: url(../img/wxico.png);}
.jtico{width:46px; height: 40px; margin: 0px auto; display:block; background: url(../img/zxico.png);}
.telico{width:46px; height: 40px; margin: 0px auto; display:block; background: url(../img/telico.png);}
@media(max-width:1024px){
	.wrapper{width:auto; padding: 0 2%;}
	.top{display: none;}
	.hometitle{ padding-bottom:0}
	.hometitle-l{font-size:16px; line-height: 1.5;}
	.hometitle-l:after{display: none;}
	.hometitle-l span{font-size: 14px; display: block; color: #777;}
	.hometitle-l .htitle2{color:#777; font-size: 16px; line-height: 1.5;}
	.hometitle .more { letter-spacing: 0px; width:auto; padding: 0 10px; border-radius:12px; height:24px; line-height:24px; margin-top:0px; font-size: 12px;}
	.hometitle .more span { padding-right:20px; background-size:16px;}
	
	.graybox{background: #eee;}
	.pd80{padding:20px 0}
	.pd50{padding:20px 0}
	.partner {margin:0 -2px; padding-top: 15px;}
	.partner ul li { float: left; width: 25%;}
	.partner ul li .item { margin:2px; border-radius:4px; padding: 4px 0;}
	.partner ul li .item img { display: block; max-width: 90%; margin: 0 auto;}
	
	.mainleft{width:100%;float:none;}
	/* .mainleft.fixed{position: fixed;top: 100px;z-index: 99;} */
	.mainright{width:100%;float:none; padding-top: 20px;}
	.location{display: none;}
	.caselist{margin-left: -3px; padding-top: 15px;}
	.caselist li {width:calc(100% / 2 - 3px); width:-webkit-calc(100% / 2 - 3px); margin-left: 3px; margin-top: 0px;}
	.caselist li:nth-child(3n+1){clear:none;}
	.caselist li:nth-child(2n+1){clear: both;}
	.caselist li .caseinfo {padding: 10px 0; line-height: 20px; font-size: 14px;}
	.mainright .caselist li {margin-top: 0; margin-bottom: 8px;}
	.aboutcontent{font-size: 14px; line-height: 1.8; padding-top: 15px;}
	.rightimg{float:none; font-size: 14px; text-align: center; margin-left: 0px; padding-bottom: 15px;}
	.rightimg img{max-width:160px}
	.mapok{width:100%; height: 300px; margin-top: 20px;}
	
	.newslist li {padding: 15px 0;}
	.newslist .text {width: 100%; float: none;}
	.newslist .tit2 {font-size: 16px; color: #444; margin-top: 5px;}
	.newslist .titdesc { margin-top: 10px;}
	.newslist .more {display: none;}
	
	.viewbox{ padding: 10px 0; font-size: 12px;}
	.viewbox h1{font-size: 16px;}
	.viewcontent{border-top: 1px dashed #dedede; font-size: 14px; padding:15px 0;line-height: 1.8; color: #777;}
	.viewcontent img{margin: 1px auto;}
	.context{min-height:auto; padding: 10px 0;}
	.viewcase{ padding-bottom:15px;line-height: 1.8;}
	.viewcase img{margin: 10px auto 0;}
	
	.abouttitbox{ padding:0;}
	.abouttit{font-size:18px;}
	.abouttit-en{display: none;}
	.gtit{ height:40px;}
	.gtit h3{font-size:14px; padding-left:20px;}
	.gtit em{display:none;}
	.snav .v1{display:block;font-size:14px;line-height:20px;padding:8px 0 8px 20px;}
	.snav .v1:hover{padding:8px 0 8px 20px;}
	
	.xtlist{}
	.xtlist .xtitem { width: 48%; float:left;  float:left; margin-left:1%;  margin-right:1%; margin-bottom:10px;}
	.xtlist .xtitemlist { border-radius: 5px; margin:4px 0px 0; overflow: hidden; position: relative;}
	.xtlist .xtitemlist:hover {-webkit-box-shadow:none;box-shadow:none; background: #2f54eb;}
	.xtlist .xtitemtit{ font-size: 14px; padding: 10px;}
	
	.maintit{font-size: 16px; padding-bottom: 15px; line-height: 1.2;}
	.pd20{padding-bottom: 0px;}
	.maintiten{color: #999; font-size: 12px; letter-spacing: 0px;}
	.maintit p{font-size: 14px;}
	.fuwuliuc{ background-size: cover; padding: 20px 0;}
	.fuwuliuc li{float:left; width:33.333%; line-height: 1.5; font-size: 12px; padding:5px 0;}
	.fuwuliuc strong{ font-size: 14px; margin: 5px 0;}
	
	.factory{max-width:100%; margin: 0px auto; white-space: nowrap; overflow: hidden; overflow-x: scroll; font-size: 0;}
	.factory .item{width:50%; margin:0; display: inline-block; float: none; position:relative}
	.factory .item .info .title{font-size:14px; margin: 0 10px 10px;}
	
	.fanlao{padding-bottom: 20px;}
	.fanlao p{ padding-bottom: 15px;}
	.fanlao p img{width:60px}
	.fanlao ul{white-space: nowrap; overflow: hidden; overflow-x: scroll; font-size: 0;padding-bottom: 8px;}
	.fanlao li{float:none; width:50%; display: inline-block; font-size: 14px; padding: 25px 0;}
	.fanlao h2{font-size: 16px; margin-bottom: 10px;}
	.fanlao h2:before{height: 2px; width:20px;}
	
	.brand { min-height:160px;}
	.brand .tit-a{font-size:16px;}
	.brand .tit-a span{display: inline-block; padding: 0 10px;}
	.brand .tit-a strong{font-size: 18px; margin-top: 10px; letter-spacing: 0px;}
	
	.fiveys{margin-left: 0px;}
	.fiveys ul{white-space: nowrap; overflow: hidden; overflow-x: scroll; font-size: 0;padding-bottom: 8px;}
	.fiveys li{float:none; display: inline-block; width:100%; margin-left: 0px; margin-right: 5px;border-bottom: 0;}
	.fiveys .fivebox{}
	.fiveys .fivefont{padding: 15px 5px; line-height: 1.5; font-size: 14px;}
	.fiveys li span{font-size: 16px; margin-bottom: 10px;}
	
	.numberbox{padding:20px 0;}
	.square-item {float:left; width:50%;text-align: center; padding-top: 15px;}
	.square-item:nth-child(2n+1){clear: both;}
	.square-num { height: 80px; width:80px; border: 1px solid #ccc;}
	.square-num .jia0{font-size:12px;}
	.square-num .num{font-size:20px;}
	.square-txt{font-size: 12px; line-height:1.5; padding: 10px 15px 0;}
	.square-txt strong{font-size: 14px; margin-bottom: 5px;}
	
	.Fast-nav{display: block; position: fixed;bottom: 0;left: 0;width: 100%;background:#dd0000;z-index: 9999999;padding: 3px 0;font-size: 12px;}
	.Fast-nav li{width: 33.333%;float: left;text-align: center;position: relative;color: #fff; line-height: 22px}
	.Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background:rgba(255,255,255,.3);}
	.Fast-nav li:nth-child(3):after{display: none;}
	.Fast-nav span{display:block}
	.Fast-nav li a{display: block;color: #fff;}
	.Fast-nav .tel {background:url(../img/downtel.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
	.Fast-nav .cp{background:url(../img/downcp.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
	.Fast-nav .map {background:url(../img/downwz.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
	.Fast-nav .top {background:url(../img/downhome.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
}
/*2024.1.3*/
.qywenhua{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.qywenhua-l{border:2px solid #be0c0c; background: #fff; width:23%; text-align: center; padding:50px 0}
.qywh-img img{border-radius: 6px; width:70px}
.qywh-tit{font-size: 22px; line-height: 1.5; padding:20px 0 10px; font-weight: bold;}
.qywhfont{padding:10px}
.qywhtop{text-align: center; color:#999; font-size: 16px; padding:30px 0}
.qywhtop h3{font-size: 30px; font-weight:bold; color:#be0c0c;}
.qywhtop h3:after{content: ''; display: block; margin:5px auto; width:50px; height: 3px; background:#be0c0c;}
.abtrightimg{float:right; width:650px; margin-left: 20px; margin-top:10px;}
.abtleftimg{width:400px; margin-top:10px; display: block; margin-bottom: 10px;}
@media(max-width:1024px){
	.abtrightimg{float:none; width:100%; margin-left: 0px; margin-top:0px; margin-bottom: 10px;}
	.abtleftimg{display: none;}
	.qywhtop{font-size: 14px; padding:10px 0}
	.qywhtop h3{font-size: 18px;}
	.qywhtop h3:after{margin:0px auto; width:30px; height: 2px;}
	.qywenhua-l{width:49%; border:1px solid #be0c0c; text-align: center; padding:25px 0 15px; margin-top: 1%;}
	.qywh-img img{border-radius: 6px; width:50px}
	.qywh-tit{font-size: 16px; line-height: 1.5; padding:15px 0 5px; font-weight: bold;}
	.qywhfont{padding:10px}
}

/*翻页*/
.pager{ width: 100%; padding: 10px 0;text-align: center; margin:0 auto; margin-top:20px;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:2px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#de1710;border-color:#222c50;text-decoration:none;color:#fff;}
.pager .cur{background:#de1710;border-color:#222c50; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}
.pager a.page-num-current { background:#de1710;color:#fff;}