@charset "UTF-8";
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; transition: all 0.3s; }
body { font-family: "PingFang SC", "Helvetica", "Arial"; font-size: 14px; }
input, textarea, button { padding: 0; font-family: "PingFang SC", "Helvetica", "Arial"; font-size: 14px;}
img { border: 0; vertical-align: middle; max-width: 100%; }
input[type=submit], input[type=text], button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}
input:focus, textarea:focus, button:focus, input:active { outline-color: transparent; border: 0; }
select, input, select, textarea { vertical-align: middle; outline: none; -webkit-tap-highlight-color: transparent; }
ul, ol, li { list-style-type: none; }
a { color: #333; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; }
a:active { text-decoration: none; }
.hidden { display: none; visibility: hidden; }
.wrap{ width:80%; max-width:1600px; margin:0 auto;*zoom:1;}
.en { font-family: 'Oswald'; letter-spacing:0; font-weight:normal; }
.div_a{ height:92px; margin-top:-92px;}
.paddingTB100{ padding:100px 0;}
.clear:before, .clear:after { content: ""; display: table; }
.clear:after, .clear { clear: both; }
.clear { zoom: 1; }
/*header*/
header { position:fixed; box-shadow: 0 2px 18px 5px rgba(0,0,0,0.1); background:#fff; height:92px; width: 100%; z-index: 9991; 
	transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
	-webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
	-moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
}
.header-inner { width: 100%; position: relative; }
header .logo { position: absolute; left: 100px; top: 15px; z-index:200; }
header .right-side { position: relative; width: 100%; text-align: center; }
header .right-side li { margin: 0 40px; display: inline-block; }
header .right-side li a { font-size: 18px; font-weight:bold; color: #111; line-height: 36px; position: relative; padding: 28px 0 0; display: block; }
header .right-side li a:after { content: ''; bottom: 0; position: absolute; display: block; width: 0; height: 1px; background: #0170bc; transition: all .4s; }
header .right-side li.on a:after, header .right-side li a:hover:after { width: 100%; }
header .right-side li.on a, header .right-side li a:hover { color:#0170bc;}
.right-side .menu_ico{ display:none; }
.header-phone-number { position: absolute; right: 100px; top: 28px; font-size: 22px; line-height: 36px; color: #111; background: url(../img/tel.svg) left center no-repeat; background-size:28px; padding-left: 35px; }

.banner{ padding-top:92px;}
/*index-advantage*/
.index-advantage { width:100%; background:#fff; padding:80px 0; }
.advantage-title { width:100%; position:relative; padding-bottom:54px; }
.advantage-title .bdl { font-size:70px; line-height:70px; font-family:Helvetica; color:#0170bc; }
.advantage-title .title { font-size:36px; line-height:1; font-weight:bold; color:#0170bc; margin-bottom:23px; }
.advantage-title .txt { width:685px; font-size:14px; line-height:24px; color:#222; }
.advantage-title .bdr { font-size:70px; line-height:70px; font-family:Helvetica; color:#0170bc; display:table; position:absolute; right:0; top:110px; }
.advantage-title .bdr span { width:300px; height:2px; background:#0170bc; display:inline-block; position:absolute; top:9px; right:65px; }
.advantage-list { width:100%; display:table; overflow:hidden; }
.advantage-list li { width:25%; float:left; box-sizing:border-box; padding:60px 40px; background:#f7f7f7; border-radius:3px; height:480px; position:relative;}
.advantage-list li:nth-child(2n+1) { background:#0170bc; }
/*.advantage-list li:nth-child(2n):hover { background:#444; }*/
.advantage-list li span.iconfont { opacity: 0; font-size:0px; height:0; color:#101010; transition:all ease .3s; }
.advantage-list li:hover span.iconfont{ color:#222;}
.advantage-list li:nth-child(2n+1) span.iconfont{ color:#fff;}
.advantage-list li .etitle { font-size:45px; color:#222; line-height:60px; font-weight:bold; transition:all ease .3s; }
.advantage-list li .title { font-size:32px; color:#222; line-height:40px; font-weight:bold; margin-bottom:10px; transition:all ease .3s; text-align:left;}
.advantage-list li .txt { opacity:0.8; color:#222; font-size:14px; line-height:24px; height:72px; transition:all ease .3s; }
.advantage-list li .serli{ margin-top:50px; display:flex; flex-wrap:wrap; align-content:flex-start;}
.advantage-list li .serli span{ color:#222; width:auto; line-height:24px; padding-right:18px; position:relative; transition:all ease .3s;}
.advantage-list li i.iconfont{ position:absolute; bottom:50px; display:block; font-size:40px; color:#101010; transition:all ease .3s;}
.advantage-list li:nth-child(2n+1) .txt, .advantage-list li:nth-child(2n+1) .serli span, .advantage-list li:nth-child(2n+1) .title, .advantage-list li:nth-child(2n+1) .etitle, .advantage-list li:nth-child(2n+1) i.iconfont{ color:#fff;}
.advantage-list li:hover span.iconfont{ opacity: 1; font-size:80px; height:100px; }
.advantage-list li:hover .etitle { font-size:30px; line-height:40px; font-weight:400;}
.advantage-list li:hover .title { font-size:24px; line-height:30px; }
.advantage-list li:hover .txt { opacity: 0; height:0;}
.advantage-list li:hover .serli{ }
.advantage-list li:hover .serli span{ width:50%; margin-right:0; padding-left:20px; font-size:16px; line-height:30px; }
.advantage-list li:hover .serli span:after{ content:""; position:absolute; top:50%; left:0; width:10px; height:1px; background:#222;}
.advantage-list li:nth-child(2n+1):hover .serli span:after{ background:#fff;}
/* home cases */
.Index_case{ width:100%; background:#f7f7f7; padding:80px 0;}
.Index_title{width:100%;}
.Index_title h3{line-height:36px;text-align:center;font-size:36px;color:#222; padding:0px 0px 20px;}
.Index_title h3 a{ color:#222;}
.Index_title h3 a:hover{ color:#222;}
.Index_title p{background:#d7d4d4; height:1px; overflow:hidden;line-height:0px;}
.Index_title p span{ margin:0px auto; display:block; height:1px; overflow:hidden; width:86px; background:#0170bc;line-height:1px;}
.Index_title em{ display:block; text-align:center; font-size:15px; font-weight:100; text-transform:uppercase; color:#999999; padding-top:10px;}
.case{ padding:80px 0;}
.caseList{ margin-top:50px; display:flex; flex-wrap:wrap;}
.caseDiv{ width:25%; padding:5px; text-align:center; float:left; box-sizing:border-box;}
.caseDiv .pic { position:relative; }
.caseDiv .pic li { background:rgba(0,0,0,.5);position:absolute;opacity:0;width:100%; height:100%; left:0px; top:0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.caseDiv .pic li span { position:absolute; display:block; left:50%;top:50%; width:150px; height:50px; transform:translate(-50%, -50%); line-height:48px; text-align:center; border:2px solid #fff; color:#FFF; font-size:16px; font-weight:600; letter-spacing:2px;}
.caseDiv .pic img{ display:block; width:100%; }
.caseDiv a:hover li { opacity:1;}
.caseDiv .pic li {z-index:11;}
.caseDiv a:hover li span {padding-left: 0!important;}
.caseDiv h2{ font-size:18px; font-weight:600; color:#000; margin-top:10px; margin-bottom:5px;}
.caseDiv p{ font-size:14px; color:#999; margin-bottom:10px;}

.effect-apollo::before,.effect-apollo::after{position: absolute;z-index: 8; top: 0;left: 0;width: 101%;height: 102%;content: '';-webkit-transition: -webkit-transform 0.7s;transition: transform 0.7s;background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0) 100%);}
.caseDiv a .effect-apollo::before {
	opacity: 0;
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(100%,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(100%,0,0);
}
.caseDiv a:hover .effect-apollo::before {
	opacity: 1;
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(0,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(0,0,0);
}
.caseDiv a .effect-apollo::after {
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(-100%,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,0deg) translate3d(-100%,0,0);
	opacity: 1;
}
.caseDiv a:hover .effect-apollo::after {
	opacity: 0;
	-webkit-transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(0,0,0);
	transform: scale3d(2,1,1) rotate3d(0,1,0,10deg) translate3d(0,0,0);
}

.case-content{}
.case-content .tit { padding: 20px 0; border-bottom: 1px solid #ededed; display:flex; align-items:center; justify-content:space-between;}
.case-content .tit span { font-size: 13px; color: #777; line-height:30px; display:block; font-weight:normal;}
.case-content .tit a.more-next { display: inline-block; width: 140px; border-radius: 0px; color: #777; border: 1px solid #777; text-align: center; height: 35px; line-height: 35px; font-size: 13px; display: block; border-radius: 26px;}
.case-content .tit a.more-next:hover { background: #0572c5; color: white; border: 1px solid #0572c5; }
.case-content .info { width: 100%; margin: 50px auto 100px; overflow: hidden;text-align: center; }
.case-content .info p { font-size: 15px; margin-top: 40px; }
.case-content .info img{max-width:100%; height: auto;display: inline-block; border: #0d0d0d 12px solid;border-radius:10px;}

.fanyetop {}
.fanyebtn {display: block;position: fixed;top:75%;margin-top: -25px; width:41px;height:41px;border: 1px solid #ccc;z-index: 10;}
.fanyebtn.l2{background: url(../images/cbtn2.svg) center no-repeat;background-size: 50%;left: 2.5%; margin-left:-20px;}
.fanyebtn.l2:hover{background: url(../images/cbtn22.svg) center no-repeat #000;background-size: 50%;}
.fanyebtn.r2{background: url(../images/cbtn4.svg) center no-repeat;background-size: 50%;right: 2.5%; margin-right:-20px;}
.fanyebtn.r2:hover{background: url(../images/cbtn44.svg) center no-repeat #000;background-size: 50%;}

.btn_cases_more{ margin:30px auto 0;text-align:center;width:150px;}
.btn_cases_more a{line-height:45px; color:#fff; background:#222; font-size:14px;width:150px;height:45px; border-radius:25px; display:block;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.btn_cases_more a:hover{background-color:#0170bc;}
.btn_cases_more a:hover{color:#fff;}

/*home_news*/
.Index_news{ background:#fff; padding:80px 0;}
.newsmore{width:250px;text-align:right; position:absolute; right:0px; top:35px; display:none}
.newsmore a{ display:inline-block; height:36px; margin-left:8px; text-align:center; line-height:36px;}
.newsmore a.newslink{ background:#0170bc; border-radius:5px; width:102px; color:#FFF; font-size:14px;}
.newsmore a.newsPrev{ background:url(Icon15.jpg) no-repeat; width:42px;}
.newsmore a.newsPrev:hover{ background:url(Icon015.jpg) no-repeat;}
.newsmore a.newsnext{ background:url(Icon16.jpg) no-repeat; width:42px;}
.newsmore a.newsnext:hover{ background:url(Icon016.jpg) no-repeat;}

.newsbox{ width:100%; }
.newslist{ display:flex; flex-wrap:wrap; margin-top:50px;}
.newslist li{ width:33.3333%; padding-right:2%; padding-bottom:2%; display:flex; justify-content:space-between;}
.newslist li dt{ background:#f4f4f4; /*border-radius:100%; */width:85px; height:85px; text-align:center; font-size:14px; color:#666;}
.newslist li dt span{ display:block; padding-top:8px; line-height:45px; font-size:40px;}
.newslist li dd{ width:calc(100% - 100px); margin-top:5px;}
.newslist li dd h3{ font-size:16px; height:30px; line-height:30px; overflow:hidden}
.newslist li dd h3 a{ color:#000}
.newslist li:hover dd h3 a{ color:#007bc4}
.newslist li dd p{ color:#999; font-size:14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.newslist li:hover dd p{ color:#333;}
.newslist li:hover dt{ background:#0170bc; color:#fff;}

footer{ background:#2a2b30; padding-top:60px;}
.footer-inner{ padding:0 100px;}
.footer1, .footer2{ display:flex; justify-content:space-between;}
.footer1 .fleft, .footer1 .fright{ width:50%;}
.footer1 .fleft .flogo{}
.footer1 .fleft h2.slogan{ font-size:20px; color:#fff; font-weight:500; line-height:1.75; letter-spacing:1px; margin-top:40px;}
.footer1 .fmenu{ display:flex;}
.footer1 .fmenu li a{ font-size:18px; color:#888; line-height:1.5; padding-right:30px;}
.footer1 .address { width:100%; padding-top:30px; display:flex; justify-content:space-between;}
.footer1 .address .box { width:45%; }
.footer1 .address .box:nth-child(2) { width:25%;}
.footer1 .address .box:last-child { width:100px; }
.footer1 .address .box .t1 { font-size:18px; font-weight:bold; line-height:30px; color:#fff; }
.footer1 .address .box .t2 { font-size:15px; color:#fff; line-height:24px; padding-left:33px; background:url(../images/icon30.png) left 3px no-repeat; margin-top:15px; }
.footer1 .address .box .t3 { font-size:16px; color:#fff; line-height:26px; padding-left:33px; background:url(../images/icon31.png) left center no-repeat; margin-top:15px; letter-spacing:1px; }
.footer1 .address .box .t4 { width:100%; margin-top:15px; }
.footer1 .address .box .t4 a {
	display:inline-block;
	width:150px;
	height:40px;
	border:1px solid #fff; color:#fff;
	border-radius:20px; letter-spacing:1px;
	line-height:38px; font-size:16px;
	background:url(../images/icon32.png) 18px center no-repeat;
	padding-left:45px; margin-right:10px; transition:all ease .5s;
}
.footer1 .address .box .t4 a:hover {
	background:#fff url(../images/icon33.png) 18px center no-repeat;
	color:#222;
}
.footer1 .address .box .t5 { width:100%; margin-top:15px; }
.footer1 .address .box .t5 img{ width:100px;}
.footer2{ display:flex; justify-content:space-between; margin-top:30px; padding:30px 0; border-top:1px solid #999; font-size:16px; color:#888;}
.footer2 a{ color:#888;}
.footer3{ padding:30px 0; position:fixed; bottom:0px; width:100%; }
.footer3 .footer-inner{ display:flex; justify-content:space-between; font-size:16px; color:#888; line-height:30px;}
.footer3 a{ color:#888;}

.ny-banner { width:100%; position:relative; transition:all ease .5s; padding-top:92px; }
.ny-banner .img { }
.ny-banner .img img { width:100%; height:auto;}
.ny-banner .boxs { position:absolute; bottom:20%; left:50%; transform:translateX(-50%); color:#fff; letter-spacing:2px; transition:all ease .5s; }
.ny-banner .boxs .en { font-size:60px; line-height:1; font-weight:800; text-transform:uppercase; font-family:Arial; position:relative; padding-bottom:20px; margin-bottom:50px;}
.ny-banner .boxs .en:after{ opacity:0.8; position:absolute; content:""; width:80px; height:1px; background:#fff; bottom:0; left:0;}
.ny-banner .boxs .t1 { font-size:36px; line-height:1; }
.ny-banner .boxs .t2 { font-size:18px; line-height:30px; margin-top:12px; font-weight:normal;}
.ny-banner .boxs.n2{ top:auto; bottom:20px;}
.ny-banner .boxs.n2 .t1 { font-size:30px; line-height:1.5; font-weight:bold; color:#fff; }
.ny-banner .boxs.n2 .t2 { font-size:14px; line-height:1.75; padding-top:0px; padding-bottom:0px; color:#ddd; }
.ny-banner .boxs.n2 .t2 a{ font-size:14px; color:#ddd; }


.NTit{}
.NTit h2{ font-size:36px; font-weight:bold; line-height:1.5;}
.NTit h2 span{ font-size:24px; color:#888888; font-family: 'Oswald'; font-weight:normal; letter-spacing:.5px;}
.NTit h2 .navs{ display:flex; float:right; text-align:right;}
.NTit h2 .navs a{ margin-left:20px; font-size:17px; color:#000;}
.NTit h2 .navs a.cur{ color:#808080; text-decoration:underline;}
.NTit h2 .navs a.en{ color:#808080; font-size:18px; text-transform:uppercase; font-weight:lighter;}
.NTit h3{ font-size:28px; color:#0d6fa6;}

.about{ width:100%; padding:120px 0; text-align:center; background: url("../images/bg1.jpg"); background-size:cover; overflow:hidden;}
.about h1 { font-size:42px; color:#222; font-weight:bold; position:relative; padding-bottom:20px; display:block; overflow: hidden;}
.about h1::after {content:''; position:absolute; width:80px; height:1px; background: #000; opacity:0.3; left:50%; margin-left: -25px; bottom:0px; display:block;}
.about h2 { font-size:60px; color: #222; text-transform: uppercase;}
.about .info{ padding-top:30px;}
.about .info p{ font-size:18px; color: #222; line-height:2; padding-top:10px; margin: auto; letter-spacing:2px; font-weight:normal;}
.about .info p span{ font-weight:bold; font-size:18px;}
.about .pic {text-align: center; margin-top: 50px;}
.about .pic img{display: inline-block; width:100%; max-width: 800px;}

.about2{ background:#f7f7f9; padding:120px 0;}
.about2 .wrap{ display:flex; justify-content:space-between; align-items:center;}
.about2Left{ width:45%;}
.about2Left h2{ font-size:60px; font-weight:bold; color:#000; line-height:1.2; position:relative; padding-bottom:100px; letter-spacing:2px;}
.about2Left .bdr { font-size:60px; line-height:60px; font-family:Helvetica; color:#0170bc; display:table; position:absolute; left:0; bottom:0px; }
.about2Left .bdr span { width:300px; height:2px; background:#0170bc; display:inline-block; position:absolute; top:9px; left:60px; }
.about2Left p{ font-size:20px; color:#888; line-height:1.75;}
.about2Left a.caseclick{ margin-top:80px; display:block; width:150px; height:50px; font-size:18px; line-height:50px; border:1px solid #333; text-align:center; color:#333; border-radius:25px;}
.about2Right{ width:45%;}

.pages { padding: 50px 0 0; text-align: center; }
.pages .pagination { display: inline-block; }
.pages .pagination a { display: inline-block; width: 40px; height: 40px; line-height: 36px; font-size: 15px; color: #999; text-align: center; transition: all .3s linear; ertical-align: top; margin: 0 5px; border-radius: 3px; border:1px solid #ddd; }
.pages .pagination a:hover{ color:#0170bc; border:1px solid #0170bc;}
.pages .pagination a.page-num-current { color: #fff; background:#0170bc; border:1px solid #0170bc;}


.chuangyi_bj { width: 100%; height: auto; overflow: hidden; background: url(../shoot/images/chuangyi.jpg) no-repeat center; background-size: cover; padding: 150px 0; }
.chuangyi { height: auto; overflow: hidden; margin: 0px auto; }
.chuangyi_left { float: left; width: 35%; height: auto; overflow: hidden; margin-right:5%; }
.chuangyi_left span { display: block; }
.chuangyi_left span.cyt1 { font-size: 48px; font-weight: bold; color: #000; margin-bottom: 50px; }
.chuangyi_left span.cyt1 i { font-size: 48px; font-weight: 200; font-style: normal; color: #656363; font-style: italic; }
.chuangyi_left span.cyt2 { font-size: 34px; font-weight: lighter; color: #000; margin-bottom: 20px; }
.chuangyi_left span.cyt3 { font-size: 16px; font-weight: lighter; color: #6f6d6d; margin-bottom: 65px; }
.chuangyi_right { float: left; width: 60%; height: auto; overflow: hidden; }
.chuangyi_right ul li { float: left; }
.chuangyi_right li { position: relative; width: 31%; height: 200px; overflow: hidden; background: #fff; border-radius: 8px; margin-right: 3%; border: 1px solid #e9e9e9; box-sizing: border-box; }
.chuangyi_right li:last-child { margin-right: 0; }
.chuangyi_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.chuangyi_box img { display: block; margin: 0px auto; margin-bottom: 30px; }
.chuangyi_box span { font-size: 18px; color: #000; }
.shipin_bj { width: 100%; height: auto; overflow: hidden; background: url(../shoot/images/shipinbj.jpg) no-repeat center; background-size: cover; padding: 160px 0; }
.shipin { height: auto; overflow: hidden; margin: 0px auto; }
.shipin_left { float: left; width: 100%; height: auto; overflow: hidden; }
.shipin_left span { display: block; }
.shipin_left span.cyt1 { font-size: 48px; font-weight: bold; color: #fff; margin-bottom: 45px; }
.shipin_left span.cyt1 i { font-size: 48px; font-weight: 200; font-style: normal; color: #fff; }
.shipin_left span.cyt2 { font-size: 34px; font-weight: lighter; color: #fff; margin-bottom: 20px; }
.shipin_left span.cyt3 { font-size: 16px; font-weight: lighter; color: #fff; margin-bottom: 95px; }
.shipin_right { float: left; width: 100%; height: auto; overflow: hidden; }
.shipin_right ul li { float: left; }
.shipin_right li { position: relative; width: 18%; margin-right: 2.5%; }
.shipin_right li:last-child { margin-right: 0; }
.shipin_box { position: relative; height: 200px; }
.shipin_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.shipin_right li span { display: block; font-size: 18px; text-align: center; color: #fff; margin-top: 30px; }
.pingmian_bj { width: 100%; height: auto; overflow: hidden; background: #f6f6f6; background-size: cover; padding: 150px 0; }
.pingmian { height: auto; overflow: hidden; margin: 0px auto; }
.pingmian_left { float: left; width: 100%; height: auto; overflow: hidden; }
.pingmian_left span { display: block; }
.pingmian_left span.cyt1 { font-size: 48px; font-weight: bold; color: #000; margin-bottom: 45px; }
.pingmian_left span.cyt1 i { font-size: 48px; font-weight: 200; font-style: normal; color: #656363; }
.pingmian_left span.cyt2 { font-size: 34px; font-weight: lighter; color: #000; margin-bottom: 20px; }
.pingmian_left span.cyt3 { font-size: 16px; font-weight: lighter; color: #8b8b8b; margin-bottom: 65px; }
.pingmian_right { float: left; width: 100%; height: auto; overflow: hidden; background: url(../shoot/images/pingmianbj.jpg) no-repeat center; background-size: cover; padding: 95px 0; }
.pingmian_right ul li { float: left; }
.pingmian_right li { width: calc(100% / 3); height: auto; min-height: 265px; overflow: hidden; position: relative; border-right: 1px solid #90908f; box-sizing: border-box; }
.pingmian_right li:last-child { border-right: none; }
.pingmian_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.pingmian_box img { display: block; margin: 0px auto; margin-bottom: 30px; }
.pingmian_box span { display: block; text-align: center; font-size: 24px; color: #fff; }
.fuwu_bj { width: 100%; height: auto; overflow: hidden; background: #fff; background-size: cover; padding: 150px 0; }
.fuwu { height: auto; overflow: hidden; margin: 0px auto; }
.fuwu_t1 { display: block; font-size: 34px; color: #000; text-align: center; margin-bottom: 15px; }
.fuwu_t2 { display: block; font-size: 16px; color: #8c8989; text-align: center; }
.fuwulist { width: 100%; max-width: 1320px; height: auto; overflow: hidden; margin-top:80px;}
.fuwulist ul li { float: left; }
.fuwulist li { width: calc(100% / 5 - 10px); height: auto; min-height: 300px; position: relative; margin: 15px auto; }
.fuwo_box { position: relative; min-width: 295px; min-height: 295px; border: 1px solid #cac8c8; box-sizing: border-box; border-radius: 50%; }
.fuwo_box img.jiantou { position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); }
.fuwulist li:nth-child(5n+5) .fuwo_box img.jiantou { display: none; }
.fuwo_box_mian { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fuwo_box_mian img { display: block; margin: 20px auto; }
.fuwo_box_mian span { font-size: 18px; color: #000; }

.xcxMain{ }
.xcxTit{ text-align: center; color: #333;}
.xcxTit h4{ font-size: 48px; line-height: 1.5; font-weight: bold; color:#000;}
.xcxTit .col{ color: #ff6800;}
.xcxTit p{ font-size: 18px; line-height: 24px; color: #999; margin-top:15px;}
.boxStyle{-moz-box-shadow: 0 10px 38px rgba(0,0,0,.1); -webkit-box-shadow: 0 10px 38px rgba(0,0,0,.1);  box-shadow: 0 10px 38px rgba(0,0,0,.1); background-color: #fff; border-radius: 5px;}
.marginTop-50{ margin-top:50px;}

.xcxMain-indexB, .xcxMain-indexC, .xcxMain-indexD, .xcxMain-indexE{ padding:100px 0;}
.xcxMain-indexB-con ul{ display:flex; flex-wrap:wrap;}
.xcxMain-indexB-con li{ width:25%; padding:15px; box-sizing:border-box; text-align: center;}
.xcxMain-indexB-con li .inner{ padding:40px;}
.xcxMain-indexB-con .li-img{ width: 68px; height: 69px; margin: 0 auto;}
.xcxMain-indexB-con .li-img span{ display: block; float: left; width: 68px; height: 69px; background: url(../images/xcx-sprites.png) no-repeat;}
.xcxMain-indexB-con .li-a .li-img span{ height: 61px; margin-top: 4px; background-position: -239px -84px;}
.xcxMain-indexB-con .li-b .li-img span{  background-position: -83px -5px;}
.xcxMain-indexB-con .li-c .li-img span{  background-position: -161px -5px;}
.xcxMain-indexB-con .li-d .li-img span{  background-position: -161px -84px;}
.xcxMain-indexB-con .li-e .li-img span{  background-position: -5px -84px;}
.xcxMain-indexB-con .li-f .li-img span{  background-position: -83px -84px;}
.xcxMain-indexB-con .li-g .li-img span{  background-position: -5px -5px;}
.xcxMain-indexB-con .li-h .li-img span{  background-position: -239px -5px;}
.xcxMain-indexB-con dl{ margin-top: 20px;}
.xcxMain-indexB-con dt{ font-size: 20px; line-height: 30px; color: #333;}
.xcxMain-indexB-con dd{ font-size: 16px; line-height: 24px; color: #666; margin-top: 10px;}

.xcxMain-indexC{width: 100%; background: url(../images/xcx-Index-1.jpg) no-repeat center top #e0e0e1;}
.xcxMain-indexC .xcxMain-indexB-con .li-a .li-img span{ width: 51px; height: 64px; margin: 2.5px 0 0 8.5px; background-position: -220px -163px;}
.xcxMain-indexC .xcxMain-indexB-con .li-b .li-img span{ width: 63px; height: 64px; margin: 2.5px 0 0 2.5px; background-position: -5px -163px;}
.xcxMain-indexC .xcxMain-indexB-con .li-c .li-img span{ width: 48px; height: 64px; margin: 2.5px 0 0 10px; background-position: -63px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-d .li-img span{ width: 63px; height: 47px; margin: 11px 0 0 2.5px; background-position: -121px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-e .li-img span{ width: 61px; height: 64px; margin: 2.5px 0 0 3.5px; background-position: -149px -163px;}
.xcxMain-indexC .xcxMain-indexB-con .li-f .li-img span{ width: 63px; height: 35px; margin: 13px 0 0 2.5px; background-position: -194px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-g .li-img span{ width: 48px; height: 64px; margin: 2.5px 0 0 10px; background-position: -5px -237px;}
.xcxMain-indexC .xcxMain-indexB-con .li-h .li-img span{ width: 61px; height: 64px; margin: 2.5px 0 0 3.5px; background-position: -78px -163px;}

.xcxMain-indexD-con ul{ display:flex; flex-wrap:wrap;}
.xcxMain-indexD-con li{ width:25%; padding:15px; box-sizing:border-box;}
.xcxMain-indexD-con .li-con{ 
	-moz-box-shadow: 0 5px 20px rgba(0,0,0,.15); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.15);  box-shadow: 0 5px 20px rgba(0,0,0,.15); border-radius: 10px; overflow: hidden;
	height: 480px; border: 2px solid #f1f1f1; position: relative; }
.xcxMain-indexD-con .li-img img{ width:100%; height: 100%;}
.xcxMain-indexD-con li p{ text-align: center; margin-top: 25px; color: #333;}
.xcxMain-indexD-con .li-show{ position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; display: none;}
.xcxMain-indexD-con dl{ background-color: #fff; text-align: center; width: 170px; padding: 25px 0 20px 0; margin: 110px auto auto auto;}
.xcxMain-indexD-con dt{ width: 120px; height: 120px; margin: 0 auto;}
.xcxMain-indexD-con dt img{ width: 100%; height: 100%;}
.xcxMain-indexD-con dd{ color: #666; font-size: 14px; margin-top: 10px;}
.xcxMain-indexD-con .li-show a{ display: block; width: 168px; line-height: 40px; text-align: center; color: #fff; border: 1px solid #fff; font-size: 14px; border-radius: 5px; margin: 20px auto auto auto;}
.xcxMain-indexD-con .li-show a:hover{ background-color: #000000; border-color: #000000;}
.xcxMain-indexD-con li:hover .li-show{ display: block;}
.xcxMain-indexD-con .moreBtn{ display: block; width:200px; line-height: 46px; border: 1px solid #bbb; text-align: center; font-size: 14px; margin: 45px auto auto auto;}
.xcxMain-indexD-con .moreBtn:hover{ background-color: #000000; border-color: #000000; color: #fff;}

.xcxMain-indexE{width: 100%; background: url(../images/xcx-Index-4.jpg) no-repeat center top #1e2128;}
.xcxMain-indexE .xcxTit h4,.xcxMain-indexE .xcxTit p{ color: #fff;}
.xcxMain-indexE-con ul{ display:flex; flex-wrap:wrap;}
.xcxMain-indexE-con li{ width:20%; padding:15px; box-sizing:border-box;}
.xcxMain-indexE-con a{
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.35) 0 10px 20px rgba(0,0,0,.35); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.35);  box-shadow: 0 10px 20px rgba(0,0,0,.35);
	display: block; width:100%; height: auto; overflow: hidden; border-radius: 10px; position: relative; background-color: #071327;}
.xcxMain-indexE-con img{ 
	transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
	 width:100%; height: auto; opacity: .4;}
.xcxMain-indexE-con p{ 
	transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
	position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: #fff; font-size: 20px; font-weight: bold; transform:translateY(-50%);}
.xcxMain-indexE-con p:after{ content: ''; display: block; width: 40px; height: 2px; background-color: #fff; margin: 15px auto auto auto;}
.xcxMain-indexE-con a:hover img{ opacity: 1;}
.xcxMain-indexE-con a:hover p{ top: 30%;}

.sectionc{ height:100vh; }
.service_main { display: table-cell;vertical-align: middle; }
.ng-contact {display: table; width:100%; height:100%;text-align: center;}
.ng-contact .contact_main {overflow: hidden; padding: 5% 15% 5% 10%; width: 83.5%;margin: auto auto auto 16.5%;}
.ng-contact .cmleft {float: left;width: 30%;}
.ng-contact .cmleft .ngtitle {text-align: left;}
.ng-contact .cmleft .ngtitle span{ font-size: 36px;color: #1a1a1a;font-weight: bold;padding-top:15px;font-family: 'Oswald';}
.ng-contact .cmleft .ngtitle p{ font-size: 44px;color: #1a1a1a;position: relative;padding-bottom:10px;}
.ng-contact .cmleft .ngtitle p::after {content: '';position: absolute;left: 0;bottom: 0;width: 125px;height: 2px;background: #e5e5e5;display: block;}
.ng-contact .cmleft .ctel {text-align: left;margin-top: 70px;}
.ng-contact .cmleft .ctel span{font-size: 14px;color: #999;padding-bottom: 5px;}
.ng-contact .cmleft .ctel p{font-size: 30px;color: #1a1a1a;font-family: 'Oswald';}
.ng-contact .cmleft .ctel p *{font-size: 20px;color: #1a1a1a;font-family: 'Oswald';}
.ng-contact .cmright{float: right;width: 60%;text-align:left;}
.contact_main { background:#fff;font-size: 14px;padding: 7% 15% 7% 10.5%;width: 58%;margin:auto auto auto 16.5%;}
.contact_main .cmright li{ padding:17px 0 2px 0; overflow:hidden; display:block;color: #666;font-size: 14px;line-height: 30px;}
.contact_main .cmright .cname { font-size:20px;padding-bottom: 5px; font-weight:bold;color:#000; }
.contact_main .cmright .enname {font-size: 12px;color: #999;padding-bottom: 25px; display:block;border-bottom:#e8e8e8 1px solid; }
.contact_main .cmright p span.en{ font-size:18px;}
.contact_main .cmright h5 { font-weight: bold;padding:2px 0 5px 0;display: block;}
.contact_main .cmright strong {font-family: 'Oswald'; font-size:20px;}
.contact_main .cmright strong * {font-family: 'Oswald';}
.contact_icon { text-align:left;display:block;border-top:#e8e8e8 1px solid;padding-top: 20px;clear: both;margin-top:20px;}
.contact_icon * {-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
.contact_icon a { display:inline-block;position: relative; width:40px; height:40px; margin:0 15px 0 -2px;-moz-border-radius: 100px;-webkit-border-radius: 100px;border-radius:100px;}
.contact_icon a:hover { z-index:1;}
.contact_icon .wx{background:url("../images/icon_03.png") center 8px no-repeat #5ac64f;background-size: 60%;}
.contact_icon .qq{background:url("../images/icon_05.png") center 8px no-repeat #329fff;background-size: 60%;}
.contact_icon .wb{background:url("../images/icon_07.png") center 8px no-repeat #d80202;background-size: 60%;}
.contact_icon .wx:hover .ewm{display: block;}
.contact_icon .wx:hover {background:url("../images/icon_03.png") center -24px no-repeat #666;background-size: 60%;}
.contact_icon .qq:hover {background:url("../images/icon_05.png") center -30px no-repeat #666;background-size: 60%;}
.contact_icon .wb:hover {background:url("../images/icon_07.png") center   no-repeat #666;background-size: 60%;}
.contact_icon .ewm{display: none;width: 120px;height: 120px;position: absolute;left: 50%;margin-left: -60px;top: -130px;z-index: 3; }
.contact_icon .ewm::after {content: '';position: absolute;left:50%;z-index: 3;bottom:-14px;border-color: #000 transparent  transparent   transparent;margin-left: -7px;border-width: 8px;border-style: solid;}
.contact_icon .ewm img {display: block;width: 120px;height: 120px;}

.mctel {display: none;text-align: left;border-top: #e8e8e8 1px solid;margin-top:10px;padding-top: 20px;}
.mctel span {font-size: 16px;}
.mctel p{font-size: 20px;color: #1a1a1a; font-family: 'Oswald';}
.mctel p * {font-size: 20px;color: #1a1a1a; font-family: 'Oswald';}


.newsInfo, .newsList { margin-top:50px; margin-bottom:100px;}
.newsList .news{  width:32%; float:left; margin-right:2%; margin-bottom:2%; padding:40px 50px 20px; background:#f7f7f7; margin-bottom:20px;}
.newsList .news:nth-child(3n){ margin-right:0;}
.newsList .news h4{ font-size:22px; color:#222; line-height:28px; height:56px; overflow:hidden; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:5px; }
.newsList .news p{ color:#999; line-height:24px; height:48px; overflow:hidden; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsList .news time{ display:block; width:100%; padding-top:15px; padding-bottom:15px; border-top:1px solid #eee; margin-top:15px; position:relative;}
.newsList .news time .Day{ font-size:48px; color:#999999; line-height:40px;}
.newsList .news time .Year{ font-size:16px; color:#808080;}
.newsList .news time .link{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.newsList .news:hover, .newsList .newsImg:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,.3);
}
.newsList .loadmore{ margin:20px auto; display:block; text-align:center;}
.newsInfo .wrap{ display:flex; justify-content:space-between;}
.newsInfo .leftbox { width:67%; }
.newsInfo .leftbox .txt { font-size:15px; letter-spacing:1px; line-height:26px; color:#222; }
.newsInfo .leftbox .txt p{ padding:8px 0;}
.newsInfo .leftbox .txt h2{ font-size:22px; font-weight:bold; padding:10px 0;}
.newsInfo .leftbox .txt h4{ font-size:18px; font-weight:bold; padding:10px 0;}
.newsInfo .leftbox .clickbox { width:100%; border-top:1px solid #eee; color:#999; line-height:30px; font-size:16px; position:relative; margin-top:34px; padding-top:20px; }
.newsInfo .leftbox .clickbox a { color:#666; }
.newsInfo .leftbox .clickbox a:hover { color:#222; }
.newsInfo .leftbox .clickbox .goback { width:96px; height:40px; line-height:38px; display:block; border:1px solid #ececec; color:#999; font-size:14px; position:absolute; right:0; top:30px; padding-left:20px; background:url(../images/icon26.png) 58px center no-repeat; transition:all ease .3s; }
.newsInfo .leftbox .clickbox .goback:hover { color:#222; background:url(../images/icon26-1.png) 58px center no-repeat; border:1px solid #666; }

.newsInfo .rightbox { width:30%; }
.newsInfo .rightbox .news-tj { width:100%; background:#f7f7f7; padding:37px 30px 10px; margin-bottom:20px; }
.newsInfo .rightbox .news-tj .title { font-size:18px; line-height:24px; color:#c3c3c3; }
.newsInfo .rightbox .news-tj .list { margin-top:10px; }
.newsInfo .rightbox .news-tj .list li { border-bottom:1px dashed #ccc; padding-bottom:25px; margin-bottom:13px; }
.newsInfo .rightbox .news-tj .list li:last-child { margin-bottom:0; border-bottom:none; }
.newsInfo .rightbox .news-tj .list li a { width:100%; display:block; }
.newsInfo .rightbox .news-tj .list li .t1 { font-size:16px; line-height:50px; color:#222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsInfo .rightbox .news-tj .list li:hover .t1 { color:#000; }
.newsInfo .rightbox .news-tj .list li .t2 { font-size:14px; line-height:24px; color:#666; margin-top:8px; }
.newsInfo .rightbox .news-tj .list li .t3 { font-size:14px; line-height:24px; color:#999; margin-top:7px; }
.newsInfo .rightbox .label { width:100%; background:#fff; margin-top:10px; padding:26px 30px 32px; }
.newsInfo .rightbox .label .title { font-size:18px; line-height:24px; color:#c3c3c3; }
.newsInfo .rightbox .label .box { margin-top:18px; }
.newsInfo .rightbox .label .box a { color:#222; font-size:14px; line-height:30px; background:url(../images/icon27.png) right center no-repeat; padding-right:16px; margin-right:10px; }
.newsInfo .rightbox .label .box a:last-child { background:none; margin-right:0; }
.newsInfo .rightbox .label-case { width:100%; margin-top:10px; background:#fff; padding:26px 30px 32px; }
.newsInfo .rightbox .label-case .title { font-size:18px; line-height:24px; color:#c3c3c3; }
.newsInfo .rightbox .label-case .box { margin-top:18px; }
.newsInfo .rightbox .label-case .box a { color:#222; font-size:14px; line-height:30px; background:url(../images/icon27.png) right center no-repeat; padding-right:16px; margin-right:10px; }
.newsInfo .rightbox .label-case .box a:last-child { background:none; margin-right:0; }

.newsInfo .leftbox.l2 { background:#fff; padding:30px 30px 40px; }
.newsInfo .leftbox .list2 { width:100%; }
.newsInfo .leftbox .list2 li { width:100%; border-bottom:1px solid #dbdbdb; display:inline-block; padding-bottom:24px; margin-bottom:30px; }
.newsInfo .leftbox .list2 li a { width:100%; display:block; }
.newsInfo .leftbox .list2 li .time { width:110px; float:left; color:#999; font-size:16px; transition: all 0.5s linear; }
.newsInfo .leftbox .list2 li:hover .time { color:#21abd7; }
.newsInfo .leftbox .list2 li .time span { font-weight:bold; font-size:48px; line-height:56px; display:block; }
.newsInfo .leftbox .list2 li .tbox { width:calc(100% - 110px); float:left; }
.newsInfo .leftbox .list2 li .tbox .t1 { font-size:16px; line-height:36px; color:#000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsInfo .leftbox .list2 li .tbox .t2 { font-size:14px; line-height:24px; color:#666; margin-top:9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.newsInfo .leftbox .list2 li .tbox .t3 { font-size:14px; line-height:24px; color:#999; margin-top:18px; padding-right:28px; background:url(../images/icon28.png) right center no-repeat; display:inline-block; transition: all 0.5s linear; }
.newsInfo .leftbox .list2 li:hover .tbox .t3 { color:#222; background:url(../images/icon29.png) right center no-repeat; }
.newsInfo .leftbox.l2 .page-list { margin:10px auto 0; }


.ntitle{ text-align:center;}
.ntitle h2{ font-size:42px; font-weight:bold; color:#000; line-height:1.5;}
.ntitle span{ font-size:24px; font-weight:lighter; color:#666; line-height:2; display:block;}
.ntitle p{ font-size:18px; font-weight:lighter; color:#8b8b8b; line-height:2; }
.web1{ background:url(../images/bg1.png); background-size:100% 100%;}
.webBox{ display:flex; justify-content:space-between; align-items:center; margin-top:60px;}
.webInfo{ width:36%;}
.webInfo span.num img{ height:100px; }
.webInfo h2{ font-size:36px; color:#333; font-weight:bold; margin-top:50px;}
.webInfo p{ font-size:18px; color:#666; line-height:1.75; margin-top:30px;}
.webImg{ width:50%;}

.web2{ background:url(../images/web00.jpg); background-size:100% 100%; display:flex;}
.web3{ width:50%; background:url(../images/web03.jpg); background-size:100% 100%; padding:50px 0;}
.web4{ width:50%; background:url(../images/web04.jpg); background-size:100% 100%; padding:50px 0;}
.webInfo2{ width:60%; margin:0px auto;}
.webInfo2 h2{ color:#fff;}
.webInfo2 p{ color:#fff;}
.web3:hover, .web4:hover{ transform:translateY(-26px);}

.liucheng{ background:#f6f8fb;}
.liucheng .list{ padding-bottom:200px; padding-left:40px; width:1500px; margin-top:60px;}
.liuchengli{ position:relative; width:200px; height:200px; float:left; margin-left:-40px;}
.liuchengli .line{ position:absolute; bottom:0px; left:20px; }
.liuchengli .line .light { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width: 10px; height: 10px; border-radius: 5px; background: #fff;}
.liuchengli .line .light:after { content: ""; position: absolute; left: -5px; top: -5px; z-index: -1; width: 20px; height: 20px; border-radius: 10px; background: #d2edfd; opacity: 0; }
.liuchengli .xian{ position:absolute; bottom:25px; left:50%; width:1px; height:30px; background:#333; margin-left:-1px;}
.liuchengli .dian{ position:absolute; left:50%; bottom:55px; margin-left:-6px; width: 10px; height: 10px; border-radius: 5px; background: #333;}
.liuchengli .box { position:absolute; left:0; top:0; width: 100%; height: 120px; border-radius: 3px; background: #fff; padding:20px 0; display:flex; flex-direction:column; align-items:center; }
.liuchengli .box span{ width:50px; height:50px; display:flex; align-items:center; justify-content:center;}
.liuchengli .box span img{ display:block; width:auto !important; height:auto !important; max-width:100%;}
.liuchengli .box p{ font-size:18px; color:#000; margin-top:5px;}
.liuchengli.cur .xian, .liuchengli.cur .dian{ background:#1a83bf;}
.liuchengli.cur .line .light:after { animation: Circle 1.2s infinite linear; opacity: 0.3; }
.liuchengli.cur .box { background: #d2edfd; }
.liuchengli.cur .box p{ color:#1a83bf;}

.liuchengli:nth-child(2n) .xian{ top:200px; bottom:auto; }
.liuchengli:nth-child(2n) .dian{ top:230px; bottom:auto; }
.liuchengli:nth-child(2n) .box { top:260px; bottom:auto; }


@keyframes Circle {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 0.3;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}
@media (max-width: 1800px) {
	.about2Left h2{ font-size:52px;}
}
@media (max-width: 1680px) {
	.about2Left h2{ font-size:48px;}
	.about2Left .bdr{ zoom:0.9;}
	.about2Left p{ font-size:18px;}
}
@media (max-width: 1600px) {
	header .right-side li{ margin:0 30px;}
	.advantage-list li{ padding:40px 30px; height:450px;}
	.advantage-list li .etitle{ font-size:42px; line-height:55px;}
	.advantage-list li .title{ font-size:28px;}
	.advantage-list li i.iconfont{ bottom:40px;}
	.liucheng .list{ zoom:0.85;}
	.NTit h2 .navs{ width:100%; margin-top:10px; justify-content:space-between;}
	.NTit h2 .navs a{ margin-left:0; }
	.caseList{ margin-top:40px;}	
}
@media (max-width: 1550px) {
	.about2Left h2{ font-size:42px;}
}
@media (max-width: 1400px) {
	header .right-side li{ margin:0 20px;}
	.advantage-title .bdr span{ width:220px;}
	.advantage-list li .title{ font-size:26px;}
	.footer1 .fmenu li a{ padding-right:20px; font-size:16px;}
	.footer1 .fleft h2.slogan{ font-size:18px;}
	.ny-banner .boxs .en{ display:none;}
	.ntitle h2{ font-size:36px;}
	.ntitle span{ font-size:20px;}
	.ntitle p{ font-size:16px;}
	.webInfo h2{ font-size:32px; margin-top:40px;}
	.webInfo p{ font-size:16px; margin-top:20px;}
	.liucheng .list{ zoom:0.8;}
	
	.xcxTit h4{ font-size:42px;}
	.xcxTit p{ margin-top:5px;}
	.xcxMain-indexB-con dd{ font-size:15px;}
	
	.chuangyi_bj, .shipin_bj, .pingmian_bj, .fuwu_bj{ padding:120px 0;}
	.chuangyi_left span.cyt1, .shipin_left span.cyt1, .pingmian_left span.cyt1{ font-size:42px; margin-bottom:40px;}
	.chuangyi_left span.cyt2, .shipin_left span.cyt2, .pingmian_left span.cyt2{ font-size:30px;}
	.chuangyi_box span{ font-size:16px;}
	.shipin_right li span{ font-size:16px; margin-top:20px;}
	.pingmian_box span{ font-size:20px;}
	.fuwulist li{ width: calc(100% / 5 - 15px);}
	.fuwo_box{ min-width:260px; min-height:260px;}
	.fuwo_box img.jiantou{ right:10px;}
	.caseDiv{ width:33.33333%;}
	.case-content .info{ margin:40px auto 80px;}
	.case-content .info p{ margin-top:0;}
	.ng-contact .contact_main{ width:90%; margin-left:10%; padding:5% 15% 5% 10%;}
	.ng-contact .cmleft .ngtitle p{ font-size:40px;}
	.about2Left p{ font-size:16px;}
	.about2Left a.caseclick{ margin-top:60px;}
}
@media (max-width: 1280px) {
	.wrap{ width:90%; }
	.footer-inner{ padding:0 5%;}
	header .logo{ left:5%;}
	.header-phone-number{ right:5%;}
	header .right-side li{ margin:0 20px;}
	.footer1 .fleft{ width:42%;}
	.footer1 .fleft h2.slogan{ font-size:16px;}
	.footer1 .fright{ width:55%;}
	.footer1 .address{ padding-top:20px;}
	.footer1 .address .box .t1{ font-size:16px;}
	.footer1 .address .box .t2{ font-size:14px;}
	.footer1 .address .box .t3{ font-size:15px; margin-top:8px;}
	.footer1 .address .box .t4 a{ width:140px; height:36px; line-height:32px; font-size:15px;}
	.footer2, .footer3 .footer-inner{ font-size:14px;}
	
	.paddingTB100{ padding:80px 0;}
	.home_solutions_list dl{margin-right:0px;}
	.home_solutions .wrap{width:1000px;}
	.home_partner tr td:nth-child(5){display:none;}
	.home_news_list .wrap{width:800px;}
	.home_news_list_inner{width:1000px;}
	.serve_column ul{width:824px;margin:0px auto;}
	.serve_column li{float:left;width:272px;height:390px;background:#ffffff;margin:10px 95px 20px 45px;}

	/*home_news*/
	.hn_main{width:450px;position:relative;padding-bottom:28px;margin-top:40px;}
	.hn_column{width:480px;margin-top:30px;}
	.top_news_img{width:450px;height:194px;}
	.hn_column .text{padding:15px 20px;line-height:24px;height:110px;color:#fff;display:none;border-top:1px solid #7c9bad;}
	.home_service{display:none;}
	
	.advbox{ display: none; width:500px;position:fixed; left:50%; top:0%; margin-left:-250px; margin-top:-324px; z-index:20000000000000000001;}
	.advbox .advpic{ height:648px }
	.advantage-title .bdl, .advantage-title .bdr{ font-size:60px; line-height:60px;}
	.advantage-title .bdr span{ width:200px; right:50px;}
	.btn_cases_more{ margin-top:20px;}
	
	.chuangyi_left span.cyt1, .shipin_left span.cyt1, .pingmian_left span.cyt1{ font-size:36px; margin-bottom:40px;}
	.chuangyi_left span.cyt1 i, .shipin_left span.cyt1 i, .pingmian_left span.cyt1 i{ font-size:36px;}
	.chuangyi_left span.cyt2, .shipin_left span.cyt2, .pingmian_left span.cyt2{ font-size:28px;}
	.chuangyi_left span.cyt3, .shipin_left span.cyt3, .pingmian_left span.cyt3{ font-size:15px; margin-bottom:40px;}
	.chuangyi_box img{ margin-bottom:20px;}
	.chuangyi_box span{ font-size:15px;}
	.pingmian_right li{ min-height:180px;}
	.pingmian_box span{ font-size:18px;}
	.fuwulist{ margin:50px auto 0;}
	.fuwulist li{ min-height:250px;}
	.fuwo_box{ min-width:250px; min-height:250px;}
	.fuwo_box_mian span{ font-size:16px;}
	.fuwo_box img.jiantou{ right:5px;}
	
	.xcxMain-indexB-con li .inner{ padding:30px 20px;}
	.xcxMain-indexB-con dd{ font-size:14px;}
	.xcxMain-indexD-con .li-con{ height:380px;}
	.xcxTit h4{ font-size:36px;}
	.about2Left h2{ font-size:40px; padding-bottom:80px;}
	.about2Left .bdr{ zoom:0.8;}
	.about2Left a.caseclick{ margin-top:50px; font-size:16px; width:140px; height:45px; line-height:45px;}
}
@media (max-width: 1200px) {
	header{ height:84px;}
	header .right-side li{ margin:0 15px;}
	header .logo img{ zoom:0.9;}
	header .right-side li a{ padding:24px 0 0; font-size:17px;}
	.banner{ padding-top:84px;}
	.header-phone-number{ zoom:0.9;}
	.advantage-title{ padding-bottom:40px;}
	.advantage-title .bdl, .advantage-title .bdr{ font-size:50px; line-height:50px;}
	.advantage-title .title{ font-size:32px; margin-bottom:20px;}
	.advantage-title .txt{ width:600px;}
	.advantage-title .bdr{ top:100px;}
	.advantage-title .bdr span{ width:160px; right:40px; }
	.advantage-list li{ padding:30px 20px; height:420px;}
	.advantage-list li .etitle{ font-size:36px; line-height:45px;}
	.advantage-list li .title{ font-size:24px; line-height:32px;}
	.advantage-list li i.iconfont{ font-size:32px;}
	.advantage-list li:hover .serli span{ font-size:15px; line-height:28px; padding-left:15px; }
	.advantage-list li:hover .serli span:after{ width:8px;}
	.advantage-list li i.iconfont{ bottom:30px;}
	.newslist li{ width:50%;}
	
	.ny-banner{ padding-top:84px;}
	.ny-banner .boxs .t1{ font-size:32px;}
	.ny-banner .boxs .t2{ font-size:16px; margin-top:10px;}
	.about h2{ font-size:42px;}
	.about h1{ font-size:30px;}
	.about .info p{ font-size:15px; line-height:1.75;}
	.webInfo2{ width:80% !important;}
	.liucheng .list{ zoom:0.73;}
	.ng-contact .cmleft .ngtitle p{ font-size:36px;}
	.about2Left h2{ font-size:36px;}
}
@media (max-width: 1080px) {
	.nav li{ margin-left:30px;}
	.header-phone-number{ display:none;}
	header .right-side{ text-align:right; padding-right:40px;}
	.footer1 .fmenu li a{ font-size:15px;}
	
	.xcxMain-indexB-con li, .xcxMain-indexD-con li, .xcxMain-indexE-con li{ padding:10px;}
	.xcxMain-indexD-con .li-con{ height:350px;}
	.xcxMain-indexE-con p{ font-size:17px;}
	.xcxMain-indexE-con p:after{ margin-top:10px;}
	
	.bd_txt{ bottom:80px;}
	.chuangyi_left span.cyt1, .shipin_left span.cyt1, .pingmian_left span.cyt1, .chuangyi_left span.cyt3, .shipin_left span.cyt3, .pingmian_left span.cyt3{ margin-bottom:20px;}
	.chuangyi_left span.cyt2, .shipin_left span.cyt2, .pingmian_left span.cyt2{ font-size:22px; margin-bottom:5px;}
	.fuwo_box{ min-width:220px; min-height:220px;}
	.fuwulist li{ width: calc(100% / 5 - 10px); min-height: 220px;}
	.newsList .news{ padding:20px 20px 0;}
	.newsList .news time{ padding-top:15px;}
	.newsInfo .rightbox .news-tj{ padding:20px 20px 10px;}
	.newsInfo .rightbox .news-tj .list li{ margin-bottom:10px; padding-bottom:15px;}
	.newsInfo .rightbox .news-tj .list li .t1{ font-size:15px; line-height:40px;}
	.newsInfo .rightbox .news-tj .list li .t3{ margin-top:0px; font-size:13px;}
	.ng-contact .contact_main{ width:90%; padding:4% 15% 3% 5%;}
	.ng-contact .cmleft .ngtitle span{ font-size:30px;}
	.ng-contact .cmleft .ctel{ margin-top:40px;}
	.ntitle h2{ font-size:32px;}
	.ntitle span{ font-size:18px;}
	.ntitle p{ font-size:15px;}
	.webInfo{ width:40%;}
	.webInfo span.num img{ height:80px;}
	.webInfo h2{ font-size:28px; margin-top:30px;}
	.webInfo p{ font-size:14px; margin-top:15px;}
	.liucheng .list{ zoom:0.66;}
	.xcxMain-indexB-con li .inner{ padding:30px 15px;}
	.chuangyi_bj, .shipin_bj, .pingmian_bj, .fuwu_bj{ padding:100px 0;}
	.chuangyi_box{ left:5%; width:90%; transform:translate(0, -50%);}
	
}
@media (max-width: 960px){
	header{ height:70px;}
	header .logo { width:120px; left:20px; top: 10px; }
    .header-phone-number { right:20px; top:14px; font-size:16px; line-height: 36px; }
    header .right-side li{ margin:0 5px; }
	header .right-side{ width:100%; float:right; margin-top:0; margin-right:0; padding-right: 20px; padding-top: 15px; padding: 17px 20px 17px 0; }
    header .right-side .menu_ico{ float:right; }
    header .right-side .menu_ico img{ width:36px; }
    .right-side .menu_ico{ display:block; }
    header .right-side ul{ display:none; text-align:center; background-color: rgba(13,111,166,.92); width: 100%; height: 100vh; position: absolute; top: 0; z-index: -1; padding-top: 75px; }
    header .right-side ul li{ display:block; }
    header .right-side ul li.on{ display:block; }
    header .right-side ul li a{ color:#fff; width:100%; padding:0; height: 50px; line-height: 50px; font-size: 16px; }
    header .right-side ul li.on a{ color:#f00; }
    header .right-side li a:after{ display: none; }
	.banner{ padding-top:70px;}

	.advantage-title{ padding-bottom: 30px; }
	.advantage-title .bdl{ line-height: 20px; }
	.advantage-title .title{ font-size: 30px; margin-bottom: 10px; }
	.advantage-title .bdr{ line-height: 52px; }
	.advantage-list li{ width:50%; height:350px; border-radius: 0;}
	.advantage-list li .title{  margin-bottom: 0px; }
	.advantage-list li .serli{ margin-top:20px;}
	.advantage-list li:nth-child(1), .advantage-list li:nth-child(4){ background: #0170bc;}
	.advantage-list li:nth-child(2), .advantage-list li:nth-child(3){ background: #f7f7f7;}
	.advantage-list li:nth-child(1) .txt, .advantage-list li:nth-child(1) .serli span, .advantage-list li:nth-child(1) .title, .advantage-list li:nth-child(1) .etitle, .advantage-list li:nth-child(1) i.iconfont, .advantage-list li:nth-child(4) .txt, .advantage-list li:nth-child(4) .serli span, .advantage-list li:nth-child(4) .title, .advantage-list li:nth-child(4) .etitle, .advantage-list li:nth-child(4) i.iconfont, .advantage-list li:nth-child(4):hover span.iconfont{ color:#fff;}
	.advantage-list li:nth-child(4):hover .serli span:after{ background:#fff;}
	.advantage-list li:nth-child(3) .etitle, .advantage-list li:nth-child(3) .title, .advantage-list li:nth-child(3) .txt, .advantage-list li:nth-child(3):hover span.iconfont, .advantage-list li:nth-child(3) .serli span, .advantage-list li:nth-child(3) i.iconfont{ color:#222;}
	.advantage-list li:nth-child(3):hover .serli span:after{ background:#222;}

	.footer1 .fleft{ width:30%;}
	.footer1 .fleft h2.slogan{ font-size:14px; letter-spacing:0;}
	.footer1 .fright{ width:65%;}
	.footer2{ margin-top:20px; padding:20px 0;}
	.footer3{ padding:20px 0;}
	.ny-banner{ padding-top:70px;}
	.ny-banner .boxs.n2 .t1{ font-size:24px;}
	.about, .about2, .xcxMain-indexB, .xcxMain-indexC, .xcxMain-indexD, .xcxMain-indexE{ padding:80px 0;}
	.about h2{ font-size:36px;}
	.about h1{ font-size:28px;}
	.ntitle p{ font-size:14px;}
	.liucheng .list{ zoom:0.56;}
	.xcxTit h4{ font-size:32px;}
	.xcxTit p{ font-size:16px;}
	.fuwo_box{ min-width:200px; min-height:200px;}
	.NTit h2 .navs a{ font-size:16px;}
	.caseDiv .pic li span{ zoom:0.8;}
	.ng-contact .cmleft .ngtitle p{ font-size:32px;}
	.about2Left h2{ font-size:32px; padding-bottom:60px;}
	.about2Left .bdr{ height:40px; line-height:40px;}
	.about2Left .bdr span{ top:0;}
	.about2Left a.caseclick{ font-size:15px; margin-top:30px;}
	.about2Left p{ font-size:15px;}

}
/*------- phone-begin --------*/
@media (max-width: 767px){
	header{ height:64px;}
	header .logo{ width: 100px; }
	header .right-side .menu_ico img{ width: 30px; }
	.page-header-bar{ display: none; }
	.banner{ padding-top:64px;}
	.index-advantage, .Index_case, .Index_news, .about, .about2, .xcxMain-indexB, .xcxMain-indexC, .xcxMain-indexD, .xcxMain-indexE, .paddingTB100, .case{ padding:60px 0;}
	.advantage-title .bdl{ font-size: 40px; }
	.advantage-title .bdr{ font-size: 40px; line-height: 70px; }
	.advantage-title .title{ font-size: 24px; }
	.advantage-title .txt{ width: 100%; }
	.advantage-title .bdr span { display:none;}
	.caseList, .newslist{ margin-top:40px;}
	.caseDiv{ width:50%;}
	.newslist li dt{ width:75px;}
	.newslist li dt span{ font-size:36px;}
	.newslist li dd{ width: calc(100% - 85px);}
	footer{ padding-top:50px;}
	.footer1 .fleft{ display:none;}
	.footer1 .fright { width:100%;}
	.footer2, .footer3 .footer-inner{ flex-wrap:wrap;}
	.footer2 .fl, .footer2 .fr,  .footer3 .fl, .footer3 .fr{ width:100%; text-align:center;}
	.ny-banner{ padding-top:64px;}
	.ny-banner2{ position:static;}
	.ny-banner .boxs .t1{ font-size:28px;}
	.ny-banner .boxs .t2{ font-size:15px; letter-spacing:1px; margin-top:5px;}
	.ny-banner2 .boxs.n2{ position:static; bottom:auto; transform: translateX(0); width:100%; padding:20px 5% 0; letter-spacing:1px;}
	.ny-banner2 .boxs.n2 .t1{ font-size:22px; color:#222;}
	.ny-banner2 .boxs.n2 .t2{ color:#999; letter-spacing:0;}
	.xcxMain-indexB-con li, .xcxMain-indexD-con li{ width:50%; padding:6px;}
	.xcxMain-indexB-con li .inner{ padding:20px 10px;}
	.xcxMain-indexB-con dt{ font-size:18px; line-height:24px;}
	.xcxMain-indexB-con dd{ font-size:12px; line-height:20px;}
	.xcxMain-indexC{ height:auto; background-size:cover;}
	.xcxMain-indexD-con .li-con{ height:280px;}
	.xcxMain-indexE-con li{ width:33.33333%; padding:6px;}
	.xcxMain-indexE-con p{ font-size:15px;}
	.xcxMain-indexE-con p:after{ display:none;}
	
	.chuangyi_left,.chuangyi_right{ width:100%;}
	.chuangyi_left span.cyt4{ display:none;}
	.chuangyi_box span{ font-size:14px;}
	.shipin_right li{ width:30%; margin-right:5%;}
	.shipin_right li:nth-child(3n){ margin-right:0;}
	.shipin_box{ height:200px;}
	.shipin_right li span{ margin-top:10px; margin-bottom:15px;}
	.pingmian_box span{ font-size:14px;}
	.pingmian_right{ padding:80px 0;}
	.fuwo_box{ min-width:auto; min-height:100px; border-radius:10px;}
	.fuwo_box img.jiantou{ display:none;}
	.fuwo_box_mian img.icos{ margin:10px auto; zoom:0.8;}
	.fuwu{ box-sizing:border-box;}
	.fuwulist li { width:19%; margin:5px 0; margin-right:1.25%; min-height:auto;}
	.fuwulist li:nth-child(5n){ margin-right:0;}
	.newsInfo, .newsList{ margin-top:30px; margin-bottom:60px;}
	.newsList .news{ width:100%; margin-right:0; height:auto; padding:15px 20px 0px;}
	.newsList .news h4{ height:auto;}
	.newsList .news time .Day{ display:none;}
	.newsList .news time{ height:30px;}
	.newsInfo .leftbox .clickbox{ font-size:14px; line-height:1.75; margin-top:20px; padding-top:10px;}
	.newsInfo .leftbox{ width:100%; margin-right:0;}
	.newsInfo .rightbox{ display:none;}
	.newsInfo .leftbox .txt{ font-size:14px; line-height:1.75;}
	.ng-contact .contact_main{ width:95%; padding:7% 5%; margin: auto auto auto 5%;}
	.ng-contact .cmleft{ width:100%;}
	.ng-contact .cmright{ width:100%; margin-top:30px;}
	.ng-contact .cmleft .ngtitle span{ font-size:20px;}
	.ng-contact .cmleft .ngtitle p{ font-size:24px;}
	.ng-contact .cmleft .ctel{ display:none;}	
	.about h2{ font-size:32px;}
	.about .info{ width:90%; margin:0 auto; line-height:1.75; letter-spacing:1px;}
	.about2Left{ width:50%;}
	.about2Left h2{ font-size:28px; padding-bottom:40px;}
	.about2Left .bdr{ zoom:0.6; height:30px; line-height:30px;}
	.about2Left p{ font-size:14px;}
	.about2Left a.caseclick{ font-size:14px; margin-top:20px; width:120px; height:36px; line-height:36px;}
	.ntitle h2, .xcxTit h4, .NTit h2{ font-size:28px;}
	.webBox, .marginTop-50, .fuwulist{ margin-top:40px;}
	.webInfo span.num img{ height:70px;}
	.webInfo h2{ font-size:24px;}
	.web3, .web4{ padding:20px 0;}
	.liuchengli{ margin-left:-67px;}
	.xcxTit p{ font-size:15px; margin-top:0;}
	.chuangyi_bj, .shipin_bj, .pingmian_bj, .fuwu_bj{ padding:80px 0;}
	.chuangyi_left span.cyt1, .shipin_left span.cyt1, .pingmian_left span.cyt1{ font-size:32px;}
	.chuangyi_left span.cyt2, .shipin_left span.cyt2, .pingmian_left span.cyt2{ font-size:20px;}
	.chuangyi_left span.cyt3, .shipin_left span.cyt3, .pingmian_left span.cyt3{ font-size:14px;}
	.fuwo_box_mian{ left:5%; width:90%; transform: translate(0, -50%); }
	.fuwo_box_mian span{ display:block; text-align:center; font-size:15px;}
	.NTit h2 span{ font-size:20px;}
	.NTit h2 .navs{ margin-top:5px; flex-wrap:wrap; justify-content:flex-start; }
	.NTit h2 .navs a{ font-size:15px; margin-right:15px;}
	.pages{ padding-top:30px;}
	
}
/*------- phone-end --------*/


@media (max-width: 480px){
	.banner .swiper-button-next, .banner .swiper-button-prev{ display:none;}
	.ny-banner .boxs{ bottom:10%; letter-spacing:1px;}
	.ny-banner .boxs .t1, .ntitle h2, .xcxTit h4, .NTit h2{ font-size:24px;}
	.ny-banner .boxs .t2{ line-height:1.5;}
	.ny-banner .boxs.n2 .t1{ font-size:18px;}
	.index-advantage, .Index_case, .Index_news, .about, .about2, .xcxMain-indexB, .xcxMain-indexC, .xcxMain-indexD, .xcxMain-indexE, .paddingTB100, .case{ padding:40px 0;}
	.caseList, .newslist{ margin-top:20px;}
	
	.advantage-title .title{ font-size:22px; line-height:1.5;}
	.advantage-title .bdr{ top: initial; bottom: -5px; }	
	.advantage-title .bdr span{ width: 100px; }
	.advantage-list li{ width:100%;}
	.advantage-list li:nth-child(3){ background: #0170bc;}
	.advantage-list li:nth-child(4){ background: #f7f7f7;}
	.advantage-list li:nth-child(3) .txt, .advantage-list li:nth-child(3) .serli span, .advantage-list li:nth-child(3) .title, .advantage-list li:nth-child(3) .etitle, .advantage-list li:nth-child(3) i.iconfont, .advantage-list li:nth-child(3):hover span.iconfont{ color:#fff;}
	.advantage-list li:nth-child(3):hover .serli span:after{ background:#fff;}
	.advantage-list li:nth-child(4) .etitle, .advantage-list li:nth-child(4) .title, .advantage-list li:nth-child(4) .txt, .advantage-list li:nth-child(4):hover span.iconfont, .advantage-list li:nth-child(4) .serli span, .advantage-list li:nth-child(4) i.iconfont{ color:#222;}
	.advantage-list li:nth-child(4):hover .serli span:after{ background:#222;}
	.advantage-list li .etitle{ font-size:32px;}
	.Index_title h3{ font-size:24px; padding-bottom:10px;}
	.Index_title em{ font-size:14px;}
	.caseDiv h2{ font-size:15px;}
	.caseDiv p{ display:none;}
	.btn_cases_more{ zoom:0.8;}
	.newslist li{ width:100%; padding-right:0; zoom:0.9;}
	footer{ padding:0;}
	.footer1{ display:none;}
	.footer2{ margin-top:0; border-top:none;}
	.footer2, .footer3 .footer-inner{ font-size:13px; line-height:1.75;}
	.about h2{ font-size:28px; line-height:1.2; margin-bottom:10px;}
	.about h1{ font-size:24px;}
	.about .info{ padding-top:20px;}
	.about .info p{ font-size:14px; line-height:1.75; letter-spacing:0px;}
	.about .info p span{ font-size:16px;}
	.ntitle p{ line-height:1.75;}
	.webBox, .web2, .about2 .wrap{ flex-direction:column;}
	.webInfo, .webImg, .web3, .web4{ width:100%;}
	.webBox, .marginTop-50, .fuwulist, .webInfo, .webInfo h2{ margin-top:20px;}
	.webBox:nth-child(2){ flex-direction:column-reverse;}
	.webInfo2{ width:90% !important;}
	.web3, .web4{ padding:0;}
	.webInfo h2{ font-size:22px;}
	.webInfo p{ margin-top:10px;}
	.liuchengli{ margin-left:-60px; width:130px;}
	.liuchengli .box p{ font-size:22px;}
	.liuchengli .line{ left:0;}
	.liuchengli .xian{ bottom:20px;}
	.liuchengli .dian{ bottom:50px;}
	.xcxMain-indexE-con li{ width:50%; }
	.chuangyi_bj, .shipin_bj, .pingmian_bj, .fuwu_bj, .pingmian_right{ padding:60px 0;}
	.chuangyi_left span.cyt1, .shipin_left span.cyt1, .pingmian_left span.cyt1, .fuwu_t1{ font-size:28px; margin-bottom:15px;}
	.chuangyi_left span.cyt2, .shipin_left span.cyt2, .pingmian_left span.cyt2{ font-size:18px; font-weight:400;}
	.chuangyi_left span.cyt3, .shipin_left span.cyt3, .pingmian_left span.cyt3{ font-weight:300;}
	.chuangyi_right li{ height:140px;}
	.chuangyi_box img{ width:40%;}
	.shipin_box{ height:130px;}
	.shipin_right li span{ font-size:15px;}
	.shipin_box img.tubiao{ width:40%;}
	.pingmian_right li{ min-height:130px;}
	.pingmian_box{ left:5%; width:90%; transform: translate(0, -50%);}
	.pingmian_box img{ width:45%; margin-bottom:20px;}
	.fuwu_t2{ font-size:15px;}
	.fuwulist li{ width:48%; margin-right:4%;}
	.fuwulist li:nth-child(5n){ margin-right:4%;}
	.fuwulist li:nth-child(2n){ margin-right:0;}
	.fuwo_box{ min-height:90px;}
	.fuwo_box_mian img.icos{ zoom:0.7;}
	.fuwo_box_mian span{ font-size:14px; line-height:24px;}
	.pages{ padding-top:20px;}
	.pages .pagination a{ width:34px; height:34px; line-height:32px; font-size:13px; margin:0 2px;}
	.case-content .tit h1.t1{ font-size:24px;}
	.case-content .tit a.more-next{ width:128px; height:32px; line-height:32px; font-size:12px;}
	.newsInfo, .newsList{ margin-top:20px; margin-bottom:40px;}
	.about2Left, .about2Right{ width:100%;}
	.about2Right{ margin-top:20px;}
}