@charset "utf-8";*{margin:0px;padding:0px;}
*{ font-family:"微软雅黑"}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0px auto;padding:0;}
ul{list-style-type:none;}
body{ overflow-x:hidden}
img{ border:0;vertical-align: middle;}
input,select,button{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none; outline:none;
	 color:#fff;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border:none}
input,textarea{ outline:none; }
input:focus,textarea:focus{ outline:none; }
input,textarea{ outline:none; border:0; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;}
   
.sech input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #979797; 
} 
.sech input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #979797; 
} 
.sech input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #979797; 
} 
.sech input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #979797; 
}
.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s}

.l{ float:left}
.r{ float:right}

.main2 {
    width: 100%; float:left;
    margin: 0;
}
.main2 .i_album{width: 100%;height: 100vh;vertical-align: middle;}
.spdiv{ display: block}
.mpar{ display:none}
.tright{ text-align:right}
.tcenter{ text-align:center}
.cur{ cursor:pointer}
.jz{ display:table; margin:0 auto}
.fd{ width:100%;  float:left; margin:0px}
.main{ width:84.1%; max-width:1600px}
.over{ overflow:hidden}
.pdb50{ padding-bottom:50px; display:inline}
.wd100{ width:100%}
.mgt10{ margin-top:10px}
.mgt15{ margin-top:15px}
.mgt20{ margin-top:20px}
.mgt25{ margin-top:25px}
.mgt30{ margin-top:30px}
.mgt35{ margin-top:35px}
.mgt40{ margin-top:40px}
.mgt50{ margin-top:50px}
.mgt60{ margin-top:60px}
.mgt65{ margin-top:65px}
.mgt80{ margin-top:80px}
.mgt100{ margin-top:100px}
.table-cell {display: table-cell;vertical-align: middle;}
.table {display: table; margin:0px auto;}
.pr {
    position: relative;
}

