body {text-align:center; margin:0; padding:0;color: #000; }
body {font-size:12px;  font-family:PingFangSC-Medium, "Microsoft YaHei";}
div,form,iframe,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
div {margin:0px auto;} 
table,td,tr,th {font-size:12px;}
ul,li {text-align:left;}
li {list-style-type:none;}
a {font-size:12px;}
hr{height:1px;}
select,input,img {vertical-align:middle;}
img {border:0;}

a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover   {text-decoration:none;}
a:active  {text-decoration:none;}


/*网站初始化样式*/

#header{ width:100%; height:110px;  z-index:500; background-color:#fff; position:fixed; top:0; border-top:6px #d70a30 solid;border-bottom:1px #c0bfbe  solid}
#header .header-topfr{ width:100%; height:auto; overflow:hidden;}
#header .header-topfr .logo{ float:left; margin-left:68px; margin-top:20px;}
#header .header-topfr .qrcode{ float:right; margin-right:58px;}
#header .header-topfr .nav{ float:right; width:600px; height:90px; margin-right:0px;}
#header .header-topfr .nav ul{ width:100%; height:90px; overflow:hidden;}
#header .header-topfr .nav ul li{ height:90px; float:left; text-align:center;}
#header .header-topfr .nav ul li span{ font-size:30px; line-height:45px; color:#d70a30;font-family: PingFangSC-Thin, "AdobeClean-Light"; }
#header .header-topfr .nav ul li p{ font-size:14px; line-height:22px; font-family: PingFangSC-Ultralight, "ZpixEX2_EX";padding-top:25px; color:#000}

.nav-m1{ width:151px; border-right:1px #d70a30 solid;}
.nav-m2{ width:168px; border-right:1px #d70a30 solid;}
.nav-m3{ width:137px;}


#header .header_menu { display:none;}
#header .header_menu ul {text-align: center;}
#header .header_menu ul li {display: inline-block;padding-top: 2px\0; text-align:center;}
#header .header_menu ul li a {display: block;padding: 0 25px;color: #fff;border-top: solid 2px rgba(0, 0, 0, 0);opacity: 0.7;filter: alpha(opacity=70);}
#header .header_menu ul li a:hover, .header .header_menu ul li a.active {border-top: solid 2px #fff;opacity: 1;filter: alpha(opacity=100);}
#header .mobileMenuBtn {position: fixed;right: 4%;top: 40px;width: 51px;text-align: center;cursor: pointer;z-index: 100;display: none;transition: 0.4s all;-webkit-transition: 0.4s all;}
#header .mobileMenuBtn.active {right: 220px;}
#header .mobileMenuBtn span {display: block;width: 100%;height: 6px;background: #d70a30;margin-bottom: 11.5px;transition: 0.3s all;-webkit-transition: 0.3s all;}
#header .mobileMenuBtn span:last-child {margin: 0;}
#header .mobileMenuBtn span:first-child, .header .mobileMenuBtn span:last-child {transform-origin: 100% 50%;-webkit-transform-origin: 100% 50%;transform: rotate(0);-webkit-transform: rotate(0);}
#header .mobileMenuBtn.active span:first-child {transform: rotate(-43deg);-webkit-transform: rotate(-43deg);}
#header .mobileMenuBtn.active span:last-child {transform: rotate(43deg);-webkit-transform: rotate(43deg);}
#header .mobileMenuBtn span:nth-child(2) {transform: translateX(0);-webkit-transform: translateX(0);}
#header .mobileMenuBtn.active span:nth-child(2) {transform: translateX(80px);-webkit-transform: translateX(80px);opacity: 0;}
#header .header_menu ul .nav-last-li {display: none;}




#banner{ width:100%; height:auto; overflow:hidden; margin-top:115px;}


#project{ width:100%; height:auto; overflow:hidden; max-width:1180px; margin:0 auto;}
#project .project_title_icon{ width:100%; height:120px;}

#project .project_title_EN{ width:100%; font-size:46px;font-family: PingFangSC-Thin, "AdobeClean-Light";line-height:1; color: #d70a30;}
#project .project_title_CN{ width:100%; font-size:20px;line-height:3; color:#303030;}
#project .project_title_url {float: right; margin-right: 30px; color: #303030;}
#project .project_title{ width:100%; font-size:20px;line-height:3; color:#303030; display: flex;justify-content: center;align-items: end;}
#project .project_title .t1{ width: 20%;}
#project .project_title .t2{ width: 60%;}
#project .project_title .t3{ width: 20%; font-size: 14px;text-align: right;}

#project .project_icon{ width:100%; height:20px; overflow:hidden;}
#project .project_main{ width:100%; margin:0 auto; overflow:hidden; height:auto}
#project .project_main .project_main_list{ width:33%; float:left; height:585px; overflow:hidden}
#project .project_main .project_main_list1{margin-left:0;}
#project .project_main .project_main_list2{margin-left:4.25%;}
#project .project_main .project_main_list3{margin-left:4.25%;}
#project .project_main .project_main_list4{margin-left:0;}
#project .project_main .project_main_list5{margin-left:4.25%;}
#project .project_main .project_main_list6{margin-left:4.25%;}
#project .project_main .project_main_list .project_main_list_tu{ width:100%; height:auto; overflow:hidden; position:relative;}
#project .project_main .project_main_list .project_main_list_tu ins{ width:100%; height:300px; position:absolute; left:-360px; background-image:url(../images/case-ins.png);}
#project .project_main .project_main_list .project_main_list_tu img{width:auto;height:auto;max-width:100%;max-height:100%;}
#project .project_main .project_main_list .project_main_list_t1{  height:86px; overflow:hidden; line-height:90px; font-size:12px; color:#303131; text-align:left; margin:0 14px 0 14px;}
#project .project_main .project_main_list .project_main_list_t1 span{ color:#b5b5b4}
#project .project_main .project_main_list .project_main_list_t2{  height:auto; overflow:hidden; line-height:48px; font-size:32px; color:#303131; text-align:left; margin:0 14px 0 14px;}

#project .project_main .project_main_list a:hover .project_main_list_tu ins{ left:0;}




#aboutus{position:absolute; margin-top:-145px;}

#about{ width:100%; height:auto; overflow:hidden; max-width:1180px; margin:0 auto;}
#about .about_title_icon{ width:100%; height:32px;}
#about .about_title_EN{ width:100%;  font-size:46px;font-family: PingFangSC-Thin, "AdobeClean-Light";line-height:1;color: #d70a30;}
#about .about_title_CN{ width:100%; font-size:20px;line-height:3; color:#303030;}
#about .about_icon{ width:100%; height:30px; overflow:hidden;}
#about .about_main{ width:97.6%;  max-width:1152px; margin:0 auto; overflow:hidden; height:auto; }
#about .about_main .about_main_left{ width:30%; float:left; text-align:left; font-size:18px; line-height:35px; padding-top:18px;}
#about .about_main .about_main_right{ width:62.6%; float:right;}
#about .about_main .about_main_right img{width:auto;height:auto;max-width:100%;max-height:100%;}

#client{ width:100%; height:auto; overflow:hidden; max-width:1180px; margin:0 auto}
#client .client_title_icon{ width:100%; height:140px;}

#client .client_title_EN{ width:100%; font-size:46px;font-family: PingFangSC-Thin, "AdobeClean-Light";line-height:1;color: #d70a30;}
#client .client_title_CN{ width:100%; font-size:20px;line-height:3; color:#303030;}
#client .client_title_url {float: right; margin-right: 15%; color: #303030;}
#client .client_title{ width:100%; font-size:20px;line-height:3; color:#303030;display: flex;justify-content: center;align-items: end;}
#client .client_title .t1{ width: 30%;}
#client .client_title .t2{ width: 40%;}
#client .client_title .t3{ width: 30%; font-size: 14px;}

#client .client_icon{ width:100%; height:30px; overflow:hidden;}
#client .client_main{  margin:0 auto; overflow:hidden; height:auto}
#client .client_main .client_main_list{ width:25%; height:auto; float:left}
#client .client_main .client_main_list img{height:auto;max-width:100%;max-height:100%;}
#client .client_icon2{ width:100%; height:200px; overflow:hidden;}

#bottom{ width:100%; height:auto; overflow:hidden; background:#4d4d4d;}
#bottom .bottom_icon{ width:100%; height:100px; overflow:hidden;}
#bottom .bottom_main{ width:1180px; margin:0 auto; overflow:hidden; height:300px;}
#bottom .bottom_main .bottom_main_logo{ float:left; text-align:left; width:660px;font-size:16px; color:#fff; line-height:2;font-family: PingFangSC-Light, "SourceHanSansCN-Light";}
#bottom .bottom_main .bottom_main_logo li{ width:100%}
#bottom .bottom_main .bottom_main_logo .bottom_main_logo_text{ display:none;}
#bottom .bottom_main .bottom_main_nav{ float:left; text-align:left; width:192px; line-height:48px; font-size:18px; color:#fff;font-family: PingFangSC-Light, "SourceHanSansCN-Light";}
#bottom .bottom_main .bottom_main_nav li{ width:100%;font-size:12px; color:#fff; line-height:2}
#bottom .bottom_main .bottom_main_nav a{font-size:18px;color:#fff;}
#bottom .bottom_main .bottom_main_nav span{ font-size:12px; color:#fff; line-height:1}
#bottom .bottom_main .bottom_main_nav2{ float:left; text-align:left; width:326px; line-height:40px; font-size:18px;color:#fff;font-family: PingFangSC-Light, "SourceHanSansCN-Light";}
#bottom .bottom_main .bottom_main_nav2 li{ width:100%;font-size:18px; color:#fff; line-height:2}
#bottom .bottom_main .bottom_main_nav2 a{font-size:18px;color:#fff;}
#bottom .bottom_main .bottom_main_nav2 span{ font-size:12px; color:#fff; line-height:1}
#bottom .Copyright{ height:61px; border-top:#668699 1px solid; text-align:right; width:1180px; margin:0 auto; color:#668699; font-size:14px; line-height:60px;}


#mainbody{ width:100%; max-width:1180px; margin:0 auto;}
#mainbody .mainbody_icon{ width:100%; height:135px;}
#mainbody .mainbody_icon2{ width:100%; height:110px;}
#mainbody .mainbody_title{ width:100%; text-align:left; height:140px; line-height:140px; overflow:hidden; font-size:60px;font-family: "DIN-Light";}
#mainbody .mainbody_cpclass{ width:100%; height:49px; border-bottom:#c0bfbe 1px solid;font-family: "DIN-Light";line-height:48px;}
#mainbody .mainbody_cpclass .mainbody_cpclass_en{  font-size:36px; margin-right:20px; float:left; color:#d70a30;}
#mainbody .mainbody_cpclass .mainbody_cpclass_cn{ font-size:36px; float:left;}
#mainbody .mainbody_cpclass .mainbody_cpclass_more{ height:48px; float:right;}
#mainbody .mainbody_cpclass .mainbody_cpclass_more  img{width:auto;height:auto;max-width:100%;max-height:100%;}
#mainbody .mainbody_cpinfo{ width:100%; height:auto; overflow:hidden;}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list{ float:left; height:518px; overflow:hidden; margin-top:38px;}
.list1{width:30.5%; }
.list2{width:30.5%; margin-left:4.25%;}
.list3{width:30.5%; margin-left:4.25%;}
.list4{width:30.5%; }
.list5{width:30.5%; margin-left:4.25%;}
.list6{width:30.5%; margin-left:4.25%;}
.list7{width:65.25%; }
.list8{width:65.25%; margin-left:4.25%; }
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list .mainbody_cpinfo_list_tu{width:100%; height:auto; overflow:hidden; position:relative;}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list .mainbody_cpinfo_list_tu ins{ width:100%; height:300px; position:absolute; left:-1000px; background-image:url(../images/case-ins.png); background-size:100%;}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list .mainbody_cpinfo_list_tu img{width:auto;height:auto;max-width:100%;max-height:100%;}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list .mainbody_cpinfo_list_t1{  height:86px; overflow:hidden; line-height:90px; font-size:12px; color:#303131; text-align:left; margin:0 14px 0 14px;}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list .mainbody_cpinfo_list_t1 span{ color:#b5b5b4}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list .mainbody_cpinfo_list_t2{  height:auto; overflow:hidden; line-height:48px; font-size:32px; color:#303131; text-align:left; margin:0 14px 0 14px;}
#mainbody .mainbody_cpinfo .mainbody_cpinfo_list a:hover .mainbody_cpinfo_list_tu ins{ left:0;}

#mainbody .mainbody_icon3{ width:100%; height:140px;} 
#mainbody  .maininfo_anli{  height:30px; margin-left: 0;border-bottom:#000 1px solid;float: left; overflow:hidden;margin-bottom:70px;}
#mainbody  .maininfo_anli a{line-height:28px; font-size:22px; color:#000}

#mainbody  .maininfo_title{ width:100%; max-width:1180px; height:auto; overflow:hidden; font-size:60px; line-height:120px;font-family: PingFangSC-Light, "SourceHanSansCN-Light"; text-align:left; }
#mainbody  .maininfo_title3{width:100%; max-width:1180px;  overflow:hidden; font-size:14pt; font-family: PingFangSC-Regular, "SourceHanSansCN-Regular"; text-align:left; color:#959495; margin-top:10px;margin-bottom:10px;}
#mainbody  .maininfo_title3 span{ color:#d70a30; font-size:14pt;font-family: PingFangSC-Regular, "DIN-Light";}
#mainbody  .maininfo_title2{width:100%; height:40px; max-width:1180px; overflow:hidden; font-size:14pt;font-family: PingFangSC-Regular, "SourceHanSansCN-Regular"; text-align:left; color:#959495; border-bottom:#959495 1px solid;margin-bottom:10px;}
#mainbody  .maininfo_title2 span{ color:#d70a30; font-size:14pt;font-family: PingFangSC-Regular, "DIN-Light";}
#mainbody  .maininfo_body{width:100%; max-width:1180px; height:auto; overflow:hidden; text-align:left; font-size:20px; line-height:40px; color:#303131; min-height:200px; margin-top:5px; margin-bottom:100px;font-family: PingFangSC-Light, "SourceHanSansCN-ExtraLight";}
#mainbody  .maininfo_body span{ font-size:40px; line-height:3;font-family: PingFangSC-Regular, "SourceHanSansCN-Regular";}
#mainbody  .maininfo_body p{ letter-spacing:0;}
#mainbody  .maininfo_body p:after {content: " ";display: inline-block;width: 100%;}
#mainbody  .maininfo_body img {width:auto;height:auto;max-width:100%;max-height:100%; margin-top:34px;}
#mainbody  .maininfo_body_nav{ width:100%; max-width:1180px; height:auto; overflow:hidden; text-align:right;margin:0 auto; }
#mainbody  .maininfo_body_nav .maininfo_body_nav_list{ margin-bottom:114px; height:30px;border-bottom:#000 1px solid; margin-left: 24px;float: right;}
#mainbody  .maininfo_body_nav .maininfo_body_nav_list a{line-height:28px; font-size:18px; color:#d70a30;}