header{
	position: relative;z-index: 2;
}
.header-wrap{
	width: 1200px;margin: 0 auto;height: 102px;line-height: 102px;
}
.search-wrap{
	height: 64px;line-height: 64px;vertical-align: middle;color: #2f9eec;
}
.search-wrap .icon-phone{
	font-size: 25px;
}
.search-wrap .top-phone{
	font-size: 26px;margin-right: 20px;
}
.search-wrap .search-button{
	width: 234px;height: 28px;background: url(../img/search.png) no-repeat 200px center;
	border: 1px #2F9EEC solid;border-radius: 14px;
}
.nav-wrap>ul{
	position: relative;
}
.nav-i{
	float: left;line-height: 1;margin-left: 65px;height: 37px;border-bottom: 3px #fff solid;
	font-size: 18px;color: #606060;
}
.nav-i>a{
	display: block;width: 100%;height: 100%;
}
.nav-i:first-child{
	margin-left: 0;
}
.nav-i.on,.nav-i:hover{
	border-bottom: 3px #b03648 solid;
}

.secnav{
	position: absolute;top: 40px;left: 0;width:600px;padding: 15px;background: rgba(255,255,255,.7);display: none;
}
.secnav-i{
	height: 75px;
	float: left;line-height: 1;margin:0 10px;position: relative;word-break: break-word;
	font-size: 18px;color: #606060;
}
.secnav-i .pic{
	width: 73px;height: 73px;border: 1px #ddd solid;text-align: center;line-height: 73px;
}
.secnav-i .pic img{
	max-width: 100%;
}
.secnav-i .text{
	width: 100px;line-height:75px;text-align: center;display: inline-block;
}
.secnav-i .text a{
	display: inline-block;line-height: 1;vertical-align: middle;
}
.banner{
	width: 100%;/* height: 600px; */position: relative;overflow: hidden;
}
.banner-i{
	max-width: 1920px;
	text-align: center;
}

.in-banner{
	width: 100%;height: 320px;position: relative;overflow: hidden;
}
.banner-wrap{
	position: absolute;width: 1920px;left: 50%;top: 0;bottom: 0;
	margin-left: -960px;
}
.banner-t{
	position: relative;z-index: 2;
	text-align: right;
}
.banner-i{
	max-width: 1920px;
	text-align: center;
}
#particles-js{
 position: relative;
}
#particles-js canvas{
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}
.banner .banner-t{
	margin-right: -95px;width: 769px;height: 600px;line-height: 600px;padding-right: 40px;
	background-color: none;background-image: url(../img/bg-2.png);
}
.banner-t #particles-js>img{
	padding-right: 50px;
}
.banner #particles-js{
	width: 767px;
}
.in-banner #particles-js{
	width: 715px;
}
.in-banner .banner-t{
	margin-right: -30px;width: 726px;height: 320px;line-height: 320px;padding-right: 20px;
	background-color: none;background-image: url(../img/banner-left2.png);
}

.product{
	width: 100%;height: 815px;
	background: url(../img/pro_bg.jpg);
}
.product-wrap h1{
	height: 140px;text-align: center;padding-top: 40px;height: 140px;
}
.product-wrap h1 .en{
	font-size: 30px;color: #787878;margin-bottom: 15px;
}
.product-wrap h1 .cn{
	font-size: 25px;color: #2F9EEC;
}
.product-ul{
	width: 2000px;
}
.product-i{
	width: 250px;height: 360px;
	padding: 10px 10px 14px 10px;margin-right: 40px;
	float: left;overflow: hidden;
	background: #fff;
	text-align: center;
}
.product-i .li-c{
	height: 100%;padding: 0 20px;position: relative;
	border: 2px #ddd solid;
}
.product-i .pic{
	height: 170px;line-height: 170px;
}
.product-i .en{
	font-size: 14px;color: #2F9EEC;margin-bottom: 10px;
}
.product-i .cn{
	font-size: 18px;color: #646464;margin-bottom: 20px;
}
.product-i .description{
	font-size: 14px;color: #969696;line-height: 1.3;text-align: left;
}
.product-i .more{
	position: absolute;bottom: 20px;left: 50%;
	width: 122px;height: 36px;margin-left: -61px;
}