.bg4c8{ background:#ea8f2f}
.bgblack{ background:#000}
.bgwhite{ background:#fff}
.bgorange{ background:#ea8f2f}
.fts18{ font-size:18px}
.cac{ color:#acacac}
.cblue{ color:#ea8f2f}
.cwhite{ color:#fff}
.cblack{ color:#000}
.corange1{ color:#fe6100}
.corange{ color:#ea8f2f}


.float1{ min-height:400px; position:fixed; right:5px; bottom:28%; z-index:99999}
.float1 .nr{ width:50px}
.float1 .sk{ width:50px; height:50px; border:solid 1px #ccc; box-sizing:border-box; background:#fff}
.float1 #ska:hover{ background:#eee}
.float1 .sk .icon{ width:50px; height:50px; display:inline-block}
.float1 .sk .wz5{ width:100%; font:12px/30px "微软雅黑"; color:#fff}
.float1 .sk .tel{ width:0; height:50px; background:#ea8f2f; font:18px/50px "微软雅黑"; position:absolute; right:0; top:130px}
.float1 #skb:hover .tel{width:180px;}
.float1 .sk .add{ width:0; height:50px; background:#ea8f2f; font:18px/50px "微软雅黑"; position:absolute; right:0; top:190px}
.float1 #skb:hover .add{width:350px;}
.float1 .sk .wxewm{ width:0; height:150px;background:#ea8f2f; position:absolute; right:50px; top:0px}
.float1 .sk .wxewm img{ width:132px; border:solid 4px #fff; margin:5px; display:inline}
.float1 #ska:hover .wxewm{width:150px;}
.float1 .sk .douyin{ width:0; height:150px;background:#ea8f2f; position:absolute; right:50px; top:60px}
.float1 .sk .douyin img{ width:132px; border:solid 4px #fff; margin:5px; display:inline}
.float1 #ska:hover .douyin{width:150px;}
@media screen and (max-width: 1450px)
{
.float1{ min-height:0}
.float1 .nr{ width:50px}

}
.topic{ width:100%; padding-bottom:20px; position:fixed; left:0; top:0; display:block; z-index:9999999; padding:50px 4%; box-sizing:border-box; background: url(../images/logo.png) no-repeat center center}
.topic.active{background:url(../images/logo.png) no-repeat center center #00000095}
.topic .logo{ width:auto; height:50px; margin:25px 0; display:inline}
.topic .logo img{ width:auto; height:50px}

.topic.active .topmeau li dl{background:#ffffff; box-shadow:0px 0px 4px 1px #ddd;-moz-box-shadow:0px 0px 4px 1px #ddd;-ms-box-shadow:0px 0px 4px 1px #ddd;-webkit-box-shadow:0px 0px 4px 1px #ddd}
.topic.active .topmeau li dl dd .mz_s{ color:#333}
.topic.active .topmeau li dl dd .mz_s:hover{ background:#ea8f2f; color:#fff}

/**搜索**/
.ss{ padding:12px 0}
.gjc{ font:14px/36px "微软雅黑"; color:#fff;}
.gjc a{ color:#fff;}
.gjc a:hover{ color:#ddd;}
.search{ width:15%;height:45px; display:block; position:relative;cursor:pointer;z-index:110;border-radius:50%; pointer-events: auto;-webkit-tap-highlight-color: rgba(0,0,0,0)}
.search .icon{ width:45px;height:45px; background:url(../images/ser_icon.png) no-repeat center center; float:left}
.search .ser_k{ width:280px; height:50px; overflow:hidden; background:#fff; position:absolute; left:0; top:45px; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; display:none}
.search .ser_k input[type=text]{ width:220px; height:50px; text-indent:8px; float:left; font-size:14px; line-height:45px; color:#666; background:#fff;border:none; outline:none;}
.search .ser_k .tb{width:60px; height:50px; background:#f8b62d; color:#fff; float:right; cursor:pointer; border:none; outline:none;}

.sech {width: 100%;height: 36px;line-height: 36px;position: relative;}
.sech .sech_ipt {width: 80%;line-height: 36px;text-indent: 1em;color: #959595;outline: none;}
.sech .submit {position: absolute; background:#ddd;	top: 0px;right: 0px;width: 20%;height: 100%;}
.sech .submit img{ max-width:100%}

.topmeau{ width:30%; height:40px;  display:inline}
.topmeau li{ width:calc(100%/3); display:inline-block;float:left; position:relative} 
.topmeau li:first-child{ margin-left:0}
.topmeau li .mz{ width:100%; height:50px; text-align:center; font:18px/40px "微软雅黑"; color:#fff; z-index:9; text-decoration:none} 
.topmeau li:hover .mz{ background:url(../images/dh.png) no-repeat bottom center;}
.topmeau li dl{ width:0; background:rgba(0,0,0,0.6); position:absolute; right:0; top:0;z-index:999; overflow:hidden; opacity:0; filter:alpha(opacity=0); border-radius:6px; overflow:hidden; z-index:-1}
.topmeau li:hover dl{ width:100%; opacity:1; filter:alpha(opacity=100); padding-top:42px}
.topmeau li dl dd{ width:100%; height:45px; float:left}
.topmeau li dl dd .mz_s{width:100%; height:45px; font:14px/45px "微软雅黑"; color:#fff; text-align:center; overflow:hidden; text-decoration:none}
.topmeau li dl dd .mz_s:hover{ color:#000; background:#fff}
.topmeau li.li_Select{ background:url(../images/dh.png) no-repeat bottom center;}

.rx{ width:15%; margin-top:10px; text-align:right ; font:18px/21px "微软雅黑"; color:#fff}
.rx i{ width:21px; height:21px; margin-right:15px }


.title{ margin-top:75px; display:inline;}
.title .wz_en{ font: bold 36px/40px "微软雅黑"; margin-top:10px; text-transform:uppercase}
.title .wz_cn{ font: bold 52px/65px "微软雅黑";}
.title .wz_xz{ font: normal 18px/30px "微软雅黑"; margin-top:25px; color:#acacac; margin-bottom:150px}
.title .line{ width:66px; height:3px; background:#ea8f2f; margin-top:15px; display:inline-block}

.pardiv{ height:auto;  margin-top:125px;}
.par{ width:100%; float:left; margin-top:55px; }
.par  li{ width:15.5%; height:185px; border:1px solid #bcbcbc; box-sizing:border-box; overflow:hidden; border-radius:10px; margin-right:1.4%; float:left;}
.par  li:last-child{ margin-right:0}
.par  li img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
.pamore{ width:80px; height:80px; background: url(../images/nm1.png) no-repeat center center #ea8f2f; position:absolute; right:0; top:15px; border-radius:12px;}
.pamore:hover{background: url(../images/nm2.png) no-repeat center center #fff; box-sizing:border-box; border:1px solid #ea8f2f }

.nyparlist{ width:100%; margin-top:150px}
.nyparlist li{ width:15.5%; height:185px; border:1px solid #bcbcbc; box-sizing:border-box; overflow:hidden; border-radius:10px; margin-right:1.4%; float:left; margin-bottom:20px}
.nyparlist li:nth-child(6n){ margin-right:0}
.nyparlist li img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
/* scroll */
.scroll{width:100%; float:left; overflow:hidden; margin-top:-35px}
.picbox{width:100%;height:230px; float:left; margin-top:50px; overflow:hidden;position:relative;}
.picbox ul{height:230px;}
.piclist{position:absolute;left:0px;top:0px;}
.swaplist{position:absolute;left:-3000px;top:0px;}

/* btn */
.og_prev{width:66px;height:66px;background:url(../images/hleft.png) no-repeat;z-index:99;cursor:pointer; float:right; margin-right:10px}
.og_next{width:66px;height:66px;background:url(../images/hright.png) no-repeat;z-index:99;cursor:pointer; float:right}




/**视频**/
.spdiv{ width:100%; text-align:center; margin-top:145px}
.spdiv b{ width:100%; font:bold 36px/40px "微软雅黑"; color:#000}
.spdiv p{ width:100%; font: normal 18px/40px "微软雅黑"; color:#acacac; margin-bottom:40px}
/* goodlist */
.goodlist{width:230px; height:100px; margin-right:10px; float:left; margin-bottom:22px; border-radius:10px; overflow:hidden}
.goodlist img{ width:100%; height:100%;  display:inline-block; object-fit:cover}
.goodlist li p{ text-align:center; font-size:14px; color:#fff; line-height:24px;}




.ys_qk{}
.ys_qk .pic{ width:50%; height:420px; position:relative}
.ys_qk .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.ys_qk .pic:hover{ cursor:pointer}
.ys_qk .pic:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.ys_qk .pic .line{ width:3px; height:100%; background:#ea8f2f; position:absolute; top:0}
.ys_qk .pic .line.l1{ left:0}
.ys_qk .pic .line.r1{ right:0}
.ys_qk .wline{ width:8%; border-top:solid 2px #a5a5a5}
.ys_qk .wline span{ width:30%; height:3px; background:#ea8f2f; margin-top:62px; display:inline}
.ys_qk .area{ width:35%}
.ys_qk .area .bt{ font:30px/54px "微软雅黑"; color:#000}
.ys_qk .area .vwz{ font:14px/24px "微软雅黑"; color:#a3a3a3}
.more{ width:218px; height:42px; border:solid 1px #ea8f2f; font:16px/42px "微软雅黑"; color:#ea8f2f; text-transform:uppercase !important; border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-webkit-border-radius:25px}
.more:hover{ background:#ea8f2f; color:#fff}

.in_news{ height:470px; margin-top:65px; display:inline; background:url(../images/news_bg.jpg) no-repeat center center}
.in_news .lnr{ width:40%; height:470px; padding:20px 5% 0 3%; display:inline; background:#fff}
.in_news .lnr .ntitle{ font:30px/38px "微软雅黑"; color:#000; font-weight:bold}
.in_news .lnr .nline{ width:66px; height:3px; background:#ea8f2f}
.in_news .lnr .nbt{ height:50px; font:24px/50px "微软雅黑"; color:#000}
.in_news .lnr .ndata{ font:16px/40px "微软雅黑"; color:#a3a3a3}
.in_news .lnr .nxq{ width:80%; height:96px; font:14px/24px "微软雅黑"; color:#a3a3a3}
.in_news .rpic{ width:52%; height:470px}
.in_news .rpic img,.in_plist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.in_news .rpic:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}

.c756{color:#7565a7}
.cfff{ color:#fff}
.hlong *{display:inline-block;vertical-align:middle}

.about_bg{ height: auto; margin-top:100px}
.about_bg .apic{ width:53.6875%; text-align:center}
.about_bg .apic img{ max-width:100%}


.about_nr{ width:45%; text-align:center; margin-top:112px; display:inline; }
.about_nr .bt{ font: bold 42px/60px "微软雅黑"; }
.about_nr .bbt{ font:bold 36px/36px "微软雅黑"; color:#2e2e2e; margin-top:15px; margin-bottom:65px;}
.about_nr i{ width:100px; height:5px; background:#ea8f2f; margin:0px auto; display:table}
.about_wz{ font:18px/30px "微软雅黑"; color:#515151;padding:0 18%; box-sizing:border-box; margin-top:70px; margin-bottom:110px}
.a_more{ width:80px; height:80px;   border-radius:10px; background: url(../images/nm2.png) no-repeat  center  center; border:1px solid #ea8f2f}
.a_more:hover{ background: url(../images/nm1.png) no-repeat  center  center #ea8f2f;}

.alist{ width:100%;display:inline; margin-top:-90px;}
.alist .count{ width:calc(100%/5); text-align:center; border-left:1px solid #fff; box-sizing:border-box}
.alist .count:last-child{ border-right:1px solid #fff;}
.alist .count .wz1{ width:100%; font:18px/30px "微软雅黑"; color:#fff}
.alist .count .wz2 span{font: bold 36px/40px "微软雅黑";}
.alist .count .wz2{ width:100%; font:bold 36px/40px "微软雅黑"; color:#fff;}

/**case**/
.casediv,.qxdiv{ margin-top:165px}
.caseimg{ width:70.9375%;}
.qximg{ width:70.9375%;}
.caseimg img,.qximg img{ max-width:100%}
.casewz,.qxwz{ width:25%}

.brand{ width:100%; margin-top:-90px}
.brand li{ width:50%; float:left}

.jt{ width:100%; height:120px; background:url(../images/jt.png) no-repeat center center; margin-top:80px}

.pclass{ width:100%; height:136px;box-shadow:0px 12px 10px -12px #666}
.pclass .list{}
.pclass .list a{ width:calc(100%/9); height:134px; border-bottom:solid 2px #fff; overflow:hidden}
.pclass .list a:hover{border-bottom:solid 2px #ea8f2f}
.pclass .list a img{ width:auto; height:50px; margin-top:26px; display:inline-block}
.pclass .list a .icon,.pclass .list a:hover .icon_b{ display:inline-block}
.pclass .list a:hover .icon,.pclass .list a .icon_b{ display:none}
.pclass .list a .wz{ font:16px/35px "微软雅黑"; color:#696969; margin-top:8px; display:inline}
.pclass .list a:hover .wz{ color:#ea8f2f}

.in_plist{}
.in_plist li{ width:32%; margin:20px 2% 0 0; display:inline; border:solid 1px #d4d4d4; box-sizing:border-box !important; border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-webkit-border-radius:20px}
.in_plist li:nth-child(3n+0){margin:20px 0 0 0}
.in_plist li .pic{ height:370px; position:relative}
.in_plist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.in_plist li .pic .wz{ font:18px/40px "微软雅黑"; color:#fff;text-shadow: 0 0 0.1em #333; position:absolute; right:22px; bottom:8px}
.in_plist li:hover .pic .wz{ color:#ea8f2f;text-shadow: 0 0 0.1em #999}

.n_list{}
.n_list li{ width:47%; height:185px; margin-top:70px; display:inline}
.n_list li .data{ width:17%; height:115px; background:#eee}
.n_list li:hover .data{ background:#ea8f2f }
.n_list li .data .d1{ width:100%; font:24px/32px "微软雅黑"; color:#000; margin-top:30px; display:inline}
.n_list li .data .d2{ width:100%; font:18px/24px "微软雅黑"; color:#000}
.n_list li:hover .data .d1,.n_list li:hover .data .d2,.n_list li:hover .nr .bt,.n_list li:hover .nr .vwz{ color:#fff}
.n_list li .nr{ width:63%; height:185px; padding:0 10%; display:inline}
.n_list li:hover .nr{ background:#acacac}
.n_list li .nr .bt{ font:24px/50px "微软雅黑"; color:#000; margin-top:20px; display:inline; height:50px; overflow:hidden}
.n_list li .nr .vwz{ height:72px; font:14px/24px "微软雅黑"; color:#7f7f7f; margin-top:12px; display:inline}

.ny_banner{ width:100%; min-width:1200px; height:500px; background:url(../images/banner_ny.jpg) no-repeat center center}

.content{ width:94%}
.ny_posi{ margin-top:-180px; display:inline; text-align:center; position: relative; z-index:1}
.ny_posi b{ width:100%; font: normal 40px/55px "微软雅黑"; color:#fff; float:left; margin-bottom:25px; margin-top:-50px; letter-spacing:10px }
.ny_posi .tbt{ font:20px/40px "微软雅黑"; color:#000}
.ny_posi .line{ height:4px; width:100px; margin-bottom:30px; background:#fff;display:-webkit-inline-box}
.ny_posi .fllist{ width:auto; display:table; margin:0px auto;}
.ny_posi .fllist .wz{ width:140px;margin-top:10px; font:14px/40px "微软雅黑"; color:#fff;background-color:  none; border:1px solid #fff; box-sizing:border-box;margin-left:10px; display:inline; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.ny_posi .fllist .wz:hover,.ny_posi .fllist .wz.wb{ background:#ea8f2f;  border:1px solid #ea8f2f; box-sizing:border-box; color:#fff}

.abouttitle{ font:24px/40px "微软雅黑"; color:#000}
.aboutwz{ font:14px/32px "微软雅黑"; color:#666}

#hlist2{ display:none}
.hlist{}
.hlist li{ width:23.5%; margin:25px 2% 0 0; display:inline}
.hlist li:nth-child(4n+0){margin:25px 0 0 0}
.hlist li .pic{padding:10px; border:solid 1px #ccc; border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px; box-sizing:border-box !important}
.hlist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px}
.hlist li .t_mc{ font:16px/30px "微软雅黑"; color:#666; margin-top:10px; display:inline}

.clist{ width:100%; margin-top:20px}
.clist li{ width:100%; margin:0px 0 25px 0; display:inline}
.clist li .pic{ width:63.75%; height:550px; position:relative}
.clist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.clist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.clist li .t_mc{ width:36.25%; height:550px; border:1px solid #d4d4d4; background:rgba(255,255,255,1); font:24px/30px "微软雅黑"; color:#000;  display:inline; position:absolute; top:0;  box-sizing:border-box;border-top-right-radius:10px}
/*.clist li:hover .t_mc{ width:100%;background:rgba(234,143,47,0.95);}*/
.clist li .t_mc .casewz{ width:85%; margin-left:10%; margin-top:50px;}
.clist li .t_mc .casewz .csname{ width:100%; font:18px/18px "微软雅黑"; color:#15315f}
.clist li .t_mc .casewz p{ width:100%; float:left; font:bold 26px/26px "微软雅黑"; color:#15315f; margin:20px 0 40px}
.clist li .t_mc .casewz span{ font:18px/36px "微软雅黑"; width:100%; float:left; }
.clist li .t_mc .casewz .ctel{ width:100%; box-sizing:border-box; border-top:1px solid #cfcfcf; padding:35px 0; margin-top:45px; font-size:18px}
.clist li .t_mc .casewz .ctel em{ width:34px; height:34px; float:left; margin-right:20px; margin-top:15px}
.clist li .t_mc .casewz .ctel em img{ max-width:100%}
.clist li .t_mc .casewz .ctel b{ font:bold 30px/30px "微软雅黑"; color:#15315f}
.clist li font{ width:100%; position:absolute; bottom:0; left:0; border-top:1px solid #d4d4d4;  padding-left:45px; box-sizing:border-box; font:16px/30px "微软雅黑"; text-transform:uppercase}
.clist li font i { width:142px; height:142px; float:right;background:url(../images/cmore.png) no-repeat center center #ea8f2f ;}
.clist li:hover font i{background:url(../images/cmore.png) no-repeat center center #15315f ;}
.abr{ right:0}
.abl{ left:0}

/* 项目案例内页*/
.cname{ width:30%; font: bold 30px/80px "微软雅黑"; color:#000; margin-top:85px;}
.cname i{ width:85px; height:117px; background:#ebeef3; float:left; border-radius:15px; margin-right:20px;}
.casebanner{width:100%;}
.large_box{margin-bottom:10px;width:100%;height:710px;overflow:hidden; border-radius:15px}
.large_box li{ width:100%; height:710px;  float:left;overflow:hidden; border-radius:15px}
.large_box li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.small_box{width:70%;height:290px; background:#ebeef3; padding:65px 40px; box-sizing:border-box;border-radius:10px;}
.small_list{position:relative;float:left;width:86%;height:170px; padding-top:10px;overflow:hidden;}
.small_list ul{height:210px;overflow:hidden; width:100%; float:left}
.small_list ul li{position:relative;float:left;margin-right:12px;width:210px;height:150px;border-radius:15px; box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.22);
-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.22); box-sizing:border-box}
.small_list ul li img{ width:100%; height:100%; display:inline-block; object-fit:cover;border-radius:15px; overflow:hidden}
.small_list ul li.on{display:block;border:3px solid #fff; box-sizing:border-box;}
.btn{display:block;width:6%; border-radius:15px;height:150px;background-color:#b3b3b3;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#ea8f2f;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png); margin-top:10px;}
.right_btn{float:right;background-image:url(../images/right_btn.png); margin-top:10px;}

.casebg{ background:url(../images/casebg.jpg) repeat-x top #eff1f6}
.ccn{ font:32px/40px "微软雅黑"; color:#fff; text-align:center; margin-top:35px}
.ecn{ font: bold 30px/40px "微软雅黑"; color:#fff; text-align:center; margin-top:10px; margin-bottom:35px; text-transform:uppercase}
.cview{ width:100%; background:#fff; box-sizing:border-box; padding:40px 15px }
.cvbt{ font:32px /36px "微软雅黑"; color:#000; border-left:4px solid #ea8f2f; text-indent:10px}
.c_con{ font:14px/36px "微软雅黑" ; color:#000; text-indent:28px; }
.c_con p{ width:100%; float:left; font:18px/30px "微软雅黑"; color:#ea8f2f; padding-left:28px; text-indent:0px;box-sizing:border-box}
.c_con span{ width:100%; float:left; padding-left:28px; text-indent:0px;box-sizing:border-box}

.cview .fclist{}
.cview .fclist a{ width:23.8%; margin:35px 1.6% 0 0; display:inline}
.cview .fclist a:nth-child(4n+0){margin:35px 0 0 0}
.cview .fclist a .pic{ height:204px; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px}
.cview .fclist a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.cview .fclist a:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}
.cview .fclist a .wz{ font:20px/30px "微软雅黑"; color:#fff; margin-top:2px; padding:12px 0; text-transform:uppercase !important; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; background:#ea8f2f}
.cview .fclist a:hover .wz.b1,.cview .fclist a:hover .wz.b2{ background:#b10000}
.cview .fclist a .wz span{ font-size:18px; line-height:24px}

.inplist{ width:100%}
.inplist li{ width:22%; margin:32px 4% 0 0; display:inline;  display:inline;}
.inplist li:hover{box-shadow: 0 -1px 16px 6px #e4e4e4;-moz-box-shadow: 0 -1px 16px 6px #e4e4e4;-ms-box-shadow: 0 -1px 16px 6px #e4e4e4;-webkit-box-shadow: 0 -1px 16px 6px #e4e4e4;}
.inplist li:nth-child(4n+0){ margin:32px 0 0 0}
.inplist li .pic{ width:100%; height:165px}
.inplist li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.inplist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1)}
.inplist li .nr{ width:100%; margin:15px 0; display:inline;}
.inplist li .nr .wz{ width:100%; font:18px/30px "微软雅黑"; color:#000; overflow:hidden; text-align:center}


/* 产品展示内页*/

.probanner{width:57%; margin-top:35px}
.plarge_box{margin-bottom:10px;width:100%;height:410px;overflow:hidden;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1); }
.plarge_box li{ width:100%; height:410px; padding:10px; box-sizing:border-box;  float:left}
.plarge_box li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.psmall_box{width:100%;height:100px;box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);}
.psmall_list{position:relative;float:left;width:85%;height:100px;overflow:hidden; margin-top:15px}
.psmall_list ul{height:100px;overflow:hidden; float:left}
.psmall_list ul li{position:relative;float:left;margin-right:10px;width:120px;height:70px;}
.psmall_list ul li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.psmall_list ul li.on{display:block;border:3px solid #ea8f2f; box-sizing:border-box;}
.pbtn{display:block;width:4.5%;height:100px;background-color:#e6e6e6;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.pbtn:hover{background-color:#ea8f2f;}
.pleft_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.pright_btn{float:right;background-image:url(../images/right_btn.png);}


.pwz{ width:40%;}

/**产品展示**/
.prodiv{ border-top:1px solid #bbbbbb; margin-top:100px; padding:65px 0 0; text-transform:uppercase}
.prodiv b{ font:45px/45px "微软雅黑"; color:#343434;}
.prodiv p{ font:45px/45px "微软雅黑"; color:#343434; margin-top:15px}
.prodiv p span{  font:38px/45px "微软雅黑"; font-weight:bold;margin-left:10px; margin-top:-5px}
.chanpro{ width:100%; float:left; padding-top:55px}
.proTab{ width:62.5%; margin-top:-165px }
.proTab span{float:left; width: 200px; font:21px/21px "微软雅黑";  cursor:pointer;  box-sizing:border-box; text-align:center; color:#2b2b2b; margin-right:200px}
.proTab span:last-child{ margin-right:0}
.proTab span font{ width:100%; float:left; font:12px/12px "微软雅黑"; text-transform:uppercase; margin:10px 0 20px;}
.pro_tubiao {  display: table; width:52px; height:52px; margin:0px auto 20px; }
.pro_tubiao i{display: table-cell;text-align: center;vertical-align: middle;}
.pro_tubiao img {margin: 0px auto;}
.inproH {display: block;}
.inproS {display: none;}
.proTab span.cur .inproH{display: none;}
.proTab span.cur .inproS{display: block!important;}
.proTab span:hover h5{color: #1f4da3!important}
.proTab span.cur, .proTab span:hover{color:#ea8f2f;border-bottom:2px solid #ea8f2f;}

.p2{ width:50%; height:705px; margin:0px 0 0 0px; display:inline; overflow:hidden;border-bottom-left-radius:50px;border-bottom-right-radius:50px; overflow:hidden; border:10px solid #fff; box-sizing:border-box; border-top:none}
.p2 .pic{width:100%; height:835px;overflow:hidden}

.p3{ width:50%; height:318px; box-sizing:border-box; overflow:hidden;  display:inline;border-bottom-left-radius:50px;border-bottom-right-radius:50px; border-bottom:10px solid #fff; border-right:10px solid #fff;}
.p3 .pic{width:100%; height:441px; overflow:hidden}


.p4{ width:25%; height:377px; display:inline; border-radius:50px; overflow: hidden;border-right:10px solid #fff; box-sizing:border-box}
.p4 .pic{width:100%; height:377px;overflow:hidden }

.p5{ width:25%; height:377px; display:inline; border-radius:50px; overflow: hidden;border-right:10px solid #fff;box-sizing:border-box}
.p5 .pic{width:100%; height:377px;overflow:hidden }

.p2 .pic img,.p3 .pic img,.p4 .pic img,.p5 .pic img,.p6 .pic img{ width: 100%; height: 100%; display: inline-block; object-fit: cover;}
.p2:hover img,.p3:hover img,.p4:hover img,.p5:hover img,.p6:hover img{ transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2)}





.proCont{width:100%; overflow:hidden; display:none; margin-top:70px}
/*.proCont li{float:left; margin:0 1.16%; width: 31% !important; box-sizing:border-box; border:1px solid #ea8f2f; background:#ea8f2f; border-radius:20px; overflow:hidden}
.proCont li:nth-child(2n+0){ margin-top:40px}
.proCont li .pimg{ width:100%;  height:275px; border-radius:20px; overflow:hidden}
.proCont li .pimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.proCont li  p{ width:100%; padding:0 5%; box-sizing:border-box; margin:22px 0;font:20px/42px "微软雅黑"; color:#fff}
.proCont li  p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/c_next.png); border:1px solid #fff;}
*/

/**关于我们内页**/
.aboutbt{ width:100%;}
.abtboder{ border-left:6px solid #ea8f2f;}
.abtboder2{ border-right:6px solid #14315f;}
.aboutbt em{ width:100%; height:53px; margin-bottom:5px; float:left; box-sizing:border-box}
.aboutbt h2{ width:100%; float:left; font: bold 48px/55px "微软雅黑";}
.aboutbt h3{ width:100%; float:left; font: normal 18px/18px "微软雅黑"; text-transform:uppercase; margin:20px 0}
.aboutbt i{ width:53px; height:6px; display:table; margin:0px auto}

/**关于我们**/
.nyabout{ width:100%; background:url(../images/about1.png) no-repeat top right; padding:65px 0 45px;}
.nyabout .aboutleft{ width:46%;}
.nyabout .aboutleft .aboutwz{ width:100%; height:355px; overflow:hidden; font:16px/36px "微软雅黑"; color:#000; text-indent:36px; background:url(../images/abg.png) center center no-repeat}
.nyabout .aboutleft .asz{ width:100%; margin-top:50px}
.nyabout .aboutleft .asz li{ width:32%; float:left; margin-right:2%; background:#fff;box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.15);-webkit-box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.15);-moz-box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.15); padding:40px 0}
.nyabout .aboutleft .asz li h2{ font:normal 21px/21px "微软雅黑";}
.nyabout .aboutleft .asz li h2 span{ font:bold 58px/58px "微软雅黑";}
.nyabout .aboutleft .asz li h3{ font:normal 18px/20px "微软雅黑"; margin-top:20px;color:#858585}
.nyabout .aboutleft .asz li:nth-child(3){ margin-right:0}

.nyabout .aboutright{ width:50.5%;}
.nyabout .aboutright .alogo{ width:100%; text-align:right; margin-top:120px}
.nyabout .aboutright .aimg{ width:100%; height:372px; margin-top:80px}
.nyabout .aboutright .aimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}

/**关于我们---企业价值观**/


/**关于我们---团队与环境**/
.teambg{background:url(../images/team.png) no-repeat right 130px;}
.team{ width:100%; margin-top:50px}
.team .t_list{ width:100%; margin-top:40px; }
.team .t_list li{ width:32%; height:315px; float:left; margin-right:2%; margin-bottom:35px}
.team .t_list li:nth-child(3n),.team .t_list li:nth-child(8){ margin-right:0}
.team .t_list li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.team .t_list li.t8{ width:66%}

/**关于我们---设计师团队**/
.designerbg{background:url(../images/designer.jpg) no-repeat center top}
.designer{ width:100%; padding:135px 0 0; margin-top:80px}
.designer .d_list{ width:100%; margin-top:-100px}
.designer .d_list li{ width:43.2%; float:left; margin-right:13.6%; margin-bottom:90px}
.designer .d_list li .dimg{ width:26.3%; height:275px;}
.designer .d_list li .dimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.designer .d_list li .dwz{ width:71%; color:#15315f;}
.designer .d_list li .dwz b{ font:bold 30px/30px "微软雅黑"; margin-bottom:55px; width:100%; float:left}
.designer .d_list li .dwz p{ font:14px/21px "微软雅黑"}
.designer .d_list li:nth-child(3){ margin-right:0}
.designer .d_list li.d1{ width:100%; margin-right:0}
.designer .d_list li.d1 .dimg{ width:181px; height:275px;}

/**关于我们---运营团队**/
.elite{ width:100%; margin-top:100px;}
.elite .e_list{ width:100%; margin-top:65px; margin-bottom:40px}
.elite .e_list li{ width:30%; float:left; margin-right:5%}
.elite .e_list li:nth-child(3){ margin-right:0}
.elite .e_list li .eimg{ width:60.5%; height:375px; display:table; margin:0px auto; position:relative; z-index:1}
.elite .e_list li .eimg img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.elite .e_list li .ewz{ width:100%; min-height:285px; background:#15315f; padding:80px 20% 40px; box-sizing:border-box; margin-top:-50px; z-index:0; text-align:center}
.elite .e_list li .ewz b{ width:100%; float:left; font:bold 24px/24px "微软雅黑"; color:#fff; margin-bottom:10px;}
.elite .e_list li .ewz span{ width:100%; float:left; font:16px/16px "微软雅黑"; color:#fff; margin-bottom:20px; text-transform:uppercase}
.elite .e_list li .ewz p{ width:100%; float:left; font:16px/30px "微软雅黑"; color:#fff;}
.elite .e_list li:hover .ewz{ background:#ea8f2f}

/* hon_Box */
.nyhonor{ display:none}
.honbg{ padding:65px 0; margin-bottom:50px;}
#hon_Box{position:relative;width:100%;height:308px;margin:70px auto 50px; float:left}
#hon_Box ul{position:relative;width:100%;height:308px}
#hon_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
#hon_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#hon_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#hon_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#hon_Box .prev,#hon_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:70px;height:70px;top:170px;}





#hon_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:130px}
#hon_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:130px} 

#hon_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

.culture{ width:100%; background:url(../images/culture.jpg) no-repeat top center; padding:80px 0 0;}
.cultureimg{ width:100%;  margin-top:-730px; text-align:center; position:relative; z-index:1}
.cul_list{ width:100%; margin-top:100px;}
.padl{ padding-left:22%}
.padr{ padding-right:22%}
.cul_list li{ width:41%; box-sizing:border-box; color:#fff;}
.cul_list li p{ font:normal 18px/55px "微软雅黑"; text-transform:uppercase;box-sizing:border-box;}
.cul_list li p b{ font:bold 21px/55px "微软雅黑"; margin:0 10px}
.cul_list li i{ width:55px; height:55px;}
.cul_list li i img{ max-width:100%}
.culbg1{ background: url(../images/cli1.png) no-repeat right top;}
.culbg2{ background: url(../images/cli2.png) no-repeat left top;}
.culbg3{ background: url(../images/cli3.png) no-repeat right bottom;}
.culbg4{ background: url(../images/cli4.png) no-repeat left bottom;}
.cp3{ padding-bottom:15px;}
.cul_list li .culwz{ width:100%; min-height:165px; margin-bottom:120px; padding-top:30px; font:16px/25px "微软雅黑"; box-sizing:border-box}
.cul_list li .culwz span{width:100%; float:left; font:12px/20px "微软雅黑"}

.global{ width:100%; margin:130px 0 100px}
.global .gleft{ width:35%;}
.global .gleft h2{ font:36px/40px "微软雅黑"; color:#555; margin-top:90px}
.global .gleft h3{ font:49px/60px "微软雅黑"; color:#ea8f2f; margin-top:15px}
.global .gleft p{ font:16px/24px "微软雅黑"; color:#444; margin:40px 0}
.global .gleft i{ width:54px; height:2px; background:#999393; float:left}
.global .gright{ width:65%;}
.global .gright img{ max-width:100%;}



/**案例展示**/
.chanps{ width:100%; float:left; padding-top:55px}
.cpTab{ width:auto; margin:0px auto; display:table;}
.cpTab span{float:left; width:220px; font:20px/65px "微软雅黑";  cursor:pointer; border:1px solid #b7b7b7; box-sizing:border-box; border-radius:10px; text-align:center; color:#2b2b2b; margin-right:9px}
.cpTab span.cur , .cpTab span:hover{color:#fff; background:#ea8f2f;}
.hov1{ position:absolute; right:10px; top:25px}
.cpCont{width:100%; overflow:hidden; display:none; margin-top:70px}
.cpCont li{float:left; margin:0 1.16%; width: 31% !important;}
.cpCont li:nth-child(2n+0){ margin-top:40px}
.cpCont li .cimg{ width:100%;  height:490px; position:relative; border-radius:20px; overflow:hidden}
.cpCont li .cimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.cpCont li .cimg h5{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(../images/cbg.png) repeat-x bottom}
.cpCont li .cimg h5 p{ width:90%; position:absolute; left:5%; bottom:20px; font:20px/42px "微软雅黑"; color:#fff}
.cpCont li .cimg h5 p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/c_next.png); border:1px solid #fff;}

.btns { width: auto; float:right; margin-top:55px;height: auto; z-index: 5; }
.btns a:hover { background-color: #ea8f2f;}
.btns a {width: 66px;  height:66px; background:#999; display: block; border-radius: 10px;  background-repeat: no-repeat;  background-position: center center; transition: all .5s; }
.btns a.prev { float: left; margin-right:3px; background-image: url(../images/index_prev.png); }
.btns a.next { float: right; background-image: url(../images/index_next.png); }

/****/
.mb_pcs {
    display: none;
}
.process { height:553px;margin-top:50px; background:url(../images/processbg.jpg) no-repeat center center; padding-top:63px; box-sizing:border-box;
}

.process_top {width: 100%; font:bold 137px/137px "微软雅黑"; color:#ebedf4;text-align: center;}
.process_top b{ width:100%; float:left; color:#2c3238; font:bold 36px/36px "微软雅黑"; }
.lc_box{width: 100%; height: auto; float:left; margin-top:120px;}
.lc_box li {width:120px;float:left;  box-sizing:border-box;text-align: center;}
.lc_box li b{ font:18px/30px "微软雅黑"; color:#000; margin:30px 0 25px; width:100%; float:left}
.lc_box em{ width:50px; float:left; height:120px; background:url(../images/lcx.png) repeat-x center center}
.lc_box li:hover b{ color:#000}
.lc_box em:last-child{ display:none}
.lc_tubiao {  display: table; width:52px; height:52px; margin:0px auto; }
.lc_tubiao i{display: table-cell;text-align: center;vertical-align: middle;}
.lc_box ul li:hover{background: #1f4da3;}
.lc_tubiao img {margin: 0px auto;}
.inLogoH {display: block;}
.inLogoS {display: none;}
.lc_box li:hover .inLogoH{display: none;}
.lc_box li:hover .inLogoS{display: block!important; background:#ea8f2f; border-radius:120px;}
.lc_box li:hover h5{color: #1f4da3!important}

.process_lx {
	width: 17.5%;
	height: 40px;
	border-radius:50px;
	background:#455772 url(../images/process_icon.png) no-repeat 24px;
	color: #fff;
	font: 16px/40px "微软雅黑";
	position: absolute;
	right: 0;
	top:65px;
	box-shadow: 0px 2px 10px rgba(9,106,219,0.33);
}

.process_two {
	width: 100%;
	background: url(../images/process_bk.jpg) no-repeat center;
	height:311px; z-index:99; position: relative;

}

.process_two img.process_img{
	position: absolute;
	left: -330px;
	top: -22px;
	z-index: 999;
}

.process_text li{
	position: absolute; text-align:center
}

.process_text li.process_li1 {
	top:110px;
	left: 345px;
}

.process_text li.process_li2 {
	top:188px;
	left: 500px;
}

.process_text li.process_li3 {
	top:50px;
	left: 648px;
}

.process_text li.process_li4 {
	top:155px;
	left: 770px;
}

.process_text li.process_li5 {
	top:60px;
	right: 230px;
}

.process_text li.process_li6 {
	top:185px;
	right: 120px;
}

.process_text li.process_li7 {
	top:95px;
	right:0px;
}

.process_text li p {
	font: 20px/20px "微软雅黑";
	color: #000000;
	margin-top: 6px;
	transition: ease .65s;
}

.process_text li img {
	transition: all 2s; 
}

.process_text li:hover img {
	transform: rotateY(180deg);
}

.process_text li:hover p {
	color: #ea8f2f;
}
/**首页服务**/
.ser{ background: url(../images/serbg.png) no-repeat center center; padding:165px 0 60px; position:relative; margin-top:120px;}
.ser i{ width:80px; height:80px; border:1px solid #fff; box-sizing:border-box; border-radius:10px; background:url(../images/nm1.png) no-repeat center center; position:absolute; right:8.5%; bottom:165px;}
.ser .serl{ width:50%;}
.ser .serl b{ width:100%; float:left; font:bold 30px/48px "微软雅黑"; color:#fff}
.ser .serl .slogo{ width:100%; margin-top:80px;}
.ser .serl .slogo li{ float:left; width:auto; margin-right:50px; }

/**服务支持**/
@font-face{
            font-family: 'Comfortaa-Bold';
			src:url(../images/Comfortaa-Bold.ttf);
}
@font-face{
            font-family: '幼圆';
			src:url(../images/幼圆.ttf);
}
.serzl{ width:100%; margin-top:70px}
.serzl .zldiv{ width:52.5%; background:url(../images/serb.png) no-repeat left top; padding:70px 0 70px 45px; box-sizing:border-box;}
.serzl .zldiv h2{ width:100%; float:left;font:30px/40px "微软雅黑"; color:#000}
.serzl .zldiv .line{ width:40px; height:3px; background:#d8d8d8; margin:20px 0}
.serzl .zldiv h3{ width:100%; float:left;font:16px/24px "微软雅黑"; color:#4c4c4c; margin-bottom:40px}
.serzl .zlimg{ width:42%; position:relative}
.serzl .zlimg img{ width:100%; height:100%; display:inline-block; object-fit:cover}
.serzl .zlimg .kuai{ width:104px; height:237px; position:absolute; left:0; bottom:0}

.sermin{ width:100%; height:500px; background:url(../images/sermin.jpg) fixed; margin:70px 0; padding:200px 100px; box-sizing:border-box;text-align:center; color:#fff;}
.sermin h2{ font:normal 18px/25px Comfortaa-Bold;  text-transform:uppercase; letter-spacing:8px}
.sermin h3{ font:normal 36px/45px 幼圆;  text-transform:uppercase; letter-spacing:35px; margin-top:15px}

.serdiv{ width:100%;}
.serdiv li{ width:100%; float:left; margin-bottom:100px}
.serdiv li .pic{ width:44%;}
.serdiv li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.serdiv li .anr{ width:52%;}
.serdiv li .anr .wzl{ width:100%; font: bold 36px/60px "微软雅黑"; color:#000; margin-top:45px}
.serdiv li .anr .wzl i{ width:60px; float:left; margin-right:10px}
.serdiv li .anr .wzl i img{ max-width:100%}
.serdiv li .anr .axq{ width:100%; margin-top:60px; float:left; font:16px/35px "微软雅黑"; color:#4c4c4c}


.contarea{ width:100%; display:inline}
.contarea .bt{ font:20px/50px "微软雅黑"; color:#333}
.contarea .line{ width:50px; height:1px; background:#ea8f2f; display:inline-block}
.contarea li{ width:32%; min-height:275px; float:left; margin:40px 2% 0px 0; padding:45px 35px; color:#676767; box-sizing: border-box;box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.22);
-webkit-box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.22);-moz-box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.22); position:relative}
.contarea li span{ font:bold 105px/85px "微软雅黑"; color:#eff0f2; width:auto; position:absolute; right:0; bottom:0}
.contarea li:nth-child(3n+0){ margin-right:0}
.contarea li .conbt{ width:100%; font:bold 24px/24px "微软雅黑"; color:#15315f; margin-bottom:35px}
.contarea li .cwz{ width:100%; margin-bottom:25px}
.contarea li .cwz .tbwz{ width:18.5%; float:left; box-sizing:border-box; border-right:1px solid #c4c4c4; font:16px/25px "微软雅黑"; color:#797979}
.contarea li .cwz .tbwz .tb{ width:25px; margin-right:5px}
.contarea li .cwz .tbwz .tb img{ max-width:100%}
.contarea li .cwz .conr{ width:78%; font:16px/25px "微软雅黑"; color:#1c1c1c}
.contarea li b{ width:100%; float:left; font:normal 21px/21px "微软雅黑"; color:#000; margin-top:20px}
.contarea li p{ width:100%; float:left; font:18px/40px "微软雅黑"; margin-top:10px}

.confeed{ width:100%; background:url(../images/map.jpg) no-repeat center top; box-sizing:border-box; padding:50px 2.5% 50px 0; margin-top:40px; margin-bottom:65px}
.confeed .fewm{ width:15%;}
.confeed .fewm h2{ font: bold 30px/40px "微软雅黑"; color:#383838;}
.confeed .fewm .line{ width: 60px; height:1px; background:#000; margin-top:25px; margin-bottom:30px}
.confeed .fewm .wk{ width:100%; margin-bottom:15px; display:inline; margin-top:10px}
.confeed .fewm .wk .pic{ width:100%; text-align:center }
.confeed .fewm .wk .pic img{ max-width:100%}
.confeed .fewm .wk .wz{ font:18px/20px "微软雅黑"; color:#000; margin-top:10px; display:inline}

.confeed .cmsg{ width:50%; background:#fff; padding:35px; box-sizing:border-box; border-radius:15px}
.confeed .cmsg .msbt{ width:80%; margin:0 10% 40px; padding:10px 0; font:28px/35px "微软雅黑"; color:#15315f; text-align:center; border-bottom:1px solid #dbdbdb; box-sizing:border-box}
.magdiv{ width:46%; font:16px/30px "微软雅黑"; color:#5e5e5e;}
.mag100{ width:100%; font:16px/30px "微软雅黑"; color:#5e5e5e;}
.confeed .cmsg input{ width:100%; height:65px; border-bottom:1px solid #d1d1d1; color:#b1b1b1 !important; box-sizing:border-box; margin-right:2%;display:inline; font-size:14px; line-height:65pxx;overflow:hidden; margin-bottom:35px;}
.confeed .cmsg input[type=text]{ color:#fff; line-height:65px; height:65px}
.confeed .cmsg textarea{ width:100%; height:65px; margin-top:100px; border-bottom:1px solid #d1d1d1; color:#b9b9b9; box-sizing:border-box;font-size:14px; line-height:65px; overflow:hidden;}
.confeed .cmsg .button{ width:160px; font:16px/45px "微软雅黑"; color:#fff; margin-top:20px; background:#ea8f2f; border-radius:10px}

.confeed .cmsg input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #b9b9b9; 
} 
.confeed .cmsg input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #b9b9b9; 
} 
.confeed .cmsg input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #b9b9b9; 
} 
.confeed .cmsg input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #b9b9b9; 
}
.confeed .cmsg textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#b9b9b9;}
.confeed .cmsg textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#b9b9b9;}
.confeed .cmsg textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#b9b9b9;}
.confeed .cmsg textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#b9b9b9;}

.contbg{position: relative;padding: 70px 0px 120px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;color: #fff; background:url(../images/contact_bg.jpg) no-repeat}
.contbg .cbt{ font:35px/60px "微软雅黑"; color:#fff; font-weight:bold}
.contbg .c1{ width:26%; height:50px; margin-right:11%; display:inline; border-bottom:solid 1px #fff; font:16px/50px "微软雅黑"; color:#fff; background:none}
.contbg .c1:last-child{ margin-right:0}


/**新闻资讯**/
.newsdiv { height: auto; margin-bottom:70px  }
.list-new {width: 100%; height: auto;  position: relative; margin-top:150px }
.list-new ul {  width: 100%; height: auto; }
.list-new ul li { width: 31% !important;  height: auto; float: left;margin:0 3.5% 0 0; box-sizing:border-box; border-radius:40px;overflow:hidden; box-sizing:border-box; }
.list-new ul li:nth-child(3){ margin-right:0}
.list-new ul li .pic{ width:100%; height:475px;float:left; border-radius:40px; overflow:hidden}
.list-new ul li .pic1{ width:100%; height:665px;float:left; border-radius:40px; overflow:hidden; margin-top:30px;}
.list-new ul li .pic img,.list-new ul li .pic1 img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.list-new ul li:hover .pic img,.list-new ul li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.list-new ul li .con,.list-new ul li .con1 { width: 100%; float:left;  height: 486px; padding:0% 8.5%; box-sizing:border-box; margin: 0 auto;  transition: color .5s; position:relative }
.list-new ul li .con p,.list-new ul li .con1 p{ font:14px/24px "微软雅黑"; color:#8a8a8a; margin:30px 0 20px}
.list-new ul li .con .time,.list-new ul li .con1 .time { font:28px/80px "微软雅黑"; color:#9c9c9c; }
.list-new ul li .con1 .time{ margin-top:65px}
.list-new ul li .con1 .time i { float: right; width:80px; height:80px; border-radius:10px; background:url(../images/nm1.png) no-repeat center center  #ea8f2f;}
.list-new ul li .con em {width:80px; height:80px; border-radius:10px; background:url(../images/nm1.png) no-repeat center center  #ea8f2f; position:absolute; bottom:50px; left:8.5%}

.list-new ul li .con1{ height:auto}
.list-new ul li .con .tits,.list-new ul li .con1 .tits { font:21px/25px "微软雅黑";color: #000; text-align:center;text-overflow: ellipsis; margin-top: 50px; display: block; }
.list-new ul li .con1 .tits { margin-top: 20px;}
/*.list-new ul li:hover .con em,.list-new ul li:hover .con1 .time i{ box-sizing: border-box; border:1px solid #fff;}
.list-new ul li:hover {  background-color: #ea8f2f; }*/
.list-new ul li:hover .con p,.list-new ul li:hover .con .tits,.list-new ul li:hover .con .time,.list-new ul li:hover .con1 p,.list-new ul li:hover .con1 .tits,.list-new ul li:hover .con1 .time{ color:#ea8f2f}



.news_list{ width:100%}
.news_list li{ width:100%; padding:2%; margin:0px 4% 50px 0; display:inline; float:left; overflow:hidden;box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.22);
-webkit-box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 1px 1px 27px 0px rgba(0,0,0,0.22); box-sizing:border-box}
.news_list li .ndiv{ width:54%; margin-left:4%}
.news_list li .n_title{ width:100%; height:40px; margin-top:20px; font:20px/40px "微软雅黑"; color:#121212; overflow:hidden}
.news_list li .n_data{ width:100%; height:24px; font:16px/24px "微软雅黑"; color:#000}
.news_list li .n_view{ width:100%;height:72px; margin-top:25px; display:inline;font:14px/24px "微软雅黑"; color:#606060; overflow:hidden}
.news_list li .pic{ width:22.5%; height:225px; overflow:hidden}
.news_list li .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.news_list li .nmore{ width:15.5%; text-align:center; margin-top:70px}
.news_list li .nmore .nmwz{ width: auto; margin:0px auto; display:table; padding:0 25px; color:#fff; background:#ff852c; font:21px/65px "微软雅黑"; border-radius:5px}

.news_list li:hover{ background:#15315f;}
.news_list li:hover .n_title,.news_list li:hover .n_data,.news_list li:hover .n_view{ color:#fff}
.news_list li:hover .nmore .nmwz{ color:#15315f; background:#fff;}

.news_list li .btn{ width:150px; height:32px; background:#f1f1f1; font:14px/32px "微软雅黑"; color:#444; letter-spacing:2px !important; border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px}
.news_list li .btn:hover{ background:#ea8f2f; color:#fff}

.newsleft{ width:68.5%}
.newsleft .ndata{font:14px/42px "微软雅黑"; background:#eff1f6; color:#515151; text-indent:15px; margin-bottom:30px}
.newdh{ border-bottom:1px solid #d1d1d1; font:16px/75px "微软雅黑"; color:#959494}
.newdh i{ display: inline; float:left; margin-right:5px; margin-top:27.5px}
.newdh span{ color:#000}
.newdh .fan{ width:auto; font:18px/75px "微软雅黑"; color:#ea8f2f; border-bottom:2px solid #ea8f2f; box-sizing:border-box}
.newdh .fan em{ margin-right:10px}
.view_title{ width:100%; font:32px/32px "微软雅黑"; color:#000; margin-bottom:25px}
.news_title_s{width:100%; height:25px; font:14px/25px "微软雅黑"; color:#999}
.newsleft .view_wz{ font:14px/36px "微软雅黑"; color:#000; min-height:350px; display:inline;}
.newsleft .view_wz img{ max-width:100%;}

.news_sxy{ width:100%; margin-top:50px; display:inline; margin-bottom:70px}
.news_sxy a,.news_sxy div{ height:40px; font:14px/40px "微软雅黑"; color:#666; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#ea8f2f}

.newsright{ width:27%; padding:30px; min-height:600px; display:inline; margin-bottom:30px; box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.15); box-sizing:border-box !important}
.newsright .bt{ font:28px/35px "微软雅黑"; color:#000; text-indent:15px;border-left:4px solid #ea8f2f;}
.newsright .list{}
.newsright .list .pic{ width:100%; height:180px}
.newsright .list .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.newsright .list a{ margin-top:20px; display:inline;}
.newsright .list a .wz{ font:16px/44px "微软雅黑"; color:#000}
.newsright .list a:hover .wz{ color:#ea8f2f}
.newsright .list a .dz{ font:14px/44px "微软雅黑"; color:#999}

.ny_left{ width:20%}
.ny_left .ntitle{ padding:20px 0; background:#ea8f2f; border-top-left-radius:5px;border-top-right-radius:5px;}
.ny_left .ntitle .n_ch{ width:100%; font:24px/50px "微软雅黑"; color:#fff; font-weight:bold}
.ny_left .ntitle .n_en{ width:100%; font:14px/20px Arial; color:#fff}
.ny_left .l_dh{}
.ny_left .l_dh li{border-top:solid 1px #ccc; float:left; background:#f5f5f5}
.ny_left .l_dh li:first-child{ border-bottom:none}
.ny_left .l_dh li .wz{ height:52px; font:16px/52px "微软雅黑"; color:#666; overflow:hidden; text-indent:35px}
.ny_left .l_dh li a.wz:hover,.ny_left .l_dh li.mb .wz{color:#ea8f2f; background:#efefef}
.ny_left .l_dh li.mb .wz:hover{ color:#ea8f2f}
.ny_left .l_dh li .epdh{ width:100%; background:#f8f8f8; display:none}
.ny_left .l_dh li .epdh a{ width:100%; height:44px; font:14px/44px "微软雅黑"; color:#666; border-bottom:dashed 1px #ccc; text-indent:35px}
.ny_left .l_dh li .epdh a:last-child{ border-bottom:none}
.ny_left .l_dh li .epdh a:hover{color:#ea8f2f}


.ny_right{ width:78%}
.ny_right .nybt{ height:75px; background:#f5f5f5; font:16px/75px "微软雅黑"; color:#333; text-indent:30px}



/**内页产品展示**/
.prolist{}
.prolist li{ float:left; margin-right:2.75%; margin-bottom:50px; width: 31.5% !important; box-sizing:border-box; border:3px solid #f5f5f5; background:#f5f5f5; border-radius:20px; overflow:hidden}
.prolist li:nth-child(3n+0){ margin-right:0}
.prolist li a .pic{width:100%;  height:275px; border-radius:20px; overflow:hidden; background:#fff; margin-bottom:20px}
.prolist li a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.prolist li:hover{ background:#ea8f2f; border:3px solid #ea8f2f}
.prolist li  p{ width:100%; padding:0 5%; box-sizing:border-box; margin:22px 0;font:18px/42px "微软雅黑"; color:#000}
.prolist li  p i { width: 42px; height: 42px; float:right; display: block; border-radius: 10px; background-repeat: no-repeat; background-position: center center; transition: all .5s; background-image:url(../images/c_next1.png); border:1px solid #000;}
.prolist li:hover p i{background-image:url(../images/c_next.png);border:1px solid #fff;}
.prolist li:hover p{ color:#fff}

.pro_pic{ width:60%; border:solid 1px #ccc}
.pro_pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.ptitle{ width:100%; font:26px/35px "微软雅黑"; color:#000; border-left:2px solid #ea8f2f; text-indent:8px}
.proright{ width:40%; margin-top:55px}
.proright .pvwz{ font:16px/28px "微软雅黑"; color:#000; min-height:245px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-top:20px}

.proright .teleft{ width:70%; margin-top:35px}
.proright .teleft li{ width:100%; float:left; margin-bottom:20px}
.proright .teleft li i{ width:53px; height:53px; float:left; margin-right:10px}
.proright .teleft li p{ width:auto; float:left; font:20px/30px "微软雅黑"; color:#ea8f2f}
.proright .teleft li p span{ width:100%; float:left;font:18px/22px "微软雅黑"; color:#000 }

.proright .teright{ width:30%; font:24px/60px "微软雅黑"; color:#fff; background:#ea8f2f; text-align:center; margin-top:65px}
.proright .teright:hover{ background:#1159a4}

.pcs{ width:100%; margin-top:20px}
.pcs p{ font:16px/28px "微软雅黑"; color:#000;padding:20px 0;}
.pcs div{ font:16px/28px "微软雅黑"; color:#000;}
.csbt{ width:15%; color:#fff; font-size:16px; background:#ea8f2f; padding:20px 0; text-align:center; border-bottom:1px solid #fff;}
.csb1{ width:85%; background:#f2fafc; padding-left:115px; box-sizing:border-box}
.csb2{ width:85%; background:#fff; padding-left:115px; box-sizing:border-box}

/**内页产品展示**/
.prev{ width:100% }
.prev .pa,.prev .pb{ width: auto;height:50px;margin-top:8px;display:inline;font:18px/50px "微软雅黑";color:#fff; padding:0 40px; background:#ea8f2f; overflow:hidden; border-radius:12px;}
.prev .pa{margin-right:12px}
.prev a:hover{ background:#225e9b}

.pview_t{ width:100%; height:42px; border-bottom:solid 1px #eee; margin-top:30px; display:inline; position:relative}
.pview_t .wz1{ width:auto; height:43px; background:#000; padding:0 35px; display:inline; position:absolute; left:0; bottom:0; font:15px/43px "微软雅黑"; color:#fff}
.pro_view{width:100%; padding:30px 25px; box-sizing:border-box !important; border:solid 1px #eee; border-top:none; display:inline;font:14px/32px "微软雅黑"; color:#666}
.pro_view img{ max-width:100%}


.page{ width:100%; height:32px; margin-top:35px; display:inline; margin-bottom:70px}
.page a,.page a.pb{height:32px;padding:0 10px;margin:3px 3px 0;display:inline;font:14px/32px "微软雅黑"; color:#fff;  box-sizing:border-box; border:1px solid #999; float:left; line-height:32px;border-radius:15px}
.page a.pa{background:#aaa}
.page a:hover,.page a.pb{ background:#ea8f2f; color:#fff; border:1px solid #ea8f2f}
.page span{font:14px/32px "微软雅黑"; color:#fff; margin:3px 3px 0; display:inline; background:#ea8f2f; width:32px; float:left; border-radius:32px; text-align: center}
.hd{ background:#c8c8c8}



.foot{width:100%; height:620px; background:url(../images/foot_bg.jpg) repeat center center;display:inline}
.foot .fqrcode{ width:12%; margin-left:2%;height: auto; padding-top:185px;box-sizing:border-box !important}
.foot .fqrcode .wk{ width:100%; margin-bottom:15px; display:inline}
.foot .fqrcode .wk .pic{ width:100%; }
.foot .fqrcode .wk .pic img{ max-width:100%}
.foot .fqrcode .wk .wz{ font:18px/20px "微软雅黑"; color:#fff; margin-top:10px; display:inline}
.foot .fqrcode .swz{ font:15px/36px "微软雅黑"; color:#fff; opacity:0.7; filter:alpha(opacity=70)}
.foot .fqrcode .swz:hover{ opacity:1; filter:alpha(opacity=100)}



.flink{ background:#FFF;  padding:35px 0; margin-top:30px; }
.flink .lbt{ font:24px/30px "微软雅黑"; width:100%; float:left; margin-bottom:35px}
.flink .flta{ width:auto; margin:0px auto; display:table; text-align:center}
.flink .flta a{ font:18px/60px "微软雅黑"; color:#39404a; text-transform:uppercase; display:inline-block; padding:0 95px; border:1px solid #39404a; box-sizing:border-box; border-radius:5px; text-align:center; margin:0 15px 15px;}
.flink .flta a:hover{ background:#ea8f2f; color:#fff; border:1px solid #ea8f2f}

.flink .fewm{ width:auto; margin:0px auto; display:table}
.flink .fewm .ewm{ width:189px; height:auto; float:left}
.flink .fewm .ewm img,.flink .fewm .ewmwz img{ max-width:100%}
.flink .fewm .ewmwz{ width:189px; height:189px; background:#000; font:bold 30px/198px "微软雅黑"; text-align:center; color:#fff; margin-left:35px;}
.flink .fewm .lxdiv{ width: 100%; background:#ea8f2f; font:28px/64px "微软雅黑"; text-align:center; color:#fff; border-radius:5px; margin-top:45px; text-transform:uppercase}

.fdh{ width:100%; float:left; text-align:center; font:18px/30px "微软雅黑"; color:#39404a; margin:40px 0 45px}
.fdh a{font:18px/30px "微软雅黑"; color:#39404a; margin:0 30px}
.fdh a:hover{ color:#ea8f2f}
.fmgr{ width:1px;  margin-right:190px;}
.fmgr1{ width:1px;  margin-right:50px;}
.fbt{ background:#fff; border-top:1px solid #bfbfbf; }
.fbt .flogo{ width:auto; float:left}
.fbt .flogo img{ margin-top:28px}
.fbt .fwz{width: 100%; text-align:center;
    font: 16px/30px "微软雅黑";
    margin: 25px 0;
    color: #39404a;}
.fbt .fwz a{ color:#39404a}


.nav{ width:100%; padding:5px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none;  z-index:99}
.nav .logo{ height:45px; margin-left:3%}
.nav .logo img{ width:auto; height:40px; margin-top:3px}
.nav .nav_icon{ height:35px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:35px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:99999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:url(../images/tm_b90.png); overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:80px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff}
.nav_menu .right .list li dl{ width:100%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #fff}
.nav_menu .right .list li dl dd a{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:20px}
.nav_menu .right .list li .wz{ font:13px/30px "微软雅黑"; color:#eee; margin:10px 40px 0 0; display:inline}

.kong{ width:100%; height:67px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0;  background:#000; position:fixed; left:0; bottom:0; display:none; z-index:99999}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}

.feed_wz{ width:100%; font:14px/30px "微软雅黑"; color:#666;}
#mob_tab{ display:none}

.big_title{ width:100%; height:70px; font:30px/50px "微软雅黑"; color:#ffaa42; text-align:center; margin-top:5px; display:inline; border-bottom:dashed 1px #ccc}
.big_title span{ font-size:18px; color:#999}
.sp_wz{ width:100%; margin-top:35px; display:inline; font:16px/32px "微软雅黑"; color:#666}

.clear{ clear:both; display:block}

@media screen and (max-width: 1750px)
{
.brand li{ width:50%; float:left}
.brand li img{ max-width:100%}
.par li,.nyparlist li{ height:165px}
.main{ width:92%}
#hon_Box .prev, #hon_Box .next{ top:150px;}
#hon_Box .prev{ left:100px;}
#hon_Box .next{ right:100px;}

#hon_Box li:nth-child(1){ width:170px !important; height: 245px !important;}
#hon_Box li:nth-child(2){ width:190px !important; height: 274px !important; left:160px !important}
#hon_Box li:nth-child(3){ width:210px !important; height: 303px !important; left:300px !important}
#hon_Box li:nth-child(4){ width:230px !important; height: 331px !important; left:450px !important}
#hon_Box li:nth-child(5){ width:250px !important; height: 360px !important; left:630px !important}
#hon_Box li:nth-child(6){ width:230px !important; height: 331px !important;}
#hon_Box li:nth-child(7){ width:210px !important; height: 303px !important;}
#hon_Box li:nth-child(8){ width:190px !important; height: 274px !important;}
#hon_Box li:nth-child(9){ width:170px !important; height: 245px !important; left:1340px !important}
}


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

.top_r{margin: 36px 2% 0 0}
.proTab span{ margin-right:100px}
.ser .serl{ width:100%}
}

@media screen and (max-width: 1565px)
{
.goodlist { width: 282px;}
.cultureimg img{ max-width:80%;}
.cul_list li{ width:37%}
#hon_Box li:nth-child(1){ width:150px !important; height: 216px !important;}
#hon_Box li:nth-child(2){ width:170px !important; height: 245px !important; left:120px !important}
#hon_Box li:nth-child(3){ width:190px !important; height: 274px !important; left:250px !important}
#hon_Box li:nth-child(4){ width:210px !important; height: 303px !important; left:400px !important}
#hon_Box li:nth-child(5){ width:230px !important; height: 331px !important; left:580px !important}
#hon_Box li:nth-child(6){ width:210px !important; height: 303px !important; left:780px !important}
#hon_Box li:nth-child(7){ width:190px !important; height: 274px !important; left:950px !important}
#hon_Box li:nth-child(8){ width:170px !important; height: 245px !important; left:1100px !important}
#hon_Box li:nth-child(9){ width:150px !important; height: 216px !important; left:1230px !important}

.aboutbt h2 { font: bold 40px/45px "微软雅黑";}
.nyabout .aboutleft .asz li h3 {
    font: normal 14px/20px "微软雅黑";}
}

@media screen and (max-width: 1500px)
{
.ny_posi b {font: bold 28px/30px "微软雅黑"; margin-top: 0px;}
.sermin,.aboutmin { height:auto; margin: 70px 0; padding: 100px 100px;}
.aboutbot { height:auto; padding: 100px 100px;}
.cname{ font:bold 25px/80px "微软雅黑"}
.large_box li,.large_box{ height:550px}
.clist li .t_mc .casewz span {
    font: 16px/30px "微软雅黑"; height:30px; overflow:hidden}
}

@media screen and (max-width: 1380px)
{
.spdiv,.casediv, .qxdiv,.pardiv{ margin-top:100px}
.title .wz_xz{ margin-bottom:80px}
.main{ width:90%}
.about_nr{ width:38%; margin-top:45px;}
.foot .fdh .line{margin: 0 50px}
.topmeau li .mz{ font-size:16px}
.top_r .icon .wz{ font-size:18px}
.topic .logo{margin: 25px 0 25px 0%}
.top_r{margin:36px 1% 0 0}

.topmeau li .mz{ font-size:15px}
.top_r .icon .wz{ font-size:17px}
.title .wz_en ,.title .wz_cn { font: bold 35px/40px "微软雅黑";}
.about_nr .bt {font: bold 30px/55px "微软雅黑";}
.alist .count .wz2 span { font: bold 30px/40px "微软雅黑";}
.alist .count .wz1 { font: 16px/25px "微软雅黑";}
.lc_box em{ display:none}

.newsdiv{ margin-top:35px;}
.list-new{ margin-top:50px;}
.list-new ul li .con .time, .list-new ul li .con1 .time {font: 20px/60px "微软雅黑";}
.list-new ul li .pic{ height:355px;}
.list-new ul li .pic1{ height:485px}
.lc_box{ margin-top:50px}
.lc_box li{ width:25% }
.lc_box li b {margin: 5px 0 5px;font: 16px/25px "微软雅黑";}
.lc_box li:hover .inLogoS{border-radius:100px !important;}

.ser{ margin-top:0; background: url(../images/serbg.png) no-repeat top center; padding-top:105px}
.ser .serl b { font: bold 28px/40px "微软雅黑";}
.ser .serl .slogo{ margin-top:60px;}
.ser i{ right:2%;}

.fmgr{ margin-right:50px}
.about_nr .bbt,.spdiv b{ font-size:30px}

.about_wz {
    font: 16px/30px "微软雅黑"; margin-bottom:70px;
    padding: 0 15%;
	
}
.a_more,.pamore,.list-new ul li .con1 .time i,.list-new ul li .con em,.ser i {
    width: 60px;
    height: 60px;
    background-size: 25%;
}
.a_more:hover,.pamore:hover{background-size: 25%;}
.w50img{ text-align:center}
.w50img img{ max-width:85%}
.goodlist {
    width: 230px;
}
.main{ width:98%}

.sermin,.aboutmin{ height:auto; margin: 70px 0; padding: 120px 50px;}

.aboutbot { height:auto; padding: 120px 50px;}
.probanner,.proright{ width:100%;}

.clist li .t_mc .casewz{ width:85%}

}



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


.pclass .main{ width:100%}
.about_nr .bt{ font-size:30px}
.alist .count .wz2{ font:24px/40px "微软雅黑"}
.topic .logo img{ height:40px}
.topmeau li .mz{ padding:0 15px}
.ys_qk .pic{ height:380px}
.ys_qk .area .bt{ font-size:24px; line-height:40px}
.about_nr{ margin-top:0px;}
.about_wz{ padding: 0 5%; font:14px/30px "微软雅黑"; margin:40px 0}
.about_nr .bbt{ margin-bottom:40px;}
.more{ margin-top:50px}
.pclass .list a .wz{ font-size:15px}
.in_plist li .pic{ height:320px}
.n_list li{ margin-top:40px}
.n_list li .data{ width:20%}
.n_list li .nr{ width:60%}
.n_list li .nr .bt{ font:20px/40px "微软雅黑"; height:40px}

.goodlist {
    width: 195px;
}

.cp_pcs {display: none;}
.process_lx{ text-align:right; padding-right:20px; box-sizing:border-box}
.mb_pcs {display: block;background: #dcdfe8;z-index: 99; position: relative;float: left;width: 100%;padding: 3% 0px; text-align:center}
.mb_pcs li {display: inline-block;width: 24%;padding: 3% 0px 1.5%;}
.mb_pcs li p{ font:16px/30px "微软雅黑";}
.mb_pcs li img {height: 40px;}
	
.large_box,.large_box li{ height:520px}
.aboutbt h2 {
    font: bold 35px/40px "微软雅黑";
}
.nyabout .aboutleft .aboutwz{ font:15px/30px "微软雅黑"}
.nyabout .aboutleft .asz li h2 span {
    font: bold 48px/58px "微软雅黑";
}
.nyabout .aboutleft .asz li h2 {
    font: normal 18px/18px "微软雅黑";
}
.nyabout .aboutright .aimg{ height:280px;}

.nyabout .aboutright .alogo{ margin-top:140px;}
.nyabout .aboutright .alogo img{ max-width:30%; margin-right:80px}

.cultureimg img {
    max-width: 40%;
}
.teambg{ background-size:30%}
.elite .e_list li .eimg{ height:285px}
.elite .e_list li .ewz p {font: 14px/28px "微软雅黑";}

#hon_Box{ display:none}
.nyhonor { display:block;
    width: 100%;
    padding: 0px 13.5%;
    box-sizing: border-box; margin-top:60px;
}
.nyhonor_box {
	width: 100%;
	position: relative;
}

.nyhonor_list .hd .nyhonor_next, .nyhonor_prev {
    top: 45%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
}

.nyhonor_list .hd .nyhonor_next {
    right: 0px;
    background: url(../images/next_nh.png) no-repeat;
    margin-right: -40px;
}

.nyhonor_list .hd .nyhonor_prev {
    left: 0px;
    background: url(../images/prev_nh.png) no-repeat;
    margin-left: -40px;
}

.nyhonor_box ul {
	width: 100%;
}

.nyhonor_box ul li {
	width: 298px;
	overflow:hidden;
	float: left;
	text-align: center;
}

.nyhonor_box ul li img {
	width: 90%;
	display: block;
}

.nyhonor_img {
	width: 298px;
	overflow: hidden;
	height: 346px;
}

.nyhonor_img:hover img {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
}

.nyhonor_box ul li p {
color:#fff;
line-height: 48px;
}



}

@media screen and (max-width: 1100px)
{
.topic .logo img{ height:40px}
.topmeau{ margin:25px 0 0 2%}
.topmeau li .mz{padding:0 10px}
.cview .fclist a .wz{ font-size:18px}
.cview .fclist a .wz span{ font-size:14px}

.cname {
    font: bold 25px/50px "微软雅黑";
}
.small_list ul li{ width:180px}
.cultureimg{ margin-top:-650px}
}

@media screen and (max-width: 1023px)
{
.prodiv b,.prodiv p{font: 30px/30px "微软雅黑";}
.proTab span{ margin-right:30px}
.pardiv{ height:auto}
.par li,.nyparlist li{ width:32%; margin-right:2%; margin-bottom:15px; height:auto; text-align:center}
.par li img,.nyparlist li img{ width:auto;max-width:100%; height:auto;}
.par li:nth-child(3),.nyparlist li:nth-child(3){ margin-right:0}
.scroll{ display:none}
.mpar{  display:block; margin-top:20px}
.mpar li{ width:23.5%; height:80px; float:left; margin-bottom:10px; margin-right:2%;}
.mpar li:nth-child(4n+0){ margin-right:0}
.mpar li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.topic,.b_mask,.ny_left,.slist li:hover .wz,.slist li:hover .line,.n_list li .nk .sname,.fd_bq{ display:none}
.kong,.nav,.footer{ display:block}
.fd,.news_bg,.banner{ width:100%; min-width:auto}
.main{ width:95%;}
.n_list,.in_right,.p_list,.foot .fmsg{ width:100%}
.news_bg{ padding-bottom:30px}
.in_pro{ padding-top:30px}
.news_bg{ margin-top:25px}
.in_banner_bg{ height:auto; padding:80px 0}
.in_banner_bg .lwz1{ font-size:16px; margin:0}
.in_banner_bg .lwz2{ font-size:10px}

.parea .psk .bt{ font:18px/40px "微软雅黑"}
.parea .psk .vwz{font: 14px/30px "微软雅黑"; max-height: 90px;}
.title{ margin-top:25px;}
.title .wz_en ,.title .wz_cn { font: bold 26px/33px "微软雅黑";}
.syul li p { font: 16px/50px "微软雅黑";}

.news_list li .n_title{ font-size:18px;}
.news_list li .n_view{ height:48px}
.news_list li .n_data{ margin-top:25px}
.news_list li .pic{ height:200px}
.news_list li .nmore .nmwz{ font:16px/45px "微软雅黑"}
.cpCont li .cimg{ height:380px}
.btns a,.newsdiv .list .item .list-new .btns a {  width: 50px;  height: 50px;}
.cpTab span,.proTab span{width: 180px; font: 18px/50px "微软雅黑";}

.foot .fcont .lx li {font: 16px/30px "微软雅黑"; margin-bottom: 15px;}
.foot .fmsg{ margin-top:30px}
.foot .fmsg .msbt{    font: 25px/30px "微软雅黑";}
.foot .fmsg input{ margin-top:30px}
	
.ny_left .ntitle,.ny_left .l_dh li .wz{ width:80%}
.ny_banner_sport,.ny_banner_education{ height:200px}
.p1:hover .pic img, .p_list li:hover .pic img{ transform:scale(1)}
.n_list li:hover .nk{ height:auto; background:#7565a7}

.yslist .sk .sk{ height:auto; padding-bottom:20px; display:inline}
.yslist .sk .bt{ margin-top:100px; font:15px/35px "微软雅黑"}
.yslist .sk .wz{ width:84%; line-height:28px; margin:8px 8% 0; display:inline}

.hen1{ width:100%; height:70px; float:left; display:block}
.big_title{ height:50px; font:18px/40px "微软雅黑"}
.big_title span{ display:none}
.sp_wz{ font:12px/25px "微软雅黑"; width:92%; margin:5px 4% 0; display:inline}

.ny_left{ display:none}
.ny_right{ width:100%; margin-right:0; display:inline}
.ny_title{ height:40px}
.ny_title .wz{ line-height:40px; line-height:40px; font-size:16px}
#article table,#article form{ width:100%; margin:0; overflow:hidden}
#article table tbody{ width:100%}
.ny_right .view_wz{ min-height:200px}

.contarea{ width:100%}
.contarea li{ width:49%}
.contarea li:nth-child(2n+0){ margin-right:0}
.contarea li:nth-child(3){ margin-right:2%}
.confeed .cmsg{ width:80%}

.newsleft{ width:65%}
.newsright{ width:32%; padding:30px 20px}
.newsright .list a .wz{ font-size:14px}
.about_nr .enwz{ font-size:14px}

.small_box{ padding:40px; height:220px}
.small_list ul{ height:140px}
.small_list ul li{ width:160px; height:120px}
.btn{ height:120px}
.cname{ margin-top:55px;font: bold 22px/40px "微软雅黑";}
.cname i {width: 65px;  height: 90px;}


.clist li .pic{ width:60%; height:450px;}
.clist li .t_mc{ width:40%; height:450px}
.clist li font i {
    width: 100px;
    height: 100px;}
.clist li .t_mc .casewz{ margin-top:40px}
.clist li .t_mc .casewz p {
    font: bold 22px/22px "微软雅黑";
    margin: 20px 0 20px;
}
.clist li .t_mc .casewz span {  font: 16px/30px "微软雅黑";}	
.clist li .t_mc .casewz .ctel { padding: 20px 0; margin-top: 25px; font-size: 16px;}
.clist li .t_mc .casewz .ctel b { font: bold 22px/22px "微软雅黑";}
	
}

@media screen and (max-width: 900px)
{
.nyabout{ padding-top:30px;}
.nyabout .aboutright .alogo img{ max-width:15%}
.nyabout .aboutright .aimg{ margin-top:30px}
.nyabout .aboutright,.nyabout .aboutleft{ width:100%}
.nyabout .aboutleft .aboutwz {font: 14px/30px "微软雅黑"; margin-top:20px; height:250px; background-size:40%}
.nyabout .aboutright .alogo{ margin-top:0}
.nyabout .aboutleft{ margin-top:30px}

.padl{ padding-left:20%}
.padr{ padding-right:20%}
.culture{ height:720px}
.cul_list{ margin-top:50px}
.cultureimg {
    margin-top: -630px;
}
.cul_list li p {
    font: normal 16px/55px "微软雅黑";}
.cul_list li p b {
    font: bold 19px/55px "微软雅黑";}
.cul_list li .culwz{font: 14px/22px "微软雅黑";}
.clist li font i {
    width: 80px;
    height: 80px;}
.float1{ display:none}
.n_list li .nk .ndata,.n_list li .nk .sname,.foot .fmap{ display:none}
.in_news .lnr .ntitle{ font-weight:normal}
.pclass .list a img{ height:40px}
.pclass .list a .wz{ font-size:14px}
.in_plist li .pic{ height:280px}
.about_nr .bt{ font-size:24px}
.about_nr .about_wz{ font-size:14px; margin-top:25px}
.about_bg .apic,.about_nr{ width:100%}


.cpTab span, .proTab span {
    width: auto;
    padding: 0 15px;
    font: 18px/45px "微软雅黑";
}
.cpCont li .cimg {
    height: 300px;
}
.a_more{ width: 40%;font: 16px/40px "微软雅黑"; margin-top:30px; margin-bottom:30px}

.process_top {font: bold 100px/100px "微软雅黑";}
.process_top b {font: bold 30px/30px "微软雅黑";}

.process_lx{ display:none}

.alist .count .wz2 span { font: bold 30px/30px "微软雅黑";}
.alist .count .wz1 { font: 16px/25px "微软雅黑";}

.contarea li { width: 49%; margin: 40px 2% 0px 0;}
.contarea li:nth-child(2n+0){ margin-right:0}
.contarea li:nth-child(3){ margin-right: 2%}

.confeed { padding: 40px 2% 40px; margin: 40px 0; }
.confeed .fewm h2 { font: bold 22px/35px "微软雅黑";}
.confeed .fewm .wk .wz {font: 14px/20px "微软雅黑";}
.confeed .cmsg{ width:80%}
.confeed .cmsg .msbt { font: 22px/35px "微软雅黑"; color: #000;}
.confeed .cmsg input[type=text] {line-height: 50px;  height: 50px;}

.fbt .fwz{ width:100%; font:14px/30px "微软雅黑"}
.foot{ height:auto; background-size:auto 100%; padding-bottom:40px}
.foot .fdh .line{ margin:0 20px}
.foot .fcont{ width:65%}
.foot .fqrcode{ width:25%;padding-top: 100px;}

.foot .fqrcode .wk{ width:80%; margin:30px 4% 0 6%}

.ny_posi {
    margin-top: 20px;
}
.ny_posi b {
    color: #000; text-align:left;
    margin-bottom: 20px;font: bold 22px/30px "微软雅黑";
}
.ny_posi .line {
    float: left;
    background: #ea8f2f;
    margin-bottom: 10px;
}
.ny_posi .fllist{ float:left; width:100%; margin:10px 0}  
.ny_posi .fllist .wz {
    width: auto;
    color: #000; padding:0 20px; margin-top:0px; margin-left:0px; margin-right:10px;
    border: 1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px; margin-bottom:10px

}
.nyparlist{ margin-top:30px}
.ss{ display:none}
.news_list li{ width:100%; margin:0 0 20px}
.news_list li:nth-child(2n+0){ margin:0px 0 20px 0}
.view_title {font:21px/32px "微软雅黑";}
.prolist li{ width:49% !important; margin-right:2%;}
.prolist li:nth-child(2n+0){ margin-right:0}
.prolist li:nth-child(3){margin-right:2%;}
.aboutjs,.aboutsp{ width:100%;}
.aboutjs{ margin-top:20px}
.aboutsp{ margin-top:20px; text-align:center}
.aboutjs h2 {font: 25px/36px "微软雅黑";}
.aboutjs h3 { font: 30px/35px "微软雅黑";}
.aboutbt h2{ font: bold 30px/35px "微软雅黑";}
.aboutbt h3{ font: bold 16px/25px "微软雅黑"; text-transform:uppercase; margin:5px 0}
.aboutbt i{ width:30px; height:3px;}

.small_list{ width:84%}
.small_list ul{ height:135px}
.small_list ul li{width:135px;height: 100px;}
.btn{ height:100px}
.small_box{ height:200px}
}

@media screen and (max-width: 720px)
{
.nyabout .aboutleft .aboutwz{ height:auto}
.team .t_list li{ height:195px}
.aboutbt h2{ font: bold 25px/35px "微软雅黑";}
.alist{ margin-top:-70px}
.alist .count .wz2 span {
    font: bold 22px/35px "微软雅黑";
}
.alist .count .wz1 {
    font: 14px/22px "微软雅黑";
}
.about_bg,.prodiv{ margin-top:50px}
.about_bg .apic img{ height:350px !important}
.about_nr .bt{ font-size:26px; margin-top:30px;}
.about_nr .bbt, .spdiv b,.title .wz_en{ font-size:22px;}
.title .wz_cn{ font-size:26px;}
.title .wz_xz{ margin-bottom:35px}
.about_nr .bbt{ margin-bottom:25px;}
.a_more,.pamore,.list-new ul li .con1 .time i,.list-new ul li .con em,.ser i {
    width: 60px;
    height: 60px;
    background-size: 25%;
}
.a_more:hover,.pamore:hover{background-size: 25%;}

.caseimg,.casewz, .qxwz,.qximg{ width:100%;}
.spdiv, .casediv, .pardiv {
    margin-top: 50px;
}
.qxdiv{ margin-top:20px}
.brand{ margin-top:0}
.brand li{ text-align:center; margin-bottom:15px}

.prodiv b,.prodiv p{font: 25px/25px "微软雅黑";}
.prodiv p{ margin-top:0px}
.prodiv p span {
    font: bold 30px/45px "微软雅黑";}

.chanpro{ padding-top:20px}
.pro_tubiao{ margin:0px auto}
.cpTab span, .proTab span { font: 16px/30px "微软雅黑";}
.proTab span font{ margin:5px 0 20px }

.proTab{ width:100%; margin-top:20px;}
.proTab span{ margin-right:0; padding:0; width:calc(100%/3)}
.p2,.p3,.p4,.p5{ border-radius:30px; height:450px}
.p4{ margin-bottom:10px !important}
.p2 .pic,.p3 .pic,.p4 .pic,.p5 .pic{ height:450px}


.cpCont li,.proCont li {  margin: 0; width: 100% !important;}
.cpCont li .cimg {
    height: 400px;
}
.list-new ul li {
    width: 100% !important;}
.list-new ul li .pic1{ height:355px; margin-bottom:20px;}
.list-new ul li .con{ height:350px;}	
.list-new ul li .con1{ height:300px;}	
.list-new ul li .con em{ bottom:20px}

.ser .serl b {
    font: bold 25px/40px "微软雅黑";
}

.fdh{ margin:20px 0 30px}
.flink .flta a { font: 15px/40px "微软雅黑"; padding: 0 45px;}
.fdh a { font: 15px/30px "微软雅黑"; margin:0 20px}
.flink .fewm .ewm{ width:150px}
.flink .fewm .ewmwz{ width:150px; height:150px; font: bold 20px/150px "微软雅黑";}
.flink .fewm .lxdiv{ margin-top:20px;font: 20px/55px "微软雅黑";}

.cview .pnyright,.cview .pnyleft{ width:100%}
.cview .fcbt{ margin-top:35px}
.cview .fcbt .icon{ top:80px}
.cview .fclist a .pic{ height:120px; padding:8px 0}
.cview .fclist a .wz{ line-height:24px}
.cview .fclist a .wz span{ font-size:12px}

.newsleft,.newsright{ width: 100% !important; }
.newdh .fan {font: 14px/50px "微软雅黑";}
.newdh span{ display: none}
.ny_posi b { font: bold 22px/25px "微软雅黑";}
.ny_posi .line { height: 3px; width: 40px;}
.serzl .zldiv,.serzl .zlimg,.serdiv li .pic,.serdiv li .anr{ width:100%;}
.serdiv li .pic{ margin-top:25px}
.serzl .zldiv { padding: 50px 0 0px 25px;}
.sermin,.aboutmin{ height:auto; margin: 70px 0; padding: 50px 30px;}
.aboutbot { height:auto; padding: 50px 30px;}
.sermin h2,.aboutmin h2,.aboutbot h2 {font: normal 15px/25px Comfortaa-Bold;}
.sermin h3,.aboutmin h3,.aboutbot h3 {font: normal 22px/35px 幼圆}

.contarea li i{ width:50px}
.contarea li i img{ max-width:100%;}
.contarea li b{font: normal 16px/16px "微软雅黑";}
.contarea li p {font: 14px/25px "微软雅黑";}

.confeed .fewm,.confeed .cmsg{ width:100%;}
.confeed .fewm .wk{ width:auto;}
.confeed .cmsg textarea{ margin-top:30px}

.clist li .pic{ width:100%; height:350px;}
.clist li .t_mc{ width:100%; height:330px; position:inherit}
.clist li .t_mc .casewz{ margin-top:30px; margin-left:8%;}
.clist li .t_mc .casewz p {
    font: bold 20px/20px "微软雅黑";
    margin: 15px 0
}
.clist li .t_mc .casewz span{ font:14px/22px "微软雅黑"}
.clist li .t_mc .casewz .ctel b{ font: bold 20px/20px "微软雅黑";}
.clist li font i {
    width: 60px;
    height: 60px; background-size:20%
}
.culture{ height:auto}
.culture li{ width:50%;}
.cultureimg{ display:none}
.culbg1,.culbg2,.culbg3,.culbg4{ background:none}
.cul_list li .culwz{ margin-bottom:20px; padding-top:10px}

.designer{ padding:60px 0}
.designer .d_list{ margin-top:0}
.designer .d_list li{ width:100%; margin-bottom:30px}
.designer .d_list li .dimg{ width:20%; height:160px}
.designer .d_list li .dwz{ width:77%;}
.designer .d_list li .dwz b {
    font: bold 22px/22px "微软雅黑";
    margin-bottom: 20px;}

.elite .e_list li{ width:100%; margin-bottom:20px}
.elite .e_list li .eimg {
    height: 315px; width:45%
}
.pbtn{ width:20px;}
.btn{ width:20px;}
.inplist li{ width:49%; margin:15px 1% 0 0; display:inline}
.inplist li .pic{ height:140px}
.inplist li .nr .wz {font:14px/25px "微软雅黑"}
.inplist li:nth-child(2n+0){ margin:15px 0 0 0}

.cname{ font: 18px/50px "微软雅黑"; margin-top: 0px; width:100%; margin-bottom:15px}
.cname i{ width:30px; height:50px; margin-right:10px;}
.small_box{ width:100%; height:160px; padding:20px}
.small_list{ width:89%}
.small_list ul li{ width:128px}
.large_box,.large_box li{ height:400px}
}

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

.psmall_list ul{ float:left}
.newdh {font: 14px/45px "微软雅黑";}
.newdh .fan { font: 14px/45px "微软雅黑";
}
.newdh i{ margin-top:15px}
.prev .pa,.prev .pb{ width: auto;margin-top:8px;display:inline;font:14px/35px "微软雅黑";padding:0 20px; height:35px}
.ptitle,.cvbt { font: 25px/40px "微软雅黑";}
.proright .teright {
    width: 30%;
    font: 20px/45px "微软雅黑";
    margin-top: 35px;
}
.proright .pvwz{ min-height:150px}
.ccn{ font:25px/30px "微软雅黑"; margin-top:35px}
.ecn{ font: bold 22px/30px "微软雅黑"; margin-bottom:15px;}

.csb1,.csb2{padding-left: 35px;}
.pcs p{ font:14px/25px "微软雅黑";padding:15px 0;}
.pcs div { font: 14px/25px "微软雅黑";}
.csbt{ font-size:14px; padding:15px 0}


.casebg{ margin-top:30px}
.contarea li{ width:100%; min-height:250px; margin-top:30px; margin-right:0; padding:20px}
.contarea li .conbt{ font:bold 20px/20px "微软雅黑"; margin-bottom:25px}
.contarea li .cwz .tbwz,.contarea li .cwz .conr{ width:100%}
.contarea li .cwz .conr{ margin-top:15px;font: 14px/22px "微软雅黑";}
.magdiv{ width:100%}
}
@media screen and (max-width: 480px)
{
.jt{ background-size:10%; margin-top:30px}
.nav .logo img {
    width: auto;
    height: 35px;
    margin-top: 5px;
}
.about_nr .bt {
    font: bold 24px/40px "微软雅黑";}	
	
.about_nr .bbt, .spdiv b,.title .wz_en{ font-size:20px;}
.title .wz_cn{ font-size:24px;}
.title .wz_xz{ margin:15px 0}

.nyabout,.nyabout .aboutleft .aboutwz{ background-size:100%}
.nyabout .aboutleft .asz li h2 {
    font: normal 15px/15px "微软雅黑";
}
.nyabout .aboutleft .asz li h2 span {
    font: bold 35px/35px "微软雅黑";
}
.nyabout .aboutleft .asz{ margin-top:30px}
.nyabout .aboutleft .asz li{ padding:20px 0px; box-sizing:border-box}
.about_bg .apic img {
    height: 250px !important;
}
.nyabout .aboutright .alogo img {
    max-width: 20%;
    margin-right: 40px;
}
.nyabout .aboutright .aimg {
    height: 180px;
}

.culture{ padding:35px 0 25px}
.culture li{ width:100%}
.cul_list{ margin-top:30px}
.cul_list li .culwz{ min-height: auto}
.cul_list li p b {
    font: bold 18px/55px "微软雅黑";
}
.padl{ padding-left:5%}
.padr{padding-right: 5%;}
.cp3{ padding-bottom:0}

.team .t_list li { height:125px; margin-bottom:10px}
.honbg{ margin-bottom:0}
.team{ margin-top:0}

.designer {
    padding: 35px 0 15px;
}
.designer .d_list li .dimg{ height:120px}
.designer .d_list li .dwz b {
    font: bold 18px/20px "微软雅黑";
    margin-bottom: 10px;
}
.designer .d_list li .dwz p {
    font: 12px/20px "微软雅黑";
}

.elite{ margin-top:35px}
.elite .e_list{ margin-top:30px}
.elite .e_list li .ewz {
    min-height: auto;
    padding: 50px 5% 25px;
    margin-top: -30px;}
.elite .e_list li .eimg{ height:215px}
.elite .e_list li .ewz b { font: bold 18px/18px "微软雅黑";}
.elite .e_list li .ewz span{ font:14px/14px "微软雅黑"; margin-bottom:10px}
.elite .e_list li .ewz p {
    font: 12px/20px "微软雅黑";
}

.spdiv,.prodiv{ margin-top:0}
.prodiv{ padding:45px 0 0}
.prodiv b,.prodiv p{font: 20px/25px "微软雅黑";}
.prodiv p span {
    font: bold 24px/40px "微软雅黑";}
	
.par{ margin-top:25px}
.par li,.nyparlist li{ width:49%}
.par li:nth-child(3),.nyparlist li:nth-child(3){ margin-right:2%}
.par li:nth-child(2n),.nyparlist li:nth-child(2n){ margin-right:0}

.alist { display:none}
.alist .count .wz2 span {
    font: bold 15px/28px "微软雅黑";
}
.alist .count .wz1 {
    font: 12px/20px "微软雅黑";
}	
.a_more{ margin-top:0}
.a_more,.pamore,.list-new ul li .con1 .time i,.list-new ul li .con em,.ser i {
    width: 45px;
    height: 45px;
    background-size: 20%;
}
.a_more:hover,.pamore:hover{background-size: 20%;}


.plarge_box,.plarge_box li,.large_box, .large_box li{ height:250px}
.proright .teleft,.proright .teright{ width:100%;}
.proright .teright{ margin-top:10px; font: 16px/40px "微软雅黑";}
.proright .pvwz { font: 14px/25px "微软雅黑";}
.proright{ margin-top:20px}
.proright .teleft li i{ width:43px; height:43px; float:left; margin-right:10px}
.proright .teleft li i img{ max-width:100%}
.proright .teleft li p span { font: 16px/20px "微软雅黑";}
.proright .teleft li p{ font:18px/30px "微软雅黑"}

.cname{ font: 18px/30px "微软雅黑";}
.cname i{ width:20px; height:30px; margin-right:10px;}
.small_box{ width:100%; height:120px}
.small_list{ width:80%; height:80px}
.small_list ul li{width: 75px; height:60px}
.small_list ul li,.small_list ul li img{ border-radius:5px}
.btn{ height:60px;}
.ptitle,.cvbt { font: 20px/30px "微软雅黑";}
.prev{ margin-bottom:35px}
.csbt{ width:100%; float:left}
.csb1,.csb2{ width:100%; float:left; box-sizing:border-box; padding:0 20px}
.ccn{ font:20px/30px "微软雅黑"; margin-top:15px}
.ecn{ font: bold 16px/20px "微软雅黑"; margin-bottom:15px;}

.cview .fclist a .wz {line-height: 16px; font-size:14px}

.scroll{ display:none}
.pardiv{ margin-top:30px; padding-bottom:30px; height:auto;}
.title{ margin-top:30px}
.mpar{  display:block; margin-top:20px}
.mpar li{ width:49.5%; height:80px; float:left; margin-bottom:2px; margin-right:1%;}
.mpar li:nth-child(2n+0){ margin-right:0}
.mpar li img{ width:100%; height:100%; display:inline-block; object-fit:cover;}
.ny_right .view_wz iframe{ height: 300px;}
.in_cbg .c_block .wz,.p_list li .p_mc{ font-size:10px}
.p_list li .p_mc{ height:30px; line-height:30px}
.in_banner_bg .lwz1{ font-size:12px; line-height:30px; margin:0}
.in_banner_bg .lwz2{ font-size:8px; line-height:20px;}	

.cview{ font-size:14px}
.cview{ padding:15px}
.cview .pnyleft .xqbt{ margin-top:10px; font-size:20px; line-height:24px}
.cview .pnyleft .cpmc{ font-size:24px; line-height:30px}
.cview .pnyleft .tdwz,.cview .pnynr{ font-size:14px}
.cview .pnynr{ line-height:28px}
.cview .fclist a,.cview .fclist a:nth-child(4n+0){ width:49%; margin:15px 1% 0 0; display:inline}
.cview .fclist a:nth-child(2n+0){ margin:15px 0 0 0}



.newsright .bt { font:20px/30px "微软雅黑";}

.pclass .icon{ left:65px}


.ny_banner{ margin-top:70px; height:220px; background-position:left bottom}

.about_wz { font: 14px/35px "微软雅黑";}

.s_list{ margin-top:0}
.s_list li{ width:92%; margin:20px 4% 0}


.news_sxy a,.news_sxy div{ width:100%; text-align:left}

.syul li .pic {
    height: 155px;
}
.mgt65{ margin-top:20px}

.proTab{ margin-top:10px}
.proTab,.cpTab{ text-align:center}
.cpCont{ margin-top:30px}
.chanps{ padding-top:30px}
.cpTab span, .proTab span{ padding: 0 6px}
.cpCont li .cimg {
    height: 350px;
}
.proTab span{ float:none; font:15px/30px "微软雅黑"; display: inline-block; margin-bottom:10px}
.proTab span font{ display:none}
.p2,.p3,.p4,.p5{ border-radius:30px; height:250px}
.p2 .pic,.p3 .pic,.p4 .pic,.p5 .pic{ height:250px}

.process{ margin-top:30px}
.process_top b {
    font: bold 24px/24px "微软雅黑";
}
.lc_box {
    margin-top: 60px;
}
.lc_tubiao img {
    max-width: 100%;}
.lc_box li {
    width: 50%;
}
.lc_box li b {
    font: 14px/22px "微软雅黑";
}

.list-new ul li .pic,.list-new ul li .pic1 {
    height: 250px;
}
.newsdiv{ margin-top:0}
.list-new{ margin-top:35px}
.newsdiv .list .item .list-new ul li .pic{ height:250px}
.newsdiv .list .item .list-new ul li{ margin:0}
.list-new ul li .con .tits,.list-new ul li .con1 .tits {font:16px/25px "微软雅黑";margin-top: 25px; height:25px; overflow:hidden}
.list-new ul li .con p,.list-new ul li .con1 p{ font:12px/22px "微软雅黑"; margin:20px 0 20px}
.list-new ul li .con .time, .list-new ul li .con1 .time {font: 14px/25px "微软雅黑";}
.list-new ul li .con{ height:250px;}	
.list-new ul li .con1{ height:230px;}
.list-new ul li .con1 .time{ margin-top:35px; font:14px/45px "微软雅黑"}
.list-new ul li .con em{ bottom:0}	

.ser{ padding-top:80px}
.ser .serl b {
    font: bold 20px/30px "微软雅黑";
}
.ser .serl .slogo{ margin-top:25px}
.view_title{ font:14px/30px "微软雅黑"}
.ny_position{ font-size:10px}

.flink {
    margin-top: 0px;
}

.news_list li .n_title{ font-size:15px; margin-top:10px}
.news_list li .btn{ width:120px}
.newsleft,.newsright{ width:100%}
.newsright{ min-height:auto}
.news_sxy{ margin-top:25px}


.news_list li .pic{ width:100%}
.news_list li .ndiv{ width:100%; margin-left:0}
.news_list li .nmore{ width:100%; margin-top:30px}
.news_list li .nmore .nmwz{ width:100%; box-sizing:border-box}
.news_list li .n_view{ height: 44px; font:12px/22px "微软雅黑"; margin-top:0}
.news_list li .n_data{ font:12px/22px "微软雅黑"; margin-top:10px}

.news_sxy a, .news_sxy div{ width:100%}

.title .twz_ch,.s_list li .bt_ch, .contact .cont_nr .bt_ch{font-size:15px}
.s_list li .s_more{ font-size:14px}
.contact .cont_nr .wzk{ padding:10px 5% 25px; height:auto}
.contact .cont_nr .c_addwz{ height:auto; font-size:10px}

.pro_pic,.pro_nr{ width:100%}
.prolist li{ margin-bottom:25px}
.prolist li,.prolist li a .pic{ border-radius:10px}
.prolist li a .pic{ height:200px; margin-bottom:10px; }
.prolist li p {font: 14px/30px "微软雅黑"; margin:15px 0}
.prolist li p i {
    width: 30px;
    height: 30px;}
.pro_nr .ptitle{ font:16px/40px "微软雅黑"}
.pro_nr .pwz{ margin-top:5px; font:12px/28px "微软雅黑"}
.prev .pa, .prev .pb{ font-size:13px}
.pview_t .wz1{ padding:0 20px; font-size:13px}

.s_list li .s_xq,.s_list li .s_add,.s_list li .bt_en, .contact .cont_nr .bt_en{ font-size:10px}

#mob_tab{ display:block}

.foot .fdh{ display:none}
.foot .fcont{ width:90%; height:auto; border:none; padding:0}
.foot .fqrcode{ width:100%; border:none; height:auto}
.foot .fqrcode .wk{ width:30%; float:left}
.ys_qk{ margin-top:30px}
.ys_qk .wline{ width:10%}
.ys_qk .area{ width:85%}
.ys_qk .area .bt{ font-size:20px}
.more{ margin-top:30px}
.ys_qk .pic{ width:94%; height:260px; margin:20px 3% 0}
.ys_qk .area .vwz{ margin-top:20px}
.in_news{ height:auto; background:none; margin-top:30px}
.in_news .lnr{ width:94%; padding:20px 3% 0}
.in_news .rpic{ width:100%; height:280px}
.in_news .lnr .ntitle{ font-size:24px}
.in_news .lnr .nbt{ font-size:16px; margin-top:10px}
.in_news .lnr .nxq{ width:100%}
.about_bg{ height:auto; padding-bottom:20px}
.about_bg .apic{ width:100%; height: auto; margin:0}
.alist .count .wz2{ font-size:18px}
.pclass{ height:auto}
.pclass .list a{ width:calc(100%/3)}
.in_plist li .pic{ height:130px}
.in_plist li .pic .wz{ font-size:14px; right:10px}
.n_list li .data{ width:25%}
.n_list li .nr{ width:65%;padding:0 5%}
.n_list li .nr .bt{ font-size:16px}
.hlist li{ width:48%; margin:25px 4% 0 0}
.hlist li:nth-child(2n+0){ margin:25px 0 0 0}
.prolist li,.prolist li:nth-child(4n+0){}

.clist li .pic{ width:100%; height:250px;}
.clist li .t_mc .casewz p {
    font: bold 18px/18px "微软雅黑";
}
.clist li .t_mc .casewz .csname{ font:14px/14px "微软雅黑"}
.clist li .t_mc .casewz .ctel b{ font: bold 18px/18px "微软雅黑";}
.clist li .t_mc .casewz .ctel{ font-size:14px}

.prolist li a{ padding:0}
.proright,.ny_posi .fllist{ width:100%}
.ny_posi { margin-top:20px}
.ny_posi b{ color:#000; text-align:left; font: bold 18px/25px "微软雅黑"; margin-bottom:10px}
.ny_posi .line{ float:left; background:#ea8f2f; margin-bottom:10px}

.serzl{ margin-top:0px}
.serzl .zldiv {  padding: 30px 0 0px 20px;}
.serzl .zldiv h2 { font: 16px/25px "微软雅黑";}
.serzl .zlimg{ display:none}

.sermin, .aboutmin {  margin: 30px 0; }
 .aboutbot {  }
.sermin h2, .aboutmin h2, .aboutbot h2 { font: normal 14px/22px Comfortaa-Bold;letter-spacing: 3px;}
.sermin h3, .aboutmin h3, .aboutbot h3 { font: normal 18px/28px 幼圆;letter-spacing: 20px;}

.serdiv li .anr .wzl { font: bold 20px/40px "微软雅黑"; margin-top: 0px;}
.serdiv li .anr .wzl i { width: 40px;}
.serdiv li .anr .axq { margin-top: 20px; font: 14px/22px "微软雅黑";}
.serzl .zldiv h3 {  font: 14px/22px "微软雅黑"; margin-bottom:10px;}


.pro_view{ padding:8px}


.honbg{ padding:40px 0}
.nyhonor_img { height: 250px;}
.aboutbt h2{ font:25px/35px "微软雅黑";}
.aboutbt h3{ font: bold 14px/22px "微软雅黑"; text-transform:uppercase; margin:5px 0}
.aboutjs h2 {
    font: 22px/30px "微软雅黑"; margin-top:5px
}
.aboutjs h3 {
    font: 28px/30px "微软雅黑"; margin-bottom:5px; margin-top:5px
}
.aboutjs .jswz{ font:14px/22px "微软雅黑"}
.aboutjs .alogo img{ max-width:70%;}
.aboutjs i{ margin:10px 0}
}

@media screen and (max-width: 1024px)
{
.fzlc_bg{height:auto; background-size:auto 100% !important; padding:30px 0 40px 0}

}

@media (max-width: 1024px) and (min-width: 769px)
{
.main,.t_main,.in_right,.banner{ width:100%}
.ny_right .view_wz iframe{height:400px}
.main,.t_main{ width:98%}
.fd,.topic,.b_mask,.b_posi,.b_mask,.news_bg,.in_banner_bg,.in_cbg,.in_pro,.ny_banner{ min-width:100%}
.topic{ height:auto; padding:25px 0}
.topic .logo{ width:20%;margin:0 0 0 2%}
.top_r{ width:70%}
.menu{ width:100%; height:auto}
.menu li{ margin-left:3.5%; height:auto}
.menu li .mz{ padding:0; height:auto; line-height:50px}
.menu li dl{ display:none}
.b_mask{ height:100px; top:-100px}
.a_list .area{ width:25%; height:100px}
.a_list .area .icon{ width:22%; margin:20px 0 0 5%}
.a_list .area .awk{ width:65%; margin-top:20px}
.a_list .area .awk .w1{ font-size:18px; line-height:30px; height:30px}
.a_list .area .awk .w2{ font-size:14px}
.in_banner_bg{ height:400px}
.in_banner_bg .lwz1{ margin-top:154px}

.p1{ width:48%}
.p_list li{ width:45.5%}

.contact .cont_nr .wzk{ width:100%; height:214px; padding:14px 7% 0}
.contact .cont_nr .c_addwz{height:130px}

.s_list{ width:100%}
.s_list li{ width:30%; margin:30px 0 0 2.5%}
.s_list li .nr{ width:84%; margin:10px 8% 0}

.team .t_list li{ height:250px}
.news_list li .nrk{ width:70%}
.designer .d_list li .dimg{ height:170px}
.designer .d_list li .dwz b{ font:bold 25px/25px "微软雅黑"; margin-bottom:30px}
.aboutbt h2 {
    font: bold 30px/35px "微软雅黑";
}
.aboutbt h3{ font:normal 16px/16px "微软雅黑"}
.elite .e_list li .eimg {
    height: 215px;
}
.elite .e_list li .ewz{padding: 80px 10% 40px;}
.honbg{ margin-bottom:0}
.foot{ height:auto; min-width:auto; min-height:auto; padding-bottom:50px}
.fbt .flogo{ width:20%; height:auto; margin:20px 0 0 2%;}
.fbt .flogo img{ width:100%; margin-top:10px}
.foot .fline{ display:none}
.fbt .fwz{font: 13px/13px "微软雅黑";}

.flink .flta a { font: 16px/45px "微软雅黑";  padding: 0 45px;}
.fdh {  font: 16px/30px "微软雅黑"; margin: 25px 0 45px;}
.foot .fcont { width: 65%;}
.foot .fqrcode {
    width: 25%;
    padding-top: 120px;
}
.foot .fqrcode .wk{ width:auto; float:left}
.foot .fqrcode .wk .wz{ text-align:left}
.foot .qrcode{ width:12%; margin:20px 2% 0 0; display:inline}
.foot .qrcode img{ width:100%; height:auto}

}