@import url("css-Roboto100300100italic300ital.css");
*{word-break:break-all;font-family:"微软雅黑",tahoma,'宋体',Arial,Lucida,Verdana,Helvetica,sans-serif;}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup,i {/*font-style:normal;font-weight:normal;*/}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {line-height:1.5;font-size:12px;color:#333;background:#FFF;width:100%; min-width:1200px;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a:link,a:visited,a:active{color:#333;text-decoration:none;}
a:hover{color:#F60;cursor: pointer;}
img{vertical-align:middle;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper{height:auto;margin:0 auto;width:1400px;max-width:1400px;overflow:hidden;}
.floor {margin:0 auto;max-width:1920px;overflow:hidden;}
.floor.line {border-bottom:1px solid #d8d8d8;}
.fontArial{font-family:Arial,Helvetica,sans-serif;}
*html{background-image:url(about:blank);background-attachment:fixed;}
body{}
input:focus,textarea:focus,selects:focus{border-color:#feebd9 !important;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fecb98;}
#main{padding-bottom:20px;}
.noneBox{font-size:14px;color:#999; padding:20px;}

.detail-page2{float:left;margin-top:9px;}
.detail-page2 a {font-size:16px;font-weight:500;color:#969696;display:inline-block;position:relative;padding-left:25px;line-height:30px;}
.detail-page2 a:before {position:absolute;content:'';display:block;width:22px;height:22px;top:50%;left:0;}
.detail-page2 a:hover {color:#ee7542;}
.detail-page2 a.back:before {background:url(/statics/images/tem/icon-left.png) no-repeat center / 100%;margin-top:-11px;}
.detail-page2 a.back:hover:before {background:url(/statics/images/tem/icon-left-active.png) no-repeat center / 100%;}


.header {background: #FFF;height:67px;box-shadow:1px 1px 4px #CCC;z-index: 100; position:fixed;top:0;left:0; width:100%;}
.header .wrapper {overflow: visible;}
.header-logo {display:inline-block;}
.header-logo img {max-width:100%;}
.header-logo span {display:inline-block;width:1px;height:25px;background:#d6d6d6;margin: 0 35px;top:10px;position:relative;}
.header-nav {float:right;margin-top:20px; margin-left:-20px; }
.header-nav a {display:inline-block;font-size:14px;font-family:arial;color:#8a8a8a;letter-spacing:1px;line-height:30px; width:80px; text-align:center;}
.header-nav span {display:inline-block;background:url(/statics/images/tem/downarrow.png) no-repeat left center; width:8px; height:5px; margin-right:20px;}
.header-nav a:hover, .header-nav a.active {color:#057244; font-family:microsoft yahei;}
.search {width:auto;float:right;margin-left:0px; margin-right:20px;position: relative}
.search-drawp {display:none;position: absolute;top: 0;right: 0;z-index: 1000;padding-top: 60px; }
.search:hover .search-drawp {display: block;}
.search-content {width: 300px;position: relative;height: 30px;background:#FFF;padding: 15px 0 15px 15px;box-shadow: 1px 1px 5px #CCC;}
.search-input {width:0;height:30px;float:left;transform:all .4s;width: 230px;float: left;}
.search-input input {border: none;width: 100%;background:#FFF;height: 30px;padding:0 10px;border:1px solid #ececec;border-radius:4px;}
.btn {display: inline-block;border:none;background:url(/statics/images/tem/icon-search.jpg) no-repeat center / 70%;width:30px;height:30px;cursor:pointer;float:left;}
.search.active .search-input {width:160px;opacity:1;}
.search-btn {border: none;background: none;font-size: 14px;width: 60px;text-align: center;font-size: 14px;line-height:32px;cursor: pointer;}
.search-btn:hover {color: #F90;}

.newtop{z-index:999; width:1200px; margin:0 auto; position:fixed;left:0; right:0; top:0; }
.newhead{height:32px; line-height:32px; background-color:#3C3C3E !important; width:1200px; margin:0 auto; text-align:right;}
.newhead span{float:right;color:#7F7F7F; margin-left:20px; margin-right:10px;}
.newhead img{ margin-top:6px;padding-left:20px; border-left:1px solid #747373; cursor:pointer;}


.newmenu{background-color:#262626 !important; width:1200px; margin:0 auto;}
.newlogo{float:left; padding:12px 0 0 12px;}
.newso{float:right; padding:0 32px 0 10px;border-left:1px solid #747373;height:58px; line-height:58px;}
.newcd{float:right; padding:0 34px 0 34px;border-left:1px solid #747373;height:58px; line-height:58px; overflow:hidden;}
.newcd:hover{ overflow:visible;}
.newso img,.newcd img{margin-top:15px; cursor:pointer;}

.loading.show { opacity: 1; visibility: visible; }
.gallery .swiper-slide { height: 100vh; background-size: cover; background-position: 50%; }
.gallery .swiper-slide a { display: block; height: 100vh; }
.gallery-thumbs-box { transition: opacity 0.3s; opacity: 0; position: absolute; left: 50%; bottom: 30px; width: 944px; z-index: 15; max-width: 100%; transform: translateX(-50%); visibility: hidden; }
.gallery-thumbs { overflow: hidden; width: 100% !important; }
.gallery-thumbs ul { transition: transform 0.3s; margin: auto; }
.gallery-thumbs li { cursor: pointer; float: left; height: 12px; width: 12px; margin-right: 4px; background-size: cover; background-position: 50%; position: relative; }
.gallery-thumbs li:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color:#fff; transition: opacity 0.3s; border-radius:50%; }
.gallery-thumbs li.current:before {background:none; width:12px; height:12px; background:#E16A36;}
.gallery-thumbs li:nth-last-of-type(1) { margin-right: 0; }
.swiper-left-arrow, .swiper-right-arrow { position: absolute; left: -26px; top: 0; width: 26px; height: 100%; background: url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.svg) no-repeat 50%; background-size: contain; position: absolute; left: 50%; bottom: 30px; z-index: 15; margin-left: -31px; }
.gallery-thumbs li.current:before { opacity: 1; }
.gallery-thumbs li:nth-last-of-type(1) { margin-right: 0; }
.swiper-left-arrow, .swiper-right-arrow { position: absolute; left: -26px; top: 0; width: 26px; height: 100%; background: url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.png) no-repeat 50%; background-size: auto 80px; }
.swiper-right-arrow { left: auto; right: -26px; background-image: url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.png); }
.gallery-thumbs-box.show { opacity: 1; visibility: visible; }

.man_on{
	display:none;
}
.nav_list{
	display:none;
	float:right;
	line-height:58px;
	text-align:center;
	z-index:10;
}
.nav_list ul li{
	float:left;
	font-size:16px;
	color:#fff;
	width:100px;
	position:relative;
}
.nav_list ul li i{
	color:#fff;
}
.nav_list ul li em{
	display:none;
	color:#989898;
}

.nav_list ul li:hover dl{
	display:block;
}
.nav_list ul li dl{
	display:none;
	width:100%;
	position:absolute;
	left:0;
}
.nav_list ul li dl dd{
	line-height:80px;
	font-size:16px;
}
.nav_list ul li dl dd .han{
	display:block;
	color:#000;
	height:40px;
	text-align-last: justify;
    width: 40%;
    margin: auto;
}

.process{width:1180px; margin:0 auto;}
.process li{list-style:none; text-align:left; margin-top:30px; clear:both;}
.process li dl{float:left;font-size:25px;color:#FEFEFE;width:274px; height:100px; background-color:#016D41;border-radius:10px; padding:60px 0 0 30px;}
.process li dd{float:right;font-size:14px; line-height:26px;color:#343434;width:800px; height:130px; background-color:#DFDFDF;border-radius:10px; padding:30px 0 0 50px;}
.process li dd h5{font-size:25px;color:#343434; padding-top:30px;}

.banner-single {text-align:center;width:100%;margin: 0 auto;overflow:hidden; height:350px; margin-top:67px;}
.banner-single img {max-width:100%;display:block;margin: 0 auto;}
.banner-txt {height:350px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.banner-txt-info {font-weight:300;color:#fff;text-align:left;margin-top: 140px; margin-left:320px;}
.banner-txt-info.c-w {color:#FFF;}
.banner-txt-info h3 {font-size:16px;font-family: "Microsoft YaHei";font-weight:100;}
.banner-txt-info p {font-size:36px;font-weight:bold; text-transform:uppercase; margin-top:30px; font-family: "Microsoft YaHei";}

.youshi{ margin-top:90px; margin-left:130px;}
.youshi li{float:left; width:335px; height:180px; border-left:1px solid #CCCCCC; padding:0 45px 0 40px; list-style:none; text-align:left;}
.youshi li div{color:#9C9C9C; font-size:20px;}
.youshi li p{color:#696969; font-size:12px; padding:30px 0 30px 0; height:60px;}
.youshi li a{font-size:12px; background-color:#FFFFFF;border:1px solid #AFAFAF;border-radius:5px; color:#7D7D7D; padding:5px 30px 5px 30px;}
.youshi li:hover a{background-color:#006138;border:1px solid #006138;color:#fff;}

.data-list {padding:120px 0;}
.hd {float:left; width:400px; text-align:left;}
.suzi {float:left; font-size:40px; color:#B8B8B8; margin-right:65px; width:120px; text-align:right;background: url(/statics/images/tem/shu.png) no-repeat left center;}
.hd h3 {font-size:40px;font-weight:600;line-height:50px; color:#191919;}
.data-list .hd .more {font-size:14px;color:#2c2c2c;position:absolute;right:0;top:50%;margin-top:-15px;line-height:30px;padding-left:20px;display:inline-block;background:url(/statics/images/tem/icon-9.jpg) no-repeat left center / 16px auto;}
.data-list .hd .more:hover{color:#f07d22;background: url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.jpg) no-repeat left center / 16px auto}
.data-list .hd.c-w {color:#FFF;}
.data-list .hd.c-w h4 {font-weight:300;}
.data-list .hd.lg h3 {font-size:30px;font-weight:600;line-height:40px;}
.data-list .hd.lg h4 {font-size:16px;font-weight:400;line-height:30px;}
.tab {margin:65px 0 30px; margin-left:430px;}
.tab a {display:inline-block;height:35px;line-height:35px;padding: 0 3px;color:#868686;font-size:16px;}
.tab a:hover,
.tab a.active {color:#000;}
.tab span {
    display: inline-block;
    width: 2px;
    height: 13px;
    background: #9b9b9b;
	margin-left:20px;
	margin-right:20px;
}

.contact_banner img {
    width: 100%;
}
.name{font-size:30px;color: #016E40;letter-spacing:10px; text-align:center; margin-top:85px;}
.name span{font-size:12px;color: #585858;letter-spacing: 3px; text-transform:uppercase; display:block; padding:20px 0 39px 0;}

.contact_qq {background:url(/statics/images/tem/shu.png) repeat-x center center; text-align:center; padding:50px 0 50px 0;}


#case-banner {max-width:1920px;margin: 0 auto;height:750px;}
#case-banner .swiper-slide {max-width:1400px;height:750px;background-size:cover;background-repeat:no-repeat;background-position: center;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0); text-align:center;}
#case-banner .swiper-slide img { max-width:100%;}
#case-banner .swiper-slide-prev,
#case-banner .swiper-slide-next {opacity:.6;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.case-button-prev {background:url(/statics/images/tem/btn-prev.png) no-repeat center / auto;}
.case-button-next {background:url(/statics/images/tem/btn-next.png) no-repeat center / auto;}
.case-ul-list {width:1500px;overflow:hidden;}

.case-list-item {width:450px;float:left;background:#FFF;display:block;margin: 0 20px 20px 0;}
.case-list-item .pic {width:100%;height:278px;overflow:hidden;position: relative;}
.case-list-item .pic img {position: absolute;width:100%;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0) scale(1,1);transition: all .8s;z-index: 1;}
.case-list-item .pic:before {content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;transition: all .8s;z-index: 2;position: absolute;}
.case-list-item .pic:hover img {transform: translate3d(-50%, -50%, 0) scale(1.1,1.1);}
.case-list-item .pic-info {position: absolute; top: 50%;margin-top: -20px;left: 0;width: 100%;z-index: 10;color: #FFF;font-size: 14px;text-align: center;}
.case-list-item .pic-info p {padding: 5px 0;position: relative;width: 220px;margin: 0 auto; text-align:center;line-height: 20px;opacity: 0;transition:  all .4s; font-size:16px;}
.case-list-item .pic-info p span{ display:block; font-size:18px; padding:20px 0 20px 0;}
.case-list-item .pic-info p i{display:block;background:url(/statics/images/tem/more.png) no-repeat center center; width:93px; height:28px; margin:0 auto;}


.case-list-item .pic:hover:before {opacity: .6;}
.case-list-item .pic:hover span:before {padding-left: 20px;opacity: 1;}
.case-list-item .pic:hover span:after {padding-right: 20px;opacity: 1;}
.case-list-item .pic:hover p {opacity: 1;}



.case-list-item .info .title {font-size:16px;color:#373737;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:25px;line-height:25px;}
.case-list-item .info .desc {font-size:12px;color:#9a9a9a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;line-height:22px;}
.case-list-item .info .time {margin-top: 15px;padding-top:15px;border-top: 1px solid #eaeaea;font-family: "Microsoft YaHei";font-size:12px;color:#9a9a9a;line-height:20px;}
.case-list-item .info .time span {float:right;display:inline-block;padding-right:15px;position:relative;height:20px;line-height:20px;}
.case-list-item .info .time span:before {content:'';display:block;width:6px;height:6px;border-top:2px solid #9a9a9a;border-left:2px solid #9a9a9a;transform: rotate(135deg);position:absolute;right:0;top:50%;margin-top:-3px;}
.case-list-item:hover .info .title {color:#ee7542;}
.case-list-item:hover .time span {color:#ee7542;}
.case-list-item:hover .info .time span:before {border-color:#ee7542;}
.case-hd {position:relative;padding-right:300px;padding: 30px 0;}
.case-hd h3 {font-size:28px;color:#000;line-height:40px;}
.case-hd .desc {position:absolute;right:0;top:30px;line-height:40px;}
.case-hd .desc span {font-size:14px;color:#535151;}
.case-detail {}
.case-detail-hd {margin: 30px 0;padding-bottom:30px;border-bottom:1px solid #d8d8d8;}
.case-detail-hd2 {margin:40px 0 30px 0; height:40px; line-height:40px;background:url(/statics/images/tem/tiline.png) no-repeat center center;}
.case-detail-hd2 .info {font-size:18px;color:#1E1E1E;line-height:40px; margin-left:28px;}
.case-detail-hd2 .info span {float:right;font-size:12px;color:#1E1E1E;margin-right:28px;}
.case-detail-hd h3 {font-size:20px;color:#FFFFFF;line-height:40px;}
.case-detail-hd p {color:#797979;font-size:14px;}
.case-detail-content ul {margin-bottom:25px;}
.case-detail-content ul li {font-size:14px;color:#858585;line-height:30px;display:block;}
.case-detail-content img {max-width:100%;margin-bottom:25px; text-align:center;}
.case-detail-content div {max-width:100%;margin-bottom:25px; text-align:center;}
.case-detail-content p {line-height:26px;color:#858585;font-size:14px;}
.case-detail-content img {margin-bottom:10px;}
.case-detail-content .h {text-align:center;}

.case-detail-content{width:1200px; margin:0 auto; line-height:24px; font-size:14px;}
.case-detail-content img{ margin-bottom:10px;}


.new-ul-list {width:1500px;overflow:hidden;}
.new-list-item {width:425px;float:left;background:#FFF;display:block;margin: 0 61px 60px 0;}
.new-list-item .pic {width:100%;height:245px;overflow:hidden;position: relative;}
.new-list-item .pic:before {content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;transition: all .8s;z-index: 2;position: absolute;}
.new-list-item .pic img {position: absolute;width:100%;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0) scale(1,1);transition: all .8s;z-index: 1;}
.new-list-item .pic:hover img {transform: translate3d(-50%, -50%, 0) scale(1.1,1.1);}
.new-list-item .pic-info {position: absolute; top: 50%;margin-top: -20px;left: 0;width: 100%;z-index: 10;color: #FFF;font-size: 14px;text-align: center;}
.new-list-item .pic-info p {padding: 5px 0;position: relative;width: 200px;margin: 0 auto;line-height: 20px;opacity: 0;transition:  all .4s;}
.new-list-item .pic-info span {width: 200px;margin: 0 auto;height: 1px;display: block;position: relative;}
.new-list-item .pic-info span:before{content: '';display: block;right: 100px;background: #FFF;height: 1px;position: absolute;padding-left: 100px;transition:  all .4s;opacity: 0;}
.new-list-item .pic-info span:after {content: '';display: block;left: 100px;background: #FFF;height: 1px;position: absolute;padding-right: 100px;transition:  all .4s;opacity: 0;}
.new-list-item .pic:hover:before {opacity: .6;}
.new-list-item .pic:hover span:before {padding-left: 20px;opacity: 1;}
.new-list-item .pic:hover span:after {padding-right: 20px;opacity: 1;}
.new-list-item .pic:hover p {opacity: 1;}

.new-list-item .info {padding:15px;border:1px solid #f2f2f2;}
.new-list-item .info .title {font-size:16px;color:#373737;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:25px;line-height:25px;margin-bottom:10px;}
.new-list-item .info .desc {font-size:12px;color:#9a9a9a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;line-height:22px;overflow:hidden;}
.new-list-item .info .time {margin-top: 15px;padding-top:15px;border-top: 1px solid #eaeaea;font-family: "Microsoft YaHei";font-size:12px;color:#9a9a9a;line-height:20px;}
.new-list-item .info .time span {float:right;display:inline-block;padding-right:15px;position:relative;height:20px;line-height:20px;}
.new-list-item .info .time span:before {content:'';display:block;width:6px;height:6px;border-top:2px solid #9a9a9a;border-left:2px solid #9a9a9a;transform: rotate(135deg);position:absolute;right:0;top:50%;margin-top:-3px;}
.new-list-item:hover .info .title {color:#ee7542;}
.new-list-item:hover .time span {color:#ee7542;}
.new-list-item:hover .info .time span:before {border-color:#ee7542;}
.new-detail {padding: 0 220px;}
.new-detail .hd {padding: 60px 0 80px;text-align:center;}
.new-detail .hd h3 {font-size:30px;color:#000;line-height:40px;margin-bottom:25px;}
.new-detail .hd h4 {font-size:16px;color:#999;line-height:40px;}
.new-detail .content p {font-size:16px;color:#333;margin-bottom:25px;line-height:28px;}
.new-detail .content img {max-width:100%;display:block;margin:0 auto;margin-bottom:25px;}
.new-tj h3 {font-size:20px;color: #333;line-height:50px;border-bottom:1px solid #d8d8d8;margin-bottom:20px;}
.new-tj .new-ul-list {width:2000px;}
.new-tj .new-ul-list .new-list-item {margin: 0 72px 60px 0;}



.detail-page {}
.detail-page a {font-size:16px;font-weight:500;color:#969696;display:inline-block;position:relative;padding-left:25px;line-height:30px;}
.detail-page a.share {float:right;}
.detail-page a:before {position:absolute;content:'';display:block;width:22px;height:22px;top:50%;left:0;}
.detail-page a.back:before {background:url(/statics/images/tem/icon-left.png) no-repeat center / 100%;margin-top:-11px;}
.detail-page a.share:before {background:url(/statics/images/tem/icon-share.png) no-repeat center / 100%;width:20px;height:20px;margin-top:-10px;}
.detail-page a.share:hover:before {background:url(/statics/images/tem/icon-share-active.png) no-repeat center / 100%;}
.detail-page a.back:hover:before {background:url(/statics/images/tem/icon-left-active.png) no-repeat center / 100%;}
.detail-page a:hover {color:#ee7542;}
.detail-page a.icon {display:block;width: 30px;height:30px;background-repeat:no-repeat;background-size:cover;background-position:center;float:right;padding:0;margin-right: 15px;}
.detail-page a.weibo {background-image: url(/statics/images/tem/icon-weibo.png);}
.detail-page a:hover.weibo {background-image: url(/statics/images/tem/icon-weibo-active.png);}
.detail-page a.wechat {background-image: url(/statics/images/tem/icon-wechat.png);background-size:76%;}
.detail-page a:hover.wechat {background-image: url(/statics/images/tem/icon-wechat-active.png);}
.detail-page a.photo {background-image: url(/statics/images/tem/icon-photo.png);}
.detail-page a:hover.photo {background-image: url(/statics/images/tem/icon-photo-active.png);}



.contact-map {max-width:1920px;background:#f1f1f1;margin: 0 auto;}
.contact-tab {padding: 50px 0;}
.contact-item {width:350px;float:left;padding-right:110px;}
.contact-item h3 {font-size:16px;color:#333;font-weight:600;margin-bottom:10px;}
.contact-item .g{font-size:12px;color:#6e6e6e;}
.contact-item .t {font-size:14px;color:#363636;line-height:24px;margin-bottom:5px;}
.contact-item.address .g {margin-bottom:10px;}
.contact-item.contact-us {padding: 0 55px;}
.contact-item.wachat {padding: 0 0 0 210px;width:250px;}
.contact-item.wachat .code {width:120px;height:40px;padding: 60px 0 0 110px;position:relative;}
.contact-item.wachat .code img {position:absolute;top:0;left:0;}



.service-1 {padding: 30px 0;border-bottom:1px solid #d8d8d8;}
.service-1 .item {width:460px;}
.service-1 .item span {color:#8e8d8d;font-size:12px;line-height:18px;}
.service-1 .item p {font-size:14px;line-height:18px;}
.service-1 .i1,
.service-1 .i2 {float:left;}
.service-1 .i3 {float:right;}
.service-1 .i1 {text-align:left;}
.service-1 .i2 {text-align:center;}
.service-1 .i3 {text-align:right;}
.service-2 {text-align:center;padding: 50px 250px;}
.service-2 h3 {font-size:30px;color:#333;}
.service-2 h4 {font-size:14px;color:#8e8d8d;margin-bottom:30px;}
.service-2 p {font-size:14px;color:#424242;line-height:30px;margin-bottom:30px;}
.service-list {width:1430px;margin: 100px 0;}

.service-3 {background:#1d1d1d url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.jpg) no-repeat center / 100%;padding: 60px 0 80px;}
.service-3 h3 {font-size:25px;color:#FFF;text-align:center;margin-bottom:15px;padding-bottom:5px;position:relative;}
.service-3 h3:before {content:'';display:block;width: 100px;height:1px;background:#FFF;position:absolute;left:50%;margin-left:-50px;bottom:-5px;}
.service-3 h4 {font-size:14px;color:#FFF;text-align:center;}
.service-3 .desc {width: 700px;font-size:14px;color:#FFF;line-height:26px;text-align:center;margin:0 auto;padding: 40px 0;}
.service-3-list {text-align:center;}
.service-3-list .clearfix {margin: 0 auto;display:inline-block;}
.services-3-tag {font-size:60px;color:#FFF;display:inline-block;margin: 0 50px;height:202px;line-height:202px;float:left;}
.service-3-item {width:270px;height:180px;display:inline-block;border:5px solid #909090;float:left;padding-top:20px; border-radius:10px;}
.service-3-item em {font-size:40px;color:#FFF;display:block;font-style: italic;padding-left: 70px;position:relative;text-align:left;}
.service-3-item em:before {position:absolute;content:'';display:block;width:10px;height:10px;border-top:5px solid #FFF;border-left:5px solid #FFF;transform:rotate(135deg);top:50%;left:30px;margin-top:-5px;}
.service-3-item p {font-size:14px;color:#FFF;padding: 20px;font-weight:300;}


.service-4 {padding: 60px 0 20px;}
.service-4 h3 {font-size:25px;color:#333;text-align:center;margin-bottom:15px;padding-bottom:5px;position:relative;}
.service-4 h3:before {content:'';display:block;width: 100px;height:1px;background:#6e6e6e;position:absolute;left:50%;margin-left:-50px;bottom:-5px;}
.service-4 h4 {font-size:14px;color:#6e6e6e;text-align:center;}
.service-4-item {width:250px;height:330px;float:left;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;margin-right:30px;cursor:pointer;display:block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
.service-4-item:before {content:'';display:block;top:0;left:0;height:100%;width:100%;position:absolute;z-index:1;background:#333;opacity:.8;transition:all .4s;}
.service-4-item:hover:before {opacity: 0;}
.service-4-item:hover {box-shadow: 1px 1px 8px #CCC;-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
.service-4-item .info {position:relative;z-index: 3;padding-top:160px;width:100%;}
.service-4-item .info span {font-size:18px;color:#FFF;display:block;padding: 0 15px 10px;line-height:30px;margin: 15px 0;display:block;position:relative;}
.service-4-item .info span:before {content:'';display:block;width:40px;height:1px;background:#FFF;position:absolute;left:15px;bottom:0;}
.service-4-item .info p {font-size:12px;color:#FFF;display:block;padding: 0 15px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:80px;line-height:20px;overflow:hidden;}

.service-5 {background:#1d1d1d;padding: 60px 0 20px;}
.service-5 h3 {font-size:25px;color:#FFF;text-align:center;margin-bottom:15px;padding-bottom:5px;position:relative;}
.service-5 h3:before {content:'';display:block;width: 100px;height:1px;background:#FFF;position:absolute;left:50%;margin-left:-50px;bottom:-5px;}
.service-5 h4 {font-size:14px;color:#FFF;text-align:center;}
.service-5-item {width:265px;height:240px;float:left;background:url(http://www.szzh-design.com/statics/pc/img/s-service-2.jpg) no-repeat center / auto;position:relative;margin-right:20px;cursor:pointer;display:block;}
.service-5-item:before {content:'';display:block;top:0;left:0;height:100%;width:100%;position:absolute;z-index:1;background:#333;transition:all .4s;}
.service-5-item:hover:before {background:#033ca5;opacity:.8;}
.service-5-item .info {position:relative;z-index: 3;height:100%;width:100%;}
.service-5-item .info em {letter-spacing: 2px;font-size:12px;color:#8e8d8d;padding:20px 15px;display:block;}
.service-5-item .info .t {font-size:24px;color:#FFF;display:block;padding: 0 15px;line-height:30px;margin: 20px 0 40px;}
.service-5-item .info .b {font-size:12px;color:#FFF;display:block;padding: 0 15px;}



#about-banner {max-width:1920px;margin: 0 auto;height:580px;}
#about-banner .swiper-slide {width:100%;height:580px;background-size:cover;background-repeat:no-repeat;background-position: center;}
.about-pagination {text-align:left;padding-left:250px;bottom:35px!important;}
.about-pagination .swiper-pagination-bullet {width: 34px;height:5px;border-radius:0;padding:5px 0;position:relative;background:none;opacity:1;}
.about-pagination .swiper-pagination-bullet:before {content:'';display:block;position:absolute;top:5px;height:5px;width:100%;background:#000;opacity:.4;border-radius:4px;}
.about-pagination .swiper-pagination-bullet-active:before {background:#3a333f;opacity:1;}
.about-1 {text-align:center;padding: 50px 0;}
.about-1 h3 {font-size:30px;color:#333;}
.about-1 h4 {font-size:14px;color:#8e8d8d;margin-bottom:30px;}
.about{width:1250px; margin:0 auto; margin-top:50px;}
.about-video {width:490px;float:left; text-align:left;}
.about-1-info {width:750px;float:right;color:#636363; line-height:24px;font-size:14px;text-align:left;}
.about-1-info p {margin-bottom:20px;}
.about-2 {background:url(/statics/images/tem/about_02.png) no-repeat center center;height:480px;}
.about-2 .data-list {padding: 80px 0 0 0;}
.about-2-list {width:1170px;overflow:hidden;padding:90px 0; margin-left:70px;}
.about-2-list li{float:left;background:url(/statics/images/tem/quan.png) no-repeat center center;width:115px;height:80px; padding-top:35px; text-align:center; font-size:16px; color:#FFFFFF;list-style:none; cursor:pointer;}
.about-2-list li:hover{background:url(/statics/images/tem/quan2.png) no-repeat center center;}
.about-2-list span{float:left;background:url(/statics/images/tem/arrow.png) no-repeat center center;width:30px;height:115px;}
.about-2-item {width:140px;float:left;text-align:center;margin-right:70px;display:block;cursor:pointer;}
.about-2-item .pic {width:120px;height:120px;border-radius:500px;background:#FFF;position:relative;margin:0 auto 20px;}
.about-2-item .pic img {width: 50px;position:absolute;top:50%;left:50%;margin: -25px 0 0 -25px;}
.about-2-item:hover .pic {opacity:.8;}
.about-2-item p {font-size:14px;color:#FFF;text-align:center;padding-bottom:10px;margin-bottom:10px;position:relative;}
.about-2-item p:before {content:'';display:block;width:30px;height:1px;background:#919191;position:absolute;left:50%;margin-left:-15px;bottom:-2px;}
.about-2-item span {display:block;color:#919191;font-size:12px;}
.about-3 .data-list {padding: 80px 0 0 0;}
.about-3-list {width:1470px;overflow:hidden;padding: 60px 0 80px;}
.about-3-item {width:230px;float:left;margin-right:61px;}
.about-3-item .info {padding: 10px 0 0 15px;position:relative;}
.about-3-item .info:before {content:'';display:block;width:60px;height:1px;position:absolute;top:0;left:15px;background:#f07d22;}
.about-3-item .info p {font-size:20px;color:#333;line-height:35px;border-bottom:1px solid #d8d8d8;}
.about-3-item .info p span {margin-left: 5px;}
.about-3-item .info span {font-size:14px;color:#898989;display:inline-block;line-height:35px;}
.about-4 .data-list {padding: 80px 0 0 0;position:relative;height:460px;}
.about-4 .data-list .link {display:block;width:50px;height:50px;position:absolute;left:18px;bottom:66px;}
.about-4 {height:540px;background:#2f2f2f url(/statics/images/tem/s-about-6.jpg) no-repeat top right / auto 100%;}
.about-4 .desc {width: 420px;font-size:13px;color:#8d8d8d;line-height:24px;padding: 40px 0;}
.about-4-list i {float:left;color:#f07d22;font-size:45px;margin: 0 15px;}
.about-4-item {border: 1px solid #d8d8d8;border-radius:4px;float:left;width:225px;height:83px;}
.about-4-item span {font-size:45px;color:#f07d22;display:inline-block;padding: 0 50px 0 20px;float:left;line-height:83px;font-style:italic;background:url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.png) no-repeat 68px 9px / auto;}
.about-4-item p {font-size:13px;color:#FFF;float:left;margin-top:10px;}
.about-5-list {width:1450px;padding-top:40px;}
.about-5-list a {display:block;width:170px;height:80px;overflow:hidden;float:left;margin: 0 10px 10px 0;}
.about-5-list a img {width:100%;}

.teamlist{height: auto;margin: 0 auto;width: 1400px;max-width: 1400px;overflow: hidden;}
.teamlist li{float:left;width:310px; margin-right:50px; list-style:none; margin-bottom:20px;}
.teamlist li:nth-child(4n){margin-right:0;}
.teamlist li img{width:310px; height:440px;}
.teamlist li div{padding-top:20px; font-size:16px;}
.teamlist li span{ display:block;font-size:14px; padding:10px 0 20px 0;}

.atitle {float:left;font-size:20px; color:#016D41; text-align:left; margin-top:70px; margin-left:170px;}
.atitle2{float:left;font-size:12px; color:#868686; text-align:left; margin-top:60px; margin-left:2px;}

.team {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
	margin-top:80px;
}
.team_fr {
    width: 55%;
    min-height: 613px;
	float:right;
}
.team_fr img {
    width: 100%;
    display: block;
}
.team_fl {
    width: 45%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
	float:left;
}

.team_intro {
    background:url(/statics/images/tem/btm.png); padding:60px 60px 30px 60px; line-height:24px; font-size:14px; color:#FFFFFF; width:560px; height:247px; margin-top:100px; margin-left:250px; position:absolute; z-index:99;
}

#power {position: relative;margin-top: 40px;}
#power:before,
#power:after {content: '';display: block;width: 80px;height: 100%;top: 0;background: #FFF;z-index: 10;position: absolute;}
#power:before {left: 0;}
#power:after {right: 0;}
#power .about-5-list {padding: 0 80px;position: relative;width: 1240px;}
.p-btn {z-index: 20;height: 30px;}
.p-btn-prev {background: url(/statics/images/tem/btn-prev.png) no-repeat center / auto;}
.p-btn-next {background: url(/statics/images/tem/btn-next.png) no-repeat center / auto;}




#index-banner {max-width:1920px;margin: 0 auto;height:886px;}
#index-banner .swiper-slide {width:100%;height:886px;background-size:cover;background-repeat:no-repeat;background-position: center;}
#index-banner {max-width:1920px;margin: 0 auto;height:886px;}
#index-banner .swiper-slide {width:100%;height:886px;background-size:cover;background-repeat:no-repeat;background-position: center;}

#index-banner .swiper-slide .info {position:absolute;color:#FFF;top:620px;}
#index-banner .swiper-slide .info .desc {font-size:40px;font-weight:bold;font-family:"Roboto";line-height:60px; width:800px; text-transform:uppercase;}
#index-banner .swiper-slide .info p {font-size: 20px;margin-bottom: 30px;font-family:'微软雅黑'; }



.index-pagination {text-align:left;padding-left:250px;bottom:35px!important;}
.index-pagination .swiper-pagination-bullet {width: 34px;height:5px;border-radius:0;padding:5px 0;position:relative;background:none;opacity:1;}
.index-pagination .swiper-pagination-bullet:before {content:'';display:block;position:absolute;top:5px;height:5px;width:100%;background:#000;opacity:.4;border-radius:4px;}
.index-pagination .swiper-pagination-bullet-active:before {background:#3a333f;opacity:1;}
.index-1 {padding: 30px 0;border-bottom:1px solid #d8d8d8;}
.index-1 .item {width:460px;}
.index-1 .item span {color:#8e8d8d;font-size:12px;line-height:18px;}
.index-1 .item p {font-size:14px;line-height:18px;}
.index-1 .i1,
.index-1 .i2 {float:left;}
.index-1 .i3 {float:right;}
.index-1 .i1 {text-align:left;padding-top: 45px;}
.index-1 .i2 {text-align:center;}
.index-1 .i2 img {max-width:100%;margin-bottom:5px;}
.index-1 .i3 {text-align:right;padding-top: 45px;}
.index-2 {padding: 80px 0;}
.index-2 .pic {float:left;width:900px;height:550px;}
.index-2 .pic img {width:100%;}
.index-2-info {width: 400px;float:right;}
.index-2-info .hd h3 {font-size:30px;font-weight:600;line-height:40px;}
.index-2-info .hd h4 {font-size:16px;font-weight:400;line-height:30px;}
.index-2-info .desc p {font-size:12px;color:#797979;line-height:24px;margin-top: 35px;}
.index-2-info .link {display:block;height:58px;line-height:58px;font-size:14px;color:#000;padding-left: 25px;position:relative;background: #dadada url(/statics/images/tem/icon-link.jpg) no-repeat center right / auto 100%;font-family: "Microsoft YaHei";font-weight:500;margin-top: 35px;transition: all .3s;}
.index-2-info .link:hover {background-color:#e7e7e7;}
.index-3-info {padding:50px 0 20px 460px;position:relative;}
.index-3-info:before {content:'';display:block;width:80px;height:4px;background:#ee7542;position:absolute;left:260px;top:82px;z-index:2;}
.index-3-info .pic {width:300px;height:300px;overflow:hidden;position:absolute;left:0;top:40px;z-index: 1;}
.index-3-info .pic img {width:300px;}
.index-3-info h3 {font-size:30px;font-weight:600;line-height:40px;border-bottom:1px solid #d8d8d8;margin-bottom:30px;}
.index-3-info h3 span {font-size:14px;margin-left: 10px;color:#898989;font-family: "Microsoft YaHei";}
.index-3-info .address {float:left;width:220px;}
.index-3-info .address h4 {font-size:16px;color:#2c2c2c;margin-bottom:10px;}
.index-3-info .address p {font-size:15px;color:#898989;}
.index-3-info .link {float:left;width:720px;}
.index-3-info .link div a {line-height:30px;font-size:12px;color:#949494;display:block;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-3-info .link div a.zh {width: 300px;}
.index-3-info .link div a.en {width:400px;padding-left:20px;}



.footer-top-box {padding: 40px 0 20px;}
.footer-item {float:left;}
.footer-item h3 {font-size:14px;color:#333;font-weight:600;height: 40px;line-height:40px;border-bottom:1px solid #d1d1d1;display:block;margin-bottom:20px;}
.footer-item .info {float:left;}
.footer-item p {font-size:12px;color:#333;}
.footer-item .map {width:560px;height:95px;background:#ccc;float:left;}
.footer-item .contact {float:left;margin: 0 60px;}
.footer-item .contact a {display:block;font-size:14px;color:#333;font-family: "Microsoft YaHei";padding: 5px 20px 5px 35px;border:1px solid #e3e3e3;background:url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.png) no-repeat 10px center / 20px;margin-bottom: 10px;}
.footer-item .contact a:hover {border: 1px solid #ee7542;color:#ee7542;background:url(/statics/images/tem/1f5bb6da47c44fd185e148c54e415f4b.png) no-repeat 10px center / 20px;margin-bottom: 10px;}
.footer-item.i2 {width:300px;float:right;}
.footer-item.i2 .code {height: 95px;position:relative;padding: 40px 0 0 100px;font-size:13px;color:#666;}
.footer-item.i2 .code img {position:absolute;top:0;left:0;width:95px;}
.footer-top-box {background:#f6f6f6;}
.footer-bottom-box {background:#171717;padding:10px 0;}
.footer-bottom-box dl {border-bottom:1px solid #4c4a4a; height:60px;}
.footer-bottom-box dl li {float:left;font-size:14px;color:#CCC;line-height:60px;list-style:none;width:260px;}
.footer-bottom-box dl li:nth-child(6){width:90px;}
.footer-bottom-box dl li a{font-size:14px;color:#747474;}
.footer-bottom-box dl a:hover {color:#006f3e;}
.footer-bottom-desc {color:#747474;font-size:13px;line-height:30px;margin-top: 10px;}
.footer-bottom-desc a,
.footer-bottom-desc span {color:#747474;font-size:13px;margin-right:5px;display: inline-block;}
.footer-bottom-desc a {color:#FFF;}
.flogo{ margin-top:30px;}


.pager{ text-align:center;}
.pager a{ padding:5px 10px; border:#ccc solid 1px;}
.pager strong{padding:5px 10px; border:#ccc solid 1px; background:#ccc;}



	.slider{ width:100%;  min-width:1000px;  height:556px;  position:relative; overflow:hidden; background:#000; text-align:center;   }
	.slider .bd{ width:1000px; position:absolute; left:50%; margin-left:-500px ;text-align:center !important; }
	.slider .bd li{ width:1000px;  overflow:hidden;text-align:center !important; }
	.slider .bd li img{ display:block; max-width:100%; height:556px; text-align:center !important; display:inline-block; }
	.slider .tempWrap{ overflow:visible !important }
	.slider .tempWrap ul{  margin-left:-1000px !important;   }

	.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:10px; bottom:20px;  text-align:center;  }
	.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:10px; height:10px; line-height:99px; overflow:hidden; background:url(/statics/images/tem/slider-btn.png) 0 -10px no-repeat; 
		margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;  }
	.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
	.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:650px; cursor:pointer;   }
	.slider .prev{ left:-50%; margin-left:-500px; top:25% ;}
	.slider .next{ left:50%;  margin-left:500px;  top:25% ;}
	.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:650px; background:#000; filter:alpha(opacity=80);opacity:0.8; margin-top:-165px;}
	.slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:650px;  }
	.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
	.slider .prev .arrow{ right:0; background:url(/statics/images/tem/slider-arrow.png) -120px 0 no-repeat;   }
	.slider .next .arrow{ left:0; background:url(/statics/images/tem/slider-arrow.png) 0 0 no-repeat;  }

.ntitle{
	font-size:22px; text-align:center; border-bottom:1px dashed #CCCCCC; padding:20px; margin-bottom:30px;
}
.intro{
	font-size:14px; line-height:24px;
}
.container{
	width:1410px;
	margin:0 auto;
	padding:20px;
	background-color:#FFFFFF;
}
.contain{
	width:1380px;
	margin:0 auto;
	padding:20px;
	background-color:#FFFFFF;
}
.news .news_list{
	width:780px;
}
.news .news_right{
	width:360px;
}

.news{
	padding-top:40px;
	background-color:#f3f3f3;
}
.news .news_list{
	float:left;
	width:897px;
	height:auto;
}
.news .news_right{
	width:400px;
	float:right;
	padding:25px 35px 25px 40px;
	min-height:1080px;
	box-sizing:border-box;
	background-color:#FFF;
}
.news .news_list ul li{
	width:100%;
	height:auto;
	margin-bottom:40px;
	background-color:#FFF;
}
.news .news_list ul li:hover{
	 box-shadow: 3px 5px 11px 2px #CCC;
}
.news .news_list ul li .pic{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
}
.news .news_list ul li .text{
	height:270px;
	padding:0 42px;
	position:relative;
}
.news .news_list ul li .text h3{
	font-size:20px;
	color:#1b1a1a;
	line-height:30px;
	margin-bottom:50px;
}
.news .news_list ul li .text time{
	float:right;
	font-size:14px;
	color:#a6a6a6;
}
.news .news_list ul li .text p{
	font-size:14px;
	color:#707070;
	line-height:25px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.news .news_list ul li .text .more{
	font-size:13px;
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:18px;
	background-image:url(/statics/images/tem/icon_13.png);
	background-repeat:no-repeat;
	background-position:left center;
	position:absolute;
	left:40px;
	bottom:60px;
}
.news .news_right h2{
	font-size:16px;
	color:#1b1a1a;
	line-height:40px;
}
.news .news_right ul {
	margin-bottom:60px;
}
.news .news_right ul li{
	border-bottom:1px solid #e0e0e0;
}
.news .news_right ul li a{
	display:block;
	font-size:14px;
	color:#424242;
	line-height:56px;
}
.news .news_right dl{
	margin-bottom:75px;
}
.news .news_right dl dd{
	border-bottom:1px solid #e0e0e0;}
.news .news_right dl dd a{
	display:block;
	font-size:14px;
	color:#797878;
	line-height:55px;
	padding-left:15px;
	background-image:url(/statics/images/tem/icon_08.png);
	background-repeat:no-repeat;
	background-position:left center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;

}
.news .news_right .faxing{
	height:39px;
}
.news .news_right .faxing a{
	display:inline-block;
	margin:0 3px;
}
.news .news_right .faxing a img{
	height:100%;
	width:auto;
}


.s1 {
  position: fixed;
  z-index: 10;
  left: 50%;
  top: 50%;
  margin: -150px 0 0 -250px;
  width: 500px;
  height: 300px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 0 15px rgba(0,0,0,.3);
}

.s1 p {
  margin: 0;
  padding: 50px 0 20px 0;
  font-family: Arial;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
}

.s1 span {
  display: block;
  font-family: Arial;
  font-size: 25px;
  color: #666;
  text-align: center;
}

.s1 a {
  margin: 20px auto 0 auto;
  display: block;
  width: 220px;
  height: 50px;
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  font-family: Arial;
  font-size: 25px;
  background: #f88371;
}

.s1 a:hover { background: #ed6f5c; }
 @media (max-width:480px) {

.s1 {
  margin: -127px 0 0 0;
  width: 80%;
  height: 255px;
  left: 10%;
}

.s1 p { font-size: 36px; }

.s1 span { font-size: 18px; }
}