/*公司简介*/
.profile{
	padding: 60px 0;
}
.profile .pic{
	width: 428px;height: 270px;overflow: hidden;
}
.profile .C{
	width: 710px;height: 270px;position: relative;
}
.profile h1{
	color: #ddd;
}
.profile h1 .en{
	color: #2f9eec;font-size: 30px;
}
.profile h1 .cn{
	color: #494949;font-size: 25px;
}
.profile .description{
	height: 170px;padding-top: 10px;overflow: hidden;
	color: #878787;font-size: 14px;line-height: 2;
}
.profile .more{
	position: absolute;left: 0;bottom: 0;
}
/*other*/
.other-item .left,.other-item .right{
	width: 50%;
}
.other-item .wrap{
	width: 560px;padding: 0 20px;
}
.message{
	background: #f4f4f4;height: 470px;padding-top: 40px;position: relative;font-size: 16px;
}
.message h1{
	text-align: right;margin-bottom: 30px;
}
.message h1 .en{
	font-size: 44px;color: #DDDDDD;margin-bottom: 10px;
}
.message h1 .cn{
	font-size: 25px;color: #2F9EEC
}
.message input{
	width: 255px;border: none;height: 50px;margin-bottom: 20px;
}
.message input.name{
	margin-right: 20px;background: url(../img/user.png) no-repeat #fff 10px center;text-indent: 50px
}
.message input.email{
	width: 270px;background: url(../img/email.png) no-repeat #fff 10px center;text-indent: 50px
}
.message textarea{
	width: 545px;height: 125px;margin-bottom: 20px;padding-top: 35px;text-indent: 16px;border: none;
	background: url(../img/email.png) no-repeat #fff 10px 10px;
}
.message .more{
	text-align: right;
}
.message .submit{
	width: 228px;height: 52px;line-height: 52px;text-align: center;cursor: pointer;
	background: #2F9EEC;
	color: #fff;font-size: 18px;
}
.contact{
	height: 190px;background: #e8e8e8;padding-top: 30px;
}
.contact .text{
	padding-right: 40px;width: 320px;
	color: #666666;font-size: 16px;line-height: 1.6;
}
.news{
	background: #2F9EEC;height: 690px;padding-top: 40px;
}
.news h1 .en{
	font-size: 44px;color: #c4e7ff;margin-bottom: 10px;
}
.news h1 .cn{
	font-size: 25px;color: #fff;
}
.news-i{
	padding-left: 86px;margin-top: 60px;
	color: #fff;line-height: 1.5;
	background: url(../img/line.jpg) no-repeat 30px 7px;
}
.news-i .time{
	font-style: italic;font-size: 14px;
}
.news-i .title{
	font-size: 16px;padding: 14px 0 17px 0;
}
footer{
	height: 92px;line-height: 92px;text-align: center;
	font-size: 14px;background: #414141;color: #c8c8c8;
}

.top{
	padding-top: 50px;margin-bottom: 40px;
	height: 40px;
	border-bottom: 1px #ddd solid;
}
.top span{
	display: inline-block;
}
.top .en{
	color: #2F9EEC;font-size: 24px;
}
.top .cn{
	color: #4a4a4a;font-size: 21px;
}
.fenge{
	width: 1px;padding: 0 10px;color: #ddd;height: 25px;
}
.option{
	color: #989898;font-size: 14px;line-height: 40px;overflow: hidden;height: 40px;
}
.option a{
	display: inline-block;
}
.option:after{
	content: "123";
	visibility: hidden;
}
.nav-s{
	width: 365px;
}
.main .C{
	width: 730px;
}

.main .C1
{
   width: 780px;		
}
.nav-s li{
	width: 365px;height: 136px;margin-bottom: 15px;
	background: url(../img/nav_bg2.jpg) no-repeat;
}
.nav-s li .li-t{
	text-align: right;font-size: 20px;
}
.nav-s li>a{
	display: block;
	height: 56px;padding: 40px 20px;
}
.nav-s li.on a,.nav-s li:hover a{
	background: url(../img/nav_bg.jpg) no-repeat;
}
.nav-s li .pic-on{
	display: none;
}
.nav-s li .cn{
	color: #898989;
}
.nav-s li .en{
	color: #2F9EEC;margin-bottom: 10px;
}
.nav-s li.on .cn,.nav-s li:hover .cn{
	color: #fff;
}
.nav-s li.on .en,.nav-s li:hover .en{
	color: #c2e6ff;
}
.nav-s li.on .pic-on,.nav-s li:hover .pic-on{
	display: block;
}
.nav-s li.on .pic-off,.nav-s li:hover .pic-off{
	display: none;
}
.main .C h1{
	font-size: 26px;color: #5d5d5d;text-align: center;
}
.main .C-area{
	font-size: 14px;color: #666666;line-height: 2.2;padding-top: 40px;
	margin-bottom: 50px;
}
.map{
	width: 100%;height: 350px;
}
.box{
	width: 40%;margin-bottom: 35px;
}
.important{
	padding: 5px;border: 1px #ddd solid;
}
.important .pic{
	width: 277px;
}
.important .text{
	width: 420px;color: #424242;
}
.main .important h1{
	font-size: 19px;padding-top: 15px;line-height: 1.2;text-align: left;
}
.important .time{
	padding-top: 15px;padding-bottom: 20px;
}
.important .description{
	font-size: 14px;color:#8a8a8a ;line-height: 1.2;margin-bottom: 15px;
}
.news-li{
	height: 60px;line-height: 60px;border-bottom: 1px #ddd dashed;
	font-size: 16px;color: #424242;
}
.news-li:hover{
	color: #4398f0;
}
.news-li .li-tm{
	color: #909090;
}
.page{
	text-align: center;padding: 50px 0;
}
.page a{
	display: inline-block;width: 40px;height: 40px;line-height: 40px;
	margin: 0 15px;background: #fff;color: #333;
	border: 1px #ddd solid;
}
.page a.fanye{
	width: 60px;
}
.page a.on{
	color: #2F9EEC;
}

