@charset "utf-8";
body,html,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol,ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,td,th {
	font-weight: 400;
	vertical-align: middle
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: "";
	content: none
}

a img {
	border: none
}
a {
	color: #282828;
    text-decoration: none;
    -webkit-transition: all .3s linear;  
    transition: all .3s linear;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
	display: block
}

body,html {
	min-width: 1100px;
	color: #282828;
	background: #fff;
	font-size: 14px;
	line-height: 1.4;
    font-family: 'Microsoft YaHei','微软雅黑',Helvetica,STHeiti,Microsoft YaHei,Verdana,Arial,Tahoma,sans-serif;
}
.clearfix{*clear:both;*zoom:1}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center}
@font-face {
	font-family: 'ShiYuan';
	src: url('../fonts/shiyuanshongti.eot');
	src: url('../fonts/shiyuanshongti.eot?#font-spider') format('embedded-opentype'), url('../fonts/shiyuanshongti.woff') format('woff'), url('../fonts/shiyuanshongti.ttf') format('truetype'), url('../fonts/shiyuanshongti.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.footer{
    background: #31ac9b;
    padding: 50px 0;
    text-align: center;  
    color: #fff;  
}
.foot_nav{
    margin: 15px 0 20px;
    font-size: 18px;
}
.foot_nav a{
    color: #fff;
    margin: 0 20px;
}
.copyright{
    font-size: 16px;
    line-height: 1.8;
}
.copyright .icp{
	color:#fff;
	padding-left:30px;
	display:inline-block;
	background:url('icp.png') no-repeat left center;
}
.header{
    width: 100%;
    min-width: 1198px;
    border-bottom: 1px solid #e7e7e7;
}
.main{
    width: 1198px;
    margin: 0 auto;
}
.topBar{
    position: relative;
    width: 1198px;
    margin: 0 auto;
    height: 84px;
}
.topLogo{
    position: relative;
    float: left;
    width: 182px;
    height: 54px;
    background: url('logo.png') no-repeat;
    top: 14px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    color: transparent;
}
.tel{
    float: right;
    height: 68px;
    padding-top: 16px;
    padding-left: 50px;
    color: #1e1e1e;
    background: url('tel.png') no-repeat left center;
}
.tel .tel_num{
    margin-top: 2px;
    font-size: 24px;
}
.nav{
    float: left;
    margin-left: 15px;
    width: 765px;
    font-family: 'ShiYuan';
}
.nav li{
    float: left;
    text-align: center;
    margin: 0 5px;
    position: relative;
}
.nav li a{    
    padding: 0 10px;
    line-height: 84px;
    font-size: 16px;
    display: block;
    min-width: 75px;  
    -webkit-transition: all .3s linear;  
    transition: all .3s linear;
}
.nav li a:hover,.nav li.cur a{
    background: #5ec8b9;
    color: #fff;
}
.nav li .sub{
    width: 120px;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    top:84px;
    left: 50%;
    margin-left: -75px;
    z-index: 10;
    display: none;
    opacity: 0;
}
.nav li:hover .sub{
    display: block;
    opacity: 1; 
}
.nav .sub a{
    display: block;
    line-height: 50px;
    margin: 5px 0;
    color: #fff;
}
.nav .sub a:hover{
    background: rgba(0, 0, 0, .8);
}
.homeSwiper{
    width: 100%;
    height: 680px;
    overflow: hidden;
}
.homeSwiper .swiper-slide{
    width: 100%;
    height: 680px;
    background-position: center;
    background-repeat: no-repeat;
}
.homeSwiper .swiper-slide a{
    display: block;
    width: 100%;
    height: 680px;
}
.homeSwiper .swiper-pagination{
    bottom: 30px;
}
.homeSwiper .swiper-pagination-bullet{
    background: rgba(255, 255, 255, .5);
    border-radius: 0;
    width: 34px;
    height: 8px;
    margin: 0 10px;
    opacity:1;
}
.homeSwiper .swiper-pagination-bullet-active{
    background: rgba(84, 197, 181, .8);
}
.content{
    width: 100%;
    min-height: 3060px;
    position: relative;
    overflow-x: hidden;
}
.big{
    position: absolute;
    display: block;
    z-index: 0;
    background-repeat: no-repeat;
}
.big1{
    width: 272px;
    height: 277px;
    background-image: url('big1.png');
    top: 415px;
    left: 0;
}
.big2{
    width: 132px;
    height: 860px;
    background-image: url('big2.png');
    top: 860px;
    right: 0;
}
.big3{
    width: 236px;
    height: 244px;
    background-image: url('big3.png');
    bottom: 0;
    left: 0;
}
.big4{
    width: 238px;
    height: 294px;
    background-image: url('big4.png');
    bottom: 0;
    right: 0;
}
.tit{
    text-align: center;  

}
.tit span{
    font-size: 28px;
    letter-spacing:4px;    
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
.tit span::before,.tit span::after{
    content: "";
    position: absolute;
    width: 55px;
    height: 62px;
    top: 50%;
    margin-top: -31px;
    background: url('bt-decorate.png') no-repeat; 
}
.tit span::before{
    left: -55px;
}
.tit span::after{
    right: -55px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.tit em{
    font-size: 14px;
    text-transform:Uppercase;
    display: block;
    font-weight: normal;
}
.home_brand{
    padding: 70px 0 100px;
}
.home_brand_box{
    margin-top: 40px;
}
.home_brand_txt{
    float: right;
    width: 586px;
}
.home_brand_txt .brand_live{
    line-height: 34px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 25px;
}
.home_brand_txt .brand_desc{
    font-size: 16px;
    margin-bottom: 60px;
    line-height: 32px;
    color: #595959;
}
.content .more{
    display: inline-block;    
    width: 158px;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #54c5b5;
}
.content .more:hover{
    background: #32998a;
}
.home_brand_txt .more{
    width: 126px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}
.commodity{
    margin-top: 54px;
}
.commodity li{
    background: #fff;
    float: left;
    margin:0 7px;
    width: 282px;
    height: 342px;
    border: 1px solid #e1e0e1;
    border-radius: 3px;
    font-size: 20px;
    text-align: center;
}
.commodity li:hover{
    box-shadow: 0 0 15px #ddd;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.commodity li a:hover{
    color: #54c5b5;
}
.commodity li a{
    display: block;
    width: 282px;
    height: 342px;
    overflow: hidden;
}
.commodity li p{
    padding: 0 10px;
}
.commodity_more{
    text-align: center;
    margin: 69px 0 85px;

}

.franchised{
    margin: 70px 0 25px;
    text-align: center;
}
.home_md{
    text-align: center;
    margin-bottom: 90px;
}
.md_list{
    margin: 75px 0 80px;
}
.md_list .md_item{
    float: left;
    width: 33.333%;
}
.md_list .md_item span{
    position: relative;
    padding: 0 15px;
    font-size: 26px;
    color: #eb9d2d;
}
.md_list .md_item span::after,.md_list .md_item span::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 18px;
    height: 2px;
    margin-top: -1px;
    background: #eb9d2d;
}
.md_list .md_item span::before{
    left: -18px;
}
.md_list .md_item span::after{
    right: -18px;
}
.md_list .md_item p{
    width: 20px;
    line-height: 28px;
    width: 290px;
    font-size: 20px;
    margin: 15px auto 0;
}
.home_news{
    margin: 70px 0 60px;
}
.home_news ul{
    margin-left: -22px;
    height: 297px;
}
.home_news li{
    float: left;
    width: 382px;
    height: 295px;
    border: 1px solid #ebebeb;
    margin-left: 22px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}
.home_news .desc{
    margin:18px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    font-size: 16px;
    color: #111;
}
.home_news .desc span{
    font-size: 14px;
    color: #8c8a8a;
    float: right;
}
.ft_link{
    margin-bottom: 54px; 
    z-index: 100;
    position: relative;  
}
.link_item{
    float: left;
    width: 25%;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 25px;
    height: 100px;
    font-size: 16px;
}
.link_item span{
    font-size: 14px;
    color: #5c5c5c;
}
.link_item a{
    display:block;
    line-height: 24px;
    width: 64px;
    text-align: center;
    font-size: 14px;
    color: #eb4012;
    border: 1px solid #eb4012;
    border-radius: 12px;
    margin-top: 5px;
}
.link_item a:hover{
    background: #eb4012;
    color: #fff;
}
.weibo{
    background-image: url('icon-weibo.png');
}
.wechat{
    background-image: url('icon-wechat.png');
}
.tmall{
    background-image: url('icon-tmall.png');
}
.qrcode{
    background-image: url('icon-qrcode.png');
    padding-left: 125px;
}

.top{
    display: none;
    position: fixed;
    bottom:100px;
    right:50%;
    margin-right: -700px;
    width:42px;
    height:42px;
    background-image: url('top.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #999;
    z-index: 20;
    border-radius: 50%;
}
.top:hover{
    background-color: #31ac9b;
}

/* 品牌介绍 */
.bannerin{
    height: 579px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;    
}
.brand_s1{
    margin-top: 135px;
    background: url('brand_s1.jpg') no-repeat;
    height: 648px;
    position: relative;
}
.brand_s1_txt{
    line-height: 24px;
    width: 580px;
    padding: 60px 0 0 38px;
}
.brand_s1_txt p{
    text-indent: 2em;
    margin-top: 30px;
}
.brand_dyr{
    font-size: 20px;
    line-height: 34px;
    width: 696px;
    color: #fff;
    margin: 276px 0 0 360px;
}
.brand_video{
    width: 500px;
    position: absolute;
    right: 13px;
    top: 20px;
}
.brand_s2{
    margin-top: 120px;
}
.brand_swiper{
    margin-top: 50px;
    width: 1098px;
    padding: 0 50px;
    overflow: hidden;
    position: relative;
}
.brand_swiper .swiper-container {
    width: 100%;    
    height: auto;    
}
.brand_swiper .swiper-slide{
    width: 549px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    
    margin: 45px 0;
}
.brand_swiper .simg{
    float: left;
    margin-left: 30px;
    width: 247px;
    height: 145px;
    box-shadow:-10px 20px 30px #ccc;
}
.brand_swiper .stxt{
    margin-left: 40px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;    
}
.brand_swiper .stxt span{position: relative;}
.brand_swiper .stxt span::after{
    content: "";
    display: block;
    width: 8px;
    height: 7px;
    border-radius: 2px;
    background: #7ec2b8;
    position: absolute;
    left: -15px;

    top: 11px;
}
.brand_swiper .swiper-button-next, .brand_swiper .swiper-button-prev{
    width: 29px;
    height: 53px;
    margin-top: -26px;
}
.brand_swiper .swiper-button-prev{
    background: url('arrow-prev.png') no-repeat;
}
.brand_swiper .swiper-button-next{
    background: url('arrow-next.png') no-repeat;
}
.brand_s3{
    margin-top: 200px;
}
.timeline{width:100%;height:auto;position:relative;margin-top:70px;min-height: 300px;text-align: right;}
.timeline .lines{width:2px; background:#54c5b5; position:absolute; top:0; bottom: 100px; left: 50%; margin-left: -1px;}
.timeline .cornerL,.timeline .cornerR{width: 599px;float: left;}
.timeline .timeItem{
    width: 540px;
    box-shadow: 0 0 1px #4a4848;
    border-radius: 6px; min-height:210px; background:#fff;
    position: relative;
    margin-bottom: 35px;
}
.timeline .timeItem:hover{box-shadow: 0 0 15px #ccc;}
.timeline .point{
    position: absolute;
    top: 25px;
    width: 30px;
    height: 30px;
    background: #7ec2b8;
    border-radius: 50%;
}
.timeline .point::after{
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #f8e11b;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -7px;
    position: absolute;
}
.timeline .cornerL .point{    
    right: -74px;
}
.timeline .cornerR{
    padding-top: 106px;
    text-align: left;
}
.timeline .cornerR .timeItem{
    margin-left: 35px;
}
.timeline .cornerR .point{
    left: -50px;
}
.timeline .item_wraper{
    padding: 20px 30px;
}
.timeline .timeItem::after{
    content: "";
    display:block; width:11px; height:36px; position:absolute; background:url("timeline.png") 0 -40px no-repeat; top: 30px;
}
.timeline .cornerL .timeItem::after{
    right: -11px;
    background-position:-12px -40px;
}
.timeline .cornerL .timeItem:hover::after{
    background-position:-44px -40px;
}
.timeline .cornerR .timeItem::after{
    left: -11px;
    background-position:0 -40px;
}
.timeline .cornerR .timeItem:hover::after{
    background-position:-32px -40px;
}
.timeline .timg{
    float: left;
    width: 200px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.timeline .cornerR .timg{
    float: right;
}

.timeline .year{
    font-size: 36px;
    color: #c18b3e;
}
.timeline .key{
    font-size: 26px;
    margin: 5px 0;
}

.brand_s4{
    padding: 70px 0;
}
.brand_s4 .break_item{
    float: left;
    width: 510px;
    margin: 30px 44px;
}
.brand_s5 .key_list{
    padding: 40px 0 85px;
}
.brand_s5 .key_item{
    padding-top: 40px;
    height: 384px;
    width: 280px;
    border: 1px solid #b8b8b8;
    float: left;
    margin: 0 8px;
    text-align: center;
    color: #7ad0ce;
}
.key_item .kimg{
    width: 92px;
    height: 92px;
    margin: 0 auto 10px;
}
.key_item h3{
    font-weight: bold;
    font-size: 24px;
}
.key_item .key_en{
    text-transform:Uppercase;
    font-size: 17px;
    padding: 2px 0;
}
.key_item .desc{
    margin-top: 20px;
    position: relative;
    padding: 0 24px 24px;
    font-size: 16px;
    color: #646564;
    line-height: 26px;
    text-align: left;
}
.key_item .desc::after{
    content: "";
    display: block;
    width: 53px;
    height: 3px;
    background: #7ad0ce;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -26px;
}
.news_tab{
    margin: 30px 0 55px;
}
.news_tab .news_tab_box{
    margin-left: -12px;
}
.news_tab .news_tab_item{
    text-align: center;
    float: left;
    width: 230px;
    height: 182px;
    margin-left: 12px;
}
.news_tab .news_tab_item img{
    display: block;
    width: 230px;
    height: 114px;
}
.news_tab .news_tab_item span{
    margin-top: 20px;
    display: inline-block;
    font-size: 22px;
    line-height: 44px;
    padding: 0 5px;
    border-bottom: 4px solid #fff;
}
.news_tab .cur span,.news_tab .news_tab_item:hover span{
    border-color: #939393;
}
.news_list{
    float: right;
    width: 915px;
}
.news_list form{
    text-align: center;
}
.news_other{
    width: 283px;
    float: left;
}
.news_search{
    margin: 0 20px;
    height: 50px;
    position: relative;
    padding:0 160px 0 45px;
    background:#f0f0f0 url('icon-search.png') no-repeat 17px center;
}
.news_search input{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: none;
    background: transparent;
    outline: 0;
}
.news_search .s_btn{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    width: 160px;
    background: #54c5b5;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.nlist{
    margin: 20px 24px;
}
.nlist li{
    display: block;
    padding: 15px 0;
    border-bottom: 1px dashed #939393;
    position: relative;
    height: 120px;
	text-align: left;
}
.nlist .pic{
    display: block;
    width: 160px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 15px;
}
.nlist .cons{
    padding: 0 40px 0 194px;
    font-size: 16px;
}
.nlist .title{
    font-size: 22px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
	display: block;
}
.nlist .desc{    
    margin: 5px 0;
    height: 44px;
    overflow: hidden;  
    color: #949494;  
}
.page{
    text-align: center;    
}
.news_list{
    text-align: right;
    margin-bottom: 95px;
}
.page a,.page span{
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    background: #c7c7c7;
    margin: 0 5px;
}
.page .cur{
    background: #54c5b5;
    color: #fff;
}

.news_other .ntit{
    background-color: #54c5b5;
    color: #fff;
    font-size: 22px;
    line-height: 56px;
    text-align: center;
    background-position: 66px center;
    background-repeat: no-repeat;
}
.nt1{
    background-image: url('icon-article.png');
}
.nt2{
    background-image: url('icon-popular.png');
}
.news_box{
    padding:10px 15px;
    background: #f3f5f7;
    margin-bottom: 22px;
}

.news_box ul li{
    height: 36px;
}

.news_time {
    padding-left: 30px;

}

.news_box li a{
    display: block;
    color: #6d6d6d;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 18px;
    line-height: 36px;
}
.news_time li:nth-child(1) a,.news_time li:nth-child(2) a,.news_time li:nth-child(3) a{
    color: #2e2d2d;
}
.news_hot span{
    margin-right: 10px;
}
.news_hot li:nth-child(1) span,.news_hot li:nth-child(2) span,.news_hot li:nth-child(3) span{
    color: #eb2424;
}
.more_btn{
    display: block;
    width: 29px;
    height: 17px;
    background: url('arrow-lower.png') no-repeat;
    margin: 10px auto;
    overflow: hidden;
    font-size: 0;
    text-indent: -999px;
}
.news_show .more_btn{
    background: url('arrow-upper.png') no-repeat;
}
.news_details{
    width: 890px;
	overflow:hidden;
    float: right;
    padding-bottom: 70px;
}
.news_details img{
	max-width:100%;
}
.news_hd{
    width: 824px;
    border-bottom: 1px dashed #4c4c4c;
    margin-bottom: 20px;
}
.news_hd h3{
    font-size: 24px;
    height: 38px;
    overflow: hidden;
    margin-bottom: 10px;
	margin-top:20px;
}
.news_hd .note{
    padding: 15px 0;
    color: #282828;
}
.news_hd .note span{
    margin-right: 30px;
}
.article_content{
    margin: 20px 0;
    line-height: 1.8;
}
.related{
    margin-top: 30px;
	height: 30px;
	position:relative;
}
.related li{
    float: left;
    width: 50%;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}
.related li.next{
	float:right;
}
.related li.prev a{
    padding-left: 20px;
    background: url('news_prev.jpg') no-repeat left center;	
}
.related li.next a{
    padding-right: 20px;
    background: url('news_next.jpg') no-repeat right center;
    float: right;
}
.product{
    margin: 55px auto;
}
.product .menu{
    width: 195px;
    float: left;
    background: #eef9f7;
    position: relative;
    padding: 30px 0;
    text-align: center;
    color: #54c5b5;
}
.product .menu .icon{
    width: 52px;
    height: 93px;
    display: block;
    position: absolute;
    left: -52px;
    top: 0;
    background: url('product-menu.png') no-repeat;
}
.product .menu li{
    height: 46px; 
}
.product .menu li a{
    display: block;
    font-size: 12px;
    color: #808080;
    line-height: 46px;
    height: 46px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.product .menu li.cur a{
    background: #54c5b5;
    color: #fff;
}
.product .tit{
    font-size: 22px;
    font-weight: bold;
}
.product .pen{
    text-transform:Uppercase;
    margin: 3px 0 10px;
}
.product .pbox{
    float: right;
    width: 965px;

}
.pad{
    width: 100%;
    margin-bottom: 40px;
}
.pad img{
    display: block;
    width: 100%;
}
.plist ul{
    margin-left: -29px;
    padding-bottom: 30px;
}
.plist li{
    float: left;
    width: 300px;
    height: 370px;
    border: 1px solid #dadada;
    margin-left: 29px;
    margin-bottom: 18px;
    text-align: center;
}
.plist .pimg{
    height: 238px;
    width: 300px;
    overflow: hidden;
}
.plist .pimg a{
	display: block;	
}
.plist .pimg img{
    display: block;
    max-width: 300px;
	height: 238px;
    margin: 0 auto;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
.plist .pimg:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);	
}
.plist .tit{
    margin-top: 5px;
    font-size: 18px;
    font-weight: normal;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.plist .norm{
    font-size: 16px;
    color: #808080;
    margin:3px 10px;
}
.plist li .link{
    display: block;
    width: 120px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #54c5b5;
    font-size: 12px;
    margin: 15px auto 0;
    position: relative;
}
.plist li a:hover{
    background: #34a998;
}
.plist li a::after{
    content: "";
    display: block;
    width: 108px;
    height: 26px;
    border: 1px solid #fff;
    left: 5px;
    top: 4px;
    position: absolute;
}
.prod_details{
    position: relative;
    margin-bottom: 50px;
}
.add{
    padding: 40px 0 35px;
    font-size: 16px;
    color: #676767;
    background: url('add.jpg') no-repeat left top;
}
.details_img{
    float: left;
    width: 480px;
    height: 480px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
}
.details_list{
    float: right;
    width: 664px;
}
.details_list h3{
    font-size: 32px;
    color: #54c5b5;
}
.details_list dl{
    margin-top: 30px;
}
.details_list dl dt,.details_list dl dd{
    padding-left: 30px;
}
.details_list dl dt{
    background: url('d.jpg') no-repeat left center;
    font-size: 20px;
    color: #54c5b5;
}
.details_list dl dd{
    margin-top: 10px;
    color: #808080;
    line-height: 24px;
}
.ctab{
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.ctab a{
    display: inline-block;
    width: 108px;
    padding: 12px 0;
    text-align: center;
    margin-right: 10px;
}
.ctab a.cur{
    background: #54c5b5;
    color: #fff;
}
.contact{
    margin: 55px 0;
}
.contact_txt{
    float: left;
    width: 415px;
    background: url('contact-qrcode.jpg') no-repeat left top;
    min-height: 171px;
    padding-left: 160px;
}
.contact_txt .gs{
    font-size: 22px;
}
.contact_txt .link_txt{
    margin-top: 30px;
    line-height: 26px;
}
.map{
    width: 590px;
    height: 230px;
    float: right;
}
.jobs{
    padding: 20px 0;
}
.jobs_list{
    margin: 20px 0;
}
.jobs_head{
    background: #e4f2f0;
    color: #ccc;
    color: #0b0b0b;
    padding: 13px 50px;
    height: 22px;
    font-size: 16px;
}
.jobs_head>div,.jobs_li>div{
    float: left;
    width: 174px;
    text-align: center;
}
.jobs .jt{
    padding-left: 30px;    
}
.jobs_body{
    border: 1px solid #e4f2f0;
    padding: 20px 49px;
}
.jobs_li{
    height: 80px;
    line-height: 80px;
    border-bottom: 1px dashed #adadad;
    color: #a0a0a0;
    position: relative;
}
.jobs_li .more{
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background: #54c5b5 url('icon-open.png') no-repeat;
    top: 50%;
    margin-top: -15px;
}
.jobs_hide .jobs_li .more{
    background: #54c5b5 url('icon-hide.png') no-repeat;
}
.jobs_hide .jobs_details{
    display: none;
}
.jobs_claim{
    padding: 20px 0;
}
.jobs_claim li{
    float: left;
    width: 340px;
    color: #757575;
    margin:15px 0;
}
.jobs_duties{
    margin-top:15px;
}
.jobs_duties h4{
    color: #000;
}
.jobs_duties_txt{
    margin-top: 10px;
    color: #727272;
    line-height: 26px;
}
.join{
	margin:50px 0 60px;
}
.mt{
	text-align:center;
	font-size:26px;
	padding:20px 0;
	position:relative;
}
.mt p{
    font-size:20px;color:#505050;margin-top:5px
}
.mt:after{
	content:"";
	display:block;
	width:70px;
	height:6px;
	background:#3fbab8;
	position:absolute;
	left:50%;
	margin-left:-35px;
	bottom:0;
}
.join_ms{
    margin: 40px 0 125px;
    text-align: center;
}
.join_ms_list{
    width: 537px;
    height: 480px;
    background: url('join_ms_list.jpg') no-repeat;
    padding-left: 635px;
    position: relative;
    margin-bottom: 80px;
}
.join_ms_list .ts{
    font-size: 28px;
    padding-top: 270px;
    padding-left: 20px;
    color: #282828;
}
.join_ms_list .ts span{
    color: #eb9720;
}
.join_ms_list li{
    float: left;
    width: 225px;
    margin-top:45px;
    font-size: 20px;
    background: url('join_ms_list_dis.jpg') no-repeat left center;
    padding-left: 40px;
}
.join .jt1{
    text-align: center;
    font-size: 22px;
    margin-bottom: 80px;
}
.join .jt1 .j1{
    font-size: 26px;
    font-weight: bold;
}
.join .jt1 .j2{
    margin: 10px 0 20px;
}
.join_server ul{
    margin-left: -25px;
}
.join_server li{
    float: left;
    width: 380px;
    margin-left: 25px;
}
.join_server li img{
    display: block;
}
.join_server .jst{
    position: relative;
    font-size: 20px;
    padding-left: 26px;
    margin-bottom: 20px;
}
.join_server li .desc{
    text-align: center;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 15px;
}
.join_server .jst::after{
    content: "";
    position: absolute;
    left:10px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f18442;
}
.join_server .jst span{
    color: #f18442;
}
.join_t1{
    height: 83px;
    background:#5bbfc1 url('join_tit.jpg') no-repeat center;
    margin: 90px 0 100px;
}
.join_t2{
    height: 72px;
    background:#5bbfc1 url('join_tit2.jpg') no-repeat center;
    margin: 87px 0 45px;
}
.join_list{
    margin: 50px 0;
    margin-left: -100px;
    overflow: hidden;
}
.join_list li{
    float: left;
    width: 320px;
    margin-left: 100px;
    height: 180px;
    padding-left: 145px;
    background-repeat: no-repeat;
    background-position: left top;
}
.join_list li h4{
    font-size: 26px;
    height: 52px;
    line-height: 52px;
}
.join_list li p{
    font-size: 15px;
    margin-top:10px;
    line-height: 1.6;
    color: #505050;
}
.join_list li.s1{
    background-image: url('join_show1.png');
}
.join_list li.s2{
    background-image: url('join_show2.png');
}
.join_list li.s3{
    background-image: url('join_show3.png');
}
.join_list li.s4{
    background-image: url('join_show4.png');
}
.join_raise{
    margin: 60px auto 80px;
    width: 974px;
    overflow: hidden;
}
.join_raise li{
    float: left;
    width: 100px;
    margin: 0 30px;
    text-align: center;
}
.join_raise li p{
    margin-top: 10px;
    font-size: 20px;
}
.join_show{
    background: url('join_show5.png') no-repeat left top;
    height: 328px;
    padding-left: 690px;
}
.join_show .st{
    font-size: 26px;
    font-weight: bold;
    padding:25px 0 30px 113px;
}
.join_show .st strong{
    font-size: 41px;
    color: #ee8c17;
}
.join_show li{
    width: 221px;
    height: 51px;
    line-height: 51px;
    text-indent: 70px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    float: left;
    margin: 20px 30px 0 0;
    background-repeat: no-repeat;
    background-position: left top;
}
.join_show .jshow1{
    background-image: url('join_show_live1.png');
}
.join_show .jshow2{
    background-image: url('join_show_live2.png');
}
.join_show .jshow3{
    background-image: url('join_show_live3.png');
}
.join_bear li{
    width: 238px;
    text-align: center;
    float: left;
    overflow: hidden;
    height: 245px;
}
.join_bear li p{
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
}
.join_bear .bimg{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
}
.join_bear .bt{
    font-size: 18px;
    color: #5bbfc1;
    margin:15px 0;
}
.join_process{
    width: 1159px;
    margin: 60px auto 150px;
    height: 646px;
    background: url('join_process.jpg') no-repeat;
}
.profit{
    width: 901px;
    margin: 45px auto 150px;
    height: 634px;
    background: url('join_profit.jpg') no-repeat;
}

.wrap{max-width: 1200px;margin:0 auto;width:1200px;}
.index-title{margin:100px auto 25px;text-align: center;}
.index-title .p1{font-size:18px;line-height:26px;}
.index-title .p2{font-size:24px;line-height:34px;margin-top:10px;}
.index-title.c1 .p1{color:#fff;}
.index-title.c1 .p2{color:#fff;}
.index-title.le{text-align: left;}
.index-more{padding:16px 30px;display: inline-block;box-shadow: 0px 10px 10px #c2dfdc;border:1px solid #037d6e;background:#037d6e;}
.index-more span{margin-right:12px;}
.index-more span,
.index-more i{float: left;display: block;}
.index-more *{color:#fff;}
.index-more:hover{background:#fff;}
.index-more.bfff{background:#fff;}

@-webkit-keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}

/*全站公用样式 start*/
.page-title{padding:100px 0px 40px;position: relative;text-align: center;font-size:26px;}
.detail-title{padding:0px 0px 60px;font-size:28px;line-height: 38px;text-align: center;color:#444;position: relative;}
.detail-title:before{display: block;content:"";position: absolute;width:1px;height:26px;background:#000;left:50%;bottom:16px;}
.detail{width:100%;height:100%;padding-bottom:32px;font-size:0px;}
.detail.bb{font-size:14px;}
.detail img{max-width:100%;height:auto;font-size:0px;}
.detail [style*='text-align: center'] img{margin:auto;}
/*全站公用样式 end*/

/*index 首页*/
.index-title{margin:100px auto 25px;text-align: center;}
.index-title .p1{font-size:18px;line-height:26px;}
.index-title .p2{font-size:24px;line-height:34px;margin-top:10px;}
.index-title.c1 .p1{color:#fff;}
.index-title.c1 .p2{color:#fff;}
.index-title.le{text-align: left;}
.index-more{padding:16px 30px;display: inline-block;box-shadow: 0px 10px 10px #c2dfdc;border:1px solid #037d6e;background:#037d6e;}
.index-more span{margin-right:12px;}
.index-more span,
.index-more i{float: left;display: block;}
.index-more *{color:#fff;}
.index-more:hover{background:#fff;}
.index-more.bfff{background:#fff;}
/*.index-more.bfff{background:#fff;border:1px solid #fff;}*/
.index-plate1{background: #f3f4f3;padding:154px 0px 98px;}
.index-plate1 .index-title{margin-top:50px;}
.index-plate1 .wrap{box-shadow: 0px 20px 20px #e4eceb;z-index: 1;}
.index-plate1 .wrap:before,
.index-plate1 .wrap:after{display: block;content: "";position: absolute;}
.index-plate1 .wrap:before{width:276px;height:329px;background:#037d6d;top:-54px;left:-57px;}
.index-plate1 .wrap:after{width:274px;height:333px;background:#bdd9d5;bottom:-54px;right:-58px;}
.index-plate1 .wrap .maxw{z-index: 2;}
.index-plate1 .text{width:405px;padding:0px 85px 0px 60px;}
.index-plate1 .text .brief{margin:0px auto 50px;max-height:272px ;overflow: hidden;}
.index-plate1 .text .brief span{font-size:16px;line-height: 34px;padding-left:10px;}
.index-plate1 .text .brief span:before{width:4px;height:4px;background:#333;top:15px;left:0;}
.index-plate1 .text .brief span.on{color:#037d6e;}
.index-plate1 .text .brief span.on:before{background:#037d6e;}
.index-plate1 .img{width:650px;}
.index-plate1 .img .swiper-slide{height: 488px;}
.index-plate1 .img .swiper-pagination{bottom:88px;left:-28px;}
.index-plate1 .img .swiper-pagination .swiper-pagination-bullet{display: block;width:6px;height:6px;background:#dfdfdf;margin-bottom:10px;opacity: 1;}
.index-plate1 .img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#037d6d;width:8px;height:8px;}
.index-case{padding-bottom:100px;background:#ebebeb;}
.index-case .swiper-container{padding-bottom:50px;}
.index-case .swiper-slide{width:1200px !important;background:#fff;}
.index-case .swiper-slide:before{top:0;bottom:0;right:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.34);}
.index-case .swiper-slide.swiper-slide-active:before{display: none;}
.index-case .swiper-slide i{color:#fff;font-size:44px;top:50%;left:50%;margin:-22px 0px 0px -22px;}
.index-case .swiper-slide .p1{color:#fff;font-size:18px;top:58%;left:0;right:0;}
.index-case .swiper-button{width:48px;height:48px;line-height:48px;text-align: center;color:#fff;margin-top: -24px;background:#d4d4d4;}
.index-case .swiper-button-next{right:calc((100% - 1200px) / 2);}
.index-case .swiper-button-prev{left:calc((100% - 1200px) / 2);}
.index-case .swiper-button:hover{background-image: linear-gradient(to bottom left, #05c8ae, #038574);background-size:auto;}

.index-school{background:url(index3.jpg) no-repeat top center #f5f5f4;background-size: 100% auto;}
.index-school .index-title .p2{width:430px;margin:10px auto 0px;}
.index-school .deco{width:55px;height:74px;background:url(icon1.png);background-size:cover;margin:0px auto 87px;}
.index-school .con{/* width:915px; */margin:auto;height:530px;font-size: 0px;}
.index-school .con .item{width:305px;height:264px;border:1px solid #e1e1e1;}
/* .index-school .con .item:nth-child(1){top:0;left:0;}
.index-school .con .item:nth-child(2){top:0;left:305px;}
.index-school .con .item:nth-child(3){top:0;left:610px;}
.index-school .con .item:nth-child(4){top:264px;left:0;}
.index-school .con .item:nth-child(5){top:264px;left:305px;}
.index-school .con .item:nth-child(6){top:264px;left:610px;} */
.index-school .text{padding:32px 38px 40px;width:auto;height:auto;z-index: 3;}
.index-school .text .icon{width:42px;height:42px;}
.index-school .text .p1{font-size:20px;line-height: 26px;margin:10px auto 7px;}
.index-school .text .p2{font-size:14px;line-height: 24px;height:48px;margin-bottom: 24px;overflow: hidden;color:#828282;}
.index-school .text .mmco{width:61px;height:36px;}
.index-school .text .mmco:before{width:36px;height:36px;background:#ebebeb;}
.index-school .text .mmco .m-pic{text-align: right;}
.index-school .img{display: none;z-index: 1;}
.index-school .img:before{background:rgba(3,125,109,0.5);z-index: 2;position: absolute;content: "";display: block;width:100%;height:100%;}
.index-school .icon .i1{display: inline-block;}
.index-school .icon .i2{display: none;}
.index-school .mmco .i1{display: inline-block;}
.index-school .mmco .i2{display: none;}
.index-school .item:hover{z-index: 2;}
.index-school .item:hover{width: 584px;}
.index-school .item:hover .maxw{width: 584px;}
.index-school .item:hover .img{display: block;}
.index-school .item:hover .text .p1{color:#fff;}
.index-school .item:hover .text .p2{color:#fff;}
.index-school .item:hover .text .mmco:before{background:#037d6d;}
.index-school .item:hover .icon .i1{display: none;}
.index-school .item:hover .icon .i2{display: inline-block;}
.index-school .item:hover .mmco .i1{display: none;}
.index-school .item:hover .mmco .i2{display: inline-block;}
/* .index-school .item:nth-child(2):hover,
.index-school .item:nth-child(5):hover{margin:0px -144px;}
.index-school .item:nth-child(3):hover,
.index-school .item:nth-child(6):hover{margin-left:-283px;} */
.index-empowe{background:#f4f4f4;}
.index-empowe .swiper-container{padding-bottom:100px;width:1064px;margin:auto;}
.index-empowe .swiper-slide{width:323px;margin-top:30px;}
.index-empowe .swiper-slide .text{top:440px;background:transparent;left:0;padding:0 30px 20px;width:224px;text-align: left;}
.index-empowe .swiper-slide .text .p1{color:#fff;font-size:22px;line-height: 30px;margin-top:-12px;}
.index-empowe .swiper-slide .text .line1{width:2px;height:1rem;background:#fff;margin:1rem 0px;opacity: 0;}
.index-empowe .swiper-slide .text .p2{color:#fff;font-size:12px;line-height: 22px;height:66px;opacity: 0;}
.index-empowe .swiper-button{width:48px;height:48px;line-height:48px;text-align: center;color:#fff;margin-top: -24px;background-image: linear-gradient(to bottom left, #05c8ae, #038574);background-size:auto;}
.index-empowe .swiper-button-disabled{background: #d4d4d4;color:#fff;opacity: 1;}
.index-empowe .swiper-button-next{right:0;}
.index-empowe .swiper-button-prev{left:0;}
.index-empowe .swiper-slide:hover{margin-top:0px;padding-bottom:30px;}
.index-empowe .swiper-slide:hover .text{top:313px;background:#037d6d;}
.index-empowe .swiper-slide:hover .text .line1{opacity: 1;}
.index-empowe .swiper-slide:hover .text .p2{opacity: 1;}
.index-info{background:#f4f4f4;padding-bottom: 100px;}
.index-info .con{margin-bottom:50px;}
.index-info .item{width:384px;margin-right:20px;margin-bottom: 20px;display: block;background:#fff;border-bottom:4px solid #fff;}
/* .index-info .item:nth-last-child(1){margin-right:0px;} */
.index-info .item:nth-child(3n){margin-right:0px;}
.index-info .item .img{width:384px;height:242px;}
.index-info .item .text{padding:35px 20px;}
.index-info .item .p1{font-size:16px;margin-bottom:15px;}
.index-info .item .p2{font-size:18px;margin-bottom: 5px;}
.index-info .item .p3{font-size:14px;color:#999;height:48px;line-height:24px;overflow: hidden;}
.index-info .item:hover{box-shadow: 0px 10px 10px #c2dfdc;border-bottom:4px solid #037d6e;}
.index-info .item:hover .p1{color:#037d6e;}

/*新闻*/
.noticebox{
    width: 100%;
    padding: 50px 0 120px 0;
}
.noticebox .notice-inner{
    width: 100%;
    margin:0 auto;
    display: flex;
    flex-flow: row nowrap;
}
.noticebox .notice-inner .inner-left{
    flex: 1;
    border-right: #000 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.w550{
    width: 550px;
    margin:0 auto;
}
.noticebox .notice-inner .inner-left .title{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
}
.noticebox .notice-inner .inner-left .title .ch{
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    margin-right: 40px;
}
.noticebox .notice-inner .inner-left .title .eng{
    font-size: 16px;
    color: rgba(0, 0, 0, .4);
}
.noticebox .notice-inner .inner-left .con{
    width: 100%;
    padding-top: 50px;
}
.noticebox .notice-inner .inner-left .con .con-img{
    width: 520px;
    padding-bottom: 30px;
}
.noticebox .notice-inner .inner-left .con .con-info{
    width: 100%;
    padding-bottom: 40px;
    display: flex;
    flex-flow: row nowrap;
}
.noticebox .notice-inner .inner-left .con .con-info .info-date{
    width: 100px;
    color: #666;
    font-size: 28px;
    text-align: center;
    flex-shrink: 0;
}
.noticebox .notice-inner .inner-left .con .con-info .info-right{
    flex: 1;
}
.noticebox .notice-inner .inner-left .con .con-info .info-right .right-hd{
    font-size: 16px;
    font-weight: 800;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10px;
}
.noticebox .notice-inner .inner-left .con .con-info:hover .info-right .right-hd .title{
    color: #ff4545;
    cursor: pointer;
}
.noticebox .notice-inner .inner-left .con .con-info .info-right .right-hd .icon-hot{
    display: inline-block;
    width: 49px;
    height: 20px;
    background: url(../images/icon-hot.png) center no-repeat;
    margin-left: 5px;
    flex-shrink: 0;
}
.noticebox .notice-inner .inner-left .con .con-info .info-right .right-bd{
    font-size: 12px;
}
.noticebox .notice-inner .inner-right{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newsBox{
    width: 560px;
}
.news-hd{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: space-between;
}
.news-hd .news-type{
    width: 280px;
}
.news-hd .news-type ul{
    width: 100%;
    display: flex;
    align-items: center;
}
.news-hd .news-type ul li{
    width: 100px;
    text-align: center;
    font-size: 20px;
    margin-right: 40px;
    line-height: 24px;
    cursor: pointer;
}
.news-hd .news-type ul li.on{
    font-weight: 800;
}
.news-hd .news-type ul li:nth-child(2){
    text-align: left;
}
.news-hd .btn-more{
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
}
.news-hd .btn-more a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.news-bd{
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}
.news-bd .list-row{
    width: 100%;
    margin-top:40px;
    display: flex;
    flex-flow: row nowrap;
    cursor: pointer;
}
.news-bd .list-row .row-date{
    width: 100px;
    flex-shrink: 0;
    text-align: center;
}
.news-bd .list-row .row-date .year{
    font-size: 28px;
    font-weight: 800;
}
.news-bd .list-row .row-date .date{
    font-size: 14px;
}
.news-bd .list-row .row-mid{
    flex: 1;
    margin:0 40px;
}
.news-bd .list-row .row-mid .mid-title{
    font-size: 20px;
    font-weight: 800;
    color: #666;
}
.news-bd .list-row:hover .row-mid .mid-title{
    color: #ff4545;
}
.news-bd .list-row .row-mid .mid-sub{
    line-height: 28px;
    color: rgba(102, 102, 102, .7);
}
.news-bd .list-row .row-type{
    width:50px;
    flex-shrink: 0;
}
.news-bd .list-row .row-type .icon-hot{
    display: inline-block;
    width: 49px;
    height: 20px;
    background: url(../images/icon-hot.png) center no-repeat;
    background-size: 100% 100%;
}
.news-bd .list-row .row-type .icon-hot.on{
    background: url(../images/icon-hot2.png) center no-repeat;
    background-size: 100% 100%;
}



.news{padding:9px;height:auto!important;height:320px;min-height:320px;}
.news ul{float:left;width:48%;padding:0;margin:0;}
.news b{font-size:14px;line-height:38px;color:#c00;}
.news li{border-bottom:1px dashed #ccc;line-height:38px;margin-top:5px;background:url(/skin/img/li.gif) 2px center no-repeat;padding-left:22px;}
.news li a{font-size:16px;}
.news span{font-size:12px;color:#888;display: block;float: right;}
.news .li_bt{color:#c00;font-weight:bold;font-size:14px;border-bottom:1px solid #ccc;}
.news .li_bt span{color:#666;font-size:12px;}
.news .li_s{background:url(/skin/img/arr0.gif) 22px 11px no-repeat;padding-left:36px;}