@charset "utf-8";
.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;}

/*新站*/
#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;}
.main{ width:90%; max-width:1728px; margin:0 auto;}

/*公告样式*/
a:hover{color:#0769a9;}
.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(/static/images/global/loader.svg) no-repeat center 40% / auto auto;}

/*字体*/
.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%;}
#header{ width:100%; max-width:1920px; min-width:320px; background:#fff; position:fixed; top:0; left:0; right:0; z-index:6; margin:0 auto;}
#header .logo{ width:364px; margin-top:16px;}
#header .logo img{ width:100%;}
#header .search{ width:200px; height:28px; border:1px solid #eee; border-radius:20px; padding:0 14px; margin-top:30px;}
#header .search .input{ width:80%; height:26px; border:none;}
#header .search .sub{ width:10px; height:26px; cursor:pointer; background:url(/images/img1.png) no-repeat center;}
#header .nav{ margin-right:76px;}
#header .nav .list{ position:relative; margin-left:60px;}
#header .nav .list .Zi1{ width:66px; text-align:center; color:#666; position:relative; padding:32px 0;}
#header .nav .list .Zi1::before{ width:100%; height:4px; display:none; background:#0769a9; position:absolute; bottom:0; left:0; z-index:2; content:'';}
#header .nav .list .two{ width:150px; display:none; background:#fff; position:absolute; left:0; top:83px; z-index:2; padding:0 20px;}
#header .nav .list .two .fz12{ width:100%; background:url(/images/img31.png) no-repeat right center; border-top:1px solid #e5e5e5; padding:10px 0;}
#header .nav .list .two .fz12.in{ border-top:none;}
#header .nav .list:hover .two{ display:block;}
#header .nav .list.in{ margin-left:0;}
#header .nav .list.on .Zi1::before{ display:inline-block;}
#header .nav .list.on .Zi1{ color:#0769a9;}

/*手机导航*/
#header .phone-nav{ display:none;}
#header .phone-nav .target{ width:42px; height:42px; cursor:pointer; background:url(/images/img62.png) no-repeat center; background-size:100%;}
#header .phone-nav .target.on{ background:url(/images/img63.png) no-repeat center; background-size:84%;}
#header .phone-nav .item{ width:100%; max-width:1920px; min-width:320px; text-align:center; display:none; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:6; margin:0 auto;}
#header .phone-nav .item .list{ width:100%; color:#fff; border-bottom:1px solid #ccc; padding:20px 0;}

/*广告样式*/
#banner{ width:100%; overflow:hidden; position:relative;}
#banner .db{ width:100%;}
#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:20px !important; z-index:2; margin:0 auto;}
#banner .hb span{ width:10px; height:10px; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:1px solid #fff; border-radius:50%; margin:0 5px !important;}
#banner .hb span.swiper-pagination-bullet-active{ background:#0769a9; border-color:#0769a9;}

/*手机版广告样式*/
#phone-banner{ width:100%; display:none; overflow:hidden; position:relative;}
#phone-banner .db{ width:100%;}
#phone-banner .db a{ width:100%;}
#phone-banner .db a img{ width:100%;}

/*视频展示*/
#video{ width:100%; display:none; position:fixed; top:20%; left:0; right:0; z-index:6;}
#video::before{ width:100%; height:100%; background:rgba(0,0,0,.6); position:fixed; top:0; left:0; right:0; z-index:2; margin:0 auto; content:'';}
#video .shutdown{ width:90%; max-width:600px; text-align:right; position:relative; z-index:3; margin:0 auto;}
#video .shutdown span{ cursor:pointer; font-size:26px; color:#fff;}
#video .ifem{ width:90%; max-width:600px; height:400px; position:relative; z-index:3; margin:0 auto;}
#video .ifem iframe{ width:100% !important; height:100% !important;}
#video.on{ display:block;}

/*底部样式*/
#footer{ width:100%;}
#footer .top{ width:100%; background:#f3f3f3; padding:4.2% 0 3.6%;}
#footer .top .main{ background:url(/images/img29.png) no-repeat 11% center; background-size:contain;}
#footer .top .main .left{ width:20.3%;}
#footer .top .main .left .fz22{ width:100%; color:#333;}
#footer .top .main .left .fz16{ width:100%; color:#333; opacity:0.6; margin-top:2%;}
#footer .top .main .left .fz24{ width:100%; line-height:24px; background:url(/images/img30.png) no-repeat left center; background-size:7.5%; color:#008fd5; font-weight:bold; padding-left:10%; margin:14.3% 0 6.9%;}
#footer .top .main .left .fz14{ width:100%; line-height:32px; opacity:0.6; color:#333;}
#footer .top .main .right{}
#footer .top .main .right .list{ width:100px; margin-right:170px;}
#footer .top .main .right .list .fz16{ width:100%; color:#666; margin-bottom:20px;}
#footer .top .main .right .list .fz12{ width:100%; margin-bottom:14px;}
#footer .top .main .right .list .fz12 a{ color:#666;}
#footer .top .main .right .list .fz12 a:hover{ color:#0769a9;}
#footer .top .main .right .ewm{ text-align:center;}
#footer .top .main .right .ewm .img{ width:100px; height:100px; background:#eaeaea; border-radius:5px; padding:5px;}
#footer .top .main .right .ewm .img img{ width:100%;}
#footer .top .main .right .ewm .fz12{ color:#999; margin-top:10px;}
#footer .top .main .phone-right{ width:50px; text-align:right; line-height:30px; display:none;}
#footer .top .main .phone-right .list{ width:100%; color:#666;}
#footer .bot{ width:100%; text-align:center; background:#e7e7e7; color:#333; padding:1.1% 0;}
#footer .bot a{ color:#333;}

