@charset "UTF-8";
*{ margin:0; padding:0; border:0;font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;}


/*公共*/
h2{
	font:600 40px/40px '微软雅黑';
}

p{
	font: 14px/22px '微软雅黑';
	color:#666;
}
ul li{
	list-style:none;
}
a{
	font-size:16px;
}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/

}
a:visited{text-decoration:none; /*指已经访问过的链接*/

}
a:hover{text-decoration:none;/*指鼠标在链接*/}a:active{text-decoration:none;}/* 指正在点的链接*/
.cl{clear: both;}
.img{width: 100%;display: block}

/*title开始*/
.title-logo{
	width:400px;
	margin:0 auto;
	padding:5px 0;
	position:relative;
}
.title-logo img{
	padding:10px;
	width:100%;
}
.title-logo p{
	padding:10px;
	margin:0;
	font:14px/20px '微软雅黑';
	color:#00a09b;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.title-logo .title-left-bor{
	border-left:1px solid #b5b6b6;
	width:2px;
	height:40px;
	position: absolute;
	top:15px;
	left:50%;
}

.tel{
	margin-left: 60px;
}

.telicon{
	float: left;
}
/*title结束*/

/*nav开始*/
.nav > li:hover .dropdown-menu {
	display: block;
}
.navbar-default {
	background-color: #1e1f1f;
	border-color: #e7e7e7;
}
.navbar {
	border-radius: 0px;
}
.navbar {
	border: 0px solid transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li:hover>a {
	display: inline-block;
	color: #fff;
	border-bottom:9px solid rgba(0,160,155,0.6);
	font:16px/8px '微软雅黑';
	/*background-color: transparent;*/
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active:focus>a, .navbar-default .navbar-nav>.active:hover>a {
	color: #fff;
	/*background-color: #e7e7e7;*/
}
.navbar-default .navbar-nav>li>a {
	color: #b5b6b6;
	font:14px/17px '微软雅黑';
	font-weight: bold;
}
.navbar-nav>li>a {
	padding:0;
}
.navbar-nav>li{
	padding:18px 0;
	height:40px;
}
.nav{
	width:100%;
}
.nav>li {
	width:8%;
}
.navbar {
	margin-bottom: 0px;
}
.nav>li>p {
	color: #b5b6b6;
	font:16px/17px '微软雅黑';
}
/*nav结束*/

/*banner开始*/
.bannerbox {
	margin: 0 auto;
	max-width:2560px;
}

.bannerbox img{
	width: 100%;
    display: block;
}
/*banner结束*/

.videobox{
    width: 1088px;
    height: 305px;
    margin: 0 auto;
    margin-top: 22px;
}

.videos{
	width: 480px;
    height: 270px;
    float: left;
  	margin-top: 45px;
}

.videowords{
    width: 570px;
    height: 100%;
    float: right;
    background: url("../images/ppbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
}

.videowordstit{
    width: 249px;
    height: 38px;
    margin-top: 52px;
    margin-bottom: 33px;
}

.videowordscon .grey{
    font-size: 16px;
    color: #636363;
    line-height: 30px;
}

.videowordscon .green{
    font-size: 16px;
    color: #00A09B;
    line-height: 30px;
}

.prodeve{
    width: 294px;
    height: 91px;
    margin: 0 auto;
    margin-top: 85px;
    margin-bottom: 49px;
}

/*轮播*/
.box{
    width: 1120px;
    height: 282px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    background: url("../images/line0701@2x.png") no-repeat center bottom;
    background-size: 100% 270px;
    padding-left: 10px;
    margin-bottom: 95px;
}
#roll{
    width: 200%;
}
#roll dd{
    width: 320px;
    height: 290px;
    float: left;
    margin-right: 70px;
}
.box span{
    height: 50px;position: absolute;bottom: -100px; display: block;width: 50px;text-align: center;cursor: pointer;background: red;z-index: 90;color: #fff;}
.box .prev{left: 500px;background: url("../images/leftbtn@2x.png") no-repeat center center;background-size: 34px 34px;}
.box .next{right: 500px; left:auto;background: url("../images/rightbtn@2x.png") no-repeat center center;background-size: 34px 34px;}
.underword{
    height: 90px;
    background-color: #F2F2F2;
    padding-top: 12px;
}

.undertit{
    margin-left: 21px;
    color: #262626;
    font-size: 18px;
    font-weight:bold;
}

.undercon{
    margin-top: 10px;
    margin-left: 21px;
    color: #636363;
    font-size: 12px;
    line-height: 18px;
}

.prev:hover{
    background: url("../images/leftonbtn@2x.png") no-repeat center center;background-size: 34px 34px;
}

.next:hover{
    background: url("../images/rightonbtn@2x.png") no-repeat center center;background-size: 34px 34px;
}

/*leader*/
.leadertit{
    width: 274px;
    height: 90px;
    margin: 0 auto;
    margin-top: 98px;
}

.leaderbox{
    width: 1114px;
    height: 380px;
    margin: 0 auto;
    margin-top: 63px;
}

.leaderleft{
    width: 440px;
    height: 100%;
    float: left;
}

.leadercon{
    height: 115px;
    padding-top: 21px;
    background-color: #F2F2F2;
}

.leadercon .tit{
    width: 366px;
    margin: 0 auto;
    color: #00A19B;
    font-weight: bold;
    font-size: 20px;
}

.leadercon .con{
    width: 366px;
    margin: 0 auto;
    color: #636363;
    font-size: 14px;
    margin-top: 18px;
}

.leaderright{
    width: 604px;
    height: 350px;
    float: right;
}

/*ecology*/
.ecologytit{
    width: 341px;
    height: 90px;
    margin: 0 auto;
    margin-top: 88px;
}

.ecologybox{
    width: 1088px;
    height: 413px;
    margin: 0 auto;
    margin-top: 61px;
    background: url("../images/ppsbg@2x.png") no-repeat 185px center;
    background-size: 347px 413px;
}

.ecologyleft{
    width: 360px;
    height: 100%;
    float: left;
}

.ecologyleft .tit{
    width: 100%;
    height: 29px;
    margin-top: 41px;
}

.ecologyleft .tit .greenbar{
    width: 7px;
    height: 29px;
    background-color: #00A19B;
    float: left;
}

.ecologyleft .tit .titword{
    margin-left: 17px;
    float: left;
    color: #1F1F1F;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 1px;
}

.ecologyleft .con{
    width: 100%;
    margin-top: 30px;
}

.ecologyleft .con p{
    color: #636363;
    font-size: 14px;
    line-height: 30px;
}

.ecologyright{
    width: 637px;
    height: 100%;
    float: right;
}

/*products*/
.productstit{
    width: 376px;
    height: 90px;
    margin: 0 auto;
    margin-top: 101px;
    margin-bottom: 59px;
}

.productscon{
    width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 38px;
}
.productstited{
    width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 18px;
}
.productstiteds{
    width: 1100px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 18px;
}

.floor{
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
    margin-bottom: 44px;
}

.pros{
    width: 350px;
    height: 355px;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.pros:hover{
    box-shadow:0px 0px 10px 0px rgba(58,58,58,0.4);
    transition: all ease 400ms;
}

.proimg{
    width: 100%;
    height: 220px;
}

.procon{
    width: 100%;
    height: 66px;
    margin-top: 33px;
}

.num{
    width: 66px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    background-color: #00a09b;
    color: #fff;
    font-size: 42px;
    float: left;
}

.rightcon{
    width: 240px;
    height: 100%;
    float: left;
    margin-left: 19px;
    padding-top: 3px;
    box-sizing: border-box;
}

.rightcon .word1{
    width: 168px;
    border-bottom: 1px solid #1f1f1f;
    padding-bottom: 12px;
    color: #3F3F3F;
    font-size: 28px;
    font-weight: bold;
    line-height: 22px;
}

.rightcon .word2{
    width: 100%;
    margin-top: 9px;
    color: #3F3F3F;
    font-size: 16px;
    line-height: 22px;
}

/*contactus开始*/
.contactus{
    width: 100%;
    height: 506px;
    background-color: #1F1F1F;
    margin: 0 auto;
    padding-top: 76px;
}

.formbox{
    width: 1117px;
    height: 350px;
    margin: 0 auto;
    background: url("../images/formbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.formbox .word{
    position: absolute;
    top: 118px;
    left: 279px;
    width: 157px;
    height: 114px;
}

.formbox .word p{
    color: #06CCC6;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
}

.formbox .forms{
    position: absolute;
    top: 101px;
    left: 537px;
    width: 330px;
    height: 166px;
}

.formbox .qrbox{
    position: absolute;
    top: 125px;
    left: 966px;
    width: 91px;
    height: 91px;
    background: url("../images/qrbg@2x.png") no-repeat center center;
    background-size: 100% 100%;
}

.formtit{
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
    margin-bottom: 16px;
}

.formtit span{
	color: #8c8c8c;
}

.forminp{
    margin-bottom: 15px;
}

.forminp input{
    width: 100%;
    height: 36px;
    padding-left: 14px;
}

.subbtn{
    display: block;
    width: 130px;
    height: 35px;
    margin: 0 auto;
    background-color: #009690;
    color: #fff;
}

.qrimg{
    width: 78px;
    height: 78px;
    margin-top: 6px;
    margin-left: 6px;
}

.qrimg img{
    width: 100%;
    display: block;
}
/*contactus结束*/

/*footer开始*/
.footer{
    background-color: #2B2B2B;
}
.footer p{
    padding:10px 0;
    font:12px/24px '微软雅黑';
    color:#b5b6b6;
}
/*footer结束*/