@charset "utf-8";
/*网站公共样式*/
/*@font-face {
 font-family:"siyanziti";
 src:url("../fonts/siyanziti.OTF")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}*/


/*@font-face {
 font-family:"zw";
 src:url("../fonts/Source-Light.otf")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}
*/
@font-face {
 font-family:"zwm";
 src:url("../fonts/Source-Medium.otf")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family:"zwc";
 src:url("../fonts/Source-Medium.otf")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family:"yw";
 src:url("../fonts/Gotham-Light.otf")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family:"ywm";
 src:url("../fonts/Gotham-Book.otf")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family:"ywc";
 src:url("../fonts/Source-Medium.otf")format("truetype"); 
      font-weight: normal;
    font-style: normal;
}

 
.museo-light {
    font-family: "" !important
}

body { font-family:"Microsoft YaHei","SourceHanSansCN-Light"; font-size:12px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#333; line-height:22px; width:100%; overflow-x:hidden; letter-spacing:1px; }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
ul,li { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none; color:#333; }
a:hover{ color:#ff2316;}
img { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document-width{ width:1628px; margin:auto; }
.document-widthss{ width:1020px; margin:auto; }
.document-widthss .xincasexx { padding:70px 30px 42px 30px;    }

.showdtt { width:100%; height:40px; line-height:40px; float:left; font-size:16px;}
.showdtt1 { margin-top:30px;}
.showdta1 { width:10.11111%; height:36px; line-height:36px; float:left; margin:0 0.5%; border-bottom:1px solid #ccc; box-sizing:border-box; overflow:hidden;}
.showdta { width:32.333333%; height:36px; line-height:36px; float:left; margin:0 0.5%; border-bottom:1px solid #ccc; box-sizing:border-box;overflow:hidden;}


.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.index_a { display:none;}

.mapheight{padding-top:150px !important;}
/****新加底部案例样式***/
dl.cbl {
    width: 24.4%;
    height: auto;
    float: left;
    margin: 0.8% 0.3% 0 0.3%;
}

dl.cbl dt { width:100%; height:auto; float:left;}
dl.cbl dt a {margin-right:0;}
dl.cbl dt img {width: 100%;height: auto;display: block;}
dl.cbl dd { width:100%; height:auto; padding:10px 0; float:left;}
dl.cbl dd h3 a {width: 100%; height: 24px;line-height:24px;font-size:14px;color:#fff;opacity:0.8; margin:0;float:left; }
dl.cbl:hover dd h3 a {opacity: 1;}
dl.cbl dd p {opacity: 0;width: 100%;    height: 20px; line-height:20px; font-size:12px; color:#fff; float:left; }
dl.cbl:hover dd p {opacity: 1;}



/****分页****/
.fenye { margin: 20px 0;        }
.fenye ul{  text-align:center; white-space:nowrap;}
.fenye ul li{display:inline;  margin:0; padding:0;  }
.fenye ul li a{ display:table-cell; display:inline-block; padding:0 10px; font-size:16px; margin-right:10px; height:30px; line-height:30px;text-align:center; color:#828487;  border-radius:2px; }
.fenye ul li a.cur,.fenye ul li a:hover{ color:#343a40; }
.pagelist{ display:none;}

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none;z-index: 2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px;opacity: 0.7;min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%;width: 60%;margin: auto;z-index: 2147483647;}



/*******首页*****/
.header{ width:100%; height:100px; float:left; border-bottom:1px solid #dfe3e6;}
.logo{ width:210px; height:100px; float:left;}
.logo img{ width:210px; height:100px; display:block;}
.menu_div{ width:auto; height:100px; float:right;}
.menu_div ul{ width:auto; float:right; text-align:right;}
.menu_div ul li { width:auto; height:auto; float:right;}
.menu_div ul li a{ position:relative; width:auto; float:right; font-size:16px; color:#6e6f70 ; line-height:100px; margin-right:50px;}
.menu_div ul li a i{position: absolute; bottom:0px ; display: block; left: 50%; right: 50%; height: 3px; background-color: #000;-webkit-transition-property: left, right; transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;	transition-timing-function: ease-out;}
.menu_div ul li a:hover i{ left: 0; right: 0;}
.menu_div ul li a:hover{ color:#000;}
.menu_div ul li a.cur{color:#000; }
.menu_div ul li a.cur i{ left: 0; right: 0;}

.header_right{ width:154px; float:right; height:100px;}
.header_right a{width:48px; height:50px; float:left;display:block; position:relative; margin-top:25px;}
.header_right a.a1{  background:url(../images/TEL1.png) center center no-repeat; background-size:48px 28px; }
.header_right a.a1:hover{ background:url(../images/TEL2.png) center center no-repeat; background-size:48px 28px;}
.header_right a.a1 p{ z-index:33; display:none; width:220px; height:80px; position:absolute; font-size:22px; line-height:80px; text-align:center; left:-85px; background:#000000; color:#fff; top:75px; border-radius:5px;}
.header_right a.a1 p s{ width:20px; height:11px; float:left; background:url(../images/top_tb_jt.png) center center no-repeat; background-size:16px 11px; margin:-11px 0 0 100px;}
.header_right a.a1:hover p{ display:block;}
.header_right a.a2{ background:url(../images/QQ1.png) center center no-repeat; background-size:48px 28px;}
.header_right a.a2:hover{ background:url(../images/QQ2.png) center center no-repeat; background-size:48px 28px;}
.header_right a.a2 p{ z-index:33; display:none; width:180px; height:80px; position:absolute; font-size:18px; text-align:center;left:-65px; background:#000000; color:#fff; top:75px; border-radius:5px;}
.header_right a.a2 p s{ width:20px; float:left; height:11px; background:url(../images/top_tb_jt.png) center center no-repeat; background-size:16px 11px; margin:-11px 0 0 80px;}
.header_right a.a2 p span{ width:100%; height:auto; float:left; font-size:16px; text-align:center; line-height:30px;padding-top:15px;  font-weight:200; }
.header_right a.a2:hover p{ display:block;}
.header_right a.a3{background:url(../images/Email1.png) center center no-repeat; background-size:48px 28px;}
.header_right a.a3:hover{ background:url(../images/Email2.png) center center no-repeat; background-size:48px 28px;}
.header_right a.a3 p{ z-index:33; display:none; width:215px; height:80px; position:absolute; font-size:18px; text-align:center; left:-80px; background:#000000; color:#fff; top:75px; border-radius:5px;}
.header_right a.a3 p s{ width:20px; float:left; height:11px; background:url(../images/top_tb_jt.png) center center no-repeat; background-size:16px 11px; margin:-11px 0 0 95px;}
.header_right a.a3 p span{ width:100%; height:auto; float:left; font-size:16px; text-align:center;line-height:30px;padding-top:15px;font-weight:200; }
.header_right a.a3:hover p{ display:block;}
.header_right s{ width:5px; height:100px; float:left; background:url(../images/xt.png) center center no-repeat; background-size:1px 24px;}
.sj_header{ display:none;}



.iheader{ width:100%; height:auto; float:left; position:fixed; top:28px; left:0; height:78px; margin-bottom:28px;z-index:9999;}
.iheaders{ position:absolute !important;}
.iheader .document-width{ width:1032px;}
.dxdiv{ width:100%; height:78px; float:left; background:rgba(243,246,248,0.9); border-radius:78px; padding:0 39px; box-sizing:border-box;}
.ilogo{ width:auto; height:auto; float:left; margin-top:22px;}
.ilogo a img{ width:105px; height:auto; display:block;}

dl.caidian{ width:auto; height:78px; float:right;}
dl.caidian dd{ width:auto; height:auto; float:left; margin-right:24px;}
dl.caidian dd a{ width:99px; height:78px; line-height:80px; float:left; text-align:center; padding:0; font-size:23px; color:#A5A7AA ; font-family:"zwm";}
dl.caidian dd a span.sp1{ display:none;}
dl.caidian dd a:hover,dl.caidian dd a.cur{ color:#55585C ;}
dl.caidian dd a.cur span.sp,dl.caidian dd a:hover span.sp{ display:none;transition:all 0.8s ease;}
dl.caidian dd a.cur span.sp1,dl.caidian dd a:Hover span.sp1{ display:block;transition:all 0.8s ease; letter-spacing:-0.5px;  }
dl.caidian dt{ width:16px; height:16px; float:right; cursor:pointer;position:relative; z-index:9999; margin-top:29px;}
dl.caidian dt span{ width:100%; height:6px; margin:2px 0; background:#000; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:4px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:4px; opacity:1;}
dl.caidian dt:hover span{ background:#0b6afc;}



.menudiv{ width:100%; height:100vh; background:url(../images/webimages/ban_dh.png) center top no-repeat #252c30; background-size:200% 134px; position:fixed; top:-100vh; transition:all 0.5s ease; overflow:hidden; float:left; z-index:999;}
.menudivshow{ padding-top:134px; top:0; transition:all 0.5s ease; }
.menudivc{ width:100%; height:auto; float:left; padding:142px 50px 0 324px; box-sizing:border-box; color:#fff;}
.menudivc dl{ width:250px; height:auto; float:left;}
.menudivc dl dt{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; padding-bottom:50px; margin-bottom:50px; background:url(../images/about_lc_tb_xt.png) left bottom no-repeat; background-size:34px 1px;}
.menudivc dl dd{ width:100%; height:auto; float:left;}
.menudivc dl dd a.a{ width:100%; height:38px; line-height:38px; margin-bottom:38px; font-size:36px; color:#fff; float:left; font-family:"zwm";}
.menudivc dl dd a.a1{ width:50%; height:38px; line-height:38px;margin-bottom:38px; font-size:32px; color:#fff; float:left; font-family:"zwm";}
.menudivc dl dd a.a1:nth-child(7){ padding-left:20px; box-sizing:border-box;}
.menudivc dl.d1{ width:420px; height:auto; float:left; margin:0 130px 0 66px;}
.menudivc dl dd a.a2{ width:100%; height:24px; line-height:24px; margin-bottom:10px;  font-size:17px; color:#fff; float:left; }
.menudivc dl.d2{ width:330px; height:auto; float:left;}
.menudivc dl.d2 dd span{ width:73px; height:auto; float:left; margin-right:80px;}
.menudivc dl.d2 dd span img{ width:100%; height:auto; display:block;}
.menudivc dl.d2 dd span s{ width:100%; height:auto; float:left; text-align:center; font-size:11px; line-height:20px; color:#fff; text-decoration:none; margin-top:5px;}
.menudivc dl.d2 dd span.last{ margin-right:0;}
.menudivc dl.d2 dd p{ width:100%; height:auto; float:left; margin-top:28px; font-size:18px; color:#fff; line-height:40px;}
.menudivc dl.d2 dd p s{ text-decoration:none; font-family:"zwm";}
.menudivc dl dd a:Hover{ color:#0b6afc;}
.menudivc dl dd a.a3{ display:none;}

.dxdiv1{ background:rgba(255,255,255,0.25);}
.dxdiv2{ }
.dxdiv1 dl dd { display:none;}
.dxdiv1 dl:hover dd{ display:block;}


.imenu{ width:40px; height:100px; float:right; cursor:pointer; background:url(../images/webimages/itop_menu_tb.png) right center no-repeat; display:block; background-size:35px 25px !important;}
.imenus{background:url(../images/webimages/itop_menu_tbs.png) right center no-repeat;}

.banner{ width:100%; overflow:hidden;  height:38vw !important;  position:relative;}
.banner ul {overflow:hidden;height:38vw !important; }
.banner ul li{ width:100%; height:38vw !important;  float:left; position:relative;}
.banner ul li img{width:100%; height:38vw !important;  display:block;}
.banner_span{margin:0px;padding:0px;width:100%; text-align:center;position:absolute; bottom:23px;z-index:33;}
.banner_span span{display:inline-block;transition:all .5s ease; width:10px;height:10px; margin:0 7px; background:url(../images/webimages/ban_d.png) center center no-repeat; cursor:pointer;}
.banner_span span.cur,.banner_span span:hover{background:url(../images/webimages/ban_dh.png) center center no-repeat; width:27px;height:10px; border-radius:10px;}
.ban_left{ width:25px; height:50px; float:left; position:absolute; left:5%; bottom:46.5%; background:url(../images/webimages/iban_jt1.png) center center no-repeat; cursor:pointer; opacity:0.3; }
.ban_right{ width:25px; height:50px; float:left; position:absolute;right:5%; bottom:46.5%; background:url(../images/webimages/iban_jt.png) center center no-repeat; cursor:pointer; opacity:0.3; }
.ban_left:hover,.ban_right:hover{ opacity:1;}
.sj_banner{ display:none;}

.index_main{ width:100%; height:auto; float:left; }
.index_main_about{ width:100%; height:auto; float:left; margin:35px 0 30px 0;  font-weight:200; font-size:18px; line-height:30px; color:#a0a3a6;  padding:0 35px; box-sizing:border-box;}
.index_main_about h2.h2{ width:100%; height:auto; font-weight:normal; float:left;background:url(../images/index_about_tb.png) left center no-repeat; padding-left:35px; box-sizing:border-box; font-size:24px; margin-bottom:25px;}
.index_main_about h2.h2 span{ width:auto; float:left;border-bottom:1px solid #ff2316; color:#343a40; padding-bottom:2px;}

.index_main_case{ width:100%; height:auto; float:left; box-sizing:border-box;}
.index_main_case_tt{ width:100%; height:auto; float:left; margin:70px 0;}
.index_main_case_tt ul{ width:100%; height:auto; float:left;}
.index_main_case_tt ul li a{ width:calc((100% - 112px) / 4); border-radius:3px; height:auto; float:left; margin:0 14px; background:#f2f4f6; padding:48px 52px 32px 55px; box-sizing:border-box;}
.index_main_case_tt ul li a s{ width:100%; height:auto; float:left;}
.index_main_case_tt ul li a s img{ width:56px; height:56px; float:left; margin-left:29px;transition:all 0.5s ease; display:block;}
.index_main_case_tt ul li a s img.img1{ display:none;}
.index_main_case_tt ul li a strong{ width:100%; height:auto; font-weight:normal; float:left; line-height:30px; font-size:29px; margin-top:25px; font-family:"zwm"; background:url(../images/xinimg/xitb.svg) right center no-repeat; background-size:auto 17px !important; color:#969fab; }
.index_main_case_tt ul li a strong s{ width:auto; float:none; text-decoration:none; opacity:0;}
.index_main_case_tt ul li a span{ width:100%; height:30px; overflow:hidden;  float:left; margin-top:1px; color:#969fab; text-transform:uppercase; font-family:"ywm"; font-size:17px; line-height:30px;}
.index_main_case_tt ul li a:hover,.index_main_case_tt ul li a.last:hover{ background:#0b6afc;}
.index_main_case_tt ul li a:hover s img.img1,.index_main_case_tt ul li a.cur s img.img1{ display:block;}
.index_main_case_tt ul li a:hover s img.img,.index_main_case_tt ul li a.cur s img.img{ display:none;}
.index_main_case_tt ul li a:hover strong s{ opacity:1;}
.index_main_case_tt ul li a.last{ margin-right:0; background:#E2E6EA;}
.index_main_case_tt ul li a:hover span,.index_main_case_tt ul li a.cur span,.index_main_case_tt ul li a:hover strong{ color:#fff; }
.index_main_case_tt ul li a:hover strong{ background:url(../images/xinimg/xitbh.svg) right center no-repeat !important;  background-size:auto 17px !important;} 
.index_main_case_tt ul li a:hover img,.index_main_case_tt ul li a.cur img{ margin-left:59px; transition:all 0.5s ease;}
.index_main_case_tt ul li a:hover,.index_main_case_tt ul li a.cur{ padding-right:44px;}

.index_main_case_tt ul li a.last strong{ background:url(../images/xinimg/xitba.svg) right center no-repeat;  background-size:auto 17px !important;}
.index_main_case_tt ul li a.last strong s{ float:none; width:auto;}

.ixt{ width:100%; height:1px; float:left; background:#E1E5E9}

.document-widthss .case_div_c dl.xincasexx dt{ padding-right:190px;}

.index_main_case_c{ width:100%; height:auto; float:left; margin-top:28px;}
.index_main_case_c dl{ width:calc((100% - 56px) / 2); height:auto; margin:14px; display:block; float:left; box-sizing:border-box; } 
.index_main_case_c dl dt{ width:100%; height:430px; float:left; overflow:hidden; box-sizing:border-box;}
.index_main_case_c dl dt img{ width:100%; height:430px; display:block;font-family:"ywm"; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 300ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration:300ms;}
/*.index_main_case_c dl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 300ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 300ms; }
*/
.index_main_case_c dl dd{ width:100%; height:78px; float:left; font-size:13px; line-height:30px;color:#82888b; padding:10px 15px 12px 15px; box-sizing:border-box;}
.index_main_case_c dl dd h3{ width:100%; height:auto; float:left;}
.index_main_case_c dl dd h3 a{ width:auto;  height:28px; float:left;border-bottom:1px solid #fff; letter-spacing:-0.02px; font-weight:200; font-family:"ywm"; font-size:20px; line-height:28px;color:#55585C; overflow:hidden; margin-top:5px;}
.index_main_case_c dl dd p{ width:auto; display:none; height:24px; float:left; border-bottom:1px solid #fff;  font-weight:200; margin-top:-3px; }
.index_main_case_c dl:hover{ background:#f8f9fa;}
.index_main_case_c dl:hover dd p{ display:block;}
.index_main_case_c dl:hover dd h3 a,.index_main_case_c dl:hover dd p{ border-bottom:1px solid #82888b; }

.index_main_case_c dl.xp{ width:calc((((100% - 56px) / 2) - 28px ) / 2);}
.index_main_case_c dl.c{ width:calc(100% - 28px);}

.more_tt{ width:230px; height:70px; margin:5px auto 35px auto;}
.more_tt a{transition:all .5s ease; width:100%; height:70px; line-height:70px; padding-left:40px; box-sizing:border-box; float:left;display:inline-block;  background:url(../images/webimages/izt_tbhs2.png) 180px center no-repeat #fff;font-size:18px; border:1px solid #e2e6ea; border-radius:70px; font-weight:200; color:#8a9093;}
.more_tt a:hover{ background:url(../images/webimages/izt_tbhs.png) 180px center no-repeat #343a40;border:1px solid #343a40; color:#fff;  }

.more_ttaa{  margin:5px auto 55px auto; width:226px;}
.more_ttaa a{   background:url(../images/xinimg/jia.svg) 180px center no-repeat; font-size:18px; line-height:72px; background-size: 15px auto !important; }
.more_ttaa a:hover{  background:url(../images/xinimg/jiah.svg) 180px center no-repeat #343a40; }



.index_main_xinwen{ width:calc(100% - 28px); height:auto; float:left; padding:68px 0 100px 0; margin:0 14px;}
.index_main_xinwen_left{ width:160px; height:auto; float:left; font-size:16px;font-weight:200; line-height:20px; color:#343a40; background:url(../images/webimages/izt_xt.png) left top no-repeat; padding-top:15px;}
.index_main_xinwen_left strong{ width:100%; height:auto; font-size:22px; font-weight:200; color:#343a40; }
.index_main_xinwen_right{ width:100%; padding-left:160px; box-sizing:border-box; margin-top:-36px; height:auto; float:left;}
.index_main_xinwen_right dl{ width:calc((100% - 84px) / 3); height:auto; float:left; margin-left:28px;}
.index_main_xinwen_right dl dt{ width:100%; height:auto; float:left; position:relative;}
.index_main_xinwen_right dl dt img{ width:100%; height:173px; display:block; object-fit: cover;}
.index_main_xinwen_right dl dt p{ display:none; width:100%; height:36px; line-height:36px; float:left; font-size:14px; color:#fff; position:absolute; left:0; bottom:0; padding:0 15px; box-sizing:border-box; overflow:hidden;}
.index_main_xinwen_right dl dt:hover p{ display:block;}
.index_main_xinwen_right dl dd{ width:100%; height:auto; display:none; float:left;padding:30px 10px 0 10px; box-sizing:border-box;}
.index_main_xinwen_right dl dd  a{  width:100%; height:40px; line-height:40px; float:left; font-weight:200; border-bottom:1px solid #e8e8e8; color:#8a9192; overflow:hidden; font-size:14px;}
.index_main_xinwen_right dl dd  a:hover{ color:#333;}

.index_main_xinwen_right ul{ width:100%; height:auto; min-height:200px; float:left; box-sizing:border-box; margin-top:20px;}
.index_main_xinwen_right ul li a{  width:calc((100% - 84px) / 3);height:40px; margin:0 0 0 28px; line-height:40px; float:left;  font-weight:200; border-bottom:1px solid #e8e8e8; color:#8a9192; overflow:hidden; font-size:14px; display:block;}
.index_main_xinwen_right ul li a:hover{ color:#333;}
.index_main_xinwen_right ul li:nth-child(16) a,.index_main_xinwen_right ul li:nth-child(17) a,.index_main_xinwen_right ul li:nth-child(18) a{ border-bottom:none;}


.bottom{ width:100%; height:auto; float:left;  border-top:1px solid #dee2e6; padding:30px 0 20px 0;}
.bottom_left{ width:87%; height:auto; float:left; font-size:12px; line-height:28px; color:#787878; letter-spacing:0.7px;}
.bottom_left span{ width:auto; float:left; margin-right:30px; font-weight:200;  }
.bottom_left span a{ width:auto;  font-weight:200;  color:#787878;}
.bottom_left span:last-child{ margin-right:0;}
.bottom_right{ width:auto; height:auto; float:left;font-size:14px; line-height:30px; font-weight:200; color:#767676;margin-top:-3px;}
.bottom_right span{ font-size:14px; font-weight:200; margin-left:15px; }
.bottom_left span.mr1 { margin-right:20px ;}
.bottom_right span a{ color:#767676;}
.bottom_right span s{ color:#333; font-size:15px; text-decoration:none; font-weight:normal;}
.bottom_right a.a1{ width:35px; height:30px; float:right;  background:url(../images/bottom_tb.png) center center no-repeat; position:relative; display:block;}
.bottom_right a.a1:hover{ background:url(../images/bottom_tb_h.png) center center no-repeat; }
.bottom_right a.a1 img{ width:185px; height:auto; float:left; position:absolute; bottom:45px; left:-75px; display:none;}
.bottom_right a.a1:hover img{ display:block;}
.ewm{ display:none;}
.link_a{ width:30px; height:30px; float:right; display:block; background:url(../images/link_tb.png) center center no-repeat; margin-right:20px; }
.link_a.cur{ background:url(../images/link_tb_h.png) center center no-repeat;}
.links_div{ width:100%; height:auto; float:left; background:#000000; padding:15px 0; color:#fff; font-size:12px; display:none; font-weight:200;}
.links_div span{ width:auto; line-height:24px; float:left;font-weight:200;}
.links_div a{ width:auto; line-height:24px; float:left; margin-right:15px; color:#fff;font-weight:200;}
.link_as{ margin-top:10px; height:10px !important; display:block !important; margin-right:0 !important; opacity:0.5;}
 
.back_top{ width:48px; height:48px; border-radius:48px;  position:fixed; right:40px; bottom:150px; display:none; background:url(../images/ZT1.png) center center no-repeat; cursor:pointer;}
.back_top:hover{background:url(../images/ZT2.png) center center no-repeat;}
.sj_index_adbout { display:none}
.sj_bottom { display:none;}
.sjbottom { display:none;}

.float_right{ width:56px; height:auto; float:right; position:fixed; right:0; bottom:380px; display:none;}
.float_right ul{ width:100%; height:auto; float:left;}
.float_right ul li a{ width:56px; height:56px; float:left; margin-bottom:1px;background-size:56px 56px !important;}
.float_right ul li a.a1{ background:url(../images/xinimg/float_wx.svg) center center no-repeat;  position:relative;background-size:56px 56px !important;}
.float_right ul li a.a1:hover{ background:url(../images/xinimg/float_wxh.svg) center center no-repeat; }
.float_right ul li a.a2{ background:url(../images/xinimg/float_qq.svg) center center no-repeat; position:relative;background-size:56px 56px !important; }
.float_right ul li a.a2 span{ background:#343a40;transition:all .2s ease; font-weight:200; overflow:hidden; width:0; float:left; text-indent:18px; font-size:15px;height:56px; line-height:60px; position:absolute; right:56px; top:0; color:#fff;}
.float_right ul li a.a2:hover{ background:url(../images/xinimg/float_qqh.svg) center center no-repeat; }
.float_right ul li a.a2:hover span{ width:140px;}
.float_right ul li a.a3{ background:url(../images/xinimg/float_jt.svg) center center no-repeat;background-size:56px 56px !important;}
.float_right ul li a.a3:hover{ background:url(../images/xinimg/float_jth.svg) center center no-repeat;}
.float_right ul li a.a1 .img{ width:120px; height:auto; position:absolute; right:57px; top:0; display:none;}
.float_right ul li a.a1:hover .img{ display:block;}

.show_menu{ width:100%; display:none; height:100vh; background:rgba(0,0,0,0.85); position:fixed; left:0; top:0; z-index:9999;}
.show_menu .close{     width: 40px;    height: 100px; float:right; position:relative; right:7.9%; top:0%; background:url(../images/webimages/close.png) center center no-repeat;background-size: 35px auto; cursor:pointer;}
.show_menu ul{ width:100%; height:auto; float:left; margin-top:10vw;}
.show_menu ul li a{ width:100%; height:auto; float:left; text-align:center; color:#fff; font-size:48px; line-height:86px; font-weight:100; font-family: "museo-light" !important;}
.show_menu ul li a span.sp2{ display:none;}
.show_menu ul li a:hover span.sp2{ display:block;}
.show_menu ul li a:hover span.sp1{ display:none;}

.ulbottom { width:100%; height:auto; float:left; margin:30px 0 35px 0;}
.ulbottom li { width:30%; height:36px; float:left; margin-right:5%;  }
.ulbottom li:nth-child(3n) { margin-right:0;        }
.ulbottom li a { width:100%; height:36px; line-height:36px; float:left; font-size:12px; overflow:hidden;  border-bottom:1px solid rgba(255,255,255,0.2);       }
/*.ulbottom li:nth-child(13)  a{ border-bottom:none;      }
.ulbottom li:nth-child(14)  a{ border-bottom:none;      }
.ulbottom li:nth-child(15)  a{ border-bottom:none;      }*/

 .ulbottomxin { width:100%; height:auto; float:left; margin:10px 0;}
.ulbottomxin li { width:30%; height:36px; float:left; margin-right:5%;  }
.ulbottomxin li:nth-child(3n) { margin-right:0;        }
.ulbottomxin li a { width:100%; height:36px; line-height:36px; float:left; font-size:12px; overflow:hidden;  border-bottom:1px solid rgba(255,255,255,0.2);       }
 


/*****项目案例*****/
.caselist{ margin-top:141px; border-top:none;}
.case_menu{ margin:70px auto 32px auto;}
.case_menu ul{text-align:center; white-space:nowrap;}
.case_menu ul li { display:inline;  margin:0; padding:0;}
.case_menu ul li a{ display:table-cell; display:inline-block; height:34px; line-height:34px;  font-weight:200;  padding:0 9px;text-align:center; border:2px solid #f3f5f7; color:#A5A7AA; font-size:16px; margin:0 4px;  }
.case_menu ul li a.active{ background:#f3f5f7; color:#333;}
.case_menu ul li a:hover{ background:#f3f5f7; }
.case_menu ul li a.active:hover{ background:#f3f5f7; color:#444;}
.caseslist{ border-top:1px solid #E1E5E9; width:100%; height:auto; float:left;  }
.case_c{ width:100%; height:auto; box-sizing:border-box; padding-bottom:80px; float:left; }

.cases{ width:100%; height:auto; float:left; min-height:1100px;}
.cases .mix{display:none;}

.more_tt1{ height:74px; margin:11px auto 56px auto;}
.more_tt1 a{ height:74px; line-height:74px; padding-left:40px; background:url(../images/webimages/izt_tbhs1.png) 180px center no-repeat; background-size:15px auto; border-radius:74px;}
.more_tt1 a:hover{ background:url(../images/webimages/izt_tbhs1s.png) 180px center no-repeat #343a40; color:#fff; background-size:15px auto; }
 
/*.cases .index_main_case_c dl { margin:0  14px 28px 14px; width:772px;}
.cases .index_main_case_c dl:nth-child(2n){ margin:0 14px 28px 14px;}*/


/***项目案例详情*****/
.case_div{ width:100%; height:auto; float:left; margin:134px 0 26px 0;}
.document_width1{ width:1020px; height:auto; margin:0 auto;}
.case_div_c{ width:calc(100%- 28px); margin:0 14px; height:auto; float:left;}
.case_div_c h2.h2{ width:100%; height:auto; float:left; font-size:40px; line-height:52px;color:#343a40; }
.case_div_c1{ width:100%; height:auto; float:left; margin:35px 0 60px 0;}
.case_div_c1 p.p1{ width:auto; float:left; height:44px; min-width:100px;}
.case_div_c1 p.p1 span{ width:100%; height:auto; font-size:16px; color:#525555; line-height:20px; float:left;  font-weight:200;  }
.case_div_c1 p.p1 strong{ width:100%; height:auto; font-size:20px; color:#343a40; line-height:24px; float:left; font-weight:normal; margin-top:6px;}
.case_div_c1 p.p2{ width:80px; height:60px; float:left;background:url(../images/xt.png) center center no-repeat; background-size:1px 60px; }
.share_div{ width:100px; height:40px; float:left;}
.share_div a.a1{ width:32px; height:32px; float:left; background:url(../images/case_xx_share1.png) center center no-repeat; background-size:32px 32px;  margin:0 5px 0 0; padding:0;}
.share_div a.a2{ width:32px; height:32px; float:left; background:url(../images/case_xx_share2.png) center center no-repeat; background-size:32px 32px; margin:0; padding:0;}
.case_div_xx{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#525555;  font-weight:200; padding-bottom:30px; }
.case_div_xx img{ width:auto; max-width:100% !important; text-align:center; margin:0 auto; height:auto; display:block;}
.case_bottom{ width:100%; height:61px; float:left; margin-top:50px;  margin-bottom:40px;}
.case_bottom p{ width:33.33%; height:61px; float:left;}
.case_bottom p a.a1{ width:auto;height:61px; min-width:180px; font-weight:200;  float:left; background:url(../images/webimages/casexx_tb_1.png) left center no-repeat;}
.case_bottom p a.a2{ width:80px; height:61px; display:block; text-align:center;  margin:0 auto; background:url(../images/webimages/casexx_tb_2.png) center center no-repeat;}
.case_bottom p a.a3{ width:auto; height:61px;  min-width:180px;float:right;   background:url(../images/webimages/casexx_tb_3.png) right center no-repeat;}
.case_bottom p a.a1:hover{  background:url(../images/webimages/casexx_tb_1h.png) left center no-repeat;}
.case_bottom p a.a2:hover{  background:url(../images/webimages/casexx_tb_2h.png) center center no-repeat; }
.case_bottom p a.a3:hover{  background:url(../images/webimages/casexx_tb_3h.png) right center no-repeat;}




.case_div_c p.time{ width:100%; height:auto; float:left; font-size:16px; line-height:20px;color:#525555; text-align:left; margin-bottom:35px; margin-top:10px;}

.th2 { margin-bottom:53px; }

/*******新加****/
dl.xincasexx{ width:100%; height:730px; float:left; padding:80px 80px 80px 190px; color:#fff; box-sizing:border-box;}
dl.xincasexx dt{ width:40%; height:auto; float:left; padding-right:270px; box-sizing:border-box;}
dl.xincasexx dt h1{ width:100%; height:auto; float:left; font-size:18px; line-height:28px;font-weight:200; text-align:right;  }
dl.xincasexx dd{ width:60%; height:auto; float:left; font-size:18px; line-height:28px;font-weight:200; }
.xincasexx_wz1{ width:100%; height:530px; text-align:justify; float:left;font-size:18px; line-height:28px;font-weight:200;}
.xincasexx_wz2{ width:100%; height:auto; float:left;font-size:14px; line-height:22px;font-weight:200;}
.xincasexx_wz2 p span{ width:auto; height:auto; float:left; margin-right:20px;}
.case_xgal{ width:100%; height:auto; float:left; padding:85px 0 0 0;}
.case_xgal_tt{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:33px; color:#41464c; padding-bottom:25px; background:url(../images/webimages/casexx_tb_4.png) center bottom no-repeat; font-weight:300;}
.case_xgal_tt strong{ font-weight:300; font-size:22px;}
.case_xgal ul{ width:98.6%; height:auto; float:left; margin:59px 0.7% 28px 0.7%;}
.case_xgal ul li a{ width:23.6%; height:auto; float:left; margin:0.7%; position:relative;}
.case_xgal ul li a img{ width:100%; height:auto; display:block;}
.case_xgal ul.u1 li a{  height:40px; line-height:40px; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #ededed; font-weight:200; overflow:hidden; text-align:left; font-size:15px; float:left; color:#8a9192; }
.case_xgal ul li a:hover span {position:absolute; left:0; top:0; background:rgba(0,0,0,0.75);  width:100%; height:100%; padding-top:24.5%; box-sizing:border-box; line-height:21px; font-weight:200; text-align:center; color:#fff; font-size:20px; display:block;   }
.case_xgal ul li a span{ display:none;}
.case_xgal ul li a.a{ position:relative;}
.case_xgal ul li a.a img{ position:absolute; left:0; top:0;}
.case_xgal ul li a.a .img1{ opacity:0;}
.case_xgal ul li a.a:hover .img{  opacity:0;transition:all ease 0.8s;}
.case_xgal ul li a.a:hover .img1{  opacity:1; transition:all ease 0.8s;}

.case_xgal ul.u1 li a:hover { color:#333;     }
.case_xgal ul.u1 li:nth-child(20) a, .case_xgal ul.u1 li:nth-child(19) a, .case_xgal ul.u1 li:nth-child(18) a, .case_xgal ul.u1 li:nth-child(17) a { border-bottom:none;    }





/******关于我们*******/
.about_div{ width:100%; height:auto; float:left; margin:221px 0 95px 0;} 
.document_width2{ width:970px; margin:0 auto;}
.about_div h2.h2{ width:100%; height:auto; float:left; text-align:center; font-size:36px; line-height:48px; color:#343a40; font-family:"yw";} 
.about_div h3.h3{ width:100%; height:auto; float:left; font-size:30px; line-height:48px; color:#5a5e57; font-weight:normal; margin-top:85px;font-weight:100;letter-spacing:4px;} 

.xinxt{ width:100%; height:1px; float:left; background:#E1E5E9; margin:30px 0 0 0;}

.ab_banner{ width:calc(100% - 28px); overflow:hidden; height:33.5vw; position:relative; margin-top:46px;}
.ab_banner ul {overflow:hidden;  }
.ab_banner ul li{ width:100%; height:100%; float:left; position:relative;}
.ab_banner ul li img{width:100%; height:100%; display:block;}
.ab_banner_span{margin:0px;padding:0px;width:100%;position:absolute; bottom:0px;text-align:center; z-index:33;}
.ab_banner_span span{display:inline-block;width:20px;height:20px; background:url(../images/about_tb_d.png) center center no-repeat; cursor:pointer;}
.ab_banner_span span.cur,.ab_banner_span span:hover{background:url(../images/about_tb_d_h.png) center center no-repeat; width:20px;height:20px;}
.ab_ban_left{ width:45px; height:60px; float:left; position:absolute; left:0px; top:45%; background:url(../images/about_tb_l.png) center center no-repeat #333; cursor:pointer;  opacity:0.8;  display:none;}
.ab_ban_right{ width:45px; height:60px; float:left; position:absolute; right:0px;  top:45%; background:url(../images/about_tb_r.png) center center no-repeat  #333; cursor:pointer; opacity:0.8; display:none;}
.ab_banner:hover .ab_ban_left, .ab_banner:hover .ab_ban_right{ display:block;}


.about_div_c{ width:100%; height:auto; float:left; margin:30px 0; font-weight:200; font-size:16px; line-height:32px; color:#525555;}
.about_tt{ width:100%; height:auto; float:left; margin:30px 0 20px 0; }
.about_tt span{ width:auto; float:left; font-size:22px; line-height:32px; border-bottom:1px solid #ff2316; color:#343a40; font-weight:normal;} 
.xt{ width:100%; height:1px; float:left; background:#f2f2f2; margin:30px 0 0 0;}
.time_zhu_z{width:1000px; height:auto; margin:0 auto; }
.time_zhu{ width:1000px; height:auto; float:left;  margin:30px auto 35px auto;background:url(../images/about_lc_tb_xt.png) center center no-repeat; background-size:1px 100%; min-height:300px;} 
.dian{ width:100%; height:auto; float:left;  background:url(../images/about_lc_tb_d.png) center center no-repeat #fff; padding:10px 0;}
.time_zhu dl.d1{ width:500px;  height:auto; float:left; background:url(../images/about_lc_jt_l.png) right 125px no-repeat; margin-left:1px; margin-top:-200px;  padding-top:20px;} 
.time_zhu dl.d1.d{ margin-top:0;}
.time_zhu dl.d1 dt{ width:100%; height:auto; float:left;} 
.time_zhu dl.d1 dt img{ width:400px; height:auto; display:block;} 
.time_zhu dl.d1 dd{ width:400px; height:auto; float:left; text-align:right; padding:15px 0;} 
.time_zhu dl.d1 dd strong{ width:100%; height:auto; font-size:28px; font-weight:normal; line-height:36px; float:left; text-align:right;} 
.time_zhu dl.d1 dd p{ width:100%; height:auto; float:left;  font-weight:200;  font-size:14px; line-height:24px; color:#525555;}
.time_zhu dl.d2{ width:500px; height:auto; float:right; background:url(../images/about_lc_jt_r.png) left 125px no-repeat; margin-left:1px; margin-top:-230px; padding:20px 0 0 100px; box-sizing:border-box;} 
.time_zhu dl.d2 dt{ width:100%; height:auto; float:left;} 
.time_zhu dl.d2 dt img{ width:400px; height:auto; display:block;} 
.time_zhu dl.d2 dd{ width:400px; height:auto; float:left; text-align:right; padding:15px 0;} 
.time_zhu dl.d2 dd strong{ width:100%; height:auto; font-size:28px; font-weight:normal; line-height:36px; float:left; text-align:right;} 
.time_zhu dl.d2 dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#525555;}

.about_tt1{ margin-top:62px;}
.travel{ margin:30px 0;}
.travel .swiper-slide {background-position: center; background-size: cover; background-repeat: no-repeat;width: 430px;height: 280px;}
.about_div_c1{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:26px; color:#525555; font-weight:200;  }
 
/*********加入我们******/ 
.document_widthj{ width:880px; margin:0 auto;}
.document_widthj1{ width:1160px; margin:0 auto;}
.jobs_div{ width:100%; height:auto; float:left; border-top:1px solid #f2f2f2; margin:30px 0;}
.jobs_div dl{ width:100%; height:auto; float:left; padding:0 10px; box-sizing:border-box; background:url(../images/job_tb2.png) right 30px no-repeat; border-bottom:1px solid #f2f2f2;}
.jobs_div dl dt{ cursor:pointer; width:100%; height:70px; line-height:70px; float:left; font-size:20px; color:#343a40; background:url(../images/job_tb1.png) left center no-repeat; font-weight:normal; text-indent:10px;} 
.jobs_div dl dd{ display:none; width:100%; font-weight:200;  height:auto; float:left; padding:5px 140px 40px 140px; box-sizing:border-box; font-size:16px; line-height:28px; color:#525555;} 
.jobs_div dl.cur dd{ display:block;}
.jobs_div dl.cur{ background:url(../images/job_tb2_h.png) right 30px no-repeat;}
.jobs_tt{ width:100%; height:auto; float:left; text-align:center; margin-top:70px;}
.jobs_tt a.a{ width:280px; height:60px; line-height:60px; margin:0 auto; display:block; border:1px solid #f2f2f2; border-radius:60px; background:#f8f9fa; font-size:18px; color:#343a40;}
.jobs_tt a.a:hover{ border:1px solid #343a40; color:#fff; background:#343a40;}
.jobs_tt p{  font-weight:200;  width:100%; height:auto; float:left; text-align:center;  font-size:14px; line-height:30px; color:#525555; margin-top:15px;}


/******联系我们*****/
.contact_div{ width:100%; height:auto; float:left; padding:100px 35px 10px 35px; box-sizing:border-box;}
.contact_div_c{ width:50%; height:auto; float:left;}
.contact_div_c dl{ width:100%; height:auto; float:left; margin:0px 0 55px 0;}
.contact_div_c dl dt{ width:auto; height:auto; float:left; font-size:22px; color:#343a40; line-height:28px; border-bottom:1px solid #ff2316; margin-bottom:9px;}
.contact_div_c dl dd{ font-weight:200;  width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:#6c757d;}
.contact_div_c .text{ width:500px; font-weight:200;   height:130px; float:right; background:#f1f2f2; padding:5px 15px; box-sizing:border-box; font-size:16px; font-family:"Microsoft YaHei"; line-height:32px; color:#a1a2a2; outline:none; border:1px solid #f2f2f2; border-radius:2px; margin-bottom:15px;}
.contact_div_c .input{ width:500px; font-weight:200;   height:56px; line-height:56px; float:right; background:#f1f2f2; text-indent:15px;box-sizing:border-box; font-size:16px;  color:#a1a2a2; outline:none; border:1px solid #f2f2f2; border-radius:2px; margin-bottom:15px;}
.contact_div_c p{ width:500px; height:50px; line-height:50px; float:right; box-sizing:border-box;  margin-bottom:10px;}
.contact_div_c p .input1{ width:55%; height:50px; line-height:50px; float:right; background:#f1f2f2; margin-right:5%; text-indent:15px;box-sizing:border-box; font-size:16px;  color:#a1a2a2; outline:none; border:1px solid #f2f2f2; border-radius:2px;}
.contact_div_c p .img{ width:40%; height:50px; float:right;}
.contact_div_c p.showmessinfo{width:70%; height:50px; line-height:50px; float:right; box-sizing:border-box; color:#99a0a5; text-align:center;}
.contact_div_c .button{ width:500px; height:56px; line-height:56px; float:right; text-align:center; box-sizing:border-box; font-size:16px;  color:#8d8e8e; outline:none; border:3px solid #f1f2f2; border-radius:2px;  background:#fff; cursor:pointer; }
.contact_div_c .button:hover{  border:3px solid #f1f2f2; background:#f1f2f2;}
.contact_div_c1{ width:100%; height:auto; float:left; padding:100px 0 10px 0;}
.contact_div_c1 dl{ /*width:33.33%;*/ width:50%; height:auto; float:left; text-align:center;}
.contact_div_c1 dl:first-child{ display:none;}
.contact_div_c1 dl dt{ width:100%; height:auto; float:left;}
.contact_div_c1 dl dt img{ width:130px; height:130px; margin:0 auto;}
.contact_div_c1 dl dd{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#6c757d;}
.contact_div_c .input::-webkit-input-placeholder {   color: #99a0a5;}
.contact_div_c .text::-webkit-input-placeholder {   color: #99a0a5; }


/*******新闻中心******/
.news_div{ width:100%; height:auto; float:left; padding:0px 0 30px 0; background:#eeeff0;}
.news_menuz{ width:100%; height:auto; float:left; padding:0 30px; box-sizing:border-box; position:relative;}

.news_menu{ width:100%; height:auto; float:left; margin:35px 0; position:relative; overflow:hidden}
.news_menu ul{ width:20000px; height:auto; float:left;transition:transform 232ms;} 
.news_menu ul li a{ width:auto; height:auto; float:left;  height:40px; line-height:40px; border-radius:40px; padding:0 20px;background:#fff; color:#6c6f73; font-size:16px; margin:0 10px;}
.njtleft{ width:30px; height:30px; float:left; position:absolute; opacity:0.5; left:0px; top:40px; background:url(../images/ryzz_tbl.png) center center no-repeat; cursor:pointer; z-index:999;}
.njtright{ width:30px; height:30px; float:left; position:absolute;opacity:0.5; right:0px; top:40px; background:url(../images/ryzz_tbr.png) center center no-repeat; cursor:pointer;z-index:999;}
.njtleft:hover,.njtright:hover{ opacity:1;}
.news_menu ul li a.cur{ background:#a2a4a6; color:#fff;}
.news_menu ul li a:hover{background:#d7d7d7;}
.news_menu ul li a.cur:hover{ background:#a2a4a6; color:#fff;}



.news_div_c{ width:100%; height:auto; float:left;}
.news_div_c dl{ width:100%; height:auto; float:left; background:#fff; padding:35px; box-sizing:border-box; margin-bottom:35px;}
.news_div_c dl dd{ width:50%; height:auto; float:left; padding-right:20px; box-sizing:border-box;}
.news_div_c dl dd p.time{ width:100%; height:30px; line-height:30px; background:url(../images/index_about_tb.png) left center no-repeat; text-indent:30px; font-size:16px; float:left;}
.news_div_c dl dd h3{ width:100%; height:32px; line-height:32px;font-family:"ywm"; font-size:22px; color:#343a40; float:left; overflow:hidden; margin:10px 0;}
.news_div_c dl dd h3 a:Hover{ width:auto; border-bottom:1px solid #ff2316; color:#333;}
.news_div_c dl dd p{ font-weight:200;  width:100%; height:160px; overflow:hidden; float:left; font-size:16px; line-height:32px; color:#4a4f54;}
.news_div_c dl dt{ width:50%; height:auto; float:right;}
.news_div_c dl dt img{ width:100%; height:290px;  object-fit: cover; display:block;}

.case_div_cxw{ padding:28px 0;}


/*******城市详细页***/
.citytt{ width:calc(100% - 28px); height:auto; float:left; margin:112px 14px 6px 14px;}
.citytt strong{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; color:#000; font-weight:300;}
.citytt p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#343a40; font-weight:200; letter-spacing:-0.01px;}
dl.csdl{ width:calc(100% - 28px); height:auto; float:left; border-bottom:1px solid #dfe3e6; margin-top:15px; padding-bottom:88px; margin-left:14px;margin-right:14px; margin-bottom:-7px;}
dl.csdl dt{ width:35.125%; height:auto; min-height:323px; /*background:#f9f9f9;*/ float:left;}
dl.csdl dt img{ width:100%; height:auto; display:block;}
dl.csdl dd{ width:64.875%; height:auto; float:left; padding-left:56px; box-sizing:border-box; margin:5px 0; font-size:20px;line-height:39px;color: #525555;  font-weight: 200; text-align:justify;}

.csxx{ width:49.125%; height:auto; float:left; font-size:14px; margin-left:14px; margin-top:10px; line-height:28px;color:#525555;  font-weight: 200; padding-bottom:176px; text-align:justify;}
.csxx img{ width:auto !important; height:auto; max-width:100% !important; display:block;}
.citytta{ margin:50px 14px 10px 14px;}


.nopb-mb{ padding-bottom:0; margin-bottom:-40px;}


.maptop{/* border-top:1px solid #dfe3e6;*/ margin-top:65px;}


/****样式限制****/
.xincaselist dl dt .img1{ display:none;}
.xincaselist dl dt .img2{ display:none;}
.xincaselist dl.xp dt .img{display: none;}
.xincaselist dl.xp dt .img2{display: none;}
.xincaselist dl.xp dt .img1 {display:block;}
.xincaselist dl.c dt .img {display: none;}
.xincaselist dl.c dt .img1 {display: none;}
.xincaselist dl.c dt .img2 {display:block;}

@media only screen and (max-width: 1920px) {
    .case_divs .document-width{ width:1600px; margin:auto;}
.document-width{ width:1460px; margin:auto;}
.case_divs .document-widthss{ width:1020px; margin:auto; }
.menudivc{padding:122px 0px 0 10%;}

.citytt {width: calc(100% - 20px); margin: 112px 10px 6px 10px;}
 .citytta   { margin: 50px 10px 10px 10px;}
 
.csxx{ margin-left:10px;}
.index_main_case_tt ul li a{width: calc((100% - 80px) / 4); height:auto; float:left; margin:0 10px; background:#f2f4f6; padding:45px 45px 40px 45px; box-sizing:border-box;}
 .index_main_case_tt ul li a:hover,.index_main_case_tt ul li a.cur{ padding-right:40px;}

.index_main_case_c dl{width: calc((100% - 40px) / 2); height:auto; margin:0 10px 20px 10px;  } 

.index_main_case_c dl.xp{ width:calc((((100% - 40px) / 2) - 20px ) / 2) !important;}
.index_main_case_c dl.c{ width:calc(100% - 20px) !important;}

.index_main_case_c dl dt{  height:394px; }
.index_main_case_c dl dt img{height: 394px;}
.index_main_case_c dl dd h3 a { font-size:19px;    }
.more_tt{ width:210px; height:60px; margin:5px auto 30px auto;}
.more_tt a{ height:60px; line-height:60px; padding-left:35px; background:url(../images/webimages/izt_tbhs2.png) 160px center no-repeat #fff;font-size:17px; border-radius:60px;}
.more_tt a:hover{ background:url(../images/webimages/izt_tbhs.png) 160px center no-repeat #343a40;border:1px solid #343a40;  }

.more_ttaa{ margin:5px auto 50px auto;}
.more_ttaa a{background:url(../images/xinimg/jia.svg) 160px center no-repeat; background-size:15px auto !important;}
.more_ttaa a:hover{ background:url(../images/xinimg/jiah.svg) 160px center no-repeat #343a40; }


.index_main_xinwen_right dl{width: calc((100% - 63px) / 3); height:auto; float:left; margin-left:21px;}
.index_main_xinwen_right dl dt img { height:155px;    }
.index_main_xinwen_right ul li a {width: calc((100% - 63px) / 3); margin-left:21px;   }

 .document_width2 { width:900px;    }

dl.csdl dt{  min-height:290px;}

    dl.csdl dd{ font-size:19px;  }
}


/*@media only screen and (max-width: 1800px) {
.case_divs  .document-width{ width:1400px; margin:auto;}
.document-width{ width:1400px; margin:auto;}
.index_main_case_tt ul li a{ width:335px; height:207px; float:left; margin-right:20px; background:#f2f4f6; padding:48px 30px 0 47px; box-sizing:border-box;}
.index_main_case_c dl{ width:690px; height:auto; margin:0 20px 20px 0;  }
.index_main_case_c dl:nth-child(2n){margin:0 0 20px 0;}
.index_main_case_c dl dt{  height:380px; }
.index_main_case_c dl dt img{height: 380px;}
.index_main_xinwen_right dl{ width:393px; height:auto; float:left; margin-left:20px;}
.index_main_xinwen_right ul li a { width:383px; margin:0 10px 0 20px;    }
}*/



@media only screen and (max-width: 1700px) {
.iheader .document-width, .menudiv .document-width { width: 1280px;}
        
.menudivc dl.d1{ margin:0 65px;}	
		
.document-width{ width:1280px; margin:auto;}
.case_divs  .document-width{ width:1400px; margin:auto;}
.case_divs .document-widthss {width:1020px;     }
.index_main_case_tt ul li a{  float:left;  padding:43px 30px 30px 30px; box-sizing:border-box;}
.index_main_case_tt ul li a strong{ margin-top:25px; font-size:26px; line-height:35px;}
.index_main_case_tt ul li a span{ font-size:18px;}


.index_main_case_c dl{  display:block; float:left; box-sizing:border-box; }
 
.index_main_case_c dl dt { height:auto;    }
.index_main_case_c dl dt img { height:360px;    }

.index_main_xinwen_right dl{ width:31.60333%; height:auto; float:left; margin-left:1.73%;}

 


.index_main_xinwen_right ul li a{ width:30%; margin:0 0.60333% 0 2.73%; }

    .bottom_left{ width:82%; }

}
 
 
@media only screen and (max-width: 1440px){
 
.iheader .document-width, .menudiv .document-width { width: 1180px;}
 
 


.menudivc{  padding:70px 40px 0 40px;}
.menudivc dl{ width:220px;}
.menudivc dl dt{  font-size:20px; line-height:24px; padding-bottom:30px;margin-bottom:30px;background-size:38px 1px;}
.menudivc dl dd a.a{ height:34px; line-height:34px; margin-bottom:25px; font-size:24px;}
.menudivc dl dd a.a1{ height:34px; line-height:34px;margin-bottom:25px; font-size:24px;}
.menudivc dl.d1{ width:400px;margin:0 50px;}
.menudivc dl dd a.a2{  height:24px; line-height:24px; margin-bottom:7px;  font-size:16px;}
.menudivc dl.d2{ width:300px; }
.menudivc dl.d2 dd span{ width:105px; height:auto; float:left; margin-right:50px;}
 



     
.document-width{ width:1180px; margin:auto;}
.case_divs  .document-width{ width:1200px; margin:auto;}
.case_divs    .document-widthss {width:1020px;     }
.banner_div{ width:1180px;}
.bottom_left{ width:83%; font-size:13px;}
.bottom_left span{ margin-right:5px;}
.bottom_right{ width:auto; text-indent:15px; font-size:17px;}
.bottom_right a.a1{ margin-right:0;}
  
 

 
.cases .index_main_case_c dl.aaaa{ width:49%;margin:2% 0 0 0;  }
.cases .index_main_case_c dl.aaaa1{ width:49%;margin:2% 2% 0 0;  }



.more_tt{ margin-top:30px;}
 


.index_main_news ul{ width:33%;}
.index_main_news_c{ width:30%; margin:0 0.5%;}

    .float_right { bottom:150px;    }


}



/***显示手机版****/
@media only screen and (max-width: 1200px){
.iheader .document-width, .menudiv .document-width { width: 760px;}
 



dl.caidian{ width:auto; height:78px; float:right;}
dl.caidian dd{ width:auto; height:auto; float:left; margin-right:24px;}
dl.caidian dd a{ width:80px; height:78px; line-height:78px; float:left;  font-size:24px; color:#888; font-family:"zwm";}
dl.caidian dd a span.sp1{ display:none;}
 
dl.caidian dd a:hover span.sp{ display:none;}
dl.caidian dd a:hover span.sp1{ display:block;}
dl.caidian dt{ width:17px; height:17px; float:right; cursor:pointer;position:relative; z-index:9999; margin-top:28px;}
dl.caidian dt span{ width:100%; height:6px; margin:3px 0; background:#000; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:4px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:4px; opacity:1;}

.menudivc{  padding:40px 0;}
.menudivc dl{ width:100%; margin-top:30px;}
.menudivc dl dt{font-size:20px; line-height:26px; padding-bottom:20px;margin-bottom:20px;}
.menudivc dl dd a.a{ display:none;}
.menudivc dl dd a.a1{ display:none;}
.menudivc dl dd a.a3{ width:100%; height:50px; display:block; text-align:center; line-height:50px;margin-bottom:10px; font-size:26px; float:left; color:#fff;}
.menudivc dl dd a.a3 span.sp1{ display:none;}
.menudivc dl dd a.a3:hover span.sp{ display:none;}
.menudivc dl dd a.a3:hover span.sp1{ display:block;}
.menudivc dl.d1{ width:50%; margin:30px 0 0 0;display:none;}
.menudivc dl dd a.a2{ margin-bottom:3px;  font-size:16px;}
 .menudivc dl.d2{ display:none;}
 

    /****新加底部案例样式***/
dl.cbl { width:32%; margin:2% 0.666% 0 0.666%;  }

dl.cbl dd { padding:8px 0;        }
.menudivc dl dt.aa{ display:none;} 

       



.youqing{ display:none;}
.ulbottom li { width:45%;  margin-right:5%;  }
.ulbottom li:nth-child(3n) { margin-right:5%;        }
	
.ulbottomxin li { width:45%;  margin-right:5%;  }
.ulbottomxin li:nth-child(3n) { margin-right:5%;        }	
    .case_divs  .document-width{ width:760px; margin:auto;}
.showdta1 { width:32.3333%; height:30px; line-height:30px; }
.showdta { width:49%; height:30px; line-height:30px; }



.link_a{ display:none;}	
.document-width{ width:760px; margin:auto;}
.banner_div{ width:760px; margin:20px auto; padding-bottom:50px;}

.header{ display:block;}
.menu_div{ width:500px;}
.header_right{ display:none;}

.ban_wz{left:40px; bottom:50px;}
.ban_wz span{ font-size:16px; line-height:26px;}
.ban_wz h2{font-size:22px; line-height:30px; margin:5px 0 15px 0;}
.ban_wz a{ width:80px; height:auto; float:left;  -webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 600ms;	font-size:14px; line-height:40px; color:#fff; background:url(../images/ban_jt.png) 60px center no-repeat; padding-right:20px;}
.ban_wz a:hover{  background:url(../images/ban_jt.png) 70px center no-repeat;-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 600ms;	 }

.show_menu .close{ width:40px; height:40px;right:5%; top:2%; background-size:30px;}



.index_main_about{ width:100%; padding:0;}
.index_main_case{ padding:0;}
.index_main_case_tt{ margin:50px 0 30px 0;}
.index_main_case_tt ul li a{ width:48%; margin:1%; padding:30px 20px;}
.index_main_case_tt ul li a s img{ width:56px; height:56px;}
.index_main_case_tt ul li a strong{ font-size:24px; line-height:26px; margin-top:20px;}
.index_main_case_tt ul li a span{ line-height:16px; height:22px;  margin-top:5px;}

.index_main_case_c dl{ width:48%; margin:1% !important;}
.index_main_case_c dl.xp{ width:calc( 46% / 2) !important;}
.index_main_case_c dl.c{ width:98% !important;}

.index_main_case_c dl dt{height:225px; }
.index_main_case_c dl dt img{height:225px;}
.index_main_case_c dl dd{ padding:20px;}

.index_main_news ul{ width:49%; height:auto; margin:0.5%;}
.index_main_news_c{ display:none;}


.index_main_xinwen_left{ display:none;}
.index_main_xinwen_right{ padding-left:0;}


.bottom_left{ width:100%; background:none;}
.bottom_left span{ width:100%; margin-right:0; text-align:center;}
.bottom_left span:nth-child(3),.bottom_left span:nth-child(4){ display:none;}
.bottom_right{ display:none;}

.zhezhao{ width:100%; height:100%; float:left; top:0; left:0; position:fixed; z-index:998; background:#000; opacity:0.5; display:none;}
.ewm{ width:185px; height:240px; position:fixed; z-index:999; display:none;  }
.ewm img { display:block; width:100%; height:100%;    }
.links_div{ display:none; padding-top:30px;}

/*****案例栏目****/
.case_menu{ margin:30px auto;}
.case_menu ul li a{ height:34px; line-height:34px;  }


/*****案例详情*********/
.case_div{ width:100%; height:auto; float:left; margin:134px 0 60px 0;}
.document_width1{ width:760px; }


/******关于我们*******/
.about_div{ margin:134px 0 40px 0;} 
.xinxt{ margin-top:20px;}
.document_width2{ width:94%; }
.about_div h2.h2{ margin-bottom:20px;  font-size:22px; line-height:26px; } 
.about_div h3.h3{font-size:16px; line-height:26px;} 
.ab_banner{ height:31vw; }
.about_div_c{  margin:15px 0; font-size:14px; line-height:24px;}
.about_tt{ margin:20px 0 10px 0;}
.about_tt span{ font-size:21px; line-height:26px;} -
.xt{ margin:10px 0 0 0;}
.time_zhu_z{width:94%;}
.time_zhu{ width:100%;  margin:30px auto;   min-height:300px;} 
.time_zhu dl.d1{ width:357px; background:url(../images/about_lc_jt_l.png) right 100px no-repeat; background-size:50px 15px; margin-left:1px; margin-top:-200px;  padding-top:20px;}  
.time_zhu dl.d1 dt img{ width:300px; height:auto; display:block;} 
.time_zhu dl.d1 dd{ width:300px; padding:15px 0;} 
.time_zhu dl.d1 dd strong{ font-size:21px; line-height:26px; } 
.time_zhu dl.d1 dd p{ font-size:14px; line-height:24px;}

.time_zhu dl.d2{ width:357px;background:url(../images/about_lc_jt_r.png) left 100px no-repeat;background-size:50px 15px;  margin-top:-130px; padding:20px 0 0 55px; } 
.time_zhu dl.d2 dt img{ width:300px; } 
.time_zhu dl.d2 dd{ width:300px; padding:15px 0;} 
.time_zhu dl.d2 dd strong{font-size:21px; line-height:26px;} 
.time_zhu dl.d2 dd p{font-size:13px; line-height:22px;}

.travel{ margin:20px 0;}
.travel .swiper-slide {width:360px;height:250px;}
.about_div_c1{ font-size:16px; line-height:24px;}

/***加入我们****/
.document_widthj{ width:94%;}
.document_widthj1{width:94%;}


/******联系我们*****/
.contact_div{  padding:15px 15px 0 15px;}
.contact_div_c{ width:100%;}
.contact_div_c dl{ margin:10px 0 10px 0;}
.contact_div_c dl dt{font-size:20px;line-height:21px; margin-bottom:5px;}
.contact_div_c dl dd{ font-size:18px; line-height:24px;}
.contact_div_c .text{ width:70%; height:110px; float:left; padding:5px 15px;font-size:16px; line-height:32px; margin-bottom:10px; margin-top:30px;}
.contact_div_c .input{ width:70%; height:50px; line-height:50px; float:left;  font-size:16px; margin-bottom:10px;}
.contact_div_c p{ width:70%; height:50px; line-height:50px; float:left; margin-bottom:10px;}
.contact_div_c p .input1{ width:45%; height:50px; line-height:50px; float:right; background:#f1f2f2; margin-right:5%; text-indent:15px;box-sizing:border-box; font-size:16px;  color:#a1a2a2; outline:none; border:1px solid #f2f2f2; border-radius:2px;}
.contact_div_c p .img{ width:50%; height:50px; float:right;}
.contact_div_c p.showmessinfo{width:70%; height:50px; line-height:50px; float:right; box-sizing:border-box; color:#f00;}

.contact_div_c .button{ width:70%; height:50px; line-height:50px; float:left; font-size:16px;  }

/*****新闻中心****/
.news_menu{ margin:30px auto;}
.njtleft{ top:31px; }
.njtright{ top:31px; }



.news_menu ul li a{ height:34px; line-height:34px; border-radius:34px; padding:0 20px;font-size:16px; margin:0 5px;}

.news_div_c dl{  padding:20px; margin-bottom:20px;}
.news_div_c dl dd{ width:50%; padding-right:20px;}
.news_div_c dl dd p.time{  height:20px; line-height:20px; background-size:20px 20px; text-indent:25px; font-size:14px; }
.news_div_c dl dd h3{height:30px; line-height:30px; font-size:19px; margin:10px 0;}
.news_div_c dl dd h3 a{ width:auto; border-bottom:1px solid #ff2316;}
.news_div_c dl dd p{  height:120px;font-size:14px; line-height:24px; overflow:hidden;}
.news_div_c dl dt img{ height:210px;}



/*******新加****/
dl.xincasexx{  height:auto;padding:60px;}
dl.xincasexx dt{ width:100%;}
dl.xincasexx dd{ width:100%; }
.xincasexx_wz1{ width:100%; height:auto; margin-bottom:50px;}
.xincasexx_wz2{ width:100%; height:auto; float:left;font-size:14px; line-height:22px;font-weight:200;}

.case_bottom p{height:50px;}
.case_bottom p a.a1{ height:50px; min-width:100px; background-size:100px auto;}
.case_bottom p a.a2{ width:80px; height:50px; background-size:auto 40px;}
.case_bottom p a.a3{  height:50px;  min-width:100px;background-size:100px auto;}

.case_xgal{ width:100%; height:auto; float:left; padding:50px 0;}
.case_xgal_tt{ width:100%; height:auto; float:left; text-align:center; font-size:22px; line-height:32px; color:#41464c; padding-bottom:25px; background:url(../images/webimages/casexx_tb_4.png) center bottom no-repeat; font-weight:300;}
.case_xgal_tt strong{ font-weight:300; font-size:26px;}
.case_xgal ul{ width:98.8%; height:auto; float:left; margin:30px 0.6%;}
.case_xgal ul li a{ width:48.8%; height:auto; float:left; margin:0.6%;}

.show_menu ul{  margin-top:10vw;}
.show_menu ul li a{ font-size:38px; line-height:66px; }


/*******城市详细页***/
.citytt{ margin:40px 0 10px 0;}
.citytt strong{ font-size:20px; line-height:30px}
.citytt p{ font-size:13px; line-height:22px; letter-spacing:-0.5px;}
dl.csdl{ padding-bottom:50px;}
dl.csdl dt{ width:100%; margin-bottom:20px;min-height:210px;  background:url(../images/citybj.png) left top no-repeat; background-size:50% auto;  }
dl.csdl dt img{ width:50%;}
dl.csdl dd{ width:100%; padding-left:0px; font-size:14px; line-height:22px;}
.csxx{ width:100%; font-size:14px; line-height:22px; margin-left:0; padding-bottom:40px;}
.citytta{ margin:30px 0;}



}


@media only screen and (max-width: 780px){
	    .case_divs  .document-width{ width:94%; margin:auto;}
.document-width{ width:94%; margin:auto;}
.banner_div{ width:100%; margin:20px auto; padding-bottom:50px;}
.sj_nav{ right:-23%;}
.banner_span{ left:3%;bottom:8px;}
.banner_span span,.banner_span span.cur{  width:20px; height:30px;}
.banner_jt{ position:relative; right:3%; bottom:-40px;}
.ban_left,.ban_right{ width:30px; height:30px;}
.ban_left{ right:30px;}
.index_main_case_c dl dt{ height:28vw;}
.index_main_case_c dl dt img{ height:28vw;}

.iheader{ height:80px;}
 
.iheader .document-width, .menudiv .document-width{ width:94%;}
.ilogo{  margin-top:27px;}
.ilogo a img{ width:90px; }
.imenu{ width:40px; height:80px; background-size:auto 25px;}



/*****案例详情*********/
.case_div{ width:100%; height:auto; float:left; margin:104px 0 30px 0;}
.document_width1{ width:94%; }
.case_div_c h2.h2{ font-size:21px; line-height:28px;}
.case_div_c1 p.p1 strong{ font-size:19px;}
.case_div_xx{ font-size:14px; line-height:22px; padding-bottom:15px;}
.case_div_xx img{ margin:0;}
.th2 { margin-bottom:15px; }


/*****案例栏目****/
.caselist{ margin-top:91px;}
.caseslist{ margin-top:11px; padding-top:11px;}
.case_menu{ margin:5px auto; float:left;}
.case_menu ul{white-space:normal;}
.case_menu ul li a{ height:30px; line-height:30px; margin:1%; width:auto; float:left;}
.case_c{ margin-top:20px; padding-bottom:40px;}
.cases { padding-bottom:20px;    }

/******关于我们*******/ 
.document_width2{ width:94%; }
.about_div h2.h2{ margin-bottom:15px;  font-size:21px; line-height:24px; } 
.about_div h3.h3{font-size:14px; line-height:22px;} 
.ab_banner{ height:31vw; margin-top:20px; width:100%;}

.time_zhu_z{width:94%;}
.time_zhu{ width:100%;  margin:30px auto;   min-height:300px;} 
.time_zhu dl.d1{ width:45%; background:none; margin-left:1px; margin-top:-130px;  padding-top:20px; margin-right:5%;}  

.time_zhu dl.d1 dt img{ width:100%; height:auto; display:block;} 
.time_zhu dl.d1 dd{ width:100%; padding:15px 0;} 
.time_zhu dl.d1 dd strong{ font-size:21px; line-height:26px; } 
.time_zhu dl.d1 dd p{ font-size:14px; line-height:24px;}

.time_zhu dl.d2{ width:45%; background:none; margin-top:-130px; padding:0 ; margin-left:5%; } 
.time_zhu dl.d2 dt img{ width:100%; height:auto; display:block;} 
.time_zhu dl.d2 dd{ width:100%; padding:15px 0;} 
.time_zhu dl.d2 dd strong{font-size:21px; line-height:26px;} 
.time_zhu dl.d2 dd p{font-size:13px; line-height:22px;}

.travel{ margin:20px 0;}
.travel .swiper-slide {width:360px;height:250px;}
.about_div_c1{ font-size:16px; line-height:24px;}


/*********加入我们******/ 
.jobs_div{ margin:20px 0;}
.jobs_div dl{  padding:0 10px; background:url(../images/job_tb2.png) right 17px no-repeat;}
.jobs_div dl dt{ height:45px; line-height:45px;  font-size:18px;  text-indent:10px;} 
.jobs_div dl dd{ padding:5px 15px 15px 15px; font-size:14px; line-height:22px;} 
.jobs_div dl.cur{ background:url(../images/job_tb2_h.png) right 17px no-repeat;}
.jobs_tt a.a{height:50px; line-height:50px; border-radius:50px;font-size:18px;}
.jobs_tt p{font-size:14px; line-height:24px; margin-top:15px;}


/*****新闻中心****/
.news_menu{ margin:20px auto;}
.njtleft{ top:22px; }
.njtright{ top:22px; }
 
.news_div_c{ margin-top:30px;}
.news_div_c dl{  padding:20px; margin-bottom:20px;}
.news_div_c dl dd{ width:60%; padding-right:20px;}
.news_div_c dl dd p.time{  height:20px; line-height:20px; background-size:20px 20px; text-indent:25px; font-size:14px; }
.news_div_c dl dd h3{height:26px; line-height:26px; font-size:18px; margin:5px 0;}
.news_div_c dl dd h3 a{ width:auto; border-bottom:1px solid #ff2316;}
.news_div_c dl dd p{  height:72px;font-size:14px; line-height:24px; overflow:hidden;}
.news_div_c dl dt{ width:40%;}
.news_div_c dl dt img{ height:21vw;}

/**城市***/
dl.csdl dt{ min-height:22vw;}


}

/*******手机端******/
@media only screen and (max-width:760px){




.header{ height:80px;}
.menu_div{height:80px; width:auto;}
.menu_div ul li a{  font-size:16px; line-height:80px; margin-right:40px;}

.float_right { display:none !important;    }


.sj_header{ width:100%; height:70px; float:left; background:#fff; /*border-bottom:1px solid #dee2e6;*/ box-sizing:border-box;  z-index:999; }
.sj_logo{ width:210px; height:70px; float:left;}
.sj_logo img{ width:auto; height:70px; display:block;}
.sj_header_right{ width:100px; height:70px; float:right; position:relative;}
.sj_header_right a.a1{ width:70px; height:70px; float:right; background:url(../images/menu.png) 27px center no-repeat; display:block; background-size:35px auto;}
.sj_header_right a.a1.close{background:url(../images/close.png) right center no-repeat;background-size:30px auto;}
.sj_nav{ width:100%; height:auto; float:left; position:absolute; right:70px; top:0px; background:#181818; z-index:99; display:none;  }
.sj_nav ul{ width:100%; height:3000px; float:left;}
.sj_nav ul li a{ width:100%; height:70px; line-height:70px; float:left; display:block; border-bottom:1px solid #303030; font-size:20px;  padding-left:100px; color:#fff; box-sizing:border-box;}
.banner_div { top:70px; padding-bottom:50px; }
.ban_right, .ban_left, .banner_span { display:none;    }

.index_main_news { padding:30px 0 60px 0;  }
.index_main_case_tt{ margin:30px 0 ;  }

.index_main_about { display:none;    }
.sj_index_adbout { display:block; margin-top:-10px; padding-top:25px;}
.index_main_case_c{ margin-top:20px;}

/******底部*****/
.bottom{   display:none;  }
.sjbottom {  width:100%; height:auto; font-size:12px; line-height:28px; padding:15px 0; color:#787878;  display:block; text-align:center; border-top:1px solid #dee2e6;;  }
.sj_bottom {  width:100%; height:auto; float:left; background:#181818; padding:0 0 2px 0; margin-top:30px; box-sizing:border-box; color:#fff; font-size: 14px;    line-height: 22px;  display:block; letter-spacing:0.1px;  }
.sjboack{ width:40px; height:40px; float:right; background:url(../images/xinimg/xstb.svg) center center no-repeat; background-size:40px 40px !important;    margin-top:-70px;  position: relative; top: -20px; right:-3px; opacity:0.9;}
.sjboack:hover{ opacity:1;}

.sj_bottom1{ border-bottom:1px solid rgba(255,255,255,0.1); padding:40px 0 20px 0; width:100%; height:auto; float:left;}
.sj_bottom1 strong{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; color:#fff; margin-bottom:4px; }
.sj_bottom1 p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px;}
.sj_bottom2{ width:100%; height:auto; float:left; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:20px;}
.sj_bottom2 dl{ width:100%; height:auto; float:left;}
.sj_bottom2 dl dd{ width:calc(100% - 150px); height:auto; float:left; margin-top:35px;}
.sj_bottom2 dl dd p{ width:100%; height:auto; float:left; font-size:22px; line-height:28px;}
.sj_bottom2 dl dd a{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; background:url(../images/xinimg/botteltb.png) left center no-repeat; padding-left:40px; box-sizing:border-box; color:#fff; margin-top:15px; font-family:"ztc";}

.sj_bottom2 dl dt{ width:150px; height:auto; float:left; text-align:center;}
.sj_bottom2 dl dt img{ width:100%; height:auto; display:block;}
.sj_bottom2 dl dt span{ width:100%; height:auto; float:left; font-size:14px; text-align:center; color:#333; padding:4px 0; background:#fff;}

.sj_bottom .text{ width:100%; height:120px; float:left; margin-bottom:8px; background:#373737; padding:10px; box-sizing:border-box; outline:none; color:#fff; border-radius:3px; border:none; font-size:16px; line-height:24px; font-family:"zw";}
.sj_bottom .input{ width:calc(100% - 160px); height:50px; float:left; margin-bottom:8px; background:#373737; padding:10px; box-sizing:border-box; outline:none; color:#fff; border-radius:3px; border:none; font-size:16px; line-height:24px; font-family:"zw";}
.sj_bottom .button{ width:152px; height:50px; float:left; margin-left:8px; background:#373737; padding:10px; box-sizing:border-box; outline:none; color:#B9C0C9; border-radius:3px; border:none; font-size:16px; line-height:24px; font-family:"zwm"; text-align:center; cursor:pointer;}
.sj_bottom .button:hover{ background:#000;}




/***********/
.ny_height { /*padding-top:60px;*/    }
.about_div h3.h3 { margin-top:30px; font-weight:normal; letter-spacing:0.2px;   }
.link_as{ opacity:0.1;}

.case_div_xx{ font-size:14px; line-height:22px; padding-bottom:15px;}
    .showaas1 { width:100%;    }
    .showaas0 { width:100%;    }
    dl.xincasexx dt { padding-right:0;     }
    dl.xincasexx dt h1 { text-align:left; margin-bottom:8px;  padding-right:0;   }


}

@media only screen and (max-width: 650px){
.case_div_cxw{ padding:28px 0;}	
.header{ height:60px;}
.menu_div{ display:none;}


.iheader{  top:10px; height:60px; margin-bottom:10px;}
.dxdiv{ width:100%; height:60px; border-radius:60px; padding:0 20px; }
.ilogo{ margin-top:20px;}
.ilogo a img{ height:20px; width:auto;}

dl.caidian dd a{height:60px; width:64px; line-height:60px; font-size:20px; }

dl.caidian dt{ width:17px; height:17px;  margin-top:18px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:4px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:4px; opacity:1;}
.menudivshow{ padding-top:80px; background-size:200% 80px;}




.index_main_about h2.h2 span { width:98%; border-bottom:none;  font-size:20px;  }

.index_main_about{ margin:25px 1% 50px 1%; font-size:14px; line-height:24px; /*border-top:1px solid #dee2e6;*/  letter-spacing:0.1px; padding-left:10px; padding-right:10px; box-sizing:border-box; }
.index_main_about h2.h2{ padding-left:0px; font-size:18px; margin-bottom:10px; background:no-repeat; text-align:left;}

.index_main_case_tt{ margin:10px 0;}
.index_main_case_tt ul li a{ padding:20px 15px; width:48%; margin:1%;}
.index_main_case_tt ul li a strong{ font-size:18px;  text-indent:10px;}
.index_main_case_tt ul li a span{}

.index_main_case_c dl dd{ padding:2px 15px 0px 15px; font-size:14px; line-height:20px; height:auto;}
.index_main_case_c dl:hover dd p{ display:none !important;}
.index_main_case_c dl:hover dd{ background:#fff;}
.index_main_case_c dl dd h3 a{ font-size:18px; height:26px; line-height:26px;}
.bottom{ padding:15px 0 15px 0; }
.bottom_left{font-size:12px; line-height:22px;}
/*.sj_bottom{height:50px;}
.sj_bottom ul li a{height:50px; background-size:22px auto !important; }*/
.index_main_xinwen{ display:none;}
.index_main_xinwen_right{ display:none;}
	
/*****手机端确定****/
    .index_main_case_tt ul li a {    }

/***********/
/*.ny_height { padding-top:65px;    }*/

.about_div{ margin-top:90px;}
.xinxt{ margin-top:10px;}
.ab_banner{ margin-top:30px;}

/*.news_div{ padding-top:90px;}*/
    .mapheight {
        padding-top: 90px !important;
    }
}


@media only screen and (max-width: 560px){
 
 .maptop{ margin-top:60px;}
 
        /****新加底部案例样式***/
dl.cbl { width:49%; margin:0.5%;  }
dl.cbl dd { padding:8px 0;        }
dl.cbl dd p { display:none;    }

    .jizhongdqi {
        text-align: justify;
    }
.ulbottom li { width:100%;  margin-right:0%;  }
.ulbottomxin li { width:100%;  margin-right:0%;  }
.ulbottom li:nth-child(3n) { margin-right:0%;        }

.about_div h2.h2,.contact_div_c dl dd,.contact_div_c .text,.contact_div_c .inputm,.case_menu ul li a,.case_div_xx,.bottom_left span,.about_div_c,.time_zhu dl.d1 dd p..jobs_div dl dd {  font-weight:normal;   }


.back_top { display:none;    }

.sj_header { height:60px;    }
.sj_logo{  height:60px; }
.sj_logo img{ height:60px;}
.sj_header_right{ width:60px; height:60px; }
.sj_header_right a.a1{ width:60px; height:60px;  background-size:28px 20px;}
.sj_header_right a.a1.close{background:url(../images/close.png) 33px center no-repeat;background-size:24px auto;}
.sj_nav{ right:60px;  }

.sj_nav ul li a.sj_a { font-size:14px;    }
.sj_nav ul li a{ height:60px; line-height:60px; font-size:18px;  padding-left:90px; }
.sj_nav ul li.last a{ font-size:14px;  padding-left:90px; border-bottom:none; }

.banner { display:none; }
 
/***** 手机banne*****/
.sj_banner{ width:100%; overflow:hidden; height:107vw !important; position:relative; display:block;}
.sj_banner ul {overflow:hidden;  height:107vw !important;  }
.sj_banner ul li{ width:100%; height:107vw !important; float:left; position:relative;}
.sj_banner ul li img{width:100%;  height:107vw !important;  display:block;}


.index_main_case { margin-top:10px;   }

.index_main_case .more_tt {   }
.index_a { width:120px; height:30px; margin:0 auto;  display:block;   }
.index_a a { width:100%; height:35px; line-height:36px; border-radius:18px; font-size:14px; text-align:center; background:#f8f9fa; border:1px solid #f2f2f2; float:left; display:block; color:#a0a3a6;  box-sizing:border-box;  }

.index_main_case_c dl dd h3 a{ font-size:15px; line-height:16px; height:16px; margin-top:2px;}	
.index_main_case_tt ul li a span em{ padding-left:20px;}
.index_main_case_c { margin-top:0px; padding:0;}    

.more_tt{ width:180px;}
.more_tt a{ height:50px; line-height:50px; padding-left:25px;  background:url(../images/webimages/izt_tb.png) 140px center no-repeat #fff;font-size:16px;border-radius:50px;}
.more_tt a:hover{ background:url(../images/webimages/izt_tb.png) 145px center no-repeat; }

.more_ttaa{  margin:25px auto 30px auto;}
.more_ttaa a{  background:url(../images/xinimg/jia.svg) 140px center no-repeat;background-size: 15px auto !important;}
.more_ttaa a:hover{ background:url(../images/xinimg/jiah.svg) 140px center no-repeat #343a40;  }

.ixt{ margin:10px 0;}

.index_main_news{ padding:25px 0 35px 0;}	
.index_main_news ul{ width:100%; height:auto; margin:0; padding-bottom:0;}	
.index_main_news ul:last-child{ padding-top:0; padding-bottom:30px;}
.index_main_news ul li h3 a{ font-size:16px; line-height:28px; height:28px;}

.index_main_news { display:none;    }
.index_main_case_c {  padding-bottom:20px;  }
.index_main_case_c dl { margin-top:3% !important;  }
.index_main_case_c dl dd { padding:4px 0 2px 8px;  }

/******联系我们*****/
.xt1 { display:none;    }
.contact_div{  padding:15px 15px 0 15px;}
.contact_div_c dl{ margin:10px 0 10px 0;}
.contact_div_c dl dt{font-size:18px;line-height:21px; margin-bottom:5px;}
.contact_div_c dl dd{ font-size:14px; line-height:20px; }
.contact_div_c .text{ width:100%; height:110px; float:left; padding:5px 15px;font-size:16px; line-height:32px; margin-bottom:10px; margin-top:45px;}
.contact_div_c .input{ width:100%; height:50px; line-height:50px;  font-size:16px; margin-bottom:10px;}
.contact_div_c p{ width:100%; height:50px; line-height:50px; margin-bottom:10px;}
.contact_div_c p .input1{ width:45%; height:50px; line-height:50px;  margin-right:5%; text-indent:15px;  }
.contact_div_c p .img{ width:50%; height:50px; float:right;}
.contact_div_c p.showmessinfo{width:100%; height:40px; line-height:40px;}

.contact_div_c .button{ width:100%; height:50px; line-height:50px;  font-size:16px;  }
.contact_div_c1{ padding: 0;}
.contact_div_c1 dl{ width:100%; margin-bottom:20px; margin-top:10px;}
.contact_div_c1 dl dt img{ width:120px; height:120px;}
.contact_div_c1 dl dd{ font-size:14px; line-height:18px; margin-bottom:10px;}

/*****新闻中心****/
.news_div_c{ margin-top:30px;}
.news_div_c dl{  padding:15px; margin-bottom:15px;}
.news_div_c dl dd{ width:100%; padding-right:0px; float:right;}
.news_div_c dl dd p.time{  height:20px; line-height:20px; background-size:20px 20px; text-indent:25px; font-size:14px; }
.news_div_c dl dd h3{height:26px; line-height:26px; font-size:18px; margin:5px 0;}
.news_div_c dl dd h3 a{ width:auto; border-bottom:1px solid #ff2316;}
.news_div_c dl dd p{  height:72px;font-size:14px; line-height:24px; overflow:hidden;}
.news_div_c dl dt{ width:100%; margin-bottom:15px;}
.news_div_c dl dt img{ height:30vw;}

/**************/
.case_bottom { margin:10px 0 20px 0; }


/*******新加****/
dl.xincasexx{  height:auto;padding:20px;}
.document-widthss .xincasexx { padding:20px;    }
.case_xgal{  padding:30px 0 10px 0;}
.case_xgal_tt{ font-size:16px; line-height:21px; padding-bottom:20px;}
.case_xgal_tt strong{font-size:19px;}
.case_xgal ul{ width:94%; height:auto; float:left; margin:30px 3% 0 3%;}
.case_xgal ul li a{ width:100%; height:auto; float:left; margin:1.7% 0;}
    .xincasexx_wz1 { font-size:16px; line-height:26px;    }


.float_right{ width:40px;bottom:150px;}
.float_right ul li a{ width:40px; height:40px; background-size:40px 40px !important;}
.float_right ul li a.a2 span{font-size:14px;height:40px; line-height:40px; right:40px;}
.float_right ul li a.a2:hover span{ width:120px;}
.float_right ul li a.a1 .img{ right:41px;}

.case_div_xx img{  margin:0 auto -8px auto;}

.case_xgal ul li a.a{ height:55vw;}

}


@media only screen and (max-width: 460px){
	
	

.banner_div { top:50px;    }
.banner{ padding-bottom:120px; }
.banner ul li{ padding-bottom:120px; }
.ban_wz{   height:120px; padding:10px 20px;  }


.index_main_case_tt ul li a{ width:48%; margin:1%; padding: 25px 10px; height:auto;}
.index_main_case_tt ul li a strong {background-size:18px auto !important;}	
.index_main_case_c dl{ width:98%; margin:2% 1% 0 1% !important;}
.index_main_case_tt ul li a:hover,.index_main_case_tt ul li a.cur{ padding-right:10px;}
 
.index_main_case_c dl.last{ margin:1%;}
.index_main_case_c dl dt{ height:auto;}	
.index_main_case_c dl dt img{ height:auto;}
.index_main_case_tt ul li a span { font-size:12px; line-height:18px;   display:none;  }

.cases .index_main_case_c dl{ width:98%; margin:1%;}

.index_main_case_c dl.xp {/*width: calc(96% / 2);  */ width:98% !important; margin:1%; }
.index_main_case_c dl.c{ width:98% !important; margin:1%;}

.cases .index_main_case_c dl.last{ margin:1%;}
.cases .index_main_case_c dl dt{ height:auto;}	
.cases .index_main_case_c dl dt img{ height:auto;}




.cases .index_main_case_c dl.aaaa{ width:98%;margin:1%;  }
.cases .index_main_case_c dl.aaaa1{ width:98%;margin:1%;  }


.iheader{ height:60px;}
.ilogo{  margin-top:18px;}
.ilogo a img{  height:24px; }
.imenu{ width:30px; height:60px; background-size:auto 20px;}
.show_menu .close{ top:3%; right:3%;}
.show_menu ul{ margin-top:12vw;}
.show_menu ul li a{ font-size:22px; line-height:50px; }


.dxdiv{  height:60px;  border-radius:60px; padding:0 25px;}
dl.caidian dt{ width:16px; height:15px;  margin-top:22px;}
dl.caidian dt span{ width:100%; height:6px; margin:2px 0;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:4px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:4px; opacity:1;}

dl.caidian{  height:60px;}
dl.caidian dd{ display:none !important;} 

 

.menudivc{ padding:20% 30px 30px 30px; box-sizing:border-box; height:100vh; left:0; overflow-y:auto; position:absolute;}
.menudivc dl{ width:100%; margin-top:30px;}
.menudivc dl dt{font-size:18px; font-weight:normal; line-height:26px; padding-bottom:20px;margin-bottom:20px;}
.menudivc dl dd a.a{ width:50%; height:30px; line-height:30px; margin-bottom:10px; font-size:22px;}
.menudivc dl dd a.a1{ width:25%; height:30px; line-height:30px;margin-bottom:10px; font-size:22px;}
.menudivc dl.d1{ width:100%; margin:30px 0 0 0;}
.menudivc dl dd a.a2{ margin-bottom:3px;  font-size:16px;}
.menudivc dl.d2{ width:100%; margin-bottom:30px; }
 

.sj_bottom .document-width{ padding:0 10px; box-sizing:border-box;}
.sj_bottom1{  padding:30px 0 15px 0;}
.sj_bottom1 strong{font-size:17px;font-weight:normal; line-height:30px; margin-bottom:4px; }
.sj_bottom1 p{font-size:13px; line-height:24px;}
.sj_bottom2{ padding:15px 0;margin-bottom:15px;}

.sj_bottom2 dl dd{ width:calc(100% - 100px); margin-top:25px;}
.sj_bottom2 dl dd p{font-size:19px; line-height:24px;}
.sj_bottom2 dl dd a{ font-size:24px; line-height:30px; padding-left:35px; background-size:25px auto; margin-top:14px;}

.sj_bottom2 dl dt{ width:100px;}
.sj_bottom2 dl dt span{  font-size:12px;  padding:3px 0; }
.sj_bottom .text{  height:90px; font-size:14px; line-height:24px; }
.sj_bottom .input{ width:calc(100% - 130px); height:46px; font-size:14px; line-height:24px; }
.sj_bottom .button{ width:122px; height:46px;  margin-left:8px; }


/*****案例详情*********/
.case_div{ margin:90px 0 15px 0;}
.document_width1{ width:94%; }
.case_div_c h2.h2{ font-size:19px; line-height:24px;}
.case_div_c1 p.p1 strong{ font-size:16px;}
.case_div_c1 p.p2{ width:50px;}



/******关于我们*******/
.about_tt1 {  margin-top:32px;   }
.about_div_c { margin-bottom:0;    } 
.about_div h2.h2{ margin-bottom:10px;  font-size:18px; line-height:22px; } 
.about_div h3.h3{font-size:14px; line-height:22px;} 
.ab_banner{ height:31vw; margin-top:15px;}
.ab_ban_left {width:32px; height: 32px; top: 40%; background-size:10px auto;}
.ab_ban_right {width:32px; height: 32px; top: 40%; background-size:10px auto;}
.about_tt span{ font-size:18px; line-height:23px;}
.time_zhu_z{width:94%; background:none;}
.time_zhu{ width:100%;  margin:10px 0;   min-height:300px;background:none;} 
.dian{ display:none;}
.time_zhu dl.d1{ width:100%; background:none; margin-left:1px; margin-top:0;  padding-top:0px; margin-right:0;}  
.time_zhu dl.d1 dt img{ width:100%; height:auto; display:block;} 
.time_zhu dl.d1 dd{ width:100%; padding:10px 0; text-align:center;} 
.time_zhu dl.d1 dd strong{ font-size:18px; line-height:20px;text-align:center; } 
.time_zhu dl.d1 dd p{ font-size:12px; line-height:22px;}

.time_zhu dl.d2{ width:100%; background:none; margin-top:0px; padding:0 ; margin-left:0%;  padding-top:20px;} 
.time_zhu dl.d2 dt img{ width:100%; height:auto; display:block;} 
.time_zhu dl.d2 dd{ width:100%; padding:15px 0;text-align:center; } 
.time_zhu dl.d2 dd strong{font-size:18px; line-height:22px;text-align:center; } 
.time_zhu dl.d2 dd p{font-size:12px; line-height:22px;}

.travel{ margin:10px 0;}
.travel .swiper-slide {width:320px;height:230px;}
.about_div_c1{ font-size:14px; line-height:20px;}

.case_div_xx{ font-size:14px; line-height:22px; padding-bottom:15px;}
    .showaas1 { width:100%;    }
    .showaas0 { width:100%;    }
    dl.xincasexx dt h1 { text-align:left;    }
	
/***城市****/
.citytt{ margin:28px 0 4px 0;}
dl.csdl{ padding-bottom:18px; margin-top:0; width:100%; margin-left:0; margin-right:0;}
dl.csdl dt{ min-height:27vw;}
dl.csdl dt img{ width:50%;}
dl.csdl dd{ margin:0;}
.citytta{ margin-bottom:3px;}
.citytt p{ margin-top:-5px;}

.citytt {width: 100%); margin-left:0; margin-right:0;}
 .citytta   { margin-left:0; margin-right:0; margin-top:18px;}	
	
 
/****样式限制****/
.xincaselist dl dt .img{ display:block}
.xincaselist dl dt .img1{ display:none;}
.xincaselist dl dt .img2{ display:none;}
.xincaselist dl.xp dt .img {display: block;}
.xincaselist dl.xp dt .img1 {display:none;}
.xincaselist dl.xp dt .img2 {display:none;}
.xincaselist dl.c dt .img {display: block;}
.xincaselist dl.c dt .img1 {display:none;}
.xincaselist dl.c dt .img2 {display:none;}



}

@media only screen and (max-width:414px){
	

.ban_wz span{ font-size:14px; line-height:20px;}
.ban_wz h2{font-size:20px; line-height:22px; margin:5px 0;}
.ban_wz a{ font-size:12px; line-height:30px; }

}