.show h1{
	text-align: center;font-size: 30px;color: #444;padding-top: 15px;padding-bottom: 30px;
}
.show .time{
	text-align: center;font-size: 14px;color: #949494;height: 0px;line-height: 0;border: 1px #ddd solid;margin: 15px 0;margin-bottom: 80px;
}
.show .time-wrap{
	display: inline-block;padding: 0 10px;height: 30px;line-height: 30px;margin-top: -15px;background: #fff;
}
.main .show .C-area{
	font-size: 16px;color: #444;
}
.page2 .page-fenge{
	width: 520px;border-bottom: 1px #ddd solid;height: 1px;margin-bottom: 20px;padding-top: 20px;
}
.page2 p{
	margin-bottom: 15px;font-size: 16px;
}
.product-l{
	width: 800px;text-align: center;
}
.product-l li{
	width: 235px;height: 45px;line-height: 45px;margin-right: 15px;color: #666;float: left;
	background: #f3f3f3;margin-bottom: 10px;
}
.product-l li.on,.product-l li:hover{
	background: #2F9EEC;color: #fff;
}
.product-l li a{
	display: block;width: 100%;height: 100%;font-size: 16px;
}
.product-ll{
	width: 900px;text-align: center;
}
.product-ll li{
	width: 168px;height: 200px;border: 1px #ddd solid;margin-right: 15px;float: left;
	margin-bottom: 20px;
}

.product-ll .pic{
	width: 80%;height: 120px;line-height: 120px;margin: 0 auto;
}
.product-ll .text{
	padding:0 10px;height: 38px;line-height: 1.2;padding-top:10px ;font-size: 14px;
}

.show .show-t{
	background: url(../img/bg.png);
}
.show .show-top{
	margin-top: 15px;margin-bottom: 60px;height: 360px;position: relative;
}
.show .pic{
	width: 573px;height: 360px;border: 1px #ddd solid;line-height: 360px;text-align: center;
}
.show-middle .text{
	font-size: 14px;color: #8c8c8c;padding: 30px 0;line-height: 1.5;
}
.show-top .text{
	width: 590px;position: relative;height: 100%;
}
.main .show-top h1{
	font-size: 30px;color: #444;text-align: left;
}
.main .show-top .description{
	font-size: 14px;color: #444;line-height: 1.5;
}
.main .show-top .more{
	position: absolute;left: 0;bottom: 0;right: 0;
}
.main .show-top .more a{
	margin-right: 15px;
}



/* formData */
.formData {
	padding-bottom: 20px;
}
.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 350px;
	height: 40px;
	line-height:40px;
	border: 1px solid #e4e4e4;
	margin-right:20px;
	margin-bottom:15px;
	position: relative;
}

.formData .item2 {
	float: left;
	color: #999;
	font-weight: normal;
	width: 180px;
	height: 40px;
	line-height:40px;
	/* border: 1px solid #e4e4e4; */
	margin-right:0px;
	margin-bottom:15px;
	position: relative;
}

.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height:40px;
	line-height:40px;
	font-size:14px;
	color: #666;
}
.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size:14px;
}
.formData .item .txt {
	width:285px;
	height:40px;
	line-height:40px;
	display: block;
	background: none;
	padding-left: 80px;
	border: 0 none;
	color: #666;
}
.formData .item .txt1
{
  width:170px;
  float: left;  
}
.formData .item .sendbtn
{
  float: left;
  background-color:#2F9EEC;
  border: none;
  color: #fff;
  width: 110px;
  height: 41px;
  overflow: hidden;
  cursor: pointer;
}
.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11;
}


.formData .item.mr0 {
	margin-right: 0;
}
.formData .item2.mr0 {
	margin-right: 0;
}


.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px;
}
.formData .liuyan {
	width: 733px;
	height:160px;
	border: 1px solid #e4e4e4;
	float: left;
}
.formData .liuyan label {
	text-align: right;
	display: block;
}
.formData .liuyan textarea {
	width:713px;
	height:140px;
	line-height: 35px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none;
}
.formData .bot {
	width: 100%;
}
.formData .sub {
	width:180px;
	line-height:40px;
	border: 2px solid #2F9EEC;
	margin-right: 2px;
	text-align: center;
	background: #2F9EEC;
	color: #FFF;
	cursor: pointer;
	font-size:16px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.formData .sub:hover {
	background: none;
	background-color:#CC0000;
	color: #fff;
	border: 2px solid #CC0000;
}
.formData .yzm .txt {
	padding-left: 80px;
}
.formData .yzm img {
	position: absolute;
	right: 0;
	top: 0;
	height: 56px;
	border: 0px;
	display: block;
}