/*CSS通用重置样式*/
@import url("http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");
*{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;}
ol, ul, li{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:#239CD1;cursor: pointer;}
img{vertical-align:middle; border:0;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.wrapper,.wrapper2{margin:0 auto;width:94%;overflow:hidden;}
.floor {margin:0 auto;overflow:hidden;}
.floor.line{border-bottom:1px solid #d8d8d8;}
.floor.line2{border-bottom:1px solid #fff;}
.fontArial{font-family:Arial,Helvetica,sans-serif;}
*html{background-image:url(about:blank);background-attachment:fixed;/*修正IE6振动bug*/}
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;}
.p30{padding:30px 0 30px 0;}

.more{border-radius:10px;line-height:40px; height:40px; display:block; text-align:center; width:136px;}
.more a{color:#FFFFFF; font-size:16px; display:block}

.sitebg{background: url(../images/allbg.jpg) no-repeat top center; background-size:100%;}
.sitebg:hover{background: url(../images/allbg.jpg) repeat-y;}

.viewmore{background: url(../images/arrow.jpg) no-repeat center right; padding-right:20px; font-size:14px;}

.nybanner img{width:100%; height:180px;}
.nybanner p{position:absolute; top:126px; padding-left:15px; color:#fff; font-size:20px; font-weight:bold;}
.nybanner p span{font-size:20px; text-transform:uppercase;  display:block; font-weight:normal}

.cont{line-height:24px; font-size:14px;}
.contbox{line-height:24px; font-size:14px; background-color:#FFFFFF; padding:30px;border-radius:10px;}
.contshow{line-height:24px; font-size:14px; padding:30px 0 30px 0; min-height:400px;}
.contbox img,.cont img{max-width:100%;}

/*Header*/
.header {position: relative;z-index: 1000;  background-color:#FFFFFF}
.header-content {margin: 0 auto;position: relative;transition: all .4s;}
.header-nav a:hover, .header-nav a.active {color:#333;}
.header-logo img {width:100%;}
.header-content{height: 60px;}
.header-logo {width:60%;float:left;margin: 10px 0 0 10px;}
.header-nav .search {border-bottom: 1px solid #ececec;padding: 10px 0;margin: 0 15px;}
.header-nav .search .search-text {padding-right: 50px;}
.header-nav .search input {border: 1px solid #e5e5e5;height: 35px;width: 100%;border-radius: 4px;padding: 0 15px;box-sizing: border-box;}
.header-nav .search button {position: absolute;top: 0;right: 15px;width: 50px;height: 55px;border:none;background: none;}
.header-nav .search button img {width: 20px;}
.header-nav-btn {display:block;float:right;height:35px;width:30px;position:relative;padding-top:22px;cursor:pointer; margin-right:30px;}
.header-nav-btn span {width:30px;height:3px;background:#000;display:block;margin:0 0 5px 20px;transition: all .3s;}
.header-nav-btn.active span {display: none;position: absolute;top: 30px;}
.header-nav-btn.active span:first-child {transform: rotate(45deg);display: block;}
.header-nav-btn.active span:last-child {transform: rotate(-45deg);display: block;}
.header-nav {position:absolute;width:100%;top: 60px;left:0;border-top:1px solid #ececec;background:#FFF;height:0;overflow:hidden;transition:all .4s;}
.header-nav a {display:block;height:45px;line-height:45px;border-bottom:1px solid #ececec;margin: 0 15px;font-size:14px;padding:0 10px;color:#999;}
.header-txt {display: none}
.header-txt {display: block}
.header-txt {float: right;background:#c99847;color:#FFF;text-align:center;height:65px;padding:0 20px;padding-top: 10px;}
.header-txt span {display: block;}
.header-phone{float:left; width:20%; margin-top:18px; display:block; text-align:right}
.header-phone img{width:30px;}

.search-drawp {display:none;position: absolute;top: 0;right: 0;z-index: 1000;padding-top: 30px;}
.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;}
.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;}


/*banner-single*/
#slider {width: 100%;}
#slider .swiper-wrapper,
#slider .swiper-slide,
#slider .swiper-slide img {width: 100%;}
#slider .swiper-slide .info {position: absolute; bottom: 60px;left: 20px;}
#slider .swiper-slide .info h3 {font-size: 1.2rem;color: #FFF;font-family: 'Roboto';font-weight: 100;}
#slider .swiper-slide .info p {font-size: 0.9rem;color: #FFF;font-family: '微软雅黑';font-weight: 100;margin-top: -5px;}
.index .swiper-slide .info h3 {font-size: 30px!important;line-height: 34px;}
.index .swiper-slide .info p {margin-top: 0!important;}
#slider .swiper-pagination,#slider2 .swiper-pagination,#slider3 .swiper-pagination {text-align: left;padding-left: 20px;}
#slider .swiper-pagination-bullet,#slider2 .swiper-pagination-bullet,#slider3 .swiper-pagination-bullet {background: #FFF;border-radius: 4px;width: 28px;height: 4px;opacity: .8;}
#slider .swiper-pagination-bullet-active,#slider2 .swiper-pagination-bullet-active,#slider3 .swiper-pagination-bullet-active {background: #999;opacity: .4;}

.text {width: 100%;height: 100%;text-align: center;position: absolute;top: 0px;color: #fff;padding-top:40px;background-color: rgb(0, 0, 0,0.4);}
.text b{font-size:25px;}
.text p{font-size:14px; line-height:24px; padding:20px;}

.szitem{padding:20px 0 0 0;}
.szitem li{float:left;margin-left:8%; width:42%; margin-bottom:30px;}
.szitem li img{float:left; margin-right:7px; width:30px;}
.szitem li b{color:#18A0AE; font-size:18px; line-height:30px;}
.szitem li p{color:#4B4B4B; font-size:12px; line-height:25px;}

.fangan{background: url(../images/inbg_18.jpg) no-repeat top center; color:#686868;}
.fangan ul li{float:left;width:45%; padding:5px; margin-left:2%; background-color:#FFFFFF; cursor:pointer; margin-bottom:15px;}
.fangan ul li:nth-child(4n){margin-left:0%;}
.fangan ul li img{width:100%; padding:10px 0 10px 0;transition: all 0.6s;}
.fangan ul li:hover img{transform: scale(1.08);}
.fangan ul li span{display:block; font-size:14px;}
.fangan ul li b{
	display:block;
	font-size:16px;
	padding-bottom:15px;
	padding-left:8px;
	color:#000;
	font-weight: bold;
}
.fangan ul li p{font-size:12px; color:#666666; height:100px; padding-left:8px;}



.about{background:#000 url(../images/inbg_20.jpg) no-repeat bottom center; color:#fff; margin-top:10px; padding-top:50px;}
.about .pic {float:left;width:100%; text-align:left; margin-top:30px;}
.about .pic img {width:100%;}
.about .pic .otherbtn li{float:left; width:21%; margin-left:3%; text-align:center; height:30px; line-height:30px; border-radius:0 0 7px 7px;}
.about .pic .otherbtn a{display:block; color:#fff; font-size:14px;}

.about .info {width:94%;float:left; color:#FFFFFF; margin-left:3%;}
.about .info .hd h3{font-size:28px;line-height:40px;font-weight:bold;}
.about .info .hd h4{font-size:19px; font-weight:bold;margin-top:30px;margin-bottom:30px; line-height:35px;}
.about .info .hd p{font-size:14px; line-height:21px; color:#ccc;}
.about .info .hd span{font-size:16px;margin-top: 35px;margin-top:25px; display:block}
.about .info .desc{font-size:18px;color:#fff;line-height:24px;margin-top:50px;}

.about ul{ margin-top:50px;}
.about ul li{float:left;width:50%; height:130px; text-align:center}
.about ul li b{display:block; font-size:27px; padding:22px 0 5px 0;}
.about ul li b span{font-size:16px;}
.about ul li p{font-size:12px;}
.about ul li:hover{background: url(../images/allbg.jpg) no-repeat top center;}

.bigmenu h3{float:left;font-size:28px; color:#000000; font-weight:bold; margin-left:3%;}
.bigmenu h3 span{font-size:13px; color:#737373; display:block; text-transform:uppercase}
.bigmenu h4{float:left;font-size:12px; color:#404040; line-height:21px;margin-left:3%; padding:8px 0 0 0px;}
.bigmenu p{float:left;font-size:16px; color:#979797; line-height:32px;}

.alcd{color:#000000; font-size:15px; margin-left:25px;}

.lead{padding:10px 0 10px 0; color:#999999;}
.lead a{font-size:14px;  color:#999999;}

.pro{padding:40px 0 0px 0;}
.caidan{margin-left:0px; margin-bottom:20px;}
.caidan li{float:left; width:20%; margin-left:3%; margin-bottom:3%;border-radius:15px; text-align:center; background-color:#fff; border:2px solid #ccc; line-height:30px; font-size:14px;}
.caidan li:hover{background:linear-gradient(180deg, #59BC7C, #239CD1);border:2px solid #fff;}
.caidan li a{display:block;}
.caidan li:hover a{color:#fff;}

.caidan2{margin-top:10px; margin-bottom:10px;}
.caidan2 li{float:left; margin-right:10px;margin-bottom:10px;border-radius:5px; background-color:#fff; line-height:35px; font-size:14px; padding:0 5px 0 5px; text-align:center}
.caidan2 li:hover,.cur{background:linear-gradient(180deg, #59BC7C, #239CD1);}
.caidan2 li a{display:block;}
.caidan2 li:hover a,.cur a{color:#fff;}
.caidan2 li ul{display:none; position:absolute; z-index:9999;}
.caidan2 li ul li{float:none; background-color:#FFFFFF;border-radius:5px; margin-top:4px;margin-bottom:0px;}
.caidan2 li ul li a{display:block;color:#333333 !important;}
.caidan2 li:hover ul{display:block}
.caidan2 li ul li:hover a{color:#fff !important;}

.prolist{margin-top:30px;}
.prolist li{float:left; width:94%; margin-bottom:30px; overflow:hidden; padding:3%;border-radius:10px; background-color:#FFFFFF}
.prolist li div{overflow:hidden;}
.prolist li img{width:100%;transition: all 0.6s;}
.prolist li:hover img{transform: scale(1.2);}
.prolist li:nth-child(3n){margin-right:0%;}
.prolist li p{line-height:50px; font-size:16px;}
.prolist li p span{font-size:14px; color:#787878;}
.prointro{padding:0 0 40px 0;}
.prointro dd{float:left; width:100%;}
.prointro dd img{width:100%;}
.prointro dl{float:left; width:92%; padding-left:4%; padding-right:4%; font-size:14px; line-height:28px;}
.cont2{min-height:240px; padding-top:40px; color:#666}


.caselist{margin-top:30px;}
.caselist li{float:left; width:100%; margin-bottom:20px;}
.caselist li div{overflow:hidden;}
.caselist li img{width:100%;transition: all 0.6s;}
.caselist li:hover img{transform: scale(1.08);}
.caselist li:nth-child(3n){margin-right:0%;}
.caselist li p{font-size:16px; background-color:#F7F9FA; padding:8px 15px 8px 15px;}
.caselist li p span{float:right;font-size:12px; color:#999;}
.caseshow{padding:30px 0 30px 0;}
.caseshow b{font-size:25px; font-weight:bold; margin-right:60px;}
.caseshow span{font-size:12px; color:#7C7C7C; margin-top:10px;}
.caseintro{padding:30px 0 30px 0;}
.caseintro dd{float:left; width:100%;}
.caseintro dd img{width:100%;}
.caseintro dl{float:left; width:100%; font-size:12px; line-height:28px; margin-top:30px;}

.anli{padding:20px 0 30px 0;}
.anli dd{float:left; width:35%;}
.anli dd li{overflow:hidden}
.anli dd li img{width:100%; height:692px; position:relative;transition: all 0.6s;}
.anli dd li:hover img{transform: scale(1.08);}
/*.anli dd li s{position:absolute;bottom:200px; width:490px; height:692px; background: rgb(0 0 0 / 0.5); color:#FFFFFF; z-index:9999; display:block}*/
.anli dd li .area{width:370px; height:572px;color:#000; z-index:999999; position:absolute;color:#FFFFFF;background-color: rgb(0, 0, 0,0.5); padding:60px;}
.anli dd li .area b{line-height:60px;font-size:18px; display:block; margin-top:400px;}
.anli dd li .area p{line-height:30px;font-size:14px;}

.anli dl{float:left; width:100%;}
.anli dl li{float:left; width:100%; overflow:hidden}
.anli dl li img{width:100%;transition: all 0.6s;}
.anli dl li:hover img{transform: scale(1.08);}
.anli dl li p{background-color:#D6D6D6;color:#000000; font-size:15px; line-height:48px; margin-top:5px; margin-bottom:7px; padding:0 5px 0 5px;}
.anli dl li p span{float:right; font-size:12px; color:#666666;}
.chose{margin-top:30px;}
.chose ul{margin-top:30px}
.chose ul li{float:left; width:23%; margin-right:2%; text-align:center; margin-bottom:10px;}
.chose ul li img{width:70%;}
.chose ul li p{line-height:34px;}

.liucheng{background: url(../images/liuchengbg.jpg) repeat-x bottom center;}
.liucheng li{float:left; width:24.5%; margin-right:0.5%; height:180px;background: url(../images/block1.jpg); text-align:center; margin-top:10px;border-radius:10px;}
.liucheng li:nth-child(2n){background: url(../images/block2.jpg);}
.liucheng li span{margin-top:30px; display:block; font-size:45px; color:#43AFA0;}
.liucheng li b{display:block; font-size:20px; color:#333;}
.liucheng li p{font-size:14px; color:#333; padding-top:5px;}
.liucheng li:nth-child(2n) span,.liucheng li:nth-child(2n) b,.liucheng li:nth-child(2n) p{color:#fff;}

.buju{background-color:#F7F8FA; padding:40px 0 40px 0;}
.buju dd{float:left; width:100%;}
.buju dd span{font-size:25px; color:#E8E9EB; text-transform:uppercase; display:block; padding:0 0 10px 0; font-weight:bold;}
.buju dd b{font-size:26px; color:#333333; display:block; padding:0 0 15px 0;}
.buju dd p{font-size:14px; color:#7E7E7E; line-height:25px; padding:30px 0 70px 0}
.buju dd li{float:left; width:40%;border-right:1px solid #ccc; padding-left:10%; color:#7E7E7E; font-size:14px;}
.buju dd li i{background: linear-gradient(180deg, #59BC7C, #239CD1);-webkit-background-clip: text; /* 使用-webkit-前缀兼容部分浏览器 */background-clip: text;color: transparent; font-size:35px; font-weight:bold;}

.pinpai{background-color:#F2F3F5; padding:50px 0 20px 0}
.pppic{margin-top:20px; margin-bottom:20px;}
.pppic li{float:left; width:31.3%; margin-right:3%; overflow:hidden;  margin-bottom:20px;border-radius:8px;}
.pppic li div{
	overflow:hidden;
	height:160px;line-height:160px;
	background: url(../images/allbg.jpg)  top center;
	vertical-align: middle;
}
.pppic li:nth-chlid(3){margin-right:0;}
.pppic li img{width:100%;border-radius:8px 8px 0 0;transition: all 0.6s;}
.pppic li:hover img{transform: scale(1.2);}
.pppic li p{background: url(../images/allbg.jpg)  top center; background-size:100%; text-align:center; padding:3px 15px 0 15px; line-height:19px; font-size:12px; color:#fff; height:40px;}

.pppic2 li{float:left; width:22.6%; margin-right:3%; overflow:hidden; margin-bottom:20px;}
.pppic2 li div{overflow:hidden;}
.pppic2 li:nth-chlid(4n){margin-right:0;}
.pppic2 li img{width:90%;transition: all 0.6s;}
.pppic2 li:hover img{transform: scale(1.2);}
.pppic2 li p{text-align:center; padding:2px 0 0 0; line-height:20px; font-size:12px; height:40px; color:#333;}

.xilie{margin-top:30px;}
.xilie li{float:left; width:31.33333%; margin-right:3%; overflow:hidden; margin-bottom:20px;}
.xilie li div{overflow:hidden;}
.xilie li:nth-chlid(3n){margin-right:0;}
.xilie li img{width:100%;border-radius:8px 8px 0 0;transition: all 0.6s;}
.xilie li:hover img{transform: scale(1.2);}
.xilie li p{border-radius:0 0 8px 8px;background: url(../images/allbg.jpg) no-repeat top center; background-size:100%; text-align:center; padding:12px 15px 0 15px; line-height:23px; font-size:14px; color:#fff; height:50px;}

.linian{padding:30px; background-color:#F7F8FA; font-size:14px; color:#636363; text-align:center; margin-top:30px;}
.linian b{font-size:35px; color:#1B1B1B; display:block}

.what{margin-top:30px; margin-bottom:30px;  background-color:#F7F8FA; padding:40px 0 30px 0;}
.what dd{float:left; width:100%; text-align:center}
.what dd img{width:90%;}
.what dl{float:left; width:90%; margin-left:5%;}
.what dl b{color:#000000; font-size:24px;}
.what dl p{font-size:24px; font-weight:bold;background:linear-gradient(180deg, #59BC7C, #239CD1);-webkit-background-clip: text;background-clip: text;color: transparent; padding:0 0 30px 0;}
.what dl li{box-shadow: 2px 3px 2px 3px #D5D6D8; width:90%; margin-bottom:30px;border-radius:10px; background-color:#fff; padding:10px 20px 10px 20px; font-size:14px;}

.news{margin-bottom:30px;}
.news dd{float:left; width:100%;}
.news dd li{border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.news dd li img{float:left; width:40%; margin-right:10px;transition: all 0.6s;}
.news dd li:hover img{transform: scale(1.08);}
.news dd span{color:#979797; font-size:14px; font-weight:bold; line-height:24px;}
.news dd b{color:#000000; font-size:16px; display:block}
.news dd p{color:#9A9A9A; font-size:12px; padding:5px 0 10px 0;}

.news dl{float:left; width:100%;}
.news dl li{padding-bottom:10px; margin-bottom:10px;}
.news dl li img{float:left; width:40%; margin-right:22px;transition: all 0.6s;}
.news dl li:hover img{transform: scale(1.08);}
.news dl b{color:#000000; font-size:16px; display:block}
.news dl p{color:#9A9A9A; font-size:12px; padding:10px 0 40px 0;}

.aboutus{background: url(../images/aboutbg.jpg) no-repeat top center; padding-top:20px;border-top:1px solid #fff; color:#FFFFFF; margin-bottom:50px;}
.shilititle{text-align:center; padding:30px 0 40px 0; font-size:16px;}
.shilititle b{text-align:center; display:block; font-size:28px; padding:0 0 10px 0;}
.shilititle p{font-size:16px; padding-top:20px;}

.four li{float:left; width:23.5%; margin-right:2%; overflow:hidden}
.four li img{width:100%;border-radius:10px 10px 0 0;transition: all 0.6s;}
.four li:hover img{transform: scale(1.08);}
.four li:nth-child(4n){margin-right:0%;}
.four li p{border:1px solid #ddd;border-top:0; line-height:40px; text-align:center; font-size:13px;border-radius:0 0 10px 10px; font-weight:bold;background-color:#fff}

.three{margin-top:30px;}
.three li{float:left; width:48%; margin-right:3%; margin-bottom:10px; overflow:hidden}
.three li img{width:100%;border-radius:10px;transition: all 0.6s;}
.three li:hover img{transform: scale(1.08);}
.three li:nth-child(2n){margin-right:0%;}
.three li p{line-height:50px; text-align:center; font-size:14px;font-weight:bold; color:#333333;}

/*data-list*/
.data-list {padding: 40px 0;}
.data-list .hd {position:relative;}
.data-list .hd h3 {font-size:22px;font-weight:600;line-height:30px;}
.data-list .hd h4 {font-size:14px;font-weight:400;line-height:20px;}
.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(../img/icon-9.jpg) no-repeat left center / 16px auto;}
.data-list .hd .more:hover{color:#f07d22;background: url(../img/icon-9-active.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;}
.data-list .tab {margin:20px 0 30px;}
.data-list .tab a {display:inline-block;height:35px;line-height:35px;padding: 0 30px;color:#333;font-size:14px;background:#f5f5f5;}
.data-list .tab a:hover,
.data-list .tab a.active {color:#FFF;background:#333;}

/*case*/
#case-banner {margin: 0 auto;height:750px;}
#case-banner .swiper-slide {max-width:100%;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(../img/btn-prev.png) no-repeat center / auto;}
.case-button-next {background:url(../img/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:300px;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: 200px;margin: 0 auto;line-height: 20px;opacity: 0;transition:  all .4s;}
.case-list-item .pic-info span {width: 200px;margin: 0 auto;height: 1px;display: block;position: relative;}
.case-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;}
.case-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;}
.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 {padding: 0 220px;}
.case-detail-hd {margin: 30px 0;padding-bottom:30px;border-bottom:1px solid #d8d8d8;}
.case-detail-hd h3 {font-size:24px;color:#333;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;}
.case-detail-content p {line-height:30px;color:#858585;font-size:14px;margin-bottom:25px;}
.case-detail-content .h {text-align:center;}

/*news*/
.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 {padding: 40px 0;}
.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(../img/icon-left.png) no-repeat center / 100%;margin-top:-11px;}
.detail-page a.share:before {background:url(../img/icon-share.png) no-repeat center / 100%;width:20px;height:20px;margin-top:-10px;}
.detail-page a.share:hover:before {background:url(../img/icon-share-active.png) no-repeat center / 100%;}
.detail-page a.back:hover:before {background:url(../img/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(../img/icon-weibo.png);}
.detail-page a:hover.weibo {background-image: url(../img/icon-weibo-active.png);}
.detail-page a.wechat {background-image: url(../img/icon-wechat.png);background-size:76%;}
.detail-page a:hover.wechat {background-image: url(../img/icon-wechat-active.png);}
.detail-page a.photo {background-image: url(../img/icon-photo.png);}
.detail-page a:hover.photo {background-image: url(../img/icon-photo-active.png);}


/*contact*/
.contact-map {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*/
.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(../img/s-service-4.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(../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*/
#about-banner {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-video {width:630px;height:440px;float:left;}
.about-1-info {width:720px;float:right;color:#424242;font-size:13px;text-align:left;}
.about-1-info p {margin-bottom:20px;}
.about-2 {background:#2f2f2f;}
.about-2 .data-list {padding: 80px 0 0 0;}
.about-2-list {width:1470px;overflow:hidden;padding: 100px 0;}
.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(../img/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(../img/s-about-7.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%;}


#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(../img/btn-prev.png) no-repeat center / auto;}
.p-btn-next {background: url(../img/btn-next.png) no-repeat center / auto;}



/*index*/
#index-banner {margin: 0 auto;}
#index-banner .swiper-slide {width:100%;background-size:cover;background-repeat:no-repeat;background-position: center;}
#index-banner {margin: 0 auto;}
#index-banner .swiper-slide {width:100%;background-size:cover;background-repeat:no-repeat;background-position: center;}

#index-banner .swiper-slide .info {position:absolute;color:#FFF;top: 280px;}
#index-banner .swiper-slide .info .desc {font-size:60px;font-weight:100;font-family:"Roboto";line-height:60px; width:825px;}
#index-banner .swiper-slide .info p {font-size: 25px;margin-top: 20px;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: 40px 0 20px 0;}
.index-2 .pic {float:right;width:40%; text-align:right}
.index-2 .pic img {width:433px;}
.index-2-info {width: 94%;float:left; color:#FFFFFF; margin-left:3%; }
.index-2-info .hd h3{font-size:16px;line-height:40px;font-weight:bold;}
.index-2-info .hd h4{font-size:16px; font-weight:bold;margin-top:30px;}
.index-2-info .hd p{font-size:25px; font-weight:bold; line-height:45px;}
.index-2-info .hd span {font-size:14px;margin-top: 35px;margin-top:15px; display:block}
.index-2-info .desc {font-size:15px;color:#fff;line-height:24px;margin-top:50px;}
.index-2-info .desc p{float:left;width:50%;}
.index-2-info .desc p:nth-child(2){float:left;width:50%; text-align:right}
.index-2-info .link {display:block;height:58px;line-height:58px;font-size:14px;color:#000;padding-left: 25px;position:relative;background: #dadada url(../img/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*/
/*.footer{margin-bottom:70px;}*/
.footer-top-box {padding: 40px 0 20px;}
.footer-item {float:left; width:100%;}
.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 p {float:left;width:50%; display:block;font-size:14px;color:#fff; font-weight:bold}
.footer-item .info p b{display:block;font-size:14px;color:#7F7F7F; padding:10px 0 10px 0;}
.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(../img/icon-qq.png) no-repeat 10px center / 20px;margin-bottom: 10px;}
.footer-item .contact a:hover {border: 1px solid #ee7542;color:#ee7542;background:url(../img/icon-qq-active.png) no-repeat 10px center / 20px;margin-bottom: 10px;}
.footer-item.i2 {width:40%;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:#000 url(../images/footbg.jpg) repeat-x bottom center;}
.footer-bottom-box {background:#222;padding: 40px 0;}
.footer-bottom-box dl {padding-bottom:30px;border-bottom:1px solid #827e7e;}
.footer-bottom-box dl dt {font-size:14px;color:#CCC;line-height:30px;}
.footer-bottom-box dl a,
.footer-bottom-box dl span {font-size:13px;color:#747474;display: inline-block;margin: 10px 15px 0 0;line-height:25px;}
.footer-bottom-box dl a:hover {color:#ee7542;}
.footer-bottom-desc {color:#ddd;font-size:10px;line-height:20px;margin-top:100px;}
.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;}
.footer-item .info2 {float:left;width:100%;}
.footer-item .info3 {float:left;width:100%;}
.footer-item .info2 p {float:left;width:50%; height:120px; display:block;font-size:14px;color:#fff; font-weight:bold}
.footer-item .info2 p b{display:block;font-size:14px;color:#7F7F7F; padding:10px 0 10px 0;}
.footer-item .info3 p {display:block;font-size:20px;color:#fff; font-weight:bold}
.footer-item .info3 p b{display:block;font-size:14px;color:#7F7F7F; padding:10px 0 10px 0;}

.flogonav{border-bottom:1px solid #333333; padding:0 0 20px 0; margin-bottom:30px;}
.f_logo{float:left; width:100%;}
.f_logo img{float:left; margin-right:20px;}
.f_logo p{font-size:12px; color:#999;}
.f_logo p b{font-size:18px; color:#fff; display:block}
.f_nav{float:right; width:50%; text-align:right; padding-top:10px;}
.f_nav a{color:#fff; font-size:16px; margin-left:30px;}
.f_nav a:hover{color:#209AD6;}

.chat{position:fixed; bottom:0px;background:url(../images/chatbg.jpg) top center; width:100%; padding:10px;}
.chat dd{float:left; width:50%; font-size:16px; color:#fff;}
.chat dd img{float:left; margin-right:20px;}
.chat dl{float:right; width:50%; margin-top:20px; text-align:right}
.chat dl input{line-height:34px; height:34px; width:150px;background-color:#fff;border:0;font-size:14px; color:#666;border-radius:7px; margin-right:10px; text-indent:10px}
.newbtn2{width:100px; height:36px; line-height:36px; background-color:#000;border:0px; color:#fff; font-size:14px; font-weight:bold; cursor:pointer;border-radius:7px; }
.newbtn2:hover{background-color:#209AD6;}

.msg div{float:left; width:30.33333%; margin-left:3%;display:block; font-size:15px; color:#fff; font-weight:bold; margin-top:30px;}
.msg span{display:block; font-size:15px; color:#fff; font-weight:bold;}
.msg input,.msg textarea{line-height:24px; height:30px;background-color: transparent;border:0;border-bottom:1px solid #333333; width:90%; font-size:13px; color:#FFFFFF; font-weight:normal;}
.newbtn{width:150px; height:50px; line-height:50px; background-color:#313131;border:0px; color:#fff; font-weight:bold; margin-left:17px; margin-top:20px; cursor:pointer}
.newbtn:hover{background-color:#209AD6;}

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


/* 本例子css */
.slider{ width:100%;  min-width:1000px;  height:650px;  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:650px; 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:8px; bottom:20px;  text-align:center;  }
.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(../images/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(../images/slider-arrow.png) -120px 0 no-repeat;   }
.slider .next .arrow{ left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;  }

.zhezhao {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 9999; display:none;}
.tanchuang{width:650px; height:366px;position:fixed;top:50%;left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); z-index:99999; background-color:#FFFFFF; display:none;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;background-color:#fff;bottom:85px;width:48px; padding-top:8px;box-shadow: 5px 5px 10px #888888;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;padding-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#fff;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#fff;display:none;}
.suspension .a-top:hover{background:#fff;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text2{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text2 .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}