/*网站全局样式设置  begin*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*html,body { height: 100%; }*/

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-family: opensans-regular,Microsoft YaHei Light,sans-serif,'opensans',PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
    color: #333333;
    background-color: #ffffff;
    
}
@font-face {
  font-family: UNIQLO;
  src:url("../fonts/DIN-Medium.otf");
}


@font-face {
  font-family: "iconfont";
  src:    url("../../fonts/iconfont.eot");
  src: url("../../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/iconfont.woff") format("woff"), url("../../fonts/iconfont.ttf") format("truetype"), url("../../fonts/iconfont.svg#iconfont") format("svg");
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { text-decoration: none!important;}

a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}

a {
  color: #777;-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
a:hover {
  color: #d0141a;-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
img{ max-width:100%;vertical-align: top;}

/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

/*RESET the FORM*/
fieldset { border: 0!important;}

input, button, textarea, select { font-size:100%; outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; }
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}

.text-center { text-align: center;}
.text-right { text-align: right;}

.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
a.move_up{transform: translateY(0px);-webkit-transition: all ease .4s;transition: all ease .4s;}
a.move_up:hover{transform: translateY(-20px);-webkit-transition: all ease .4s;transition: all ease .4s;}
.color134dab{ color:#134dab}
.color7e8085{ color:#7e8085}
.color000000{ color:#000000}
.font60{ font-size:60px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font24{ font-size:24px;}
.font45{ font-size:45px;}
.border_radius6{border-radius:6px;}
.underline_01{ border-bottom:#000000 1px solid; padding-bottom:6px; }
.width1480{ width:96%; margin:0px auto; max-width:1480px;}

/*RESET IMAGES*/
img { 

}
/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*THE SPECIAL FONTS*/
@font-face {
    font-family: 'PingFang-Heavy';
    src: url(".../fonts/PingFang Heavy.eot");
    src: url("../fonts/PingFang Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/PingFang Heavy.woff") format("woff"), url("../fonts/PingFang Heavy.ttf") format("truetype"), url("../fonts/PingFang Heavy.svg#PingFang Heavy") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'PingFang-Light';
    src: url(".../fonts/PingFang Light.eot");
    src: url("../fonts/PingFang Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PingFang Light.woff") format("woff"), url("../fonts/PingFang Light.ttf") format("truetype"), url("../fonts/PingFang Light.svg#PingFang Light") format("svg");
    font-weight: normal;
    font-style: normal
}

.size-all {
    width: 100%;
    height: 100%;
}
.inde-chanye .com-sec.active .swiper-container .swiper-slide .dn-img {
 opacity:0.6;
 transition:all .8s ease;
}
.inde-chanye .com-sec.active .swiper-container .swiper-slide-active .dn-img {
 opacity:1;
 animation:scale11 7s infinite;
 transform:scale(1);
}
@keyframes scale11 {
 0% {
  transform:scale(1);
 }
 100% {
  transform:scale(1.08);
 }
}
.inde-chanye .com-sec .conta {
    position: absolute;
    left: 3%;
    bottom: 13px;
    z-index: 8;
    height: auto;
    color: #fff;
}
.inde-chanye .com-sec .conta .dn1 {
    font-size: 50px;
    line-height: 60px;
    font-family: 'gothb';
}
.inde-chanye .com-sec .conta .com-more {
    display: block;
    width: 136px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FFFFFF;
    transition: all .4s ease;
    color: #000000;
    font-size: 12px;
    font-family: 'gothb';
    margin: 0 0 35px;
    position: relative;
}
.inde-chanye .com-sec .conta .com-more::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    background: #241714;
    top: 0;
    left: 0;
    transition: all .2s ease;
}
.inde-chanye .com-sec .conta .com-more a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    transition: all .4s ease;
}
.logos{ position:absolute; left:3%; top:30px; width:160px; z-index:2}
.more{ position:absolute; left:50%; bottom:50px; width:110px; height:40px; border:#FFFFFF 1px solid; text-align:center; line-height:40px; color:#FFFFFF; margin-left:-55px; z-index:2}
.more:hover{ background-color:#FFFFFF; color:#000000}
.fast_link{ position:absolute; right:3%; bottom:40px; text-align:right;z-index:2}
.fast_link img{}
.fast_link ul li { position:relative; display:inline-block;margin-left:20px;}
.fast_link ul li a span{ display:none; position:absolute; left:50%; bottom:70px; margin-left:-50px; width:100px ;z-index:3 ;transition: all .2s ease;}
.fast_link ul li a span img{ width:100%;}
.fast_link ul li a .icon{ width:24px; }
.fast_link ul li a:hover span{ display: block;bottom:50px;transition: all .2s ease;}
/*页面LOADING加载样式开始*/
#loading {
  position: fixed;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #a40000;
  overflow: hidden;-webkit-transition: all ease 1s;transition: all ease 1s; }
 
 #loading .logo-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    width: 120px;
    opacity:1; }
#loading .loading_fonts{position:absolute; left:0; top:50%; width:100%; text-align:center; color:#FFFFFF; padding-top:40px;opacity:1; font-size:12px;}
#loading .loading_jdt{filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height:6px; position: absolute; background:#ffffff}

#loading.hides{ left:100%;-webkit-transition: all ease 1s;transition: all ease 1s;opacity:0.6;}
/*页面LOADING加载样式  END*/



.banner_in{ position:relative;}
.banner_in .back_img img{ width:100%;}
.nav{ position:absolute; right:3%; top:30px; width: auto; text-align:right; z-index:2}
.nav ul li{ display:inline-block; padding:0 22px;}
.nav ul li a{ color:#FFFFFF}
.nav ul li.banben{ color:#FFFFFF}
.nav ul li.banben a{padding:0 12px;}
.nav ul li a:hover{ color:#a40000}
.center_con{ padding-top:100px; padding-bottom:80px;}
.titile{ position:relative; padding-bottom:60px; line-height:1; color:#000000}
.titile span.name{ position:relative; font-weight:bold}
.titile span.name::before {
    position: absolute;
    left:0%;
    bottom: -15px;
    content: "";
    display: block;
    width:18px;
    height:3px;
    background-color: #000000;
    transition: all .5s ease;
}
.titile .submenu{ position:absolute; right:0; top:20px; z-index:2}
.titile .submenu ul li{display:inline-block; padding:0 15px;}
.titile .submenu ul li a{ color:#999999; padding:10px 6px;}
.titile .submenu ul li a:hover{ color:#000000}
.titile .submenu ul li.cur a{ color:#000000; border-top:#000000 1px solid; border-bottom:#000000 1px solid;}

.case_lists{}
.case_lists ul li{ position:relative; float:left; width:32%; margin-right:2%; display:inline; overflow:hidden; margin-bottom:2%}
.case_lists ul li:nth-child(3n) { margin-right:0}
.case_lists ul li a .namnesd{ position:absolute; left:0; bottom:0; width:100%; z-index:2 ; background:url(../images/yinying.png) left bottom repeat-x; padding:40px 30px; color:#FFFFFF;}
.case_lists ul li a .namnesd span{ position:relative; }
.case_lists ul li a .namnesd span::before {
    position: absolute;
    left:0%;
    bottom: -15px;
    content: "";
    display: block;
    width:18px;
    height:3px;
    background-color: #ffffff;
    transition: all .5s ease;
}
.case_lists ul li a img{width:100%;transition: transform 2s;}
.case_lists ul li a:hover img{transform: scale(1.1);}

.about{ position:relative;display: table; margin-top:90px;}
.about .about_left{ display: table-cell;vertical-align: middle;width:50%; overflow:hidden;}
.about .about_left img{ width:100%;transition: transform 2s; /*max-width:522px;*/} 
.about .about_left img:hover{transform: scale(1.05);}
.about .about_right{ display: table-cell;vertical-align: middle;width:50%; padding-left:5%; overflow:hidden;}
.about .about_right .about_fonts{ line-height:230%}
.titile_about{position: relative;
    padding-bottom:40px;
    line-height: 1;
    color: #000000;}
.titile_about span{
    position: relative;
    font-weight: bold;
}
.titile_about span::before {
    position: absolute;
    left: 0%;
    bottom: -15px;
    content: "";
    display: block;
    width: 18px;
    height: 3px;
    background-color: #000000;
    transition: all .5s ease;
}
.margin_top90{ margin-top:90px;}
.Project_pics .swiper-button-next,.Project_pics .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); right:50px;}
.Project_pics .swiper-button-prev,.Project_pics .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); left:50px;}
.Project_pics  .swiper-slide a{ overflow:hidden;}
.Project_pics  .swiper-slide a img{width:100%;transition: transform 2s;}
.Project_pics  .swiper-slide a:hover img{transform: scale(1.05);}
.honor-warp{ padding-top:20px;}
.honor-list, .honor-deeds-item {
    display: flex;
    flex-wrap: wrap;
}
.honor-list .honor-time {
    width: 20%;
    font-size: 18px;
    color: #999; font-weight:bold;
}
.honor-deeds-box {
    width: 80%;
}
.honor-deeds-item {
    margin-bottom: 10px;
}
.honor-deeds-name {
    width: 30%;
    font-size: 15px;
    font-weight: bold;
}
.honor-deeds-take-list {
    width: 70%;
    line-height: 24px;
}
.honor-deeds-take {
    margin-bottom: 6px;
}

.honor-list.erji_show{}
.honor-list.erji_show .honor-time{ background: url(../images/sanjiao.png) 60px 8px no-repeat; margin: 15px 0;}
.honor-list.erji_show .honor-deeds-box{ display: none}
.honor-list.erji_show.on .honor-deeds-box{ display: block}

.honor-list.erji_show.on .honor-time{ background: none}

.imgList, .Other, .partner {

}
.imgList li {
    width: 16%;
    height: 120px;
    float: left;
    display: table-cell;
    line-height: 100px;
    text-align: center;
    *display: block;
    margin: 0 0.334%;
}
.imgList img {
    vertical-align: middle;
}
.bottom{ padding-top:50px;}
.bottom_img img{ width:100%;}
.fl {
    float: left;
}
.fr {
    float: right;
}
.blo-box {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.foot-bot {
    padding: 0 6% 2%; background-color:#f6f6f6
}

.foot-bot .bot-box1 {
    padding: 50px 0 10px;
}

.foot-bot .bot-box1 .dn-com .dnp1 {
    color: #000000;
    font-size: 18px;
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 20px;
    margin: 0 0 30px; font-weight:bold
}

.foot-bot .bot-box1 > .fl {
    margin: 0 5% 0 0;
}

.foot-bot .bot-box1 .dn2 {
    width:28%;
}
.bottom_link{}
.bottom_link ul li{ margin-bottom:12px;}
.bottom_link ul li a{ color:#999}
.bottom_link ul li a:hover{ color:#000000}
.saomiao{ color:#000000; font-size:14px; padding-top:20px;}
.banquan_fonts{ text-align:right; padding-top:20px;color:#999999; padding-bottom:30px; font-size:12px;}
.banquan_fonts a{ color:#000000;}
.swit-contact .cont-box:not(:first-of-type) {
 display:none;
}
.foot-bot .bot-box1 .dn1 a {
    display: block;
    color: #999999;
    font-size: 16px;
    opacity:1;
    margin: 0 0 12px;
}

.foot-bot .bot-box1 .dn1 a.ac, .foot-bot .bot-box1 .dn1 a:hover {
    opacity: 1; color: #000000;
}

.foot-bot .bot-box1 .dn3{
    width:30%;
}

.foot-bot .bot-box1 .dn4{width:16%;}

.foot-bot .bot-box1 .dn2 .dn-wen .dnwen1 {
    color: #3a3a3a;
    font-size: 16px;
    margin: 0 0 12px;
}

.foot-bot .bot-box1 .dn2 .dn-wen .dnwen2 {
    color: #666666;
    line-height: 26px;
}

.foot-bot .bot-box1 .dn3 .dn-wen .blo-box {
    margin: 0 5% 0 0;
    text-align: center;
    color: #999999;
    font-size: 12px; max-width:28%;
}

.foot-bot .bot-box1 .dn3 .dn-wen .blo-box .im1 {
    max-width: 76px;
    max-height: 76px;
    margin: 0 0 6px; width:100%
}

.foot-bot .bot-box1 .dn4 .dn-wen .blo-box {
    margin: 0 12px 0 0;
}
@media (max-width:1440px) {
.foot-bot .bot-box1 .dn3{
    width:27%;
}
.foot-bot .bot-box1 .dn3 .dn-wen .blo-box {
    margin: 0 3% 0 0;
    text-align: center;
    color: #999999;
    font-size: 12px; max-width:30%;
}
}
@media (max-width:1140px) {
.foot-bot .bot-box1 .dn3{
    width:25%;
}
.foot-bot .bot-box1 .dn3 .dn-wen .blo-box {
    margin: 0 3% 0 0;
    text-align: center;
    color: #999999;
    font-size: 12px; max-width:28%;
}
}
.foot-bot .bot-box1 .dn4 .dn-wen .blo-box img {
    width: 30px;
    height: 30px;
}

.foot-bot .bot-box2 {
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 16px;
}

.foot-bot .bot-box2 .dfl {
    padding: 16px 0 0;
}

.foot-bot .bot-box2 .dfl a {
    color: #333333;
    margin: 0 45px 0 0;
    position: relative;
}

.foot-bot .bot-box2 .dfl a:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 8px;
    background: #CECECE;
    right: -22px;
    top: 3px;
}

.foot-bot .bot-box2 .dfl a:last-of-type:before {
    display: none;
}


.dashiji{ background:url(../images/lines.png) left 44px repeat-x;}
.dashiji .swiper-slide{
text-align: center; width:25%;
      font-size: 18px;position:relative;padding-right:0;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: inline;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; overflow:visible
}
.dashiji .swiper-slide li{ padding:0 10%}
.dashiji .swiper-slide li .times{ font-weight:bold; color:#666666; margin-bottom:30px;}
.dashiji .swiper-slide li .contents{ background:url(../images/yuandian.png) center top no-repeat; padding-top:50px; font-weight:bold; color:#333333; line-height:180%;} 
.dsj{ position:relative}
.dashiji .prev3{ background:url(../images/btn_left.png) center center no-repeat; width:43px; height:43px; left:0;z-index:1000}
.dashiji .prev3:hover{ background:url(../images/btn_left_hover.png) center center no-repeat}
.dashiji .next3{ background:url(../images/btn_right.png) center center no-repeat; width:43px; height:43px; right:0; z-index:1000}
.dashiji .next3:hover{ background:url(../images/btn_right_hover.png) center center no-repeat}


@media (max-width:1000px) {
body {
 min-width:320px; background-color:#FFFFFF

}
.width1480{ width:90%}
.font60 {
    font-size:2rem;
}
.font24 {
    font-size: 1rem;
}
.font18 {
    font-size: 1rem;
}
.font30 {
    font-size: 1.6rem;
}
.header{ position:fixed; left:0; top:0; z-index:2000; width:100%; background-color:#000000; }
.top-section{ position:relative; width:100%; height:4rem;padding:0rem 1rem;}
.logos{ height:1.6rem; width:auto; left:1rem; top:1.2rem}

.nav {
    position: fixed;
    left:100%;
    top: 4rem;
    width: 100%;
    text-align: center;
    z-index: 2;
    background-color: #fff; -webkit-transition: left .9s ease;
    -o-transition: left .9s ease;
    transition: left .9s ease;
}
.nav ul li{ display:block; padding:0.8rem 0; text-align:center; border-bottom:#e9e9e9 1px solid;}
.nav ul li a{ color:#000000}
.nav.open{left: 0%;}
.header .hamburger {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;position: absolute;
    right: 1rem;
    width: 1.8rem; top:1.4rem
}
.header  .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.header  .hamburger span:first-child {
    top: 0;
}
.header  .hamburger span:nth-child(2), .header  .hamburger span:nth-child(3) {
    top: 8px;
}
.header  .hamburger span:nth-child(4) {
    top: 16px;
}
.header .hamburger.open span:first-child {
    top: 18px;
    width: 0;
    left: 50%;
}
.header .hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header  .hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header  .hamburger.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%;
}

.header  .hamburger span {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
}
.banner_in{ margin-top:4rem;}
.about .about_left,.about .about_right {
    display: block;
    width: 100%;
}
.about .about_right{ margin-top:1rem; padding-left:0;}
.margin_top90 {
    margin-top: 3rem;
}
.dashiji .swiper-slide{ width:100%;}
.Project_pics .swiper-button-prev, .Project_pics .swiper-container-rtl .swiper-button-next{ left:1rem}
.Project_pics .swiper-button-next, .Project_pics .swiper-container-rtl .swiper-button-prev{ right:1rem;}
.honor-list .honor-time, .honor-deeds-box, .honor-deeds-name.honor-deeds-take-list, .honor-deeds-take-list {
    width: 100%;
}
.honor-deeds-name {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;padding: 1rem 0;
}
.imgList li {
    height: 100px;
    width: 33.3%;
    margin: 0;
}
.imgList img {
    width: 65%;
}
.foot-bot .bot-box1 .dn1 {
    width: 100%;
    margin: 0;
    font-size: 0;
    text-align: left;
}
.foot-bot .bot-box1 .dn-com {
    width: 100%;
    margin: 0;
}
.foot-bot .bot-box1 .dn-com {
    width: 100%;
    margin: 0; padding-top:1rem
}
.center_con {
    padding-top: 3rem;
    padding-bottom: 0;
}
.titile .submenu {
    position: initial;
    right: inherit;
    top: initial;
    z-index: 2; padding-top:3.6rem;
}
.case_lists ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    display: block;
    overflow: hidden;
    margin-bottom:1rem;
}
.titile .submenu ul li {
    padding:0; margin:1rem 0.3rem;
}
.titile .submenu ul li a {
    padding: 0.5rem 0.5rem;
}
.titile{ padding-bottom:2rem;}
.foot-bot .bot-box1 {
    padding: 2rem 1rem;
}
.banner_in .back_img img{background-size:contain|cover;width:100%;height: auto;}
.fast_link{ display:none}
.more{    left: 3%; margin-left:0; bottom:2rem}

}