@charset "utf-8";

*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";}
a {color: inherit;text-decoration: none;outline-style: none;}
ul, ol, li {list-style: none;}
input {color: inherit;}
img {border: 0 none;}

.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clear {clear: both; height: 0; overflow: hidden;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 100%; max-width: 1150px; display: block;margin: 0 auto;*zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.header {height: 104px;color: #222;}
.header a:hover {color: #4f6390;}
.logo {margin-top: 38px;}
.lang {float: right;padding: 13px 0;font-size: 12px;line-height: 13px;}
.lang a {float: left;padding: 0 20px;border-right: 1px solid #959292;}
.search-form {float: right;clear: right;width: 130px;height: 22px;margin-top: 18px;border: 1px solid #b6b6b6;}
.search-form input {border: 0 none;line-height: 22px;}
.search-input {float: left;width: 100px;margin-left: 4px;}
.search-submit {float: right;width: 18px;height: 15px;margin-top: 3px;margin-right: 4px;background: url(../images/search-btn.png);}
.nav {float: right;margin-top: 14px;font-size: 14px;line-height: 30px;}
.nav li {float: left;width: 74px;margin-right: 24px;border-bottom: 2px solid #e7e7e7;}
.nav .present ,
.nav li:hover {border-bottom: 2px solid #0a0259;}
.nav a {display: block;}

.banner {position: relative;}
.one-banner {height: 816px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 10px; left: 40%; z-index: 10; width: 20%;margin: 0 auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 11px; height: 11px; margin-right: 4px; background: #fff;text-indent: -9999px;border-radius: 50%;}
.banner .hd li.on {background: #0a0259;}

.index-product {padding: 45px 0;background: url(../images/index-product.png) bottom repeat-x;}
.index-product-tit {font-size: 30px;color: #252525;}
.index-product-tit span {display: block;font-size: 16px;font-style: italic;}

.index-case-tit {width: 280px;padding-top: 60px;font-size: 22px;line-height: 30px;color: #3a3a3a;border-bottom: 1px solid #3a3a3a;}
.index-case-tit span {display: block;width: 115px;margin-bottom: -2px;color: #c0c0c0;border-bottom: 3px solid #949494;}

.index-case-list {margin-top: 60px;color: #fff;border: 1px solid #e0e0e0;}
.index-one-case {position: relative;float: left;width: 25%;height: 520px;-webkit-background-size: 100% auto;background-size: 100% auto;}
.index-one-case1 {background: #f08300;}
.index-one-case2 {background: #bcc440;}
.index-one-case3 {color: #3a3a3a;background: #e0e0e0;}
.index-one-case4 {background: #4f6390;}

.index-case-pic {position: absolute;left: 0;right: 0;top: 0;height: 260px;background-position: center center;background-repeat: no-repeat;
	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.index-one-case:hover .index-case-pic {
	z-index: 2;
	box-shadow: 2px 2px 5px 2px #ccc;
	transform: scale(1.01) translateY(-5px);
	-webkit-transform: scale(1.01) translateY(-5px);
	-moz-transform: scale(1.01) translateY(-5px);
	-ms-transform: scale(1.01) translateY(-5px);
	-o-transform: scale(1.01) translateY(-5px);

	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.index-one-case2 .index-case-pic ,
.index-one-case4 .index-case-pic {top: auto;bottom: 0;}

.index-case-info {padding: 55px 25px 0;font-size: 14px;line-height: 2;}
.index-one-case1 .index-case-info ,
.index-one-case3 .index-case-info {padding-top: 315px;}
.index-case-name {font-size: 18px;font-weight: bold;}
.case-info-con {display: block;height: 6em;overflow: hidden;}
.view-more-case {display: block;width: 174px;height: 44px;margin: 40px auto;font-size: 16px;line-height: 44px;font-weight: bold;text-align: center;color: #fff;background: #3a3a3a;border: 3px solid #3a3a3a;}
.view-more-case:hover {color: #3a3a3a;background: #fff;}

.index-news {padding-bottom: 30px;background: #e0e0e0;}
.index-news-tit span {color: #fff;}

.index-one-news {float: left;width: 353px;margin: 30px 14px 0;background: #fff;border: 1px solid #efefef;

	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.index-one-news:hover {z-index: 2;

	box-shadow: 2px 2px 5px 2px #ccc;
	transform: scale(1.01) translateY(-5px);
	-webkit-transform: scale(1.01) translateY(-5px);
	-moz-transform: scale(1.01) translateY(-5px);
	-ms-transform: scale(1.01) translateY(-5px);
	-o-transform: scale(1.01) translateY(-5px);

	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.index-one-news img {width: 353px;height: 246px;}
.index-one-news-tit {display: block;font-size: 18px;font-weight: bold;line-height: 3;text-align: center;color: #3a3a3a;}
.index-news-con {display: block;height: 90px;margin: 5px 25px;font-size: 14px;line-height: 20px;color: #9b9b9b;}
.index-view-news {display: block;width: 88px;height: 24px;margin: 0 auto 30px;font-size: 12px;line-height: 2;text-align: center;color: #0a0259;border: 1px solid #bab8d0;}
.index-view-news:hover {color: #fff;background: #0a0259;}

.index-profile {position: relative;padding-top: 50px;padding-bottom: 343px;font-size: 12px;font-family: "SimSun";line-height: 2;color: #333;background: url(../images/index-profile.jpg) center bottom no-repeat;}
.index-view-profile {position: absolute;right: -40px;bottom: -224px;width: 113px;height: 50px;line-height: 50px;text-align: center;}

.index-contact {padding: 50px 0;}
.index-contact-tit {font-size: 28px;text-align: center;color: #747474;}
.index-contact-tit span {display: block;font-size: 16px;color: #d3d3d3;}

.index-feedback {max-width: 1092px;}
.index-input-box {position: relative;float: left;width: 500px;padding: 3px;border: 1px solid #cdcdcd;margin: 30px 19px 0;}
.index-input-box input {width: 460px;margin: 0 30px;height: 36px;line-height: 36px;border: 0 none;}
.index-textarea-box {width: 1052px;margin: 30px 19px 0;border: 1px solid #cdcdcd;}
.index-textarea-box textarea {width: 992px;height: 100px;padding: 15px 30px;border: 0 none;}
.index-textarea-box input {width: 100%;line-height: 45px;border: 0 none;}
.verify-pic {position: absolute;top: 50%;left: 520px;height: 36px;margin-top: -18px;}
.index-input-box.index-on-focus {padding: 0;border: 4px solid #000;}
.index-textarea-box.index-on-focus {border: 4px solid #000;}
.index-textarea-box.index-on-focus textarea {padding: 12px 27px;}

.footer {line-height: 2;color: #e4e4e4;background: #5f5f5f;}
.footer-ewm {float: right;width: 140px;padding-left: 40px;border-left: 1px solid #767676;margin-top: 30px;margin-right: 80px;}
.footer-ewm p {display: block;width: 1em;font-size: 14px;line-height: 1.2;}
.footer-ewm img {float: right;width: 120px;}
.footer-con {padding: 20px 80px;font-size: 12px;}
.footer-con em {font-size: 16px;}
.footer-phone {font-size: 30px;line-height: 1.2;}

.page-name {font-size: 14px;line-height: 34px;color: #fff;background: #0a0259;}
.page-name a:hover {color: #ccc;}

.in-banner {height: 450px;background-position: center center;background-repeat: no-repeat;}

.main {font-size: 14px;line-height: 26px;}
.profile-part1 {padding-top: 223px;background: url(../images/profile-bg1.jpg) center top no-repeat;}
.profile-part1-box1 {float: left;width: 520px;height: 243px;padding-top: 20px;padding-right: 30px;color: #fff;}
.profile-part-tit {font-size: 28px;line-height: 3;}

.profile-part1-box2 {float: right;width: 560px;padding-top: 104px;height: 159px;color: #777;}
.profile-part1-box2 span {font-weight: bold;color: #f08300;}

.profile-part1-box3 {float: left;width: 520px;height: 364px;padding-top: 20px;padding-right: 30px;color: #777;}
.profile-part1-box3 .profile-part-tit {font-family: "SimSun";font-weight: bold;color: #4f6390;}

.profile-part1-box4 {padding-top: 90px;text-align: center;color: #fff;}
.profile-part1-box4 .profile-part-tit {font-family: "SimSun";font-weight: bold;}

.profile-nav {top: 0;z-index: 10;width: 100%;text-align: center;background: #fff;border-bottom: 2px solid #d9d9d9;}
.profile-nav a {display: inline-block;*display: inline;*zoom: 1;width: 86px;padding-left: 60px;margin: 0 20px;font-size: 14px;line-height: 66px;color: #848484;}
.profile-nav-icon {float: left;width: 60px;height: 66px;margin-left: -60px;background-position: center center;background-repeat: no-repeat;}
.profile-nav-item {display: block;border-bottom: 2px solid transparent;}
.profile-nav .current .profile-nav-item ,
.profile-nav a:hover .profile-nav-item {border-bottom: 2px solid #7f98d0;}

.profile-bar {height: 357px;padding-top: 50px;font-size: 14px;line-height: 34px;color: #474747;background: url(../images/profile-bar.jpg) center no-repeat;}
.net-href {font-size: 50px;line-height: 1.2;color: #4f6390;}
.welcome-net {font-size: 20px;line-height: 1;color: #4f6390;}

.profile-part2 {height: 2183px;background: url(../images/profile-bg2.jpg) center no-repeat;}

.contact-part1 {padding-top: 265px;font-size: 14px;line-height: 2.4;color: #474747;background: url(../images/contact-bg.jpg) center 50px no-repeat;}

.contact-in-tit {font-size: 20px;line-height: 1.5;color: #0a0259;}
.contact-in-tit span {font-size: 40px;}
.contact-sub-tit {margin-bottom: 20px;font-size: 16px;}

.main .main-box {max-width: 1180px;}
.main .index-feedback {max-width: 1092px;}
.main-has-bg {padding: 20px 0;background: #f4f4f4;}
.main-l {float: left;width: 157px;}
.side-nav {font-size: 14px;font-family: "SimSun";line-height: 45px;text-align: center;color: #666;background: #fff;border: 1px solid #d2d2d2;box-shadow: 0px 2px 2px 2px #ddd;}
.side-nav li {padding: 0 8px 0 26px;border-bottom: 1px solid transparent;}
.side-nav .current ,
.side-nav li:hover {color: #fff;background: #bcc440;border-bottom: 1px solid #e8e8e8;}
.side-nav a {display: block;border-bottom: 1px solid #e8e8e8;}
.side-nav .current a ,
.side-nav li:hover a {border-bottom: 1px solid transparent;}

.main-r {float: right;width: 1020px;}

.one-pro {float: left;width: 340px;padding-bottom: 20px;font-size: 14px;line-height: 3;color: #666;}
.one-pro .pic-box {width: 325px;margin: auto;background: #fff;border: 1px solid #b6b6b6;

	transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.one-pro:hover .pic-box {
	box-shadow: 2px 2px 5px 2px #ccc;
	transform: scale(1.01) translateY(-5px);
	-webkit-transform: scale(1.01) translateY(-5px);
	-moz-transform: scale(1.01) translateY(-5px);
	-ms-transform: scale(1.01) translateY(-5px);
	-o-transform: scale(1.01) translateY(-5px);
}
.one-pro .pic-box div {width: 325px;height: 223px;*font-size: 195.13px;}
.one-pro .pic-box img {max-width: 325px;max-height: 223px;}
.one-pro p {display: block;width: 325px;margin: auto;border-bottom: 2px solid #f08300;}

.other-page {padding: 12px 30px;margin: 40px auto;text-align: right;font-size: 12px;font-family: "SimSun";line-height: 2;color: #576064;border: 1px solid #b5b9ba;}
.other-page a:hover {color: #4f6390;}

.pro-view-big {position: relative;padding-top: 20px;height: 650px;background: #393939;}
.pro-view-big .pic-box {background: #fff;}
.pro-view-big .pic-box div {width: 1150px;height: 717px;*font-size: 627.38px;}
.pro-view-big .pic-box img {max-width: 1150px;max-height: 717px;}
.pro-view-big .hd {position: absolute;left: 0;right: 0;bottom: -67px;}
.pro-view-big .hd li {float: left;width: 18px;height: 18px;margin-left: 11px;margin-bottom: 11px;text-indent: -9999px;background: #939292;border-radius: 50%;}
.pro-view-big .hd .on {background: #393939;}

.pro-view {padding-top: 100px;padding-bottom: 20px;}
.pro-view .main-box {max-width: 1150px;}
.pro-view .main-r {width: 990px;}
.page-con {padding: 0 20px 40px;font-size: 14px;line-height: 2;color: #666;}

.join-part1 {height: 920px;background: url(../images/join-bg1.jpg) center 80px no-repeat;}

.news-list {padding-top: 200px;padding-bottom: ;background: url(../images/news-bg.jpg) center top no-repeat;}
.news-title {font-size: 20px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}

.side-bar {position: fixed;left: 0;right: 0;bottom: 180px;height: 0;z-index: 1000;}
.back-to-top {position: absolute;right: -80px;bottom: 0;width: 40px;height: 40px;}
.back-to-top img {width: 40px;}

.index-pro-list {width: 100%;overflow: hidden;}
.index-pro-list .hd {position: relative;z-index: 100;margin-top: 30px;}
.index-pro-list .hd span {position: absolute;top: 134px;width: 46px;height: 60px;}
.index-pro-list .prev {left: 0;background: #bcc440 url(../images/left.png) center center no-repeat;}
.index-pro-list .next {right: 0;background: #bcc440 url(../images/right.png) center center no-repeat;}
.index-pro-list .swiper-wrapper {padding: 0 6%;}
.index-one-pro {float: left;width: 33.33%;}
.index-one-pro .pic-box div {width: 427px;height: 326px;*font-size: 285.25px;}
.index-one-pro .pic-box img {max-width: 427px;max-height: 326px;}
.index-one-pro .swiper-slide {position: relative;display: block;width: 427px;margin: auto;font-family: Arial;border: 1px solid #ccc;font-size: 285.25px\9;background: #fff;}
.index-one-pro .coverlay {position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: none;background: url(../images/opacity-bg-green.png);background: rgba(188,196,64,.4);}
.index-one-pro .coverlay span {position: absolute;top: 50%;left: 50%;width: 92px;height: 92px;font-size: 40px;line-height: 92px;text-align: center;color: #cfbd95;margin-top: -46px;margin-left: -46px;background: url(images/opacity-bg-black.png);background: rgba(0,0,0,.8);}


.fix-box {position: fixed;top: 30%;right: 0;z-index: 1000;width: 75px;background: #ddd;}
.fix-box a {position: relative;display: block;width: 75px;height: 52px;padding-right: 20px;margin-bottom: 1px;}
.fixed-phone {position: absolute;top: 0;left: 0;display: none;width: 150px;height: 52px;padding-left: 88px;font-size: 20px;line-height: 52px;color: #fff;background: url(../images/side-phone-bg.png) left center no-repeat;}