/*首页样式*/
#index{ width:100%;}
#index .title{ width:100%; text-align:center;}
#index .title .fz30{ color:#0769a9;}
#index .title .fz18{ text-transform:uppercase; color:#999; margin-top:0.5%;}
#index .one{ width:100%; background:#f8f8f8; padding:4% 0 4.6%;}
#index .one .Zi1{ width:100%; line-height:30px; color:#666; margin:1.6% 0 1.2%;}
#index .one .Zi1.in{ text-align:center; margin:2.4% 0 1.9%;}
#index .one .Zi2{ text-align:center;}
#index .one .Zi2 .fz16{ width:145px; height:45px; line-height:45px; text-align:center; color:#0769a9; border:1px solid #0769a9;}
#index .one .Zi2 .icon{ width:50px; height:45px; background:#0769a9 url(/images/img6.png) no-repeat center;}
#index .one .item{ width:100%; height:330px; background:url(/images/img5.jpg) no-repeat center; background-size:100% 100%;}
#index .one .item .list{ width:33.33%; padding:4.1% 2.3% 0;}
#index .one .item .list .fz22{ width:100%; height:46px; line-height:46px; background-size:10.8% !important; color:#fff; padding-left:12%;}
#index .one .item .list .conter{ width:100%; line-height:24px; text-align:justify; color:#fff; margin-top:5%;}
#index .one .item .list.n1 .fz22{ background:url(/images/img2.png) no-repeat left center;}
#index .one .item .list.n2 .fz22{ background:url(/images/img3.png) no-repeat left center;}
#index .one .item .list.n3 .fz22{ background:url(/images/img4.png) no-repeat left center;}
#index .two{ width:100%; padding:4.7% 0; background:#f8f8f8;}
#index .two .item{ width:100%; position:relative; margin-top:2.8%;}
#index .two .item .prev{ width:14px; height:25px; background:url(/images/img8.png) no-repeat center; background-size:cover !important; position:absolute; left:3.125%; top:50%; z-index:2; margin-top:-12px;}
#index .two .item .next{ width:14px; height:25px; background:url(/images/img9.png) no-repeat center; background-size:cover !important; position:absolute; right:3.125%; top:50%; z-index:2; margin-top:-12px;}
#index .two .item .prev.swiper-button-disabled{ background:url(/images/img10.png) no-repeat center;}
#index .two .item .next.swiper-button-disabled{ background:url(/images/img11.png) no-repeat center;}
#index .two .item .last{}
#index .two .item .last .list{ width:23%; text-align:center; cursor:pointer; margin:0 1%;}
#index .two .item .last .list .img{ width:100%; background-size:62% !important;}
#index .two .item .last .list .img img{ width:100%;}
#index .two .item .last .list .fz16{ color:#666; margin-top:5%;}
#index .two .item .honor-img{ width:100%; height:100%; text-align:center; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:8;}
#index .two .item .honor-img img{ max-width:80%; max-height:80%; margin:5% auto;}
#index .two .item .honor-img span{ cursor:pointer; font-size:30px; color:#fff; position:fixed; top:2%; right:2%; z-index:9;}
#index .thr{ width:100%; background:#f8f8f8; padding:4.5% 0 5%;}
#index .thr .Zi1{ width:100%; text-align:center; margin:1.7% 0 2.5%;}
#index .thr .item{}
#index .thr .item .last{ width:32%; background:#fff; border:1px solid #eee; padding:4px; margin-left:2%;}
#index .thr .item .last .picpath{ width:100%; position:relative;}
#index .thr .item .last .picpath .prev{ width:36px; position:absolute; left:0; top:50%; z-index:2; margin-top:-30px;}
#index .thr .item .last .picpath .next{ width:36px; position:absolute; right:0; top:50%; z-index:2; margin-top:-30px;}
#index .thr .item .last .picpath .list{ width:100%; position:relative;}
#index .thr .item .last .picpath .list .img{ width:100%;}
#index .thr .item .last .picpath .list .img img{ width:100%;}
#index .thr .item .last .picpath .list .fz14{ width:100%; background:rgba(0,0,0,.6); color:#fff; position:absolute; left:0; bottom:0; z-index:2; padding:2%;}
#index .thr .item .last .conter{ width:100%; text-align:center; padding:4.4% 0 4.8%;}
#index .thr .item .last .conter .fz18{ color:#0769a9; position:relative;}
#index .thr .item .last .conter .fz18::before{ width:38px; height:1px; background:#0769a9; position:absolute; left:-48px; top:50%; z-index:2; content:'';}
#index .thr .item .last .conter .fz18::after{ width:38px; height:1px; background:#0769a9; position:absolute; right:-48px; top:50%; z-index:2; content:'';}
#index .thr .item .last .conter .fz16{ width:90%; height:48px; line-height:24px; overflow:hidden; color:#676767; margin-top:3.3%;}
#index .thr .item .last.in{ margin-left:0;}
#index .four{ width:100%; background:url(/images/img16.jpg) no-repeat center; background-size:cover; position:relative; padding:6.8% 0 4.2%;}
#index .four .item{ width:100%; _max-width:1240px; position:relative;  margin:0 auto;}
#index .four .item .swiper-wrapper{ perspective:1000px;}
#index .four .item .swiper-wrapper .list{ width:670px; opacity:0 !important; position:relative; transform-style:preserve-3d;}
#index .four .item .swiper-wrapper .list .img{ width:100%; height:374px; perspective:1000px; padding:8px;}
#index .four .item .swiper-wrapper .list .img img{ width:100%; height:100%; transform-style: preserve-3d;}
#index .four .item .swiper-wrapper .list .fz18{ width:100%; text-align:center; display:none; color:#666; margin-top:3.6%;}
#index .four .item .swiper-wrapper .list::before{ width:100%; height:100%; background:rgba(255,255,255,.3); position:absolute; top:0; z-index:2; content:'';}
#index .four .item .swiper-wrapper .list.swiper-slide-active{ opacity:1 !important;}
#index .four .item .swiper-wrapper .list.swiper-slide-active::before{ display:none;}
#index .four .item .swiper-wrapper .list.swiper-slide-active .img{ background:#fff;}
#index .four .item .swiper-wrapper .list.swiper-slide-active .fz18{ display:block;}
#index .four .item .swiper-wrapper .list.LeftSwicth{ opacity:1 !important;}
#index .four .item .swiper-wrapper .list.LeftSwicth .img img{ height:360px; transform:scale(0.8) rotateY(30deg);}
#index .four .item .swiper-wrapper .list.LeftSwicth::before{ left:9.6%;}
#index .four .item .swiper-wrapper .list.RightSwicth{ opacity:1 !important;}
#index .four .item .swiper-wrapper .list.RightSwicth .img img{ height:360px; transform:scale(0.8) rotateY(-30deg);}
#index .four .item .swiper-wrapper .list.RightSwicth::before{ right:9.6%;}
#index .four .phone-item{ width:86%; max-width:640px; display:none; position:relative; margin:0 auto;}
#index .four .phone-item .prev{ width:10px; position:absolute; left:-5%; top:50%; z-index:2; margin-top:-9px;}
#index .four .phone-item .prev img{ width:100%;}
#index .four .phone-item .next{ width:10px; position:absolute; right:-5%; top:50%; z-index:2; margin-top:-9px;}
#index .four .phone-item .next img{ width:100%;}
#index .four .phone-item .list{ width:100%; text-align:center;}
#index .four .phone-item .list .img{ width:100%;}
#index .four .phone-item .list .img img{ width:100%;}
#index .four .phone-item .list .fz12{ width:100%; color:#333; margin-top:2%;}
#index .five{ width:100%; background:#f8f8f8 url(/images/img18.jpg) no-repeat top center; background-size:contain; padding-top:4%;}
#index .five .title .fz30{ color:#0769a9;}
#index .five .title .fz18{ color:#999;}
#index .five .Zi1{ width:90%; text-align:center; color:#fff; margin:2.8% auto 4.4%;}
#index .five .item{ background:#fff; box-shadow:0 15px 10px -1px #eee; padding:2.6% 2.1%;}
#index .five .item .last{ width:48%; background:#fff; box-shadow:0 15px 20px -1px #f5f5f5; position:relative; perspective:1000px;}
#index .five .item .last .img{ width:100%;}
#index .five .item .last .img img{ width:100%;}
#index .five .item .last .conter{ width:100%; padding:3.2%;}
#index .five .item .last .conter .fz22{ width:100%; color:#0769a9; position:relative; padding-bottom:2.8%;}
#index .five .item .last .conter .fz22::before{ width:30px; height:4px; background:#0769a9; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#index .five .item .last .conter .its{ width:100%; height:52px; line-height:26px; overflow:hidden; margin-top:4%;}
#index .five .item .last .conter .its ul{ width:100%; height:26px;}
#index .five .item .last .conter .its .list{ width:40%;}
#index .five .item .last .conter .its .list.in{ border-right:1px solid #ccc; margin-right:10%;}
#index .five .item .last .conter .its .list span{ display:inline-block; color:#666; margin-left:2%;}
#index .five .item .last:hover{ background:#f8f8f8;}
#index .six{ width:100%; background:#f8f8f8; padding:4.4% 0;}
#index .six .category{ width:100%; height:16px; line-height:16px; text-align:center; margin:1.8% 0 3.7%;}
#index .six .category::before{ width:57px; height:13px; display:inline-block; background:url(/images/img21.png) no-repeat center; background-size:cover; margin-right:20px; content:'';}
#index .six .category::after{ width:57px; height:13px; display:inline-block; background:url(/images/img22.png) no-repeat center; background-size:cover; margin-left:20px; content:'';}
#index .six .category .list{ color:#666; margin:0 1%;}
#index .six .category .list.on{ color:#0769a9;}
#index .six .category .list:hover{ color:#0769a9;}
#index .six .item{ width:100%; position:relative;}
#index .six .item .prev{ width:14px; height:25px; background:url(/images/img8.png) no-repeat center; background-size:cover !important; position:absolute; left:3.125%; top:22%; z-index:2; margin-top:-12px;}
#index .six .item .next{ width:14px; height:25px; background:url(/images/img9.png) no-repeat center; background-size:cover !important; position:absolute; right:3.125%; top:22%; z-index:2; margin-top:-12px;}
#index .six .item .prev.swiper-button-disabled{ background:url(/images/img10.png) no-repeat center;}
#index .six .item .next.swiper-button-disabled{ background:url(/images/img11.png) no-repeat center;}
#index .six .item .last{}
#index .six .item .last .list{ width:30%; text-align:center; vertical-align:top; margin:0 1.5%;}
#index .six .item .last .list .fz16{ width:100%; color:#353535;}
#index .six .item .last .list .fz14{ width:90%; height:58px; line-height:26px; overflow:hidden; color:#666; margin:4% 0 6.6%;}
#index .six .item .last .list .fz12{ color:#757575;}
#index .six .item .last .list:hover .fz16{ color:#0769a9;}
#index .six .item .last .hb{ width:100%; text-align:center; margin:3% 0;}
#index .six .item .last .hb span{ width:12px; height:12px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border:1px solid #ccc; border-radius:50%; margin:0 0.3% !important;}
#index .six .item .last .hb span.swiper-pagination-bullet-active{ background:#0769a9; border-color:#0769a9;}
#index .six .item .last .more{ width:180px; height:52px; line-height:52px; text-align:center; display:block; color:#a5a5a5; border:1px solid #e5e5e5; margin:0 auto;}
#index .seven{ width:100%; background:url(/images/img28.jpg) no-repeat center; background-size:cover; padding:7.8% 0 7.1%;}
#index .seven .list{ width:18.5%; text-align:center; vertical-align:top; margin-left:1.875%;}
#index .seven .list .icon{ width:25%;}
#index .seven .list .icon img{ width:100%;}
#index .seven .list .fz44{ width:100%; color:#0769a9; font-weight:bold; margin:6% 0 3.1%;}
#index .seven .list .fz22{ color:#333;}
#index .seven .list .fz16{ height:40px; line-height:20px; color:#666; margin-top:3.1%;}
#index .seven .list.in{ margin-left:0;}
#index .seven .list .fz16.left{ text-align:left;}

