@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结束*/
.bigbox{
    width: 1190px;
    height: 795px;
    margin: 0 auto;
    background: url("../images/shop@2x.png") no-repeat right bottom;
    background-size: 798px 598px;
    margin-top: 40px;
    margin-bottom: 55px;
}
.videobox{
    width: 100%;
    height: 305px;
}

.videos{
    width: 512px;
    height: 152px;
  margin-top: 80px;
    float: left;
}

.circleline{
    width: 10px;
    height: 221px;
    float: left;
    margin-top: 40px;
    margin-left: 44px;
}

.videowords{
    width: 570px;
    height: 100%;
    float: left;
    margin-left: 35px;
}

.videowordstit{
    width: 249px;
    height: 38px;
    margin-top: 23px;
    margin-bottom: 24px;
}

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

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

.sbox{
    width: 360px;
    height: 324px;
    margin-top: 126px;
}

.sboximg{
    width: 100%;
    height: 220px;
    margin-bottom: 30px;
}

.sbox .desc{
    width: 250px;
    height: 30px;
    margin: 0 auto;
    margin-top: 12px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    background: url("../images/titlebg@2x.png") repeat-x center bottom;
    background-size: 100% 12px;
}

.store{
    margin: 0 auto;
    max-width: 2560px;
    height: 630px;
    background: url("../images/storebg@2x.png") no-repeat center center;
    background-size: 100% 100%;
    padding-top: 73px;
    position: relative;
}

.storetit{
    width: 257px;
    height: 90px;
    margin: 0 auto;
}

.storecon{
    margin: 0 auto;
    width: 1015px;
    height: 385px;
    margin-top: 82px;
}

.storeleft{
    width: 400px;
    height: 100%;
    float: left;
}

.storeright{
    width: 462px;
    height: 290px;
    float: right;
    margin-top: 23px;
}

.storecon .header{
    width: 290px;
    height: 26px;
    margin: 0 auto;
}



.header .icon{
    width: 42px;
    height: 26px;
    float: left;
}

.header .tit{
    float: right;
    color: #00A19B;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
}

.header .tit .nums{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.role{
    width: 100%;
    height: 340px;
    margin-top: 19px;
    background:rgba(198,255,253,0.1);
}

.roletop{
    width: 325px;
    border-bottom: 3px solid #00A19B;
    margin: 0 auto;
}


h3,ul,li{margin:0;padding:0; list-style:none;}
.scrollbox{ width: 400px; margin: 0 auto; overflow: hidden; padding-top: 45px;padding-left: 35px; }
#scrollDiv{width:400px;height:250px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:60px; width:320px; overflow:hidden; vertical-align:bottom; zoom:1;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#08AFAF; line-height:24px; width:300px;}
#scrollDiv li h3 a{color:#08AFAF; text-decoration:none;font-weight: bold;font-size: 18px;letter-spacing: 1px;}#scrollDiv li h3 a:hover{ color:#08AFAF}
#scrollDiv li div{ height:36px; width:320px; color:#fff;font-size: 12px; line-height:46px; overflow:hidden;letter-spacing: 1px;}
#scrollDiv li div a{ color:#fff; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}


#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

.circles{
    display: inline-block;
    width:10px;
    height:10px;
    background:rgba(0,161,155,1);
    border-radius:50%;
}

.storytit{
    width: 272px;
    height: 90px;
    margin: 0 auto;
    margin-top: 96px;
    margin-bottom: 82px;
}

.news>.news-title{
    width:250px;
    margin:0 auto;
}
.news>.news-title>img{
    width:100%;
}
.news-model{
    padding-bottom:60px;
}
.news-model:hover h3{
    color:#20a198;
}
.news-bg{
    margin:20px 0 0 180px;
    width:380px;
    height:140px;
    background:#f5f5f5;
}
.news-main img{
    width:60px;
}
.news-main h3{
    font:600 18px/40px '微软雅黑';
}
.news-main p{
    font:14px/20px '微软雅黑';
    margin-top: 14px;
}



/*companion开始*/
.companiontit{
    width: 293px;
    height: 91px;
    margin: 0 auto;
    margin-bottom: 71px;
    margin-top: 30px;
}

.companiontit img{
    width: 100%;
    display: block;
}

.companionbox{
    width: 1084px;
    margin: 0 auto;
    height: 331px;
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
}

.companion{
    width: 253px;
    height: 331px;
}

.companionpic{
    width: 100%;
    height: 100%;
    float: left;
}

.companionpic img{
    width: 100%;
    display: block;
}

.companionintrobox{
    width: 1084px;
    margin: 0 auto;
    height: 142px;
    display: -webkit-flex; /* Safari，Chrome */
    display: flex;
    justify-content:space-between;
    margin-bottom: 69px;
}

.companionintro{
    width: 251px;
    height: 100%;
    background-color: #F7F7F7;
}

.companionname{
    font-size: 16px;
    font-weight: bold;
    color: #00A19B;
    margin-left: 8px;
    margin-top: 17px;
}

.companionword{
    width: 231px;
    margin: 0 auto;
    height: 42px;
    font-size: 12px;
    color: #1F1F1F;
    font-weight: bold;
    margin-top: 4px;
    line-height: 20px;
}

.companionex{
    width: 230px;
    height: 32px;
    margin: 0 auto;
    margin-top: 8px;
    color: #9B9B9B;
    font-size: 12px;
    line-height: 20px;
}
/*companion结束*/

/*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结束*/