@charset "gb2312";
.warp{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.block-980{display: none;}
.inline-block-980{display: none;}

/*新站*/
#warp{width:100%; max-width:1920px; min-width:320px; overflow:hidden; margin:0 auto;}
#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#warp.blue{ background:#eff1fa;}
.cw1600{ width:90%; max-width:1600px; margin:0 auto;}

/*公告样式*/
a:hover{color:#162b88;}
.img{ font-size:0;}
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.loader{top: 0;right: 0;left: 0;bottom: 0;position: fixed;z-index: 99999;background: rgba(255,255,255,.5) url(loader.svg) no-repeat center 40% / auto auto;}
.arrow-prev{ width:42px; position:absolute; left:-6%; top:50%; z-index:2; margin-top:-6px;}
.arrow-prev img{ width:100%;}
.arrow-next{ width:42px; position:absolute; right:-6%; top:50%; z-index:2; margin-top:-6px;}
.arrow-next img{ width:100%;}
.clean:after,.clean:before{display: table; content:''; }
.clean:after{clear: both;}
.clean{zoom:1;}

/*字体*/
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
.fz42{ font-size:42px; color:#333;}
.fz44{ font-size:44px; color:#333;}
.fz46{ font-size:46px; color:#333;}
.fz48{ font-size:48px; color:#333;}

/*头部样式*/
#header-black{ width:100%; height:;}
#header{ width:100%; max-width:1920px; min-width:320px; background:#fff; position:fixed; top:0; left:0; right:0; z-index:6; padding:16px 0; margin:0 auto;}
#header .logo{ width:250px;}
#header .logo img{ width:100%;}
#header .phone{ line-height:22px; background:#162b88; color:#fff; border-radius:6px; padding:10px; margin-top:8px; margin-left:16px;}
#header .phone img{ vertical-align:middle; margin-right:4px;}
#header .phone .fz22{ color:#fff;}
#header .search{ border:1px solid #e1e1e1; border-radius:6px; padding:8px; margin-top:12px;}
#header .search .input{ width:160px; height:20px;}
#header .search .sub{ width:12px; height:20px; cursor:pointer; background:url(img2.png) no-repeat center;}
#header .nav{ margin-top:17px;}
#header .nav .list{ margin-right:40px;}
#header .nav .list .Zi1{ color:#333;}
#header .nav .list .Zi1:hover{ color:#162b88;}
#header .nav .list .two{ width:auto; line-height:40px; text-align:center; display:none; position:absolute; padding-top:39px;}
#header .nav .list .two .Zi2{ background:#162b88; color:#fff; padding:0 20px;}
#header .nav .list .two .Zi2:hover{ background:#fff; color:#162b88;}
#header .nav .list.on .Zi1{ color:#162b88; font-weight:bold;}
#header .target{ width:42px; cursor:pointer; display:none; margin-top:1px;}
#header .target img{ width:100%;}
#header .phone-saerch{ cursor:pointer; margin-left:20px; margin-top:5px;}

/*phone*/
#phone-search{ width:100%; max-width:980px; min-width:320px; background:#fff; border:1px solid #333; position:fixed; top:0; left:0; right:0; z-index:1005; padding:10px 20px;}
#phone-search .input{ width:80%; height:30px; border:none;}
#phone-search .sub{ cursor:pointer; background:none; font-size:24px; border:none; padding:0; margin-top:2px;}
#phone-nav{ width:100%; max-width:1920px; min-width:320px; text-align:center; display:none; overflow:auto; background:rgba(255,255,255,.8); position:fixed; top:0; left:0; right:0; z-index:1006; margin:0 auto;}
#phone-nav .list{ width:100%; border-bottom:1px solid #fff; padding:16px 0;}

/*悬浮样式*/
#follow{right: 0;bottom: 50%;position: fixed;z-index: 10;}
#follow .item{width: 40px;height: 40px;}
#follow .item .ico{width: 40px;height: 40px;line-height: 40px;color: #fff;background-color: rgba(30,30,30,.6);background-repeat: no-repeat;background-position: center center;background-size: 50% auto;text-align: center;left: 0;top: 0;}
#follow .item .ico span{line-height:inherit;}
#follow .item .red{background-color: #ea493c;}
#follow .item .blue{background-color: #3da8e5;}
#follow .item .green{background-color: #24b727;}
#follow .item .orange{background-color: #ffbe33;}
#follow .item.open{ height:auto;}
#follow .totop{opacity: 0;}
#follow .totop.show{opacity: 1;}
#follow .item.open[row='1']{height: 90px;}
#follow .item.open[row='2']{height: 126px;}
#follow .item.open[row='3']{height: 162px;}
#follow .item.open[row='4']{height: 198px;}
#follow .item.open[row='5']{height: 234px;}
#follow .top{line-height: 24px;font-size: 14px;color: #fff;padding: 15px;}
#follow .top a{line-height: inherit;font-size: 16px;color: inherit;}
#follow .item [id]{width: 160px;background-color: #fff;left: 40px;position: relative;z-index: 1;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 0s;}
#follow .qq-list .list{line-height: 20px;padding: 8px 16px;}
#follow .qq-list .list span{margin-right: 10px;}
#follow .qq-list .list:hover{color: #fff;background-color: #3da8e5;}
#openHotline .ico{background: url(p-phone.png) no-repeat center center;}
#hotline .top{background-color: #ffbe33;}
#online .top{background-color: #3da8e5;}
#follow .item[id^='open'] .ico{left: 0;-webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}
#follow .item[id^='open']{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}
#follow .item.open{-webkit-transition:all 300ms ease 300ms; -moz-transition:all 300ms ease 300ms; -ms-transition:all 300ms ease 300ms; -o-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms;}
#follow .item.open .ico{left: 100%;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#follow .item.open [id]{left:-120px;box-shadow: 0 5px 10px rgba(4, 0, 0, 0.2); -webkit-transition:all 300ms ease 600ms; -moz-transition:all 300ms ease 600ms; -ms-transition:all 300ms ease 600ms; -o-transition:all 300ms ease 600ms; transition:all 300ms ease 600ms;}
#follow #wechat-qrcode{width: auto;max-width: 200px;left: auto;right: 100%;bottom: 0;position: absolute;display: none;-webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; -ms-transition:all 0s ease 0s; -o-transition:all 0s ease 0s; transition:all 0s ease 0s;}

/*弹出视频*/
#video{ width:100%; max-width:1920px; min-width:320px; height:100%; text-align:center; display:none; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:1008;}
#video .shutdown{ cursor:pointer; color:#fff; position:fixed; top:2%; right:2%; z-index:1009;}
#video video{ width:60%; margin-top:10%;}

/*广告样式*/
#banner{ width:100%; overflow:hidden; font-size:0; position:relative;}
#banner .prev{ width:46px; position:absolute; left:2%; top:50%; z-index:2; margin-top:-14px;}
#banner .prev img{ width:100%;}
#banner .next{ width:46px; position:absolute; right:2%; top:50%; z-index:2; margin-top:-14px;}
#banner .next img{ width:100%;}
#banner .db{ width:100%; font-size:0;}
#banner .db a{ width:100%;}
#banner .db a img{ width:100%;}
#banner .hb{ width:100%; text-align:center; position:absolute; left:0;right:0; bottom:5% !important; z-index:2; margin:0 auto;}
#banner .hb span{ width:12px; height:12px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border:1px solid #fff; border-radius:50%; margin:0 5px !important;}
#banner .hb span.swiper-pagination-bullet-active{ background:none;}

/*手机版广告样式*/
#phone-banner{ width:100%; display:none; overflow:hidden; font-size:0; position:relative;}
#phone-banner .db{ width:100%; font-size:0;}
#phone-banner .db img{ width:100%;}
#phone-banner .hb{ width:100%; text-align:center; font-size:0; position:absolute; left:0; right:0; bottom:3% !important; z-index:3; margin:0 auto;}
#phone-banner .hb span{ width:6px; height:6px; display:inline-block; opacity:1; cursor:pointer; background:#666; font-size:0; border-radius:50%; margin:0 4px !important;}
#phone-banner .hb span.swiper-pagination-bullet-active{ background:#162b88;}

/*底部样式*/
#footer{ width:100%; background:#222;}
#footer .top{ padding-top:2.4%;}
#footer .top .ewm{ width:11%; text-align:center; margin-right:6.2%;}
#footer .top .ewm .img{ width:100%;}
#footer .top .ewm .img img{ width:100%;}
#footer .top .ewm .fz14{ width:100%; color:#999; margin-top:12px;}
#footer .top .phone-list{ width:16%; display:none;}
#footer .top .phone-list .fz14{ width:100%; margin-bottom:8%;}
#footer .top .phone-list .fz14 a{ color:#fff;}
#footer .top .list{ width:5%; margin-right:5%;}
#footer .top .list .fz30{ width:100%; color:#fff; font-weight:bold; margin:6px 0;}
#footer .top .list .fz16{ width:100%; color:#fff; margin-bottom:28px;}
#footer .top .list .fz14{ width:100%; color:#999; margin-bottom:14px;}
#footer .top .list .fz14 a{ color:#999;}
#footer .top .list .fz14.nts{ line-height:30px;}
#footer .top .list .form{ width:100%;}
#footer .top .list .form .input{ width:100%; height:34px; background:#313131; color:#666; border-radius:4px; padding:0 10px; margin-bottom:10px;}
#footer .top .list .form .text{ width:100%; height:68px; background:#313131; color:#666; border-radius:4px; box-shadow:0 0 100000px #313131 inset; resize:none; padding:10px; margin-bottom:10px;}
#footer .top .list .form .sub{ cursor:pointer; background:#162b88; color:#fff; border-radius:20px; padding:10px 0;}
#footer .top .list.in{ width:22.5%; margin-right:0;}
#footer .top .list.in .fz14{ margin:0;}
#footer .top .list.fr{ width:17.5%; margin-right:0;}
#footer .conter{ line-height:16px; padding:1% 0;}
#footer .conter .fz16{ color:#fff; font-weight:bold;}
#footer .conter .fz14{ color:#999;}
#footer .bot{ text-align:center; color:#999; border-top:1px solid #393939; padding:1% 0;}
#footer .bot a{ color:#999;}

/*首页样式*/
#index{}
#index .title{ width:100%; text-align:center;}
#index .title .fz34{ color:#222; position:relative;}
#index .title .fz34::before{ width:110px; height:1px; background:#cbcbcb; position:absolute; left:-100%; top:50%; z-index:2; content:'';}
#index .title .fz34::after{ width:110px; height:1px; background:#cbcbcb; position:absolute; right:-100%; top:50%; z-index:2; content:'';}
#index .title .fz12{ text-transform:uppercase; color:#888; margin-top:10px;}
#index .more{ color:#222; border:1px solid #666; border-radius:50px; padding:16px 36px; margin-top:10px;}
#index .more img{ vertical-align:top; margin-left:8px; margin-top:3px;}
#index .one{ width:100%; background:url(img5.jpg) no-repeat center; padding:2.4% 0 6.3%;}
#index .one .item{ position:relative; margin-top:2.5%;}
#index .one .item .list{ width:23.5%; position:relative; margin-right:2%;}
#index .one .item .list .img{ width:100%;}
#index .one .item .list .img img{ width:100%;}
#index .one .item .list .fz16{ width:100%; background:rgba(0,0,0,.5); color:#fff; position:absolute; bottom:0; left:0; z-index:2; padding:10px 18px;}
#index .one .item .list .fz12{ width:100%; height:100%; text-align:center; opacity:0; color:#162b88; background:rgba(255,255,255,.6); position:absolute; left:0; top:0; z-index:3; padding-top:60%;}
#index .one .item .list:hover .fz12{ opacity:1;}
#index .one .item .list.in{ margin-right:0;}
#index .two{ padding:2.4% 0 4.2%;}
#index .two .conter{ width:100%; margin-top:3%;}
#index .two .conter .img{ width:50%; cursor:pointer; position:relative;}
#index .two .conter .img::before{ width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; left:0; top:0; z-index:2; content:'';}
/*#index .two .conter .img::after{ width:60px; height:60px; background:url(img11.png) no-repeat center; background-size:cover; position:absolute; left:0; right:0; top:50%; z-index:2; margin:-30px auto 0; content:'';}*/
#index .two .conter .img img{ width:100%;}
#index .two .conter .img video{ width:100%; display:none;}
#index .two .conter .img.on::before{ display:none;}
#index .two .conter .img.on::after{ display:none;}
#index .two .conter .nts{ width:47%; margin-top:1%;}
#index .two .conter .nts .fz16{ width:100%; line-height:36px;}
#index .two .conter .nts .more.video{ display:none; margin-right:10px;}
#index .thr{ width:100%; background:url(img13.jpg) no-repeat center; position:relative; padding:6.8% 0;}
#index .thr .item{ width:100%; padding:0 60px;}
#index .thr .item .list{ width:50%; line-height:36px; margin-bottom:6%;}
#index .thr .item .list span{ width:36px; height:36px; text-align:center; background:#162b88; color:#fff; border-radius:50%; margin-right:14px;}
#index .thr .item .list.fr{ text-align:right;}
#index .thr .item .list.in{ margin-bottom:0;}
#index .thr .img{ width:24.803%; position:absolute; top:7%; left:0; right:0; z-index:2; margin:0 auto;}
#index .thr .img img{ width:100%;}
#index .thr .img .title{ width:234px; height:234px; overflow:hidden; background:#fff; border-radius:50%; position:absolute; left:0; right:0; top:50%; z-index:2; padding-top:17%; margin:-117px auto 0;}
#index .four{ text-align:center; padding:2.4% 0;}
#index .four .item{ width:100%; text-align:left; margin-top:3%;}
#index .four .item .list{ width:24%; margin-right:2%;}
#index .four .item .list .img{ width:100%; height:16vw; overflow:hidden;}
#index .four .item .list .img img{ width:100%;}
#index .four .item .list .nts{ width:100%; background:#f7f7f7; padding:5%;}
#index .four .item .list .nts .Zi1{ width:100%; color:#888;}
#index .four .item .list .nts .fz16{ width:100%; color:#333; margin:10px 0 14px;}
#index .four .item .list .nts .Zi2{ width:100%; height:48px; line-height:24px; overflow:hidden; color:#888;}
#index .four .item .list:hover{ box-shadow:0 0 10px 5px #e1e1e1;}
#index .four .item .list:hover .nts .fz16{ color:#162b88;}
#index .four .item .list.in{ margin-right:0;}
#index .four .item .right{ width:45%;}
#index .four .item .right .its{ width:100%; border-bottom:1px solid #e8e8e8; padding-bottom:5.5%; margin-bottom:5.5%;}
#index .four .item .right .its .name{ width:100%; line-height:22px; background:url(img17.png) no-repeat left center; padding-left:18px;}
#index .four .item .right .its .name .fz16{ width:88%; color:#000;}
#index .four .item .right .its .name .fz22{ color:#888;}
#index .four .item .right .its .fz14{ width:100%; height:52px; line-height:26px; overflow:hidden; background:url(img16.png) no-repeat bottom right; color:#888; padding-left:18px; margin-top:10px;}
#index .four .item .right .its:hover .name .fz16{ color:#162b88;}
#index .four .item .right .its.in{ margin-bottom:0;}
#index .four .more{ margin-top:5%;}
#index .five{ width:100%; text-align:center; background:url(img18.jpg) no-repeat center; padding:2.5% 0;}
#index .five .title .fz34{ color:#fff;}
#index .five .title .fz34::before{ background:#fff;}
#index .five .title .fz34::after{ background:#fff;}
#index .five .title .fz12{ color:#fff;}
#index .five .item{ font-size:0; margin-top:2.6%;}
#index .five .item .list{ width:6.8%; vertical-align:top; color:#fff;}
#index .five .item .list .icon{ width:0; height:0; background-size:40% !important; border:1px solid #fff; border-radius:50%; padding:50%; margin-bottom:12px;}
#index .five .item .list:hover{ color:#162b88;}
#index .five .item .list:hover .icon{ background-color:#162b88 !important; border-color:#162b88;}
#index .five .item .line{ width:10.625%; height:1px; background:#fff; margin-top:3.4%; margin-left:1px;}
#index .five .more{ color:#fff; border-color:#fff; margin-top:2.1%;}
#index .six{ padding-top:2.3%;}
#index .six .item{ width:100%; margin-top:2.8%;}
#index .six .item .list{ width:20%; text-align:center; border:1px solid #e8e8e8; position:relative; padding:3.8% 0 1.9%; margin-top:-1px; margin-right:-1px;}
#index .six .item .list::before{ width:100%; height:100%; opacity:0; background:url(img27.png) no-repeat center; background-size:100% 100%; position:absolute; top:0; left:0; z-index:2; content:''; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#index .six .item .list .icon{ width:75%; height:3.7vw; overflow:hidden; position:relative; z-index:3;}
#index .six .item .list .icon img{ width:100%;}
#index .six .item .list .fz16{ margin-top:5%;}
#index .six .item .list:hover::before{ opacity:1;}
#index .six .item .list:hover .fz16{ color:#162b88;}
#index .seven{ padding:2.1% 0;}
#index .seven .item{ width:100%; text-align:center; margin-top:1%;}
#index .seven .item .list{ width:20%; margin-top:1%; padding:35px}
#index .seven .item .list .img{ width:100%; height:13vw; overflow:hidden;}
#index .seven .item .list .img a{ width:100vw; height:13vw; display:table-cell; vertical-align:middle;}
#index .seven .item .list .img a img{ max-width:100%; max-height:100%;}
#index .seven .item .list .fz16{ width:100%; color:#555; margin-top:10px;}

/*内页*/
.Inside{}
.Inside .title{ width:100%; text-align:center;}
.Inside .title .fz34{ color:#222; position:relative;}
.Inside .title .fz34::before{ width:110px; height:1px; background:#cbcbcb; position:absolute; left:-100%; top:50%; z-index:2; content:'';}
.Inside .title .fz34::after{ width:110px; height:1px; background:#cbcbcb; position:absolute; right:-100%; top:50%; z-index:2; content:'';}
.Inside .title .fz12{ text-transform:uppercase; color:#888; margin-top:10px;}
.Inside .more{ color:#222; border:1px solid #666; border-radius:50px; padding:16px 36px; margin-top:10px;}
.Inside .more img{ vertical-align:top; margin-left:8px; margin-top:3px;}

/*面包屑*/
#current{ width:100%; max-width:1920px; min-width:320px; font-size:16px; color:#888; padding:1.1% 0;}
#current a{ font-size:16px; color:#888;}
#current.in{ border-bottom:1px solid #e9e9e9;}
#current.on{ background:#eff1fa; position:fixed; top:0; left:0; right:0; z-index:5; margin:0 auto;}

/*详细页*/
#detail{}
#detail .one{ padding:1.8% 0;}
#detail .one .top{ width:100%; text-align:center;}
#detail .one .top .fz22{ color:#333;}
#detail .one .top .fz14{ color:#888; margin-top:8px;}
#detail .one .bot{ width:100%; margin-top:1.5%;}
#detail .one .bot img{ max-width:100%; height:auto !important;}
#detail .one .bot table{ width:100% !important;}
#detail .two{ padding:2% 0 5.4%;}
#detail .two .fz22{ color:#333;}
#detail .two .item{ position:relative; margin-top:1.6%;}
#detail .two .item .swiper-slide{ width:32%; background:#f2f2f2; margin-right:2%;}
#detail .two .item .swiper-slide .img{ width:100%;}
#detail .two .item .swiper-slide .img img{ width:100%;}
#detail .two .item .swiper-slide .conter{ width:100%; text-align:center; padding:5% 0;}
#detail .two .item .swiper-slide .conter .fz18{ color:#222;}
#detail .two .item .swiper-slide .conter .fz14{ color:#888;}
#detail .two .item .swiper-slide:hover{ background:#162b88;}
#detail .two .item .swiper-slide:hover .conter .fz18{ color:#fff;}
#detail .two .item .swiper-slide:hover .conter .fz14{ color:#fff;}
#detail .two .item .swiper-slide.in{ margin-right:0;}

/*产品分类*/
#products{ width:100%; background:#eff1fa; padding-top:1px;}
#products .one{ width:100%; text-align:center; margin-top:2.1%;}
#products .one .top{ font-size:0;}
#products .one .top .list{ color:#333; border-radius:5px 5px 0 0; padding:0.6% 1.2%; margin:0 1.3%;}
#products .one .top .list.on{ background:#162b88; color:#fff;}
#products .one .bot{ width:100%; background:#162b88; font-size:0;}
#products .one .bot .cw1600{ display:none;}
#products .one .bot .list{ color:#fff; padding:1.6% 1%; margin:0 0.5%;}
#products .one .bot .list:hover{ background:#fff; color:#162b88;}
#products .one .bot .list.on{ background:#fff; color:#162b88;}
#products .one .phone-select{ text-align-last:center; display:none; background:#fff; border:1px solid #ddd; padding:1.6% 0;}
#products .two{ margin-top:2%;}
#products .two .item{ width:100%; position:relative;}
#products .two .item .list{ width:23.5%; position:relative; margin-right:2%; margin-top:2%;}
#products .two .item .list .img{ width:100%; height:25vw; display:flex; align-items:center; overflow:hidden;}
#products .two .item .list .img img{ width:100%;}
#products .two .item .list .fz16{ width:100%; background:rgba(0,0,0,.5); color:#fff; position:absolute; bottom:0; left:0; z-index:2; padding:10px 18px;}
#products .two .item .list.in{ margin-right:0;}
#products .two .item .list.top{ margin-top:0;}
#products .two .title{ width:100%; position:relative; margin-bottom:1.3%;}
#products .two .title::before{ width:100%; height:1px; background:#999; position:absolute; left:0; top:50%; z-index:2; content:''; -webkit-transition:all 1500ms ease 0s; -moz-transition:all 1500ms ease 0s; -ms-transition:all 1500ms ease 0s; -o-transition:all 1500ms ease 0s; transition:all 1500ms ease 0s;}
#products .two:hover .title::before{ width:0;}
#products .two .title .fz18{ background:#eff1fa; color:#333; position:relative; z-index:3; padding-right:25px;}
#products .thr{ font-size:0; padding:30px 0 40px;}
#products .thr .item0{ width:100%; background:#fff;}
#products .thr .item0 .img{ width:33.33%;}
#products .thr .item0 .img img{ width:100%;}
#products .thr .item0 .conter{ width:33.33%; padding:4% 3.8% 0;}
#products .thr .item0 .conter .fz14{ margin-top:7.5%;}
#products .thr .item1{ width:100%; background:#fff;}
#products .thr .item1 .img{ width:50%;}
#products .thr .item1 .img img{ width:100%;}
#products .thr .item1 .conter{ width:50%; padding:3.3% 4% 0;}
#products .thr .item1 .conter .fz14{ margin-top:3.6%;}
#products .thr .item2{ width:50%; background:#fff;}
#products .thr .item2 .img{ width:50%;}
#products .thr .item2 .img img{ width:100%;}
#products .thr .item2 .conter{ width:50%; padding:8% 6% 0;}
#products .thr .item2 .conter .fz14{ margin-top:6.6%;}
#products .thr .conter .fz30{ width:100%; color:#162b88;}
#products .thr .conter .fz14{ width:100%; line-height:24px; color:#555;}
#products .thr .conter .icon{ width:45px; height:45px; background:url(img35.png) no-repeat center; background-size:cover !important; margin-top:20px;}

#products .four{ padding-bottom:3%;}
#products .four .left{ width:65.625%; font-size:0;}
#products .four .left img{ width:100%;}
#products .four .right{ width:31.875%; background:#fff; padding:2%;}
#products .four .right .name{ width:100%; color:#333;}
#products .four .right .material{ width:100%; color:#555; margin:2% 0 3.6%;}
#products .four .right .consulting{ background:#162b88; color:#fff; border-radius:6px; padding:3.2% 22.5%;}
#products .four .right .img{ width:100%; margin-top:10.3%;}
#products .four .right .img .swiper-slide{ width:32%; cursor:pointer; font-size:0; margin-right:2%;}
#products .four .right .img .swiper-slide img{ width:100%;}
#products .four .right .img .swiper-slide.in{ margin-right:0;}
#products .four .right .img .hb{ width:100%; text-align:center; margin-top:4.5%;}
#products .four .right .img .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#d8d8d8; font-size:0; border-radius:50%; margin:0 4px !important;}
#products .four .right .img .hb span.swiper-pagination-bullet-active{ background:#162b88;}

/*公司简介*/
#about{}
#about .one{ width:100%; background:#f5f5f5; padding:1.1% 0 2.2%;}
#about .one .conter{ margin-top:1%;}
#about .one .conter .nts{ width:55%; line-height:26px; color:#333;}
#about .one .conter .nts img{ max-width:100%; height:auto !important;}
#about .one .img{ width:43.125%;}
#about .one .img img{ width:100%;}
#about .two{ padding-top:2%;}
#about .two .item{ width:100%; margin-top:2.1%;}
#about .two .item .list{ width:33.33%; overflow:hidden; position:relative;}
#about .two .item .list .img{ width:100%;}
#about .two .item .list .img::before{ width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; left:0; top:0; z-index:2; content:'';}
#about .two .item .list .img::after{ width:1px; height:1px; background:#162b88; opacity:0; position:absolute; left:50%; top:50%; z-index:3; content:''; -webkit-transition:1.5s; -moz-transition:1.5s; transition:1.5s;}
#about .two .item .list .img img{ width:100%;}
#about .two .item .list .conter{ width:62.5%; text-align:center; position:absolute; top:30%; left:0; right:0; z-index:4; margin:0 auto;}
#about .two .item .list .conter .icon{ width:64px;}
#about .two .item .list .conter .icon img{ width:100%;}
#about .two .item .list .conter .fz26{ width:100%; color:#fff; margin:2.7% 0 4%;}
#about .two .item .list .conter .fz14{ width:100%; line-height:26px; text-align:left; opacity:0; color:#fff;}
#about .two .item .list:hover .img::after{ opacity:0.8; -webkit-transform:scale(1000); -moz-transform:scale(1000); transform:scale(1000);}
#about .two .item .list:hover .conter .fz14{ opacity:1;}
#about .thr{ width:100%; background:#e8eef4 url(img54.jpg) no-repeat center bottom; padding:2.7% 0;}
#about .thr .list{padding: 0 3%;margin-top: 3.125%;}
#about .thr .item{width: 100%;max-width: 1165px;margin: 0 auto 80px;z-index: 2;cursor: pointer;}
#about .thr .item .year{top: 0;z-index: 2;}
#about .thr .item.left .year{left: -180px;}
#about .thr .item.right .year{right: -180px;}
#about .thr .default{height: 100%;z-index: 2;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
#about .thr .development{z-index: 2;display: none;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
#about .thr .year{font-size: 30px;color: #9e9e9e;}
#about .thr .main{max-width: 80%;font-size: 14px;margin-left: 15px;}
#about .thr .bg{left: 0;top: 50%;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
#about .thr .round{width: 30px;height: 30px;padding: 5px;border: 1px dashed #e9e9e9;border-radius: 20px;left: 50%;top: 0;margin-left: -15px;}
#about .thr .round .i{width: 100%;height: 100%;background-color: #a7a7a7;border-radius: 100%;}
#about .thr .line{width: 105px;height: 1px;background-color: #e6e7e7;top: 50%;}
#about .thr .left .line{right: 100%;}
#about .thr .right .line{left: 100%;}
#about .thr .on .default{display: none;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
#about .thr .on .development{display: block;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
#about .thr .on .year{color: #fff;margin: 10px 0;background: none;}
#about .thr .on .main{color: #fff;margin: 10px 0;}
#about .thr .on .bg{width: 100%;height: 100%;background-color: #162b88;border-radius: 90px;top: 0;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}
#about .thr .on .about-progress{background-color: #162b88;}
#about .thr .about-progress{width: 5px;background-color: #e0e4e7;top: 35px;left: 50%;padding: 0 0 10000px;margin: 3.125% 0 -10000px -2.5px;}
#about .thr .about-progress .i{width: 100%;left: 0;top: 0;background-color: #162b88;}
#about .four{ padding:2.1% 0;}
#about .four .item{ width:100%; text-align:center; margin-top:1%;}
#about .four .item .list{ width:20%; margin-top:1%;}
#about .four .item .list .img{ width:100%; height:13vw; overflow:hidden;}
#about .four .item .list .img a{ width:100vw; height:13vw; display:table-cell; vertical-align:middle;}
#about .four .item .list .img a img{ max-width:100%; max-height:100%;}
#about .four .item .list .fz16{ width:100%; color:#555; margin-top:10px;}
#about .five{ width:100%; background:#f5f5f5; padding:1.6% 0 2.6%;}
#about .five .item{ margin-top:2.5%;}
#about .five .item .list{ font-size:0;}
#about .five .item .list.nt1{ width:49.375%;}
#about .five .item .list.nt2{ width:24.375%; margin:0 0.625%;}
#about .five .item .list.nt3{ width:25%;}
#about .five .item .list.margin{ margin-top:0.625%;}
#about .five .item .list img{ width:100%;}

/*客户案例*/
#case{}
#case .one{ padding:1.6% 0;}
#case .one .item{ width:100%; margin-top:2%;}
#case .one .item .list{ width:32%; background:#f2f2f2; margin-right:2%; margin-bottom:2%; overflow:hidden}
#case .one .item .list .img{ width:100%; overflow:hidden; height:360px}
#case .one .item .list .img img{ width:100%;}
#case .one .item .list .nts{ width:100%; text-align:center; padding:26px 0;}
#case .one .item .list .nts .fz18{ width:100%; color:#222;}
#case .one .item .list .nts .fz14{ width:100%; color:#888; margin-top:10px;}
#case .one .item .list:hover{ background:#162b88;}
#case .one .item .list:hover .nts .fz18{ color:#fff;}
#case .one .item .list:hover .nts .fz14{ color:#fff; opacity:0.5;}
#case .one .item .list.in1{ width:66%;}
#case .one .item .list.in2{ margin-right:0;}
#case .one .item.phone{ display:none;}
#case .one .item.phone .list{ width:48%;}
#case .one .item.phone .list .nts{ padding:4% 0;}

/*招商加盟*/
#join{}
#join .one{ width:100%; background:url(img13.jpg) no-repeat center; position:relative; padding:6.8% 0;}
#join .one .item{ width:100%; padding:0 60px;}
#join .one .item .list{ width:50%; line-height:36px; margin-bottom:6%;}
#join .one .item .list span{ width:36px; height:36px; text-align:center; background:#162b88; color:#fff; border-radius:50%; margin-right:14px;}
#join .one .item .list.fr{ text-align:right;}
#join .one .item .list.in{ margin-bottom:0;}
#join .one .img{ width:24.803%; position:absolute; top:7%; left:0; right:0; z-index:2; margin:0 auto;}
#join .one .img img{ width:100%;}
#join .one .img .title{ width:234px; height:234px; overflow:hidden; background:#fff; border-radius:50%; position:absolute; left:0; right:0; top:50%; z-index:2; padding-top:17%; margin:-117px auto 0;}
#join .two{ padding:4.2% 0;}
#join .two .img{ width:43.75%;}
#join .two .img img{ width:100%;}
#join .two .conter{ width:53.75%;}
#join .two .conter .title{ text-align:left; padding-left:20%;}
#join .two .conter .fz16{ width:100%; line-height:30px; color:#555; margin-top:1.2%;}
#join .thr{ width:100%; text-align:center; background:url(img18.jpg) no-repeat center; padding:2.5% 0;}
#join .thr .title .fz34{ color:#fff;}
#join .thr .title .fz34::before{ background:#fff;}
#join .thr .title .fz34::after{ background:#fff;}
#join .thr .title .fz12{ color:#fff;}
#join .thr .item{ font-size:0; margin-top:2.6%;}
#join .thr .item .list{ width:6.8%; vertical-align:top; color:#fff;}
#join .thr .item .list .icon{ width:0; height:0; background-size:40% !important; border:1px solid #fff; border-radius:50%; padding:50%; margin-bottom:12px;}
#join .thr .item .list:hover{ color:#162b88;}
#join .thr .item .list:hover .icon{ background-color:#162b88 !important; border-color:#162b88;}
#join .thr .item .line{ width:10.625%; height:1px; background:#fff; margin-top:3.4%; margin-left:1px;}
#join .thr .more{ color:#fff; border-color:#fff; margin-top:2.1%;}

/*新闻资讯*/
#info{ padding:28px 0 60px;}
#info .one{ width:93.75%; margin:40px auto 0;}
#info .one .list{ width:23.5%; margin-left:2%;}
#info .one .list .img{ width:100%; height:14.7vw; overflow:hidden;}
#info .one .list .img img{ width:100%;}
#info .one .list .fz16{ width:100%; color:#333; margin-top:4%;}
#info .one .list .fz14{ width:100%; height:48px; line-height:24px; overflow:hidden; color:#757575; margin:3% 0 5.7%;}
#info .one .list .fz12{ width:100%; color:#757575;}
#info .one .list.in{ margin-left:0;}
#info .one .list:hover .fz16{ color:#162b88;}
#info .two{ width:100%; margin-top:3.1%;}
#info .two .item{ width:100%;}
#info .two .item .list{ width:100%; font-size:0; background:#fff;}
#info .two .item .list .nts{ width:93.75%; display:block; border-bottom:1px solid #e5e5e5; padding:3.1% 0; margin:0 auto;}
#info .two .item .list .nts .left{ width:76%;}
#info .two .item .list .nts .left .fz16{ width:100%; color:#353535;}
#info .two .item .list .nts .left .fz14{ width:100%; height:44px; line-height:22px; overflow:hidden; color:#757575; margin-top:1.3%;}
#info .two .item .list .nts .right{ width:13.33%; text-align:center; background:url(img46.png) no-repeat right center; background-size:8.5% !important; border-left:1px solid #eaeaea; padding:10px 0;}
#info .two .item .list .nts .right .fz30{ color:#757575; font-family:'Impact';}
#info .two .item .list .nts .right .fz12{ color:#757575; font-family:'黑体'; margin-top:4px;}
#info .two .item .list.in .nts{ border-top:1px solid #e5e5e5;}

#info .two .item .list:hover .nts .left .fz16{ color:#162b88;}
#info .two.phone{ display:none;}

/*联系我们*/
#contact{}
#contact .one{ text-align:center; padding:3.1% 0;}
#contact .one .list{ width:25%; vertical-align:top; position:relative; padding:0 1%;}
#contact .one .list .icon{ width:50px;}
#contact .one .list .icon img{ width:100%;}
#contact .one .list .fz18{ width:100%; color:#333; margin:4% 0 2%;}
#contact .one .list .fz16{ width:100%; color:#757575;}
#contact .one .list::before{ width:1px; height:54px; background:#e5e5e5; position:absolute; left:0; top:50%; z-index:2; margin-top:-27px; content:'';}
#contact .one .list.in::before{ display:none;}
#contact .two{ padding:2% 0 2.5%;}
#contact .two table{max-width: 100%!important;}
#contact .two img{ max-width:100%; height:auto !important;}
#contact .thr{ padding-bottom:1.5%;}
#contact .thr .form{ margin-top:2.5%;}
#contact .thr .form .list{ width:100%; font-size:0;}
#contact .thr .form .list img{ height:48px; border:1px solid #eee;}
#contact .thr .form .input{ width:32%; height:50px; background:url(img50.png) no-repeat 96%; border:1px solid #e4e4e4; border-radius:4px; padding:0 20px; margin-right:2%;}
#contact .thr .form .input.in{ background:none; margin-right:0;}
#contact .thr .form .input.code{ width:26%;}
#contact .thr .form .text{ width:100%; height:240px; border:1px solid #e4e4e4; border-radius:4px; padding:20px; margin:2% 0;}
#contact .thr .form .sub{ cursor:pointer; background:#162b88; color:#fff; border:none; border-radius:4px; padding:12px 56px;}
#contact .two.mobile{display: none;}
@media (max-width: 750px){
    #contact .two{display: none;}
    #contact .two.mobile{display: block;}
}

/*H5兼容*/
@media only screen and (max-width:1820px){
	.arrow-prev{ width:40px; left:-4%;}
	.arrow-next{ width:40px; right:-4%;}
}

@media only screen and (max-width:1680px){
	#header{ padding:12px 0;}
	#header .logo{ width:200px;}
	#header .phone{ margin-top:0;}
	#header .phone .fz22{ font-size:18px;}
	#header .nav{ margin-top:12px;}
	#header .nav .list{ margin-right:30px;}
	#header .nav .list .Zi1{ font-size:16px;}
	#header .nav .list .two{ padding-top:31px;}
	#header .search{ margin-top:3px;}
	#index .title .fz34{ font-size:30px;}
	#index .title .fz34::before{ width:100px;}
	#index .title .fz34::after{ width:100px;}
	#index .title .fz12{ font-size:10px; margin-top:6px;}
	.Inside .title .fz34{ font-size:30px;}
	.Inside .title .fz34::before{ width:100px;}
	.Inside .title .fz34::after{ width:100px;}
	.Inside .title .fz12{ font-size:10px; margin-top:6px;}
	#index .two .conter .nts .fz16{ line-height:26px; font-size:14px;}
	#index .more{ font-size:12px; padding:12px 28px;}
	#index .more img{ width:24px;}
	#index .thr .img .title{ width:220px; height:220px; padding-top:19%; margin-top:-110px;}
	#join .one .img .title{ width:220px; height:220px; padding-top:19%; margin-top:-110px;}
	#index .four .item .right .its{ padding-bottom:3%; margin-bottom:3%;}
	#about .one .conter .nts{ line-height:24px; font-size:14px;}
	#about .two .item .list .conter .icon{ width:56px;}
	#about .two .item .list .conter .fz26{ font-size:22px;}
	#about .two .item .list .conter .fz14{ line-height:22px; font-size:12px;}
	#products .four .right .name{ font-size:20px;}
	#products .four .right .material{ font-size:14px;}
	#products .four .right .consulting{ font-size:16px;}
	#products .one .top .list{ font-size:16px;}
	#products .one .bot .list{ font-size:14px;}
	#products .two .title .fz18{ font-size:16px;}
	#products .thr .conter .fz30{ font-size:24px;}
	#products .thr .conter .fz14{ line-height:22px; font-size:12px;}
	#products .thr .conter .icon{ width:30px; height:30px;}
	#products .thr .item0 .conter{ padding:2% 2% 0;}
	#products .thr .item1 .conter{ padding:2% 2% 0;}
	#products .thr .item2 .conter{ padding:4% 4% 0;}
}

@media only screen and (max-width:1440px){
	#header{ padding:10px 0;}
	#header .logo{ width:180px;}
	#header .phone{ padding:8px; margin-top:2px;}
	#header .phone .fz22{ font-size:16px;}
	#header .nav .list .Zi1{ font-size:14px;}
	#header .nav .list .two{ line-height:30px; padding-top:26px;}
	#header .nav .list .two .Zi2{ font-size:12px;}
	#index .title .fz34{ font-size:28px;}
	#index .title .fz34::before{ width:90px;}
	#index .title .fz34::after{ width:90px;}
	.Inside .title .fz34{ font-size:28px;}
	.Inside .title .fz34::before{ width:90px;}
	.Inside .title .fz34::after{ width:90px;}
	#info .one .list .fz16{ font-size:14px;}
	#info .one .list .fz14{ height:40px; line-height:20px; font-size:12px;}
	#info .one .list .fz12{ font-size:10px;}
	#info .two .item .list .nts .right .fz30{ font-size:26px;}
	.arrow-prev{ width:36px;}
	.arrow-next{ width:36px;}
	#index .one .item .list .fz16{ font-size:14px; padding:10px;}
	#index .two .conter .img::after{ width:50px; height:50px; margin-top:-25px;}
	#index .thr .img{ top:10%;}
	#index .thr .img .title{ padding-top:23%;}
	#index .thr .item .list{ line-height:32px; font-size:20px;}
	#index .thr .item .list span{ width:32px; height:32px; font-size:14px;}
	#join .one .img{ top:10%;}
	#join .one .img .title{ padding-top:23%;}
	#join .one .item .list{ line-height:32px; font-size:20px;}
	#join .one .item .list span{ width:32px; height:32px; font-size:14px;}
	#index .four .item .list .nts .Zi1{ font-size:12px;}
	#index .four .item .list .nts .fz16{ font-size:14px; margin:3% 0 4%;}
	#index .four .item .list .nts .Zi2{ line-height:22px; height:44px; font-size:12px;}
	#index .four .item .right .its{ padding-bottom:5%; margin-bottom:5%;}
	#index .four .item .right .its .name .fz16{ font-size:14px;}
	#index .four .item .right .its .name .fz22{ font-size:18px;}
	#index .four .item .right .its .fz14{ height:44px; line-height:22px; font-size:12px;}
	#index .five .item .list{ font-size:12px;}
	#join .thr .item .list{ font-size:12px;}
	#index .six .item .list .fz16{ font-size:14px;}
	#index .seven .item .list .fz16{ font-size:14px; margin-top:6px;}
	#about .four .item .list .fz16{ font-size:14px; margin-top:6px;}
	#footer .top .ewm .fz14{ font-size:12px; margin-top:8px;}
	#footer .top .list .fz16{ font-size:14px; margin-bottom:16px;}
	#footer .top .list .fz14{ font-size:12px; margin-bottom:8px;}
	#footer .top .list .fz30{ font-size:26px;}
	#footer .top .list .fz14.nts{ line-height:24px;}
	#footer .top .list .form .input{ height:26px;}
	#footer .top .list .form .text{ height:60px;}
	#footer .conter .fz16{ font-size:14px;}
	#footer .conter .fz14{ font-size:12px;}
	#footer .bot{ font-size:12px;}
	#footer .bot a{ font-size:12px;}
	#case .one .item .list .nts{ padding:16px 0;}
	#case .one .item .list .nts .fz18{ font-size:14px;}
	#case .one .item .list .nts .fz14{ font-size:12px; margin-top:6px;}
	#current a{ font-size:14px;}
	#detail .two .fz22{ font-size:20px;}
	#detail .two .item .swiper-slide .conter .fz18{ font-size:16px;}
	#detail .two .item .swiper-slide .conter .fz14{ font-size:12px; margin-top:4px;}
	#contact .one .list .icon{ width:40px;}
	#contact .one .list .fz18{ font-size:16px;}
	#contact .one .list .fz16{ font-size:14px;}
	#join .two .conter .fz16{ line-height:26px; font-size:14px;}
	#about .two .item .list .conter .icon{ width:50px;}
	#about .two .item .list .conter .fz26{ font-size:18px;}
	#about .two .item .list .conter .fz14{ line-height:18px; font-size:10px;}
	#products .two .item .list .fz16{ font-size:14px; padding:10px;}
	#products .thr .conter .fz30{ font-size:20px;}
}

@media only screen and (max-width:1340px){
	#header .logo{ width:160px;}
	#header .phone{ font-size:12px; padding:6px;}
	#header .phone img{ width:14px;}
	#header .phone .fz22{ font-size:14px;}
	#header .nav{ margin-top:10px;}
	#header .nav .list .two{ padding-top:23px;}
	#header .search{ margin-top:0;}
}

@media only screen and (max-width:1280px){
	#header .nav{ margin-top:10px; margin-right:10px;}
	#header .nav .list{ margin-right:20px;}
	#header .search{ padding:6px;}
	#header .search .input{ width:140px; height:18px; font-size:12px;}
	#header .search .sub{ height:18px;}
	#index .title .fz34{ font-size:26px;}
	#index .title .fz34::before{ width:80px;}
	#index .title .fz34::after{ width:80px;}
	.Inside .title .fz34{ font-size:26px;}
	.Inside .title .fz34::before{ width:80px;}
	.Inside .title .fz34::after{ width:80px;}
	#banner .prev{ width:40px;}
	#banner .next{ width:40px;}
	#banner .hb{ bottom:3% !important;}
	#banner .hb span{ width:8px; height:8px; margin:0 4px !important;}
	.arrow-prev{ width:30px;}
	.arrow-next{ width:30px;}
	#index .one .item .list .fz16{ font-size:12px;}
	#index .two .conter .img::after{ width:40px; height:40px; margin-top:-20px;}
	#index .two .conter .nts .fz16{ line-height:22px; font-size:12px;}
	#index .more{ padding:10px 24px;}
	#index .more img{ width:22px;}
	#index .thr .img .title{ width:200px; height:200px; margin-top:-100px;}
	#index .thr .item .list{ line-height:28px; font-size:18px;}
	#index .thr .item .list span{ width:28px; height:28px; font-size:12px;}
	#join .one .img .title{ width:200px; height:200px; margin-top:-100px;}
	#join .one .item .list{ line-height:28px; font-size:18px;}
	#join .one .item .list span{ width:28px; height:28px; font-size:12px;}
	#index .four .item .right .its{ padding-bottom:4%; margin-bottom:4%;}
	#footer .top .list{ width:8%; margin-right:2%;}
	#footer .top .list .fz16{ font-size:12px; margin-bottom:12px;}
	#footer .top .list .fz14{ font-size:10px; margin-bottom:6px;}
	#footer .top .list .fz14.nts{ line-height:20px;}
	#footer .top .list .fz30{ font-size:22px;}
	#footer .top .list .form .input{ font-size:10px; padding:0 6px;}
	#footer .top .list .form .text{ font-size:10px; padding:6px;}
	#footer .top .list .form .sub{ font-size:12px; padding:8px 0;}
	#join .two .conter .fz16{ line-height:22px; font-size:12px;}
	#about .one .conter .nts{ line-height:22px; font-size:12px;}
	#products .four .right .name{ font-size:18px;}
	#products .four .right .material{ font-size:12px;}
	#products .four .right .consulting{ font-size:14px;}
	#products .one .top .list{ font-size:14px;}
	#products .one .bot .list{ font-size:12px;}
	#products .two .item .list .fz16{ font-size:12px;}
	#products .two .title .fz18{ font-size:14px;}
}

@media only screen and (max-width:1180px){
	#header .logo{ width:140px;}
	#header .phone{ line-height:16px; margin-left:10px;}
	#header .nav{ margin-right:0; margin-top:6px;}
	#header .nav .list{ margin-right:16px;}
	#header .search{ padding:6px; margin-top:0;}
	#header .search .input{ width:120px; height:16px;}
	#header .search .sub{ height:16px;}
}

@media only screen and (max-width:1160px){
	#about .two .item .list .conter{ top:24%;}
	#about .two .item .list .conter .icon{ width:40px;}
	#products .thr .conter .fz30{ font-size:18px;}
	#products .thr .item0 .conter{ padding:1% 1% 0;}
	#products .thr .item0 .conter .fz14{ margin-top:4%;}
	#products .thr .item1 .conter{ padding:1% 1% 0;}
	#products .thr .item2 .conter{ padding:2% 2% 0;}
	#products .thr .conter .icon{ width:26px; height:26px; margin-top:10px;}
}

@media only screen and (max-width:1100px){
	#header .logo{ width:120px;}
	#header .nav .list{ margin-right:12px;}
	#header .phone{ padding:4px; margin-left:6px;}
	#header .phone img{ width:10px; margin-top:-1px;}
	#header .phone .fz22{ font-size:12px;}
	#header .nav .list .two{ padding-top:17px;}
}

@media only screen and (max-width:1024px){
	#header .nav .list{ margin-right:10px;}
	#header .search .input{ width:100px;}
	#index .thr .img .title{ width:180px; height:180px; padding-top:25%; margin-top:-90px;}
	#join .one .img .title{ width:180px; height:180px; padding-top:25%; margin-top:-90px;}
	#index .four .item .list{ width:26%;}
	#index .four .item .right{ width:42%;}
	#index .four .item .right .its .name .fz16{ width:80%;}
	#detail .two .fz22{ font-size:18px;}
}

@media only screen and (max-width: 992px){
	#follow .item{margin-bottom: 1px;}
	#follow .item .ico.phone{border-top-left-radius: 10px;}
	#follow .item:last-child .ico{border-bottom-left-radius: 10px;}
	#follow .item .ico{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 50% auto;}
	#follow .item .ico .fa{_display: none;}
	#follow .item .ico.phone{background-image: url(m-phone.png);}
	#follow .item .ico.sina{background-image: url(m-sina.png);}
	#follow .item .ico.wechat{background-image: url(m-wechat.png);}
	#follow .item .totop .fa{font-size: 25px;display: inline-block;}
}

@media only screen and (max-width:980px){
	.hide-980{display: none;}
	.block-980{display: block;}
	.inline-block-980{display: inline-block;}
	#header .nav{ display:none;}
	#header .search{ display:none;}
	#header .logo{ width:180px;}
	#header .phone{ line-height:18px; font-size:14px; padding:10px;}
	#header .phone .fz22{ font-size:18px;}
	#header .target{ display:block;}
	#header .phone-saerch{ display:block;}
	#info .two .item .list .nts .left .fz16{ font-size:14px;}
	#info .two .item .list .nts .left .fz14{ font-size:12px;}
	#info .two .item .list .nts .right{ width:20%;}
	.arrow-prev{ width:26px; left:-4.5%;}
	.arrow-next{ width:26px; right:-4.5%;}
	#index .two .conter .img{ display:none;}
	#index .two .conter .nts{ width:100%; margin:0;}
	#index .two .conter .nts .more.video{ display:inline-block;}
	#index .four .item .list{ width:48%;}
	#index .four .item .list .img{ height:34vw;}
	#index .four .item .right{ width:100%; margin-top:4%;}
	#index .four .item .right .its .fz14{ height:auto;}
	#index .six .item .list .fz16{ font-size:12px;}
	#index .seven .item .list .fz16{ font-size:12px;}
	#about .four .item .list .fz16{ font-size:12px;}
	#footer .top .list{ display:none;}
	#footer .top .list.in{ width:36%; display:block;}
	#footer .top .list.fr{ width:26%; display:block;}
	#footer .top .phone-list{ display:block;}
	#current a{ font-size:12px;}
	#detail .two .item .swiper-slide .conter .fz18{ font-size:14px;}
	#contact .one .list .icon{ width:30px;}
	#contact .one .list .fz18{ font-size:14px;}
	#contact .one .list .fz16{ font-size:12px;}
	#join .two .img{ margin-top:10%;}
	#about .two .item .list .conter{ width:90%;}
	#products .thr .item0 .img{ width:100%; text-align:center;}
	#products .thr .item0 .img img{ width:96%;}
	#products .thr .item0 .img.in{ display:none;}
	#products .thr .item0 .conter{ width:100%; padding:2%;}
	#products .thr .item1 .img{ width:100%; text-align:center;}
	#products .thr .item1 .img img{ width:96%;}
	#products .thr .item1 .conter{ width:100%; padding:2%;}
	#products .thr .item1 .conter .fz14{ margin-top:1.5%;}
	#products .thr .item2{ width:100%;}
	#products .thr .item2 .img{ width:100%; text-align:center;}
	#products .thr .item2 .img img{ width:96%;}
	#products .thr .item2 .conter{ width:100%; padding:2%;}
}

@media only screen and (max-width:860px){
	#index .thr .item .list{ line-height:24px; font-size:16px;}
	#index .thr .item .list span{ width:24px; height:24px; font-size:10px;}
	#index .thr .img .title{ width:160px; height:160px; margin-top:-80px;}
	#join .one .item .list{ line-height:24px; font-size:16px;}
	#join .one .item .list span{ width:24px; height:24px; font-size:10px;}
	#join .one .img .title{ width:160px; height:160px; margin-top:-80px;}
}

@media only screen and (max-width:760px){
	.cw1600{ width:94%;}
	#header{ padding:4px 0;}
	#header .logo{ width:160px;}
	#header .phone{ line-height:14px; font-size:12px; padding:8px; margin-top:3px;}
	#header .phone .fz22{ font-size:14px;}
	#header .target{ width:36px; margin-top:2px;}
	#phone-nav .list{ font-size:16px; padding:12px 0;}
	#banner{ display:none;}
	#phone-banner{ display:block;}
	#about .thr .year{font-size: 20px;}
	#about .thr .development td{padding: 10px;}
	#about .thr .line{width: 75px;}
	#about .thr .item.left .year{left: -120px;}
	#about .thr .item.right .year{right: -120px;}
	#info .one{ display:none;}
	#info .two{ display:none;}
	#info .two.phone{ display:block;}
	#contact .thr .form .list img{ height:44px;}
	#contact .thr .form .input{ height:46px; font-size:12px; padding:0 10px;}
	#contact .thr .form .text{ height:120px; font-size:12px; padding:10px;}
	#contact .thr .form .sub{ height:46px; font-size:14px;}
	#index .one{ padding:2.4% 0 7%;}
	#index .one .item .list{ width:49%;}
	.arrow-prev{ width:40px; left:40%; top:auto; bottom:-8%;}
	.arrow-next{ width:40px; right:40%; top:auto; bottom:-8%;}
	#index .thr{ padding:6% 0;}
	#index .thr .img{ width:220px; position:relative; top:auto; margin-top:5%;}
	#index .thr .img .title{}
	#join .one{ padding:6% 0;}
	#join .one .img{ width:220px; position:relative; top:auto; margin-top:5%;}
	#join .one .img .title{}
	#index .five .item .list{ font-size:10px;}
	#index .five .item .list .icon{ margin-bottom:6px;}
	#join .thr .item .list{ font-size:10px;}
	#join .thr .item .list .icon{ margin-bottom:6px;}
	#index .six .item .list{ width:50%;}
	#index .six .item .list .icon{ height:10vw;}
	#index .seven .item .list{ width:50%; padding: 0px;	}
	#index .seven .item .list .img{ height:30vw;}
	#index .seven .item .list .img a{ height:30vw;}
	#about .four .item .list{ width:50%;}
	#about .four .item .list .img{ height:30vw;}
	#about .four .item .list .img a{ height:30vw;}
	#footer .top .ewm{ width:24%;}
	#footer .top .phone-list .fz14{ font-size:12px;}
	#footer .top .list.fr{ display:none;}
	#footer .conter{ padding:2% 0;}
	#footer .conter .fz16{ font-size:14px;}
	#footer .conter .fz14{ font-size:12px;}
	#detail .two .fz22{ font-size:16px;}
	#join .two .img{ display:none;}
	#join .two .conter{ width:100%;}
	#join .two .conter .title{ text-align:center; padding:0;}
	#join .two .conter .fz16{ margin-top:2%;}
	#about .one .conter .nts{ width:100%;}
	#about .one .img{ display:none;}
	#about .two .item .list .conter{ top:14%;}
	#about .two .item .list .conter .icon{ width:36px;}
	#about .two .item .list .conter .fz26{ font-size:16px;}
	#about .five .item .list.nt1{ width:100%; margin-bottom:2%;}
	#about .five .item .list.nt2{ width:48.5%; margin:0 2% 0 0;}
	#about .five .item .list.nt3{ width:49.2%;}
	#about .five .item .list.margin{ margin-top:2%;}
	#products .four .right .name{ font-size:16px;}
	#products .four .right .material{ font-size:10px;}
	#products .four .right .consulting{ font-size:12px;}
	#products .four .right .img .hb span{ width:6px; height:6px;}
	#products .one .top{ display:none;}
	#products .one .bot{ display:none;}
	#products .one .phone-select{ display:block;}
	#products .two .item .list{ width:49%;}
	#products .two .item .list .img{ height:58vw;}
	#products .two .item .list.in{ margin-right:2%;}
	#products .two .item .list.in2{ margin-right:0;}
	#products .two .item .list.top{ margin-top:2%;}
	#products .two .item .list.top2{ margin-top:0;}
	#products .two .title{ margin-bottom:6%;}
	#about .two .item .list .conter .fz14{ opacity:1;}
}

@media only screen and (max-width:640px){
	#info .two .item .list .nts .left .fz16{ font-size:12px;}
	#info .two .item .list .nts .left .fz14{ height:32px; line-height:16px; font-size:10px;}
	#info .two .item .list .nts .right .fz30{ font-size:20px;}
	#info .two .item .list .nts .right .fz12{ font-size:10px;}
	#index .title .fz34{ font-size:24px;}
	#index .title .fz34::before{ width:70px;}
	#index .title .fz34::after{ width:70px;}
	.Inside .title .fz34{ font-size:24px;}
	.Inside .title .fz34::before{ width:70px;}
	.Inside .title .fz34::after{ width:70px;}
	.arrow-prev{ width:36px;}
	.arrow-next{ width:36px;}
	#index .thr .item{ padding:0;}
	#join .one .item{ padding:0;}
	#footer .top .phone-list{ width:20%;}
	#footer .top .list .fz30{ font-size:18px;}
	#case .one .item{ display:none;}
	#case .one .item.phone{ display:block;}
	#detail .two{ padding-bottom:6%;}
	#detail .two .item .swiper-slide{ width:48%;}
	#contact .one .list{ width:50%; padding:0 5%; margin:2% 0;}
	#contact .one .list::before{ display:none;}
	#about .two .item .list{ width:100%;}
	#about .two .item .list .conter{ top:30%;}
	#about .two .item .list .conter .fz26{ font-size:20px;}
	#about .two .item .list .conter .fz14{ line-height:22px; font-size:12px;}
	#case .one .item .list .img{ width:100%; overflow:hidden; height:180px}
}

@media only screen and (max-width:560px){
	#products .four .left{ width:100%;}
	#products .four .right{ width:100%; margin-bottom:3%;}
}

@media only screen and (max-width:460px){
	#header .logo{ width:110px;}
	#header .phone{ line-height:12px; font-size:10px; padding:6px; margin-top:2px; margin-left:6px;}
	#header .phone img{ width:10px;}
	#header .phone .fz22{ font-size:12px;}
	#header .target{ width:24px;}
	#phone-nav .list{ font-size:14px; padding:10px 0;}
	#info .two .item .list .nts .left .fz16{ font-size:10px;}
	#info .two .item .list .nts .left .fz14{ height:28px; line-height:14px; font-size:8px;}
	#info .two .item .list .nts .right .fz30{ font-size:16px;}
	#info .two .item .list .nts .right .fz12{ font-size:8px;}
	#contact .thr .form .list img{ height:38px;}
	#contact .thr .form .input{ width:100%; height:40px; font-size:10px; padding:0 8px; margin-bottom:2%;}
	#contact .thr .form .input.in{ margin-bottom:0;}
	#contact .thr .form .text{ height:80px; font-size:10px; padding:8px;}
	#contact .thr .form .sub{ width:100%; height:40px; font-size:12px;}
	#index .title .fz34{ font-size:22px;}
	#index .title .fz34::before{ width:64px;}
	#index .title .fz34::after{ width:64px;}
	#index .title .fz12{ margin-top:2px;}
	.Inside .title .fz34{ font-size:22px;}
	.Inside .title .fz34::before{ width:64px;}
	.Inside .title .fz34::after{ width:64px;}
	.Inside .title .fz12{ margin-top:2px;}
	.arrow-prev{ width:26px;}
	.arrow-next{ width:26px;}
	#index .more{ padding:8px 20px;}
	#index .thr .item .list{ line-height:20px; font-size:14px;}
	#index .thr .item .list span{ width:20px; height:20px; font-size:8px; margin-right:8px;}
	#join .one .item .list{ line-height:20px; font-size:14px;}
	#join .one .item .list span{ width:20px; height:20px; font-size:8px; margin-right:8px;}
	#index .four .item .list .nts .Zi1{ font-size:10px;}
	#index .four .item .list .nts .fz16{ font-size:12px;}
	#index .four .item .list .nts .Zi2{ height:36px; line-height:18px; font-size:10px;}
	#index .four .item .right .its .name{ background:url(img17.png) no-repeat 1.2% center; background-size:1.2%;}
	#index .four .item .right .its .name .fz16{ font-size:12px;}
	#index .four .item .right .its .name .fz22{ font-size:14px;}
	#index .four .item .right .its .fz14{ line-height:18px; font-size:10px; margin-top:6px;}
	#index .five .item .list{ width:16%; margin:2% 6%;}
	#index .five .item .line{ display:none;}
	#join .thr .item .list{ width:16%; margin:2% 6%;}
	#join .thr .item .line{ display:none;}
	#footer .top .ewm{ width:30%;}
	#footer .top .ewm .fz14{ font-size:10px;}
	#footer .top .list .fz30{ font-size:16px;}
	#footer .top .phone-list .fz14{ font-size:10px;}
	#footer .top .list .fz14.nts{ line-height:16px;}
	#footer .top .list.in{ width:43%;}
	#footer .conter .fz16{ font-size:12px;}
	#footer .conter .fz14{ font-size:10px;}
	#footer .bot{ font-size:10px; padding:2% 0;}
	#footer .bot a{ font-size:10px;}
	#case .one .item .list .nts .fz18{ font-size:12px;}
	#case .one .item .list .nts .fz14{ font-size:10px;}
	#detail .two .fz22{ font-size:14px;}
	#contact .one .list .fz18{ font-size:12px;}
	#contact .one .list .fz16{ font-size:10px;}
	#about .one .conter .nts{ line-height:20px; font-size:12px;}
	#products .two .title .fz18{ font-size:12px; padding-right:4%;}
	#video video{ width:90%;}
	#header .phone-saerch{ font-size:20px; margin-top:3px;}
	#phone-search{ padding:4px 12px;}
	#phone-search .input{ height:24px; font-size:12px;}
	#phone-search .sub{ font-size:16px; margin-top:3px;}
}

@media only screen and (max-width:380px){
	#info .two .item .list .nts .right .fz30{ font-size:14px;}
	#index .one .item .list .fz16{ font-size:10px; padding:6px;}
	#products .two .item .list .fz16{ font-size:10px; padding:6px;}
}

@media only screen and (max-width:360px){
	#header .logo{ width:100px;}
	#header .phone{ line-height:10px; font-size:8px; padding:5px; margin-top:3px;}
	#header .phone img{ width:8px;}
	#header .phone .fz22{ font-size:10px;}
	#header .target{ width:22px;}
	#index .title .fz34{ font-size:20px;}
	#index .title .fz34::before{ width:60px;}
	#index .title .fz34::after{ width:60px;}
	.Inside .title .fz34{ font-size:20px;}
	.Inside .title .fz34::before{ width:60px;}
	.Inside .title .fz34::after{ width:60px;}
	#index .thr .item .list{ width:100%; text-align:center !important; margin-bottom:5% !important;}
	#join .one .item .list{ width:100%; text-align:center !important; margin-bottom:5% !important;}
	#about .two .item .list .conter{ top:20%;}
	#footer .top .list .fz30{ font-size:14px;}
}

@media only screen and (max-width:320px){
	#header .phone-saerch{ margin-left:10px;}
}