/*内页样式*/
.inside{}
.inside .title{ width:100%; text-align:center;}
.inside .title .fz30{ color:#0769a9;}
.inside .title .fz18{ text-transform:uppercase; color:#999; margin-top:8px;}

/*分类栏目*/
#InsideCategory{ width:100%; background:#fff;}
#InsideCategory .item .list{ color:#666; position:relative; padding:1% 4.6%;}
#InsideCategory .item .list::before{ width:1px; height:16px; background:#ccc; position:absolute; left:0; top:50%; z-index:2; margin-top:-8px; content:'';}
#InsideCategory .item .list.in::before{ display:none;}
#InsideCategory .item .list.on{ background:#0769a9; color:#fff;}
#InsideCategory .item .list.on::before{ display:none;}

/*分类栏目-手机版*/
#InsideCategory .phone-item{ width:100%; text-align:center; text-align-last:center; display:none; background:#f8f8f8 url(/images/img64.png) no-repeat 96% center; font-size:16px; border:1px solid #ccc; padding:2% 0;}

/*加载更多*/
#LoadMore{}
#LoadMore .click-load{ width:100%; text-align:center; cursor:pointer; background:#f2f2f2; padding:1.8% 0; margin-top:4.4%;}
#LoadMore .click-load img{ width:1.6%;}

/*推荐新闻*/
#RecommendedInfo{ width:24.8%;}
#RecommendedInfo .fz22{ width:100%; color:#0769a9;}
#RecommendedInfo .last{ width:100%; margin-top:8.4%;}
#RecommendedInfo .last .list{ width:100%; position:relative; margin-bottom:5%;}
#RecommendedInfo .last .list .img{ width:100%;}
#RecommendedInfo .last .list .img img{ width:100%;}
#RecommendedInfo .last .list .fz16{ width:100%; color:#fff; position:absolute; left:0; bottom:7%; z-index:2; padding:0 4.6%;}

/*内页导航*/
#InsideMenu{ width:100%;}
#InsideMenu::before{ width:100%; height:100%; display:none; background:rgba(0,0,0,.4) repeat; position:absolute; left:0; top:0; z-index:6; content:'';}
#InsideMenu .target{ cursor:pointer; background:url(/images/img46.png) no-repeat left center; background-size:22px; color:#fff; position:absolute; right:2.1%; top:6%; z-index:3; padding-left:30px;}
#InsideMenu .nav{ width:300px; height:100%; overflow:auto; background:#fff; position:absolute; right:-100%; top:0; z-index:7;}
#InsideMenu .nav .menu{ width:100%; padding:40px;}
#InsideMenu .nav .menu .fz16{ background:url(/images/img58.png) no-repeat left center; background-size:22px; color:#333; padding-left:30px;}
#InsideMenu .nav .menu .shutdown{ width:18px; cursor:pointer;}
#InsideMenu .nav .menu .shutdown img{ width:100%;}
#InsideMenu .nav .list{ width:100%; border-top:1px solid #eee;}
#InsideMenu .nav .list .Zi1{ width:100%; color:#666; padding:30px 50px;}
#InsideMenu .nav .list .Zi1 img{ margin-right:20px;}
#InsideMenu .nav .list:hover .Zi1{ color:#0769a9;}
#InsideMenu.on::before{ display:block;}

/*内页栏目*/
#InsideCategoryTwo{ width:100%; position:absolute; top:5%; left:0; z-index:2; padding:0 2.1%;}
#InsideCategoryTwo .item .list{ color:#fff; padding:0.4% 1.6%; margin-right:1%;}
#InsideCategoryTwo .item .list.on{ background:#0769a9;}
#InsideCategoryTwo .phone-item{ width:40%; text-align:center; text-align-last:center; display:none; background:#fff url(/images/img64.png) no-repeat 92% center; background-size:5%; color:#333; font-size:12px; border:1px solid #fff; border-radius:6px; padding:2% 0;}

/*相关新闻*/
#RelatedInfo{ width:100%; margin-top:4.2%;}
#RelatedInfo .fz22{ width:100%; color:#0769a9;}
#RelatedInfo .item{ width:100%; margin-top:2.2%;}
#RelatedInfo .item .RelatedInfo-left{ width:46.3%;}
#RelatedInfo .item .RelatedInfo-left .time{ text-align:center; background:#eee; padding:2.2%;}
#RelatedInfo .item .RelatedInfo-left .time .fz32{ color:#666; font-weight:bold;}
#RelatedInfo .item .RelatedInfo-left .time .fz16{ color:#666; margin-top:4%;}
#RelatedInfo .item .RelatedInfo-left .conter{ width:80.5%;}
#RelatedInfo .item .RelatedInfo-left .conter .fz22{ width:100%; color:#333;}
#RelatedInfo .item .RelatedInfo-left .conter .fz16{ width:100%; max-height:84px; line-height:28px; overflow:hidden; color:#666; margin-top:4.5%;}
#RelatedInfo .item .RelatedInfo-left:hover .conter .fz22{ color:#0769a9;}
#RelatedInfo .item .RelatedInfo-right{ width:40%;}
#RelatedInfo .item .RelatedInfo-right .list{ width:100%; border-bottom:1px solid #ccc; padding:2.1% 0;}
#RelatedInfo .item .RelatedInfo-right .list .Zi1{ width:76%; color:#666;}
#RelatedInfo .item .RelatedInfo-right .list .Zi2{ opacity:0.6; color:#666;}
#RelatedInfo .item .RelatedInfo-right .list:hover .Zi1{ color:#0769a9;}

/*右侧留言*/
#RightFeedback{ width:27.7%; background:#fff; padding:1.7%;}
#RightFeedback .fz22{ width:100%; color:#333;}
#RightFeedback .form{ width:100%; margin-top:6%;}
#RightFeedback .form .input{ width:100%; height:46px; border:1px solid #e0e0e0; padding:0 2.4%; margin-bottom:5%;}
#RightFeedback .form .text{ width:100%; height:220px; border:1px solid #e0e0e0; padding:2.4%; margin-bottom:5%;}
#RightFeedback .form .sub{ background:#0769a9; color:#fff; padding:3% 13%;}

/*关于我们*/
#about{ width:100%;}
#about .one{ width:100%; background:url(/images/banner2.jpg) no-repeat center; background-size:cover; padding:7.5% 0 4%;}
#about .one .title{ margin-bottom:24px;}
#about .one .title .fz30{ color:#fff;}
#about .one .title .fz18{ color:#fff;}
#about .one .Zi1{ width:100%; line-height:30px; color:#fff;}
#about .one .Zi1.in{ text-align:center;}
#about .one .item{ width:100%; height:330px; background:url(/images/img32.png) repeat-y; background-size:100% 100%; margin:1.2% 0 2.4%;}
#about .one .item .list{ width:33.33%; padding:4.1% 2.3% 0;}
#about .one .item .list .fz22{ width:100%; height:46px; line-height:46px; background-size:10.8% !important; color:#fff; padding-left:12%;}
#about .one .item .list .conter{ width:100%; line-height:24px; text-align:justify; color:#fff; margin-top:5%;}
#about .one .item .list.n1 .fz22{ background:url(/images/img2.png) no-repeat left center;}
#about .one .item .list.n2 .fz22{ background:url(/images/img3.png) no-repeat left center;}
#about .one .item .list.n3 .fz22{ background:url(/images/img4.png) no-repeat left center;}
#about .two{ width:100%; padding:4.7% 0;}
#about .two .item{ width:100%; position:relative; margin-top:2.8%;}
#about .two .item .prev{ width:14px; height:25px; background:url(/images/img8.png) no-repeat center; background-size:cover !important; position:absolute; left:3.125%; top:50%; z-index:2; margin-top:-12px;}
#about .two .item .next{ width:14px; height:25px; background:url(/images/img9.png) no-repeat center; background-size:cover !important; position:absolute; right:3.125%; top:50%; z-index:2; margin-top:-12px;}
#about .two .item .prev.swiper-button-disabled{ background:url(/images/img10.png) no-repeat center;}
#about .two .item .next.swiper-button-disabled{ background:url(/images/img11.png) no-repeat center;}
#about .two .item .last{}
#about .two .item .last .list{ width:23%; text-align:center; cursor:pointer; margin:0 1%;}
#about .two .item .last .list .img{ width:100%; background-size:62% !important;}
#about .two .item .last .list .img img{ width:100%;}
#about .two .item .last .list .fz16{ color:#666; margin-top:5%;}
#about .two .item .honor-img{ width:100%; height:100%; text-align:center; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:8;}
#about .two .item .honor-img img{ max-width:80%; max-height:80%; margin:5% auto;}
#about .two .item .honor-img span{ cursor:pointer; font-size:30px; color:#fff; position:fixed; top:2%; right:2%; z-index:9;}
#about .thr{ width:100%; cursor:pointer; position:relative;}
#about .thr::before{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:2; content:'';}
#about .thr::after{ width:68px; height:68px; background:url(/images/img34.png) no-repeat center; background-size:cover; position:absolute; top:50%; left:0; right:0; z-index:3; margin:-34px auto 0; content:'';}
#about .thr img{ width:100%;}

/*发展历程*/
#about .four{ width:100%; text-align:center; background:#fff url(/images/img54.jpg) repeat center top; padding:80px 0 40px;}
#about .four .main{ margin-top:3%;}
#about .four .main .cont{ background:url(/images/img70.jpg) repeat-y center; padding:40px 0 10px;}
#about .four .main .cont .list{ width:100%; min-height:100px; position:relative;}
#about .four .main .cont .list .na{ width:42%;}
#about .four .main .cont .list .na .fz22{ font-size:32px;}
#about .four .main .cont .list .na .fz22 .Zi1{ font-size:14px;}
#about .four .main .cont .list .na .Zi2{ line-height:24px; font-size:12px; color:#555; margin-top:5px; word-wrap:break-word;}
#about .four .main .cont .list .img{ position:absolute; left:50%; top:0; z-index:2; margin-left:-8px;}
#about .four .main .cont .list.fr{ text-align:right;}
#about .four .main .cont .list.fl{ text-align:left;}
#about .four .main .cont .list.fr .na{ text-align:left;}
#about .four .main .cont .list.fl .na{ text-align:right;}

/*新闻中心*/
#info{ width:100%; background:#f8f8f8;}
#info .one{ padding:2.6% 0 3.2%;}
#info .one .top{ width:100%;}
#info .one .top .title{ width:100%; text-align:center; color:#0769a9;}
#info .one .top .item{ width:100%; background:#fff url(/images/img36.jpg) no-repeat right bottom; background-size:19%; margin:2.7% 0 3%;}
#info .one .top .item .img{ width:50%;}
#info .one .top .item .img img{ width:100%;}
#info .one .top .item .conter{ width:50%; padding:2.7% 3.8% 0;}
#info .one .top .item .conter .Zi1{ width:100%; color:#0769a9;}
#info .one .top .item .conter .Zi2{ width:100%; color:#666; margin-top:3%;}
#info .one .top .item .conter .fz16{ width:100%; max-height:112px; line-height:28px; overflow:hidden; margin:4.7% 0;}
#info .one .top .item .conter .fz14{ color:#666; border:1px solid #ccc; padding:1.4% 3.6%;}
#info .one .bot{ width:100%;}
#info .one .bot .left{ width:72%;}
#info .one .bot .left .last{ width:100%;}
#info .one .bot .left .last .list{ width:100%; margin-top:2.6%;}
#info .one .bot .left .last .list .time{ text-align:center; background:#eee; padding:1.1%;}
#info .one .bot .left .last .list .time .fz32{ color:#666; font-weight:bold;}
#info .one .bot .left .last .list .time .fz16{ color:#666; margin-top:5%;}
#info .one .bot .left .last .list .conter{ width:90%;}
#info .one .bot .left .last .list .conter .fz22{ width:100%; color:#333;}
#info .one .bot .left .last .list .conter .fz16{ width:100%; line-height:28px; border-bottom:1px solid #ccc; color:#666; padding:2% 0 2.9%;}
#info .one .bot .left .last .list:hover .conter .fz22{ color:#0769a9;}
#info .two{ padding:3.1% 0;}
#info .two .left{ width:70%;}
#info .two .left .top{ width:100%;}
#info .two .left .top .time{ text-align:center; background:#eee; padding:1.1%;}
#info .two .left .top .time .fz32{ font-weight:bold; color:#666;}
#info .two .left .top .time .fz16{ color:#666; margin-top:3%;}
#info .two .left .top .conter{ width:91%; margin-top:5px;}
#info .two .left .top .conter .fz24{ width:100%; color:#0769a9; margin-bottom:1.5%;}
#info .two .left .top .conter .fz12{ color:#999; margin-top:-6px;}
#info .two .left .top .conter .fz12 span{ color:#0a50a0;}
#info .two .left .top .conter .fz12.in{ color:#666; margin-left:1.8%; margin-top:-6px;}
#info .two .left .top .conter .fz12.in .bdsharebuttonbox{ vertical-align:middle; margin-top:-5px;}
#info .two .left .bot{ width:100%; border-bottom:1px solid #eee; padding:2% 0 5%; line-height:200%;}
#info .two .left .bot img{ max-width:100%; height:auto !important;}
#info .two .left .bot table{ width:100% !important;}

/*主营业务*/
#products{ width:100%;}
#products .one{ background:url(/images/img38.jpg) no-repeat center; padding:13% 0;}
#products .one .list{ width: 23.5%; overflow:hidden; border-radius:5px; position:relative; margin-left:2%;}
#products .one .list::before{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; z-index:2; content:'';}
#products .one .list .img{ width:100%;}
#products .one .list .img img{ width:100%;}
#products .one .list .conter{ width:100%; text-align:center; position:absolute; top:26%; left:0; z-index:3;}
#products .one .list .conter .icon{ width:17%;}
#products .one .list .conter .icon img{ width:100%;}
#products .one .list .conter .fz24{ width:100%; color:#fff; margin-top:3%;}
#products .one .list.in{ margin-left:0;}
#products .two{ width:100%; position:relative;}
#products .two .picpath{ width:100%; position:relative;}
#products .two .picpath .prev{ width:1.1%; position:absolute; left:2%; top:50%; z-index:2; margin-top:-1%;}
#products .two .picpath .prev img{ width:100%;}
#products .two .picpath .next{ width:1.1%; position:absolute; right:2%; top:50%; z-index:2; margin-top:-1%;}
#products .two .picpath .next img{ width:100%;}
#products .two .picpath .list{ width:100%; background-size:cover !important; font-size:0;}
#products .two .picpath .list img{ width:100%; opacity:0; font-size:0;}
#products .two .desc{ width:80%; line-height:28px; color:#fff; position:absolute; left:0; right:0; bottom:8.5%; z-index:2; margin:0 auto;}
#products .two .case-desc{ width:80%; position:absolute; left:0; right:0; bottom:8.5%; z-index:2; margin:0 auto;}
#products .two .case-desc .fz20{ width:100%; text-align:center; color:#fff; font-weight:bold; margin-bottom:1.4%;}
#products .two .case-desc .fz16{ line-height:28px; color:#fff; font-size:15px;}


/*工程案例*/
#case{ width:100%; background:#f8f8f8;}
#case .one{ padding:3.6% 0 2.6%;}
#case .one .last{ width:100%;}
#case .one .last .list{ width:32%; background:#fff; border:1px solid #eee; padding:4px; margin-right:2%; margin-bottom:2%;}
#case .one .last .list .img{ width:100%; height:15.5vw; overflow:hidden;}
#case .one .last .list .img img{ width:100%;}
#case .one .last .list .conter{ width:100%; padding:3% 2%;}
#case .one .last .list .conter .fz16{ width:100%; font-weight:bold; color:#4d4d4d;}
#case .one .last .list .conter .mes{ width:100%; margin-top:2.7%;}
#case .one .last .list .conter .mes .fz12{ color:#999; margin-right:3.1%;}
#case .one .last .list .conter .mes .fz12 img{ vertical-align:middle; margin-right:6px;}
#case .one .last .list .conter .mes .fz12 span{ color:#0769a9;}
#case .one .last .list.in{ margin-right:0;}
#case .one .last .list:hover .conter .fz16{ color:#0769a9;}
#case .two{ width:100%; position:relative;}
#case .two .picpath{ width:100%;}
#case .two .picpath .big-img{ width:100%; background-size:cover !important; position:absolute; top:0; left:0; right:0; z-index:1; margin:0 auto;}
#case .two .picpath .big-img img{ width:100%;}
#case .two .picpath .item{ width:1050px; position:absolute; bottom:3%; left:0; right:0; z-index:2; margin:0 auto;}
#case .two .picpath .item .last{ width:100%; text-align:center;}
#case .two .picpath .item .last .prev{ width:21px; margin-top:3.8%;}
#case .two .picpath .item .last .prev img{ width:100%;}
#case .two .picpath .item .last .next{ width:21px; margin-top:3.8%;}
#case .two .picpath .item .last .next img{ width:100%;}
#case .two .picpath .item .last .swiper-container{ width:90%; margin:0 auto;}
#case .two .picpath .item .last .swiper-container .swiper-wrapper .list{ cursor:pointer;}
#case .two .picpath .item .last .swiper-container .swiper-wrapper .list img{ width:100%;}
#case .two .picpath .item .last .swiper-container .swiper-wrapper .list.on{ border:2px solid #fff; border-radius:4px;}
#case .two .picpath .item .last .swiper-container .swiper-wrapper .list.in{ margin-right:0 !important;}
#case .two .picpath .item .fz24{ width:100%; text-align:center; display:none; color:#fff; font-weight:bold;}
#case .two .picpath .item .fz16{ width:100%; margin-top:10px; text-align:center; display:none; color:#fff;}
#case .two .picpath .item .arrow-more{ width:100%; text-align:center; margin-top:7.7%;}
#case .two .picpath .item .arrow-more img{ cursor:pointer;}
#case .two .picpath .item .arrow-more img.on{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

/*加入我们*/
#join{ width:100%; background:#f8f8f8;}
#join .one{ padding:3.2% 0;}
#join .one .left{ width:68%;}
#join .one .left .list{ width:100%; margin-top:-1px;}
#join .one .left .list .top{ width:100%; cursor:pointer; background:#fff url(/images/img48.png) no-repeat 97% center; background-size:1.7%; border:1px solid #eee; padding:1.7% 2.6%;}
#join .one .left .list .top .fz18{ color:#333;}
#join .one .left .list .bot{ width:100%; display:none; background:#f9f9f9; border:1px solid #eee; border-top:none; padding:3.4% 4.3%;}
#join .one .left .list .bot .fz16{ width:100%; color:#333;}
#join .one .left .list .bot .fz16.in{ margin-top:2.7%;}
#join .one .left .list .bot .fz14{ width:100%; line-height:30px; color:#666; margin-top:1%;}
#join .one .left .list.on .top .fz18{ color:#0769a9;}

/*联系我们*/
#contact{ width:100%; background:#f8f8f8;}
#contact .one{ padding:4.2% 0;}
#contact .one .conter{ width:40.5%;}
#contact .one .conter .fz30{ width:100%; color:#0769a9;}
#contact .one .conter .mes{ width:100%; border-bottom:1px solid #eee; padding:6% 0 8%;}
#contact .one .conter .mes .fz18{ width:100%; line-height:22px; color:#666; margin-top:3.5%;}
#contact .one .conter .mes .fz18 img{ width:3%; vertical-align:middle; margin-right:2.6%;}
#contact .one .conter .mes .fz18.in{ margin-top:0;}
#contact .one .conter .ewm{ width:100%; margin-top:7.2%;}
#contact .one .conter .ewm .img{ width:12%;}
#contact .one .conter .ewm .img img{ width:100%;}
#contact .one .conter .ewm .nts{ padding:2.2% 0; margin-left:3%;}
#contact .one .conter .ewm .nts .fz16{ color:#333;}
#contact .one .conter .ewm .nts .fz14{ color:#666; margin-top:2.4%;}
#contact .one .conter .ewm .nts .fz14 span{ color:#0a50a0;}
#contact .one .map{ width:50%; height:500px;}
#contact .one .map iframe{ width:100%; height:100%; border:none;}

@media only screen and (max-width:1680px){
	#header .logo{ width:300px;}
	#header .nav .list{ margin-left:40px;}
	#header .nav .list .Zi1{ padding:26px 0;}
	#header .nav .list .two{ top:71px;}
	#header .search{ width:160px; margin-top:22px;}
	#index .title .fz30{ font-size:26px;}
	#index .title .fz18{ font-size:16px;}
	.inside .title .fz30{ font-size:26px;}
	.inside .title .fz18{ font-size:16px;}
	#index .one .Zi1{ line-height:24px; font-size:14px;}
	#index .one .item .list .fz22{ font-size:20px; padding-left:14%;}
	#index .one .item .list .fz14{ line-height:22px; font-size:12px;}
	#about .one .Zi1{ line-height:24px; font-size:14px;}
	#about .one .item .list .fz22{ font-size:20px; padding-left:14%;}
	#about .one .item .list .fz14{ line-height:22px; font-size:12px;}
	#index .thr .Zi1{ font-size:14px;}
	#index .thr .item .last .conter .fz18{ font-size:16px;}
	#index .thr .item .last .conter .fz16{ height:40px; line-height:20px; font-size:12px;}
	#index .four .item .swiper-wrapper .list .fz18{ font-size:16px;}
	#index .five .Zi1{ font-size:14px;}
	#index .five .item .last .conter .fz22{ font-size:18px;}
	#index .five .item .last .conter .its .list{ font-size:12px;}
	#index .seven .list .fz44{ font-size:40px;}
	#index .seven .list .fz22{ font-size:20px;}
	#index .seven .list .fz16{ font-size:14px;}
	#footer .top .main .left .fz22{ font-size:18px;}
	#footer .top .main .left .fz16{ font-size:14px;}
	#footer .top .main .left .fz24{ font-size:20px;}
	#footer .top .main .left .fz14{ line-height:28px; font-size:12px;}
	#footer .top .main .right .list{ margin-right:120px;}
	#footer .top .main .right .list .fz16{ font-size:14px; margin-bottom:16px;}
	#info .one .top .title{ font-size:22px;}
	#info .one .top .item .conter .fz22{ font-size:20px;}
	#info .one .top .item .conter .fz16{ max-height:66px; line-height:22px; font-size:14px;}
	#info .one .top .item .conter .fz14{ font-size:12px;}
	#info .one .bot .left .last .list .time .fz32{ font-size:28px;}
	#info .one .bot .left .last .list .time .fz16{ font-size:14px;}
	#info .one .bot .left .last .list .conter .fz22{ font-size:18px;}
	#info .one .bot .left .last .list .conter .fz16{ line-height:24px; font-size:14px; padding:1% 0 2%;}
	#RecommendedInfo .fz22{ font-size:18px;}
	#RecommendedInfo .last{ margin-top:4%;}
	#RecommendedInfo .last .list .fz16{ font-size:14px; bottom:6%;}
	#info .two .left .top .time .fz32{ font-size:28px;}
	#info .two .left .top .time .fz16{ font-size:14px;}
	#info .two .left .top .conter .fz24{ font-size:20px;}
	#RelatedInfo .item .RelatedInfo-left .time .fz32{ font-size:28px;}
	#RelatedInfo .item .RelatedInfo-left .time .fz16{ font-size:14px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz22{ font-size:20px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz16{ max-height:66px; line-height:22px; font-size:14px; margin-top:2.5%;}
	#join .one .left .list .top .fz18{ font-size:16px;}
	#join .one .left .list .bot .fz16{ font-size:14px;}
	#join .one .left .list .bot .fz14{ line-height:26px; font-size:12px;}
	#RightFeedback .fz22{ font-size:18px;}
	#RightFeedback .form .input{ height:42px;}
	#RightFeedback .form .text{ height:200px;}
	#RightFeedback .form .sub{ font-size:16px;}
	#contact .one .conter .fz30{ font-size:26px;}
	#contact .one .conter .mes .fz18{ font-size:16px;}
	#contact .one .conter .ewm .nts .fz16{ font-size:14px;}
	#contact .one .conter .ewm .nts .fz14{ font-size:12px;}
	#contact .one .map{ height:480px;}
	#products .two .desc{ width:86%; line-height:24px; font-size:14px;}
	#products .two .case-desc{ width:86%;}
	#products .two .case-desc .fz20{ font-size:18px;}
	#products .two .case-desc .fz16{ line-height:24px; font-size:14px;}
}

@media only screen and (max-width:1440px){
	#header .logo{ width:280px;}
	#header .search{ margin-top:20px;}
	#header .nav{ margin-right:46px;}
	#header .nav .list{ margin-left:30px;}
	#header .nav .list .Zi1{ padding:24px 0;}
	#header .nav .list .two{ top:67px;}
	#index .title .fz30{ font-size:24px;}
	#index .title .fz18{ font-size:14px;}
	.inside .title .fz30{ font-size:24px;}
	.inside .title .fz18{ font-size:14px;}
	#index .two .item .last .list .fz16{ font-size:14px;}
	#about .two .item .last .list .fz16{ font-size:14px;}
	#index .thr .Zi1{ width:90%; font-size:12px; margin:1.7% auto 2.5%}
	#index .thr .item .last .conter .fz18{ font-size:14px;}
	#index .four .item .swiper-wrapper .list{ width:600px;}
	#index .four .item .swiper-wrapper .list .img{ height:346px; padding:3px;}
	#index .four .item .swiper-wrapper .list .fz18{ font-size:14px;}
	#index .four .item .swiper-wrapper .list.swiper-slide-active{ margin-top:10px;}
	#index .five .Zi1{ font-size:12px;}
	#index .five .item .last .conter .fz22{ font-size:16px;}
	#index .six .category .list{ font-size:14px;}
	#index .six .item .last .list .fz16{ font-size:14px;}
	#index .six .item .last .list .fz14{ height:44px; line-height:22px; font-size:12px; margin:4% 0;}
	#index .six .item .last .list .fz12{ font-size:10px;}
	#index .six .item .last .hb span{ width:10px; height:10px;}
	#index .six .item .last .more{ width:120px; height:40px; line-height:40px; font-size:12px;}
	#index .seven .list .fz44{ font-size:36px;}
	#index .seven .list .fz22{ font-size:18px;}
	#index .seven .list .fz16{ font-size:12px;}
	#footer .top .main .left .fz22{ font-size:16px;}
	#footer .top .main .right .list{ margin-right:80px;}
	#footer .top .main .right .ewm .img{ width:90px; height:90px;}
	#InsideCategory .item .list{ font-size:14px;}
	#info .one .bot .left .last .list .conter{ width:89%;}
	#info .two .left .top .conter{ width:90%;}
	#info .two .left .top .conter .fz24{ font-size:18px;}
	#info .two .left .top .conter .fz12{ margin-top:-3px;}
	#RelatedInfo .fz22{ font-size:18px;}
	#RelatedInfo .item .RelatedInfo-left{ width:52%;}
	#RelatedInfo .item .RelatedInfo-left .time .fz32{ font-size:24px;}
	#RelatedInfo .item .RelatedInfo-left .time .fz16{ font-size:12px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz22{ font-size:16px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz16{ max-height:60px; line-height:20px; font-size:12px;}
	#case .one .last .list .conter .fz16{ font-size:14px;}
	#case .one .last .list .conter .mes .fz12{ font-size:10px;}
	#InsideCategoryTwo .list{ font-size:14px;}
	#InsideMenu .nav .menu{ padding:26px;}
	#InsideMenu .nav .list .Zi1{ padding:20px 26px;}
	#case .two .picpath .item{ width:80%;}
	#case .two .picpath .item .fz24{ font-size:20px;}
	#case .two .picpath .item .last .prev{ width:16px; margin-top:5%;}
	#case .two .picpath .item .last .next{ width:16px; margin-top:5%;}
	#case .two .picpath .item .arrow-more{ margin-top:4%;}
	#case .two .picpath .item .arrow-more img{ width:28px;}
	#products .one .list .conter .icon{ width:16%;}
	#products .one .list .conter .fz24{ font-size:20px; margin-top:4%;}
	#products .two .desc{ width:90%; line-height:20px; font-size:12px; bottom:5%;}
	#products .two .case-desc{ width:90%; bottom:5%;}
	#products .two .case-desc .fz20{ font-size:16px;}
	#products .two .case-desc .fz16{ line-height:20px; font-size:12px;}
}

@media only screen and (max-width:1280px){
	.main{ width:94%;}
	#header .logo{ width:220px; margin-top:15px;}
	#header .search{ width:140px; height:26px; padding:0 10px; margin-top:15px;}
	#header .search .input{ height:24px;}
	#header .search .sub{ height:24px;}
	#header .nav{ margin-right:24px;}
	#header .nav .list{ margin-left:20px;}
	#header .nav .list .Zi1{ width:auto; font-size:12px; padding:20px 10px;}
	#header .nav .list .two{ top:57px;}
	#index .two .item .prev{ left:1%;}
	#index .two .item .next{ right:1%;}
	#index .two .item .last .list .fz16{ font-size:12px;}
	#about .two .item .prev{ left:1%;}
	#about .two .item .next{ right:1%;}
	#about .two .item .last .list .fz16{ font-size:12px;}
	#index .thr .item .last .picpath .prev{ width:26px; margin-top:-21px;}
	#index .thr .item .last .picpath .next{ width:26px; margin-top:-21px;}
	#index .thr .item .last{ width:32.5%; margin-left:1.2%;}
	#index .four .item .swiper-wrapper .list{ width:560px;}
	#index .four .item .swiper-wrapper .list .img{ height:320px; padding:0;}
	#index .four .item .swiper-wrapper .list .fz18{ font-size:12px; margin-top:2.5%;}
	#index .four .item .swiper-wrapper .list.swiper-slide-active{ margin-top:0;}
	#index .five .Zi1{ margin:2.8% auto 3.6%;}
	#index .five .item .last .conter .its{ height:44px; line-height:22px;}
	#index .five .item .last .conter .its ul{ height:22px;}	
	#index .six .category .list{ font-size:12px;}
	#index .six .category::before{ width:50px; height:12px; margin-right:1%;}
	#index .six .category::after{ width:50px; height:12px; margin-left:1%;}
	#index .seven .list .fz44{ font-size:30px;}
	#index .seven .list .fz22{ font-size:16px;}
	#footer .top .main .right .list{ margin-right:60px;}
	#about .thr::after{ width:50px; height:50px; margin-top:-25px;}
	#InsideCategory .item .list{ font-size:12px;}
	#info .one .top .title{ font-size:20px;}
	#info .one .top .item .conter .fz22{ font-size:18px;}
	#info .one .bot .left .last .list .time .fz32{ font-size:24px;}
	#info .one .bot .left .last .list .time .fz16{ font-size:12px;}
	#info .one .bot .left .last .list .conter .fz22{ font-size:16px;}
	#info .one .bot .left .last .list .conter .fz16{ line-height:20px; font-size:12px;}
	#RecommendedInfo .fz22{ font-size:20px;}
	#info .two .left .top .conter{ width:89%;}
	#info .two .left .top .conter .fz24{ font-size:16px;}
	#RelatedInfo .item .RelatedInfo-right{ width:46%;}
	#RelatedInfo .item .RelatedInfo-right .list{ padding:2% 0;}
	#RightFeedback .fz22{ font-size:16px;}
	#RightFeedback .form .input{ height:40px; padding:0 2.6%;}
	#RightFeedback .form .text{ height:120px; padding:2.6%;}
	#RightFeedback .form .sub{ font-size:14px;}
	#contact .one .conter .fz30{ font-size:22px;}
	#contact .one .map{ height:400px;}
	#case .two .picpath .item .last .prev{ margin-top:5%;}
	#case .two .picpath .item .last .next{ margin-top:5%;}
	#products .one .list .conter .fz24{ font-size:18px;}
}

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

@media only screen and (max-width:1024px){
	#header .logo{ width:200px; margin-top:12px;}
	#header .search{ margin-top:12px;}
	#header .nav .list .Zi1{ padding:16px 5px;}
	#index .seven .list .fz44{ font-size:28px;}
	#index .seven .list .fz22{ font-size:14px;}
	#index .seven .list .fz16{ height:auto; line-height:18px;}
	#footer .top .main .left{ width:25%;}
	#footer .top .main .right .list{ width:auto; margin-right:70px;}
	#footer .top .main .right .list .fz12{ font-size:10px; margin-bottom:10px;}
	#footer .top .main .right .ewm .img{ width:80px; height:80px;}
	#footer .top .main .right .ewm .fz12{ font-size:10px; margin-top:5px;}
	#info .two .left .top .time .fz32{ font-size:24px;}
	#info .two .left .top .time .fz16{ font-size:12px;}
	#RelatedInfo .item .RelatedInfo-left .conter{ width:78%;}
	#RelatedInfo .item .RelatedInfo-left .time{ padding:3% 2%;}
	#RelatedInfo .item .RelatedInfo-left .time .fz32{ font-size:20px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz22{ font-size:14px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz16{ height:36px; line-height:18px; font-size:10px;}
	#RelatedInfo .item .RelatedInfo-right .list .Zi1{ width:70%;}
	#RelatedInfo .item .RelatedInfo-right .list .fz14{ font-size:12px;}
	#join .one .left .list .top .fz18{ font-size:14px;}
	#join .one .left .list .bot .fz16{ font-size:12px;}
	#join .one .left .list .bot .fz14{ line-height:20px; font-size:10px;}
	#case .two .picpath .item .last .prev{ width:14px; margin-top:4.5%;}
	#case .two .picpath .item .last .next{ width:14px; margin-top:4.5%;}
	#case .two .picpath .item .arrow-more img{ width:24px;}
}

@media only screen and (max-width:980px){
	#header{ padding:10px 0;}
	#header .logo{ width:280px; margin-top:2px;}
	#header .nav{ display:none;}
	#header .phone-nav{ display:inline-block;}
	#header .search{ width:200px; height:30px; margin-top:7px; margin-right:20px;}
	#header .search .input{ height:28px;}
	#header .search .sub{ height:28px;}
	#index .title .fz30{ font-size:22px;}
	.inside .title .fz30{ font-size:22px;}
	#index .one .Zi1{ line-height:22px; font-size:12px;}
	#index .one .item{ height:auto; background:rgba(0,0,0,.8); padding:3% 0;}
	#index .one .item .list{ width:100%; padding:0 2.5%; margin-top:3%;}
	#index .one .item .list .fz22{ background-size:4.6% !important; font-size:18px; padding-left:6%;}
	#index .one .item .list .fz14{ margin-top:1%;}
	#index .one .item .list.n1{ margin-top:0;}
	#index .one .Zi2 .fz16{ width:114px; height:38px; line-height:38px; font-size:14px;}
	#index .one .Zi2 .icon{ width:38px; height:38px; background-size:56%;}
	#about .one .Zi1{ line-height:22px; font-size:12px;}
	#about .one .item{ height:auto; background:rgba(255,255,255,.2); padding:3% 0;}
	#about .one .item .list{ width:100%; padding:0 2.5%; margin-top:3%;}
	#about .one .item .list .fz22{ background-size:4.6% !important; font-size:18px; padding-left:6%;}
	#about .one .item .list .fz14{ margin-top:1%;}
	#about .one .item .list.n1{ margin-top:0;}
	#index .two .item .prev{ width:10px; height:18px; margin-top:-9px;}
	#index .two .item .next{ width:10px; height:18px; margin-top:-9px;}
	#about .two .item .prev{ width:10px; height:18px; margin-top:-9px;}
	#about .two .item .next{ width:10px; height:18px; margin-top:-9px;}
	#index .four{ padding:4% 0;}
	#index .four .item{ display:none;}
	#index .four .phone-item{ display:block;}
	#index .six .item .prev{ width:10px; height:18px; left:2%; margin-top:-9px;}
	#index .six .item .next{ width:10px; height:18px; right:2%; margin-top:-9px;}
	#index .six .item .last .hb span{ width:8px; height:8px;}
	#index .six .item .last .more{ height:36px; line-height:36px;}
	#info .one .top .item .conter{ padding:2.5% 3% 0;}
	#info .one .top .item .conter .fz22{ font-size:16px;}
	#info .one .top .item .conter .fz16{ margin:3% 0;}
	#info .one .bot .left .last .list .conter{ width:87%;}
	#info .two .left .top .conter{ width:87%;}
	#info .two .left .top .conter .fz24{ margin-bottom:2%;}
	#RelatedInfo .fz22{ font-size:16px;}
	#RightFeedback .fz22{ font-size:14px;}
	#RightFeedback .form .input{ height:36px; font-size:12px;}
	#RightFeedback .form .text{ height:100px; font-size:12px;}
	#RightFeedback .form .sub{ font-size:12px;}
	#contact .one .conter .mes{ padding:8% 0;}
	#contact .one .conter .mes .fz18{ font-size:14px; margin-top:3%;}
	#contact .one .conter .ewm .img{ width:16%;}
	#contact .one .map{ height:300px;}
	#products .one .list .conter .fz24{ font-size:16px;}
}

@media only screen and (max-width:860px){
	#footer .top .main .right .list{ margin-right:50px;}
	#footer .top .main .right .list .fz16{ margin-bottom:12px;}
	#footer .top .main .right .list .fz12{ margin-bottom:6px;}
	#info .one .top .title{ font-size:18px;}
	#info .one .top .item .img{ width:100%;}
	#info .one .top .item .conter{ width:100%; padding:3%;}
	#info .one .top .item .conter .fz16{ max-height:none;}
	#info .one .bot .left .last .list .conter{ width:85%;}
	#RecommendedInfo .fz22{ font-size:18px;}
	#RelatedInfo .item .RelatedInfo-left .conter{ width:76%;}
	#case .two .picpath .item .last .prev{ width:10px;}
	#case .two .picpath .item .last .next{ width:10px;}
}

@media only screen and (max-width:760px){
	#header .logo{ width:240px;}
	#header .search{ margin-top:2px;}
	#header .phone-nav .target{ width:36px; height:36px;}
	#header .phone-nav .item .list{ font-size:16px; padding:14px 0;}
	#banner{ display:none;}
	#phone-banner{ display:block;}
	#index .title .fz30{ font-size:22px;}
	.inside .title .fz30{ font-size:22px;}
	#index .two .item .last .list{ width:32%; margin-left:0; margin-right:2%;}
	#about .two .item .last .list{ width:32%; margin-left:0; margin-right:2%;}
	#index .five{ background-size:cover; padding:3% 0;}
	#index .five .item{ box-shadow:none; padding:2.5%;}
	#index .five .item .last{ width:100%;}
	#index .five .item .last.fr{ margin-top:2.5%;}
	#index .five .item .last .conter .its .list{ width:49%;}
	#index .five .item .last .conter .its .list.in{ margin-right:2%;}
	#index .six .item .prev{ left:1%;}
	#index .six .item .next{ right:1%;}
	#index .six .item .last .list{ width:49%; margin-right:0; margin-left:2%;}
	#index .six .item .last .list.in{ margin-left:0;}
	#index .seven .list .fz44{ font-size:26px;}
	#footer .top .main .left{ width:70%;}
	#footer .top .main .left .fz24{ background-size:5%; padding-left:7%; margin:8% 0;}
	#footer .top .main .right{ display:none;}
	#footer .top .main .phone-right{ display:block;}
	#about .thr::after{ width:40px; height:40px; margin-top:-20px;}
	#about .four{ padding:40px 0;}
	#info .one .bot .left{ width:100%;}
	#info .one .bot .left .last .list .conter{ width:87%;}
	#RecommendedInfo{ display:none;}
	#info .one .bot .left .last .list{ border-bottom:1px solid #ccc; padding:3% 0; margin:0;}
	#info .one .bot .left .last .list .conter .fz16{ border-bottom:none; padding:0; margin-top:2%;}
	#info .two .left{ width:100%;}
	#contact .one .conter{ width:45%;}
	#contact .one .conter .fz30{ font-size:18px;}
	#contact .one .conter .mes .fz18{ font-size:10px;}
	#contact .one .conter .mes .fz18 img{ width:6%;}
	#contact .one .conter .ewm .img{ width:20%;}
	#contact .one .map{ height:260px;}
	#case .one .last .list{ width:49%; margin-right:2%;}
	#case .one .last .list .img{ height:24.5vw;}
	#case .one .last .list.in{ margin-right:2%;}
	#case .one .last .list.to{ margin-right:0;}
	#InsideCategory .item{ display:none;}
	#InsideCategory .phone-item{ display:block;}
	#InsideCategoryTwo .item{ display:none;}
	#InsideCategoryTwo .phone-item{ display:block;}
	#products .one .list .conter .fz24{ font-size:14px;}
	#products .two .case-desc{ position:relative; bottom:auto; margin-top:4%;}
	#products .two .case-desc .fz20{ font-size:14px; color:#333;}
	#products .two .case-desc .fz16{ line-height:18px; font-size:10px; color:#333;}
	#index .two .item .honor-img img{ margin:10% auto;}
	#about .two .item .honor-img img{ margin:10% auto;}
}

@media only screen and (max-width:640px){
	#header .logo{ width:220px;}
	#header .phone-nav .target{ width:32px; height:32px;}
	#header .phone-nav .item .list{ font-size:14px; padding:12px 0;}
	#index .thr .item .last{ width:100%; margin:0 0 2% 0;}
	#index .seven{ padding:7% 0;}
	#index .seven .list .icon{ width:46%;}
	#index .seven .list .fz44{ font-size:22px;}
	#index .seven .list .fz22{ font-size:12px;}
	#index .seven .list .fz16{ line-height:14px; font-size:10px;}
	#join .one .left{ width:100%;}
	#RightFeedback{ width:100%; padding:2.5%; margin-top:4%;}
	#RightFeedback .form{ margin-top:3%;}
	#RightFeedback .form .input{ margin-bottom:2%;}
	#RightFeedback .form .text{ margin-bottom:2%;}
	#RightFeedback .form .sub{ padding:2% 8%;}
	#contact .one .conter{ width:100%;}
	#contact .one .conter .mes .fz18{ font-size:12px;}
	#contact .one .conter .mes .fz18 img{ width:3.5%;}
	#contact .one .conter .ewm{ margin:6% 0;}
	#contact .one .conter .ewm .nts{ margin-top:4%;}
	#contact .one .map{ width:100%;}
	#InsideMenu .nav .menu{ padding:20px;}
	#InsideMenu .nav .menu .fz16{ background-size:18px; font-size:14px; padding-left:26px;}
	#InsideMenu .nav .menu .shutdown{ width:16px;}
	#InsideMenu .nav .list .Zi1{ font-size:14px; padding:14px 20px;}
	#case .two .picpath .item{ width:90%;}
	#case .two .picpath .item .last .prev{ margin-top:6.5%;}
	#case .two .picpath .item .last .next{ margin-top:6.5%;}
	#case .two .picpath .item .arrow-more img{ width:20px;}
	#products .one .list{ width:49%; margin-left:0; margin-right:2%; margin-top:2%;}
	#products .one .list.in{ margin-right:2%;}
	#products .one .list.to{ margin-right:0;}
	#products .one .list.ty{ margin-top:0;}
}

@media only screen and (max-width:560px){
	#header .logo{ width:200px;}
	#header .search{ width:180px; height:28px;}
	#header .search .input{ height:26px;}
	#header .search .sub{ height:26px;}
	#index .title .fz30{ font-size:20px;}
	#index .title .fz18{ font-size:12px;}
	.inside .title .fz30{ font-size:20px;}
	.inside .title .fz18{ font-size:12px;}
	#index .two .item .last{ width:90%;}
	#index .two .item .last .list{ width:49%;}
	#about .two .item .last{ width:90%;}
	#about .two .item .last .list{ width:49%;}
	#index .seven .list .fz44{ font-size:20px;}
	#info .one .bot .left .last .list .time{ padding:2%;}
	#info .one .bot .left .last .list .time .fz32{ font-size:20px;}
	#info .one .bot .left .last .list .time .fz16{ font-size:10px;}
	#info .one .bot .left .last .list .conter{ width:85%;}
	#info .one .bot .left .last .list .conter .fz22{ font-size:12px;}
	#info .one .bot .left .last .list .conter .fz16{ line-height:16px; font-size:10px;}
	#info .two .left .top .conter{ width:86%;}
	#info .two .left .top .conter .fz24{ font-size:14px;}
	#info .two .left .top .conter .fz12{ font-size:10px;}
	#RelatedInfo .item .RelatedInfo-left{ width:50%;}
	#RelatedInfo .item .RelatedInfo-left .time .fz32{ font-size:18px;}
	#RelatedInfo .item .RelatedInfo-left .conter{ width:74%;}
	#RelatedInfo .item .RelatedInfo-right .list .fz14{ font-size:10px;}
}

@media only screen and (max-width:460px){
	#header .search{ width:160px; height:24px; display:none;}
	#header .search .input{ height:22px;}
	#header .search .sub{ height:22px;}
	#header .phone-nav .target{ width:30px; height:30px;}
	#header .phone-nav .item .list{ padding:10px 0;}
	#index .title .fz30{ font-size:18px;}
	.inside .title .fz30{ font-size:18px;}
	#index .two .item .last{ width:86%;}
	#index .two .item .prev{ left:1.5%;}
	#index .two .item .next{ right:1.5%;}
	#about .two .item .last{ width:86%;}
	#about .two .item .prev{ left:1.5%;}
	#about .two .item .next{ right:1.5%;}
	#index .five .item .last .conter .fz22::before{ width:26px; height:2px;}
	#index .six .item .last{ width:90%;}
	#index .six .item .last .more{ width:100px; height:32px; line-height:32px;}
	#index .six .item .last .hb span{ margin:0 0.6% !important;}
	#about .four{ padding:30px 0;}
	#about .four .top{ width:18px;}
	#about .four .top img{ width:100%;}
	#about .four .cont{ padding:40px 0 0;}
	#about .four .cont .list{ min-height:auto; padding-bottom:10px;}
	#about .four .cont .list .na{ width:45%;}
	#about .four .cont .list .na .fz22{ font-size:18px;}
	#about .four .cont .list .na .fz22 .Zi1{ font-size:12px;}
	#about .four .cont .list .na .Zi2{ line-height:18px; font-size:10px;}
	#about .four .cont .list .img{ width:12px; margin-left:-6px;}
	#about .four .cont .list .img img{ width:100%;}
	#about .four .bot{ width:30px;}
	#about .four .bot img{ width:100%;}
	#index .seven .main{ width:100%;}
	#index .seven .list .fz44{ font-size:18px;}
	#index .seven .list .fz22{ font-size:10px;}
	#index .seven .list .fz16{ line-height:12px; font-size:8px;}
	#footer .top .main .left .fz24{ background-size:8%; padding-left:10%;}
	#footer .top .main .left .fz14{ line-height:22px; font-size:10px;}
	#footer .bot{ font-size:10px;}
	#about .thr::after{ width:30px; height:30px; margin-top:-15px;}
	#InsideCategory .item .list{ padding:2.4% 4.6%;}
	#info .one .top .title{ font-size:16px;}
	#info .one .top .item .conter .fz22{ font-size:14px;}
	#info .one .top .item .conter .fz16{ line-height:20px; font-size:12px;}
	#info .one .top .item .conter .fz14{ font-size:10px;}
	#info .one .bot .left .last .list .time{ padding:1.6%;}
	#info .one .bot .left .last .list .conter{ width:84%;}
	#info .two .left .top .time .fz32{ font-size:20px;}
	#info .two .left .top .time .fz16{ font-size:10px;}
	#info .two .left .top .conter{ width:85%; margin-top:0;}
	#RelatedInfo .item .RelatedInfo-left .time{ padding:5% 2%;}
	#RelatedInfo .item .RelatedInfo-left .time .fz32{ font-size:16px;}
	#RelatedInfo .item .RelatedInfo-left .conter{ width:70%;}
	#RelatedInfo .item .RelatedInfo-right .list{ padding:1.6% 0;}
	#join .one .left .list .top{ background-size:2.5%; padding:3% 2.6%;}
	#contact .one .conter .mes .fz18 img{ width:4%;}
	#contact .one .conter .ewm .nts{ margin-top:3%;}
	#case .one .last .list .conter .fz16{ font-size:12px;}
	#case .one .last .list .conter .mes{ margin-top:0;}
	#case .one .last .list .conter .mes .fz12{ width:100%; margin-top:2%;}
	#case .one .last .list .conter .mes .fz12 img{ width:5%;}
	#InsideCategoryTwo{ top:2%;}
	#InsideCategoryTwo .phone-item{ background-size:7%;}
	#InsideMenu .target{ background-size:18px; font-size:14px; top:3%; padding-left:24px;}
	#InsideMenu .nav{ width:200px;}
	#case .two .picpath .item .last .prev{ margin-top:10.5%;}
	#case .two .picpath .item .last .next{ margin-top:10.5%;}
	#case .two .picpath .item .arrow-more{ margin-top:6%;}
	#case .two .picpath .item .fz24{ font-size:16px;}
	#products .two .picpath .prev{ width:3%;}
	#products .two .picpath .next{ width:3%;}
	#products .two .desc{ line-height:18px; font-size:10px; bottom:3%;}
	#video .ifem{ height:300px;}
	#index .two .item .honor-img img{ margin:13% auto;}
	#about .two .item .honor-img img{ margin:13% auto;}
}

@media only screen and (max-width:380px){
	#index .one .item .list .fz22{ background-size:8% !important; padding-left:10%;}
	#about .one .item .list .fz22{ background-size:8% !important; padding-left:10%;}
	#index .seven .list .fz44{ font-size:16px;}
	#info .one .bot .left .last .list .conter{ width:82%;}
	#RelatedInfo .item .RelatedInfo-left .time{ padding:4% 1%;}
	#RelatedInfo .item .RelatedInfo-left .time .fz32{ font-size:14px;}
	#RelatedInfo .item .RelatedInfo-left .time .fz16{ font-size:10px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz22{ font-size:12px;}
	#RelatedInfo .item .RelatedInfo-left .conter .fz16{ height:32px; line-height:16px;}
	#RelatedInfo .item .RelatedInfo-right .list .Zi1{ width:64%;}
}

@media only screen and (max-width:360px){
	#about .thr::after{ width:26px; height:26px; margin-top:-13px;}	
	#info .two .left .top .conter .fz24{ margin-bottom:4%;}
	#RelatedInfo .item .RelatedInfo-left .time{ padding:5% 1%;}
	#contact .one .conter .ewm .nts .fz16{ font-size:12px;}
	#contact .one .conter .ewm .nts .fz14{ font-size:10px;}
	#index .two .item .honor-img img{ margin:20% auto;}
	#about .two .item .honor-img img{ margin:20% auto;}
}