/**
 
 @Name: layuiNetCompany - 大气风格的网络公司企业模版
 @Author: xuxingyu
 @Copyright: layui.com
 
 */


body{background: #fff;}
.clear{
	clear:both;
}
.ovfHiden{overflow: hidden;height: 100%;}
.layui-btn{
	border: 1px solid #007DC5;
    background-color: #007DC5;
}
.layui-btn-primary{
	border: 1px solid #E6E6E6;
    background-color: #F6F6F6;
    color: #666666;
}
.navigation {padding: 30px 0px;display: block;clear: both}
.nav-links{text-align: center}
.pagination{}
.navigation a, .navigation span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}
.navigation a{
    padding: 0;
}
.navigation .prev,.navigation .next{
    margin:0px;
    padding: 0px;
    background: none;
} 
.navigation svg,.navigation .screen-reader-text{
    display: none;
} 
.navigation a, .navigation span{margin:0px;}
.navigation .dots{background: #e3e3e3}
.navigation span{font-size: 18px; line-height: 40px; height: 40px; border-radius: 3px; color: #e3e3e3;color: #fff;    background: #007DC5;}
.navigation a{font-size: 18px; line-height: 40px; height: 40px; margin:10px 5px; border-radius: 3px; color: #007DC5;}

#Page .layui-laypage{display: block; text-align: center; margin: 50px 0px;}
#Page .layui-laypage-curr em{color: #fff;    background: #007DC5;}
/*小屏幕*/
@media screen and (max-width: 768px){
	/*.navigation a, .navigation span{padding: 0 8px;margin: 10px 5px;}   
	.navigation .next {margin:0px;padding:0px;}
	.navigation .nav-next-text {margin:0px;padding: 0 8px}*/
	.navigation a{font-size:14px; padding: 0 10px;}
	.navigation span{font-size:14px;}
	
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.navigation a{padding: 0 10px;}
	/*.navigation span{ line-height: 40px; height: 40px;padding: 0 15px}
	.navigation a{ line-height: 40px; height: 40px; padding: 0 15px}*/
}
.page-banner-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -12px;    
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb05 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
/** page */
.main-page{background: #fff;}
.main-page .main-page-title {padding: 50px 0px;font-size:18px;text-align:center}
.main-page .main-page-title h2{
	font-weight: 500;
    padding: 2px;
    padding: 0 26px;
    display: inline-block;
    font-size: 32px;
    color: rgb(0, 0, 0);}
.main-page .main-page-title i {
    display: inline-block;
    width: 190px;
    border-top: 1px solid #e3e3e3;
    vertical-align: middle;
    margin-top: -17px;
}
.main-page .main-page-title p {
    margin-top: 40px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
	width: 50%;
    margin: 30px auto;
	word-break: keep-all;
}
.main-page-title1{font-size: 27px;    margin-bottom: 20px;    margin-top: 40px;    color: #181717;    text-align: center;}
.main-page-line{    border-bottom: 1px dotted #999;height:15px;margin-bottom:15px;}
/*小屏幕*/
@media screen and (max-width: 768px){
	.main-page .main-page-title h2{
		font-size: 24px;
    }
	.main-page .main-page-title{padding: 20px 0px;}
	.main-page .main-page-title i{width: 60px;}
	.main-page{margin-bottom:0px;}
	.main-page .main-page-title p {
		margin-top: 40px;
		line-height: 30px;
		font-size: 16px;
		color: #666;
		width: 100%;
		margin: 15px auto;
		text-align:left;
	}
}
/*大屏幕*/
@media screen and (min-width: 769px){
	
}
/** 首页 */

/*导航部分*/
/*小屏幕*/
@media screen and (max-width: 768px){
        .nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF;  z-index: 999;transition: 0.3s}
        .nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
        .nav.scroll{  }
        .nav .layui-container{position: relative; transition: all 400ms ease-out;}
        .nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
        .nav .nav-list{display: inline-block; height: 80px;}
        .nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
        .nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
        .nav .nav-list button span.spa1{transform: rotate(45deg);}
        .nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
        .nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;padding: 0px;margin: 0px;}
        .nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
        .nav .layui-nav *{font-size: 18px;}
        .nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}
        .nav .layui-nav .layui-nav-item .layui-nav-more{}

        .nav .layui-nav .layui-this a
        ,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
        .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover{	color:#007DC5;}
        .nav .layui-nav .layui-nav-item dl a:hover {background-color: #007DC5;	color:#FFF;}

        .nav .nav-list button span{background:#007DC5;}
        .nav .layui-nav .layui-nav-more{border-color: #007DC5 transparent transparent;border-top-color: #007DC5;}
        .nav .layui-nav .layui-nav-mored,.nav  .layui-nav-itemed>a .layui-nav-more { border-color: transparent transparent #007DC5;}
		.nav-logo img{width:180px;}
		.nav{overflow: hidden;position: fixed; left: 0; top: 0;}
		.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s;}
		.nav .layui-nav{box-shadow: none}
        .nav .layui-nav .layui-nav-item a{padding:0px 10px;font-size: 14px;}
        .nav .layui-nav .layui-nav-item .layui-nav-child  a{padding: 0px 20px;font-size: 13px;background: #F0F0F0;color: #666;}
       
        .nav .layui-nav  font{font-size: 16px;}
        .nav .layui-nav  .layui-nav-child a font{font-size: 16px;}
        .nav .layui-nav-bar, .nav .layui-nav .layui-this:after{	background-color:#007DC5;height:45px}
        .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
            background-color:#fff;color: #007DC5;
        }
        .layui-nav-tree .layui-this>a{background-color:#fff;color: #007DC5;    border-left: 5px solid;}
        .layui-nav-tree .layui-nav-itemed>a{background-color:#fff;color: #007DC5;    border-left: 5px solid;}
        .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover {
            color: #007DC5;
        }
        .layui-nav-tree .layui-nav-item a:hover{background-color:#fff;}
        .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{color:#007DC5!important}
        
        .nav .layui-nav-child{border-radius:0px;}     
}
/*大屏幕*/
@media screen and (min-width: 769px){	
        .nav{width: 100%; height: 80px; box-shadow: 0 3px 3px 0 #CCC; background: #FFF;  z-index: 999;transition: 0.3s}
        .nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
        .nav.scroll{  }
        .nav .layui-container{position: relative; transition: all 400ms ease-out;}
        .nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 80px;}
        .nav .nav-list{display: inline-block; height: 80px;}
        .nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 30px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
        .nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
        .nav .nav-list button span.spa1{transform: rotate(45deg);}
        .nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
        .nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;padding: 0px;margin: 0px;}
        .nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
        .nav .layui-nav *{font-size: 18px;}
        .nav .layui-nav .layui-nav-item a{padding: 0 0; color: #000;}
        .nav .layui-nav .layui-nav-item .layui-nav-more{}

        .nav .layui-nav .layui-this a
        ,.nav .layui-nav .layui-nav-item a:hover{color: #2db5a3;}
        .nav .layui-nav .layui-this a, .nav .layui-nav .layui-nav-item a:hover{	color:#007DC5;}
        .nav .layui-nav .layui-nav-item dl a:hover {background-color: #007DC5;	color:#FFF;}

        .nav .nav-list button span{background:#007DC5;}
        .nav .layui-nav .layui-nav-more{border-color: #007DC5 transparent transparent;border-top-color: #007DC5;}
        .nav .layui-nav .layui-nav-mored,.nav  .layui-nav-itemed>a .layui-nav-more { border-color: transparent transparent #007DC5;}
        .nav .layui-container{}
	.page-nav{background:none;box-shadow:none;}
	.nav .layui-nav-more{display:none;}
	.nav .layui-nav-child{border: none}
	.nav .layui-nav .layui-nav-item a {
		height: 60px;
		line-height: 60px;
                cursor: pointer;
	}
	.nav .layui-nav .layui-nav-item li a {
		height: 30px;
		line-height: 30px;
		font-size:14px;		
		display:block;
		padding:0px 40px 0px 20px;
	}	
	
	.nav .layui-nav{top: 25px;}
        .nav .layui-nav  .layui-nav-child a font{font-size: 14px;}
	.home .nav{background:none;box-shadow:none;}
	
	.page-nav.nav .layui-nav .layui-nav-item a{
		color:#fff;
	}
	.page-nav.nav .layui-nav .layui-nav-item .layui-nav-child a{
		color:#666;
	}
	.page-nav.nav .layui-nav .layui-nav-item .layui-nav-child a:hover{
		color:#fff;
                   background-color: #007DC5;
	}
	.page-nav .layui-nav-bar, .page-nav .layui-nav .layui-this:after{	background-color:#fff!important;}
        .nav .layui-nav-bar,.nav .layui-nav .layui-this:after{height: 2px; background-color: #2db5a3;}
        .nav .layui-nav-bar, .nav .layui-nav .layui-this:after{	background-color:#007DC5;}
        .nav .layui-nav-child{padding: 0px;top:60px;}
}

/*轮播*/
#banner1 img{width: 100%; height: 500px;}
#banner1 .panel{width: 580px; position: absolute; top: 32%; left: 35%; margin-left: -200px; text-align: left;}
#banner1 .panel p{color: #8c8c8c; font-size: 44px; line-height: 80px; letter-spacing: 15px;}
#banner1 .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 3px;
	font: 52px/61px 'centrale_sans_bold', Tahoma, Helvetica, Arial, Verdana, sans-serif;
    margin: 63px 0px 0 0;
    color: #FFF;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);}
#banner1 .panel p a{
	letter-spacing: 3px;
    color: #fff;
    font: 14px/14px  Tahoma, Helvetica, Arial, Verdana, sans-serif;
    display: inline-block;
    min-width: 38px;
    padding: 11px 18px 10px 24px;
    text-decoration: none;
    border-radius: 0px;
    box-shadow: 0 0 5px #d9d8d9;
    background: linear-gradient(90deg, #0468a3, #5d9cd3);
}
#banner1 .panel p a:hover {
    background: #33b3ed;
    color: #fff;
    opacity: 1;
}
.home-banner .layui-carousel{background:none;}
.home-banner .layui-carousel ul{background:none;}
.home-banner .layui-carousel ul li{background:none;}
.home-banner .layui-carousel>[carousel-item]>*{background:none;}
.home-banner .layui-carousel>[carousel-item]:before{content:""}
/*小屏幕*/
@media screen and (max-width: 768px){
	#banner1 .panel{ width:350px;margin-left:-85px;}
	#banner1 .panel p.title{color: #4a4a4a; font-size: 54px; letter-spacing: 3px;
		font: 30px/61px 'centrale_sans_bold', Tahoma, Helvetica, Arial, Verdana, sans-serif;
		margin: 63px 43px 0 0;
		color: #FFF;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
	}
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.home-banner .layui-carousel-arrow{
		width: 80px;
		height: 80px;
		font-size: 50px;
	}
}
/*主体—首页栏目*/
.main-list{ margin-bottom:50px;}
.main-list .item .item-thumb{}
.main-list .item .item-thumb img {
	display:block;
    width: 100%;
}
.main-list .item .item-thumb img:hover {
    transition: 2s;
	transform: scale(1.2,1.2);
}
.main-list .item .item-thumb h3{
	background: #0468a3;
    background: linear-gradient(90deg, #0468a3, #5d9cd3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0468a3', endColorstr='#5d9cd3', GradientType=1)";
	font-size: 22px;
    color: #fff;
    font-weight: normal;
    padding-left: 18px;
	min-height: 66px;  
	padding:10px 0px 0px 15px;
	position: absolute;
	width: 100%;
	bottom: 0;
}
.main-list .layui-row .item{
	cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
    -webkit-transition: none 0.4s ease-out 0;
    -moz-transition: none 0.4s ease-out 0s;
    -ms-transition: none 0.4s ease-out 0;
    -o-transition: none 0.4s ease-out 0;
    transition: none 0.4s ease-out 0;
}


.main-list .item .item-content{display:none;padding:30px;line-height:30px;word-break: keep-all;}

.main-list .item .item-content img{max-height:350px; }
.main-list .item .item-content h3{font-size: 22px;text-align:center;margin-bottom:1.25em;}
.main-list .item .item-content p{text-indent: 0em; color: #333;    line-height: 26px;margin-bottom:1em;font-size:14px;}
.main-list .item .item-content ul li{margin:0px;padding:7px 0px 2px 0px;border-bottom:1px dashed #dedede;}
.main-list .item .item-content ul li p{margin:0px;padding:0px;line-height: 20px;}

/*小屏幕*/
@media screen and (max-width: 768px){
	.main-list .layui-row>div:nth-child(1) .item:nth-child(1){width:324px;height:207px;}
	.main-list .layui-row>div:nth-child(1) .item:nth-child(2){width:324px;height:207px;}
	.main-list .layui-row>div:nth-child(2) .item:nth-child(1){width:324px;height:207px;}
	.main-list .layui-row>div:nth-child(2) .item:nth-child(2){width:324px;height:207px;}
	.main-list .item .item-content img{display:block;width:100%;}
	.main-list .item .item-content h3{margin-top:30px;}
	.main-list .item .item-thumb h3{
		min-height: 48px;  
	}
	.main-list .item .item-content p{font-size:12px;}
	
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.main-list .layui-row>div:nth-child(1) .item:nth-child(1){width:304px;height:207px;float:right;margin-right:20px;}
	.main-list .layui-row>div:nth-child(1) .item:nth-child(2){width:388px;height:284px;float:right;margin-right:20px;}
	.main-list .layui-row>div:nth-child(2) .item:nth-child(1){width:472px;height:332px;}
	.main-list .layui-row>div:nth-child(2) .item:nth-child(2){width:388px;height:284px;}
}

/*主体—产品*/
.main-product{padding-top: 90px; padding-bottom: 130px;}
.main-product p{font-size: 16px; color: #ababab; line-height: 28px;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 24px; text-align: center; line-height: 160px;}
.main-product p.title span
,.main-service p.title span{color: #2db5a3;}
.main-product .content{border: 1px solid #DEDEDE; padding: 30px 36px 0 36px; text-align: center; transition: 0.3s;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-product .content img{transition: 2s;}
.main-product .content img:hover{transform: rotateY(180deg);}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/*主体-服务*/
.main-service{background: #f8f8f8;}
.main-service .content{position: relative;}
.main-service .content .content-left{width: 50%;}
.main-service .content .content-left img{width: 100%;}
.main-service .content .content-right{box-sizing: border-box; background: #FFF; padding: 58px 40px 0 48px; width: 50%; height: 100%; position: absolute; top: 0; right: 0; transition: 0.3s; overflow: hidden;}
.main-service .content .content-right p{color: #adadad; line-height: 32px; overflow: hidden; text-overflow: ellipsis;}
.main-service .content .content-right p.label{font-size: 16px; color: #4a4a4a;}
.main-service .content .content-right span{display: block; width: 50px; height: 2px; background: #2cb6a1; margin-bottom: 23px;} 
.main-service .content .content-right:hover{box-shadow: 2px 2px 2px #EEE; transition: 0.3s;}
.main-service .service-more{padding-top: 80px; padding-bottom: 80px; text-align: center;}
.main-service .service-more a{padding: 10px 62px; font-size: 23px; line-height: 46px;color: #FFF; background: #7fd3c6; border-radius: 3px;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/*底部*/
.footer{margin-top: 15px;padding-bottom: 70px; background: #5e6664;    background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0066a1, endColorstr=#0096ee);}
.footer .footer-web{padding-top: 50px; padding-bottom: 63px;}
.footer .footer-web a{color: #a5aaa9; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #fff;}
.footer .footer-contact a{color: #a5aaa9;}
.footer .footer-contact .contact-top{padding-top: 20px; line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 35px;}
.footer .footer-link{
	padding: 40px 0;
}

.footer ul{
	margin-bottom:15px;
}
.footer ul li{
    line-height:25px;
	color: #b3c8e6;
}
.footer ul li p{
	font-weight:bold;
}
.footer h4 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #b3c8e6;
}
.footer span {
    color: #fff;
}
.footer a {
    line-height: 27px;
    font-size: 12px;
	color: #fff;
    text-decoration: none;
}
.footer .footer-info{   margin: auto;    padding: 25px 0 0;    border-top: 1px dotted #9ccde8;    color: #7b7b7b;color: #b3c8e6;font-size:14px    padding-bottom: 40px;    text-align: center;}
.footer .footer-info a {    margin-left: 10px;    color: #b3c8e6;}
.footer .footer-phone{font-size:18px;}
/*小屏幕*/
@media screen and (max-width: 768px){
    .footer .footer-link .layui-row>div{
	   
    }
}
/*大屏幕*/
@media screen and (min-width: 769px){
    .footer .footer-link .layui-row>div{width: 20%}
}

/** 产品 */
.banner{height: 320px; margin-top: 80px;}
.banner.product{background: url(../img/nav_img1.jpg) no-repeat center top; background-size: cover;}
.main.product{padding: 30px 0 75px 0;}
.main.product .content{padding: 50px 0; border-bottom: 1px solid #e8e8e8;}
.main.product .content .content-img{text-align: center;}
.main.product .content .content-img img{max-width: 100%;}
.main.product .content .label{color: #565656; font-size: 30px; line-height: 78px; margin-top: 32px;}
.main.product .content .detail{font-size: 16px; line-height: 28px; color: #d7d7d7; padding-bottom: 30px;}
.main.product .content a{color: #a0d2cc; font-size: 16px; line-height: 38px; padding:10px 11px 10px 23px; border: 1px solid #a0d2cc; border-radius: 3px;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/** 动态 */
/*.banner.news{background: url(../img/nav_img3.jpg) no-repeat center top; background-size: cover;}
.banner .title{padding-top: 170px;}
.banner .title.active{padding-top: 120px; transition: 1.5s;}
.banner .title p{color: #606060; font-size: 36px; text-align: center; line-height: 50px; letter-spacing: 5px;}
.banner .title p.en{font-size: 20px; letter-spacing: 3px;}
.main-news{padding: 70px 0 80px 0;}
.main-news .content > div{padding-bottom: 40px; border-bottom: 1px dashed #eaeaea; position: relative;}
.main-news .content .news-img{display: inline-block; width: 30%; vertical-align: top;}
.main-news .content .news-img img{max-width: 90%;}
.main-news .content .news-panel{display: inline-block; width: 70%; vertical-align: top; padding-left: 5px; box-sizing: border-box;}
.main-news .content .news-panel strong a{display: block; color: #555; font-size: 18px; line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.main-news .content .news-panel p.detail{color: #777; line-height: 24px;}
.main-news .content .news-panel p.read-push{color: #AAA; padding-top: 5px;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 70px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}*/
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/*动态详情页*/
.main-newsdate{margin-top: 80px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/** 案例 */
.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-case{background: #EEEEEE;}
.main-case .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-case .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
.main-case .main-case-title {height:70px;overflow:hidden;padding: 0px 10px;font-size:18px;background:#fff;}
.main-case .main-case-title a{border-radius: 3px;    padding: 10px;    color: #666666;    line-height: 70px;}
.main-case .main-case-title a:hover{background: #F3F3F3;color: #007DC5;}
.main-case .main-case-title .title-active {    background: #33b3ed;    color: #FFFFFF;}
.main-case .main-case-title .title-active:hover {    background: #33b3ed;    color: #FFFFFF;}
.main-case .main-case-content .layui-row>div>div{
	position: relative;
	margin:15px;
	border-radius: 5px;
	background:#fff;
	padding-bottom:15px;
	overflow:hidden;
}
.main-case .main-case-content .layui-row>div>div:hover{    
	transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    box-shadow: 0px 5px 10px #666;
    behavior: url(ie-css3.htc);
    -moz-box-shadow: 0px 5px 10px #666;
    -webkit-box-shadow: 0px 5px 10px #666;
}
.main-case .main-case-content .layui-row>div>div p{padding:8px 20px;}
.main-case .main-case-content .title{font-size:20px;}
.main-case .main-case-content .desc{color: #666;}
.main-case .main-case-content .btn{text-align:right;}
.main-case #Page .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}

/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/** 新闻列表 */
.banner.news{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-news{background: #EEEEEE;}
.main-news .content{width: 48%; text-align: center; padding-top: 120px; padding-bottom: 20px; border-bottom: 2px solid #c9c9c9;}
.main-news .content.even{margin-left: 2%;}
.main-news .content .news-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-news .content .news-img img{width: 100%; transition: 2s;}
.main-news .content .news-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-news .content p.lable{padding-top: 13px; font-size: 30px; line-height: 76px;}
.main-news .content p{font-size: 18px; line-height: 32px; color: #505050;}
.main-news #newsPage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}
.main-news .main-news-title {height:70px;overflow:hidden;padding: 0px 10px;font-size:18px;background:#fff;}
.main-news .main-news-title a{border-radius: 3px;    padding: 10px;    color: #666666;    line-height: 70px;}
.main-news .main-news-title a:hover{background: #F3F3F3;color: #007DC5;}
.main-news .main-news-title .title-active {    background: #33b3ed;    color: #FFFFFF;}
.main-news .main-news-title .title-active:hover {    background: #33b3ed;    color: #FFFFFF;}
.main-news .main-news-content .layui-row>div>div{
	position: relative;
	margin:15px;
	border-radius: 5px;
	background:#fff;
	padding-bottom:15px;
	overflow:hidden;
}
.main-news .main-news-content .layui-row>div>div:hover{    
	transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    box-shadow: 0px 5px 10px #666;
    behavior: url(ie-css3.htc);
    -moz-box-shadow: 0px 5px 10px #666;
    -webkit-box-shadow: 0px 5px 10px #666;
}

.main-news .main-news-content .title{font-size:20px;min-height: 55px;padding:8px 20px;}
.main-news .main-news-content .desc{color: #666;padding:8px 20px;height: 54px; overflow: hidden}
.main-news .main-news-content .btn{text-align:right;padding:8px 20px;}
.main-news .main-news-content .img{text-align: center}
.main-news .main-news-content img{height: 250px;}


.main-news .main-news-content1{
	padding:15px 0px;
}
.main-news .main-news-content1 .left{
	margin-right:15px;
}
.main-news .main-news-content1 .entry-title{
	margin:15px 0px;
	border-bottom:1px dashed #ddd;
	padding-bottom:15px;
	
}
.main-news .main-news-content1 .entry-meta{
    text-align: right;
    padding:5px 15px;
    margin-bottom: 15px;
    border-bottom:1px dashed #ddd;
	display:none;
}
.main-news .main-news-content1 .entry-content{
}
.main-news .main-news-content1 .entry-footer{
    text-align: center;
}
.main-news .main-news-content1 .left-title span{
	color:#666;	
}
.main-news .main-news-content1 .left img{
        max-width:100%;display:block;;margin: 0px auto;
}
.main-news .main-news-content1 .left .navigation {width: 280px;margin: 0px auto}
.main-news .main-news-content1 .nav-previous{float: left}
.main-news .main-news-content1 .nav-next{float: left}
.main-news .main-news-content1 .right li{border-bottom: 1px dashed #dedede;padding: 10px 0px;list-style:disc outside none !important ;margin-left: 20px;}
.main-news .main-news-content1 .screen-reader-text{display: none}
.main-news .main-news-content1 .post-title{display: none}
.main-news .main-news-content1 .navigation a{margin: 0px;}
/*小屏幕*/
@media screen and (max-width: 768px){
	.main-news .main-news-content1 .left{
		margin-left:15px;
	}
        .main-news .main-news-content img{}
}
/*大屏幕*/
@media screen and (min-width: 769px){
}
/** 品牌荣誉 */
.main-prize{padding-bottom: 30px;}
.main-prize .main-prize-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-prize .main-prize-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-prize .main-prize-content p.title span{color: #2db5a3;}
.main-prize .main-prize-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-prize .main-prize-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-prize .main-prize-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-prize .main-prize-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-prize .main-prize-content .content img{width:100%;display:block}

/** 品牌详情 */
.main-barnd_desc{padding-bottom: 30px;}
.main-barnd_desc .main-barnd_desc-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-barnd_desc .main-barnd_desc-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-barnd_desc .main-barnd_desc-content p.title span{color: #2db5a3;}
.main-barnd_desc .main-barnd_desc-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-barnd_desc .main-barnd_desc-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-barnd_desc .main-barnd_desc-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-barnd_desc .main-barnd_desc-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-barnd_desc .main-barnd_desc-content .content img{width:100%;display:block}

/** 网站地图 */
.main-map{padding-bottom: 30px;}
.main-map .main-map-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-map .main-map-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-map .main-map-content p.title span{color: #2db5a3;}
.main-map .main-map-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-map .main-map-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-map .main-map-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-map .main-map-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-map .main-map-content .content img{width:100%;display:block}
.main-map .main-map-content h4{font-size:18px;line-height:48px}
/*大屏幕*/
@media screen and (min-width: 769px){
	.main-map .main-map-content {width:800px;}
	.main-map .main-map-content .layui-row>div{width:25%!important}
}

/** 经销商 */
.main-bistributor{padding-bottom: 30px;}
.main-bistributor .main-bistributor-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-bistributor .main-bistributor-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-bistributor .main-bistributor-content p.title span{color: #2db5a3;}
.main-bistributor .main-bistributor-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-bistributor .main-bistributor-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-bistributor .main-bistributor-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-bistributor .main-bistributor-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-bistributor .main-bistributor-content .content img{width:100%;display:block}
.main-bistributor .main-bistributor-content #dituContent{width:100%;height:550px;text-align: center;margin: 0px auto;}
.main-bistributor .main-bistributor-content .select {padding-bottom: 30px;text-align: center;margin-top: 40px;line-height: 30px;font-size: 16px;color: #666;}
.main-bistributor .main-bistributor-content .select select {background: #1A305C;width: 200px;font-size: 15px;height: 30px;text-align: center;color: #ffffff;}
/*小屏幕*/
@media screen and (max-width: 768px){
	.main-bistributor .main-bistributor-content .select select{ width:90%;margin:10px auto;}
}
/*大屏幕*/
@media screen and (min-width: 769px){
}
/** 美辰生活馆 */
.main-default{padding-bottom: 30px;}
.main-default .main-default-content{ padding-bottom: 30px;}
.main-default .main-default-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-default .main-default-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-default .main-default-content p.title span{color: #2db5a3;}
.main-default .main-default-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-default .main-default-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-default .main-default-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-default .main-default-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-default .main-default-content .content img{width:100%;display:block}
.main-default .main-default-content .p1{ padding-top:44px; color:#33b3ed; font-size:25px; line-height:26px; height:26px;text-align:center;}
.main-default .main-default-content .p2{ color:#666; margin-top: 40px;font-size: 16px;text-align:center;}
.main-default .main-default-content .p3{ margin-top:30px; font-size:12px; color:#f0f0f0;text-align:center;}
.main-default .main-default-content .p4{ color:#666; margin-top:10px; line-height:20px; height:62px; overflow:hidden; font-size:15px;font-weight: normal;text-align:center;}



.main-default .main-default-content1 li {margin-bottom: 12px;margin-top: 12px;background-color: #f7f7f7;overflow: hidden;padding: 10px;border: 1px solid #ccc;border-radius: 5px;}
.main-default .main-default-content1 li .pic_hp {}
.main-default .main-default-content1 li .pic_hp img {max-width:100%;margin-bottom: 10px;}
.main-default .main-default-content1 li .title_hp {margin-bottom: 10px;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-left: 15px}
.main-default .main-default-content1 li .title_hp h3 {font-size: 24px;color: #333;line-height: 35px;overflow: hidden;}
.main-default .main-default-content1 li .intro_hp {margin-left: 15px}
.main-default .main-default-content1 li .intro_hp p {font-size: 16px;line-height: 21px;margin-bottom: 10px;color: #666;}

/*小屏幕*/
@media screen and (max-width: 768px){
	.main-default .main-default-content1 .items{width:100%;margin:0px auto;overflow:hidden}
	.main-default .main-default-content figure{margin:0px;}
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.main-default .main-default-content1 .items{width:90%;margin:0px auto;overflow:hidden}
	
	.container{border: 1px solid #BDBDBD;}
}
/** 联系我们 */
.main-contact{padding-bottom: 30px;}
.main-contact .main-contact-content p{}
.main-contact .main-contact-content p.title {font-size: 25px;    line-height: 28px;    color: #1c7dc7;    text-align: left;margin-bottom: 15px; }
.main-contact .main-contact-content p.title a{    color: #1c7dc7;}
.main-contact .main-contact-content .content{width: 90%;margin:0px auto;}
.main-contact .main-contact-content  img{margin: 0px auto;width: 130px;display: block}
.main-contact .main-contact-content .clear{padding: 50px 0px 15px 0px}
.main-contact .main-contact-content  .conctxt{
    line-height: 26px;
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    color: #454545;}
.main-contact .main-contact-content  .conctxt2{
    line-height: 26px;
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    color: #454545;}
/*小屏幕*/
@media screen and (max-width: 768px){
    .main-contact .main-contact-content  img{ margin: 15px auto}
}
/*大屏幕*/
@media screen and (min-width: 769px){
}
/** 政企采购 */
.main-company{padding-bottom: 30px;}
.main-company .main-company-content .content{text-align:center;}
.main-company .main-company-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-company .main-company-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-company .main-company-content p.title span{color: #2db5a3;}
.main-company .main-company-content .content{ padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-company .main-company-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-company .main-company-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-company .main-company-content .content img:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-company .main-company-content .content img{display: block;max-width: 100%}
.main-company .main-company-content1 .content{text-align:center;}
.main-company .main-company-content2{width:100%;overflow:hidden}
.main-company .main-company-content2 img{width:100%;}
.main-company .main-company-content3 .content{ }
.main-company .main-company-title3{text-align:left;}
.main-company .main-company-title3 h2{
	padding: 0px ;   
	margin-bottom: 20px;
    border-bottom: 1px solid #007dc5;
    padding-bottom: 10px;
	width:100%;
}
.main-company .main-company-title3 h2 span {
    border-radius: 3px 3px 0 0;
    padding: 12px 20px;
    background-color: #007dc5;
    color: #ffffff;
}

.main-company .main-company-content3 h3 span {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 10px;
    background-color: #007dc5;
    color: #ffffff;
}
.main-company .main-company-content3 .item{
	padding-left:15px;
}
.main-company .main-company-content3  h4 {
    margin-top: 10px;
    margin-bottom: 10px;
	padding-left:70px;
	font-size:20px;
}
.main-company .main-company-content3   .tel {
    padding-left: 20px;
    background-image: url(../images/company_tel.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 14px 14px;
    font-size: 16px;
    color: #333;
	margin:5px 0px;
}
.main-company .main-company-content3   .fixeds {
    padding-left: 20px;
    background-image: url(../images/company_fixeds.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 14px 14px;
    font-size: 16px;
    color: #333;
	margin:5px 0px;
}
.main-company .main-company-content3 .email {
    padding-left: 20px;
    background-image: url(../images/company_email.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 14px 14px;
    font-size: 1.4em;
	margin:5px 0px;
}
.main-company .main-company-content3 .email a{
        font-size: 16px;
    color: #333;
}
.main-company .main-company-content3 .intro {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
	height:80px;
	padding-right:20px;
	line-height:25px;
}
.main-company .main-company-title4{text-align:left;}
.main-company .main-company-title4 h2{
	padding: 0px ;   
	margin-bottom: 20px;
    border-bottom: 1px solid #007dc5;
    padding-bottom: 10px;
	width:100%;
}
.main-company .main-company-title4 h2 span {
    border-radius: 3px 3px 0 0;
    padding: 12px 20px;
    background-color: #007dc5;
    color: #ffffff;
}
.main-company .entry-header{display:none;}
.main-company .edit-link{display:none;}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.entry-content input, .entry-content select, .entry-content textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
	display: block;
    width: 100%;
    padding-left: 10px;
	border: #007dc5 solid 1px;
}
.entry-content .wpcf7-submit{    
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
	border: 1px solid #007DC5;
    background-color: #007DC5;
	width:100px;
}
.entry-content textarea  {
    min-height: 100px;
    height: auto;
    line-height: 20px;
    resize: vertical;
}
.entry-content .your-province{display:none}
.entry-content .your-city{display:none}
.entry-content .your-district{display:none}
/*小屏幕*/
@media screen and (max-width: 768px){
	.main-company .main-company-content3 .item{margin:30px 0px;}
	.main-company .main-company-title3 h2{
		font-size:18px;
	}
	.main-company .main-company-title3 h2 span {
		border-radius: 3px 3px 0 0;
		padding: 12px 20px;
		background-color: #007dc5;
		color: #ffffff;
	}
	
}
/*大屏幕*/
@media screen and (min-width: 769px){
}
/** 零售事业部 */
.main-retail{}
.main-retail .main-retail-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-retail .main-retail-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-retail .main-retail-content p.title span{color: #2db5a3;}
.main-retail .main-retail-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-retail .main-retail-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;text-align:center;}
.main-retail .main-retail-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-retail .main-retail-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-retail .main-retail-content .content img{width:100%;display:block}

.main-retail .main-retail-bg4{background:#fff;padding-bottom:20px;}
.main-retail .main-retail-content4 li.layui-this:after, .main-retail .main-retail-content4 .layui-tab-title .layui-this:after{border:none;}
.main-retail .main-retail-content4 .layui-tab-title{border:none; width:500px;margin:10px auto; }


.main-retail .main-retail-content4 .layui-tab-title li{
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    width: 22%;
	text-align:center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #292929;
    color: #292929;
    cursor: pointer;
    margin: 0px 10px;
    font-size: 16px;
}
.main-retail .main-retail-content4 .layui-tab-title li.layui-this{
    background: #33b3ed;
    border-color: #33b3ed;
    color: #FFFFFF;
}
.main-retail .main-retail-content4 h2 {
    font-weight: 500;
    padding: 2px;
    padding: 30px 30px 0px 0px;
    display: inline-block;
    font-size: 32px;
    color: rgb(0, 0, 0);
}
.main-retail .main-retail-content4 p {
    line-height: 36px;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    text-indent: 0px;
}
.main-retail .main-retail-content4 img{margin:10px;}
/*小屏幕*/
@media screen and (max-width: 768px){
	.main-retail .main-retail-content4 .layui-tab-title{ width:100%;}
	.main-retail .main-retail-content4 .layui-tab-title li{		
		height: 25px;
		line-height: 25px;
		margin: 0px 5px;
		font-size: 14px;
	}
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/** 服务中心 */
.main-center{padding-top: 90px; padding-bottom: 130px; text-align:left;}
.main-center .main-center-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-center .main-center-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-center .main-center-content p.title span{color: #2db5a3;}
.main-center .main-center-content .content{border: 1px solid #DEDEDE; padding-bottom: 30px; transition: 0.3s;margin:10px;}
.main-center .main-center-content .content p.label{font-size: 21px; color: #000; line-height: 46px; padding-top: 6px;}
.main-center .main-center-content .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-center .main-center-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;}
.main-center .main-center-content .content img{width:100%;display:block}

.main-center .main-center-content1{}
.main-center .main-center-content1 .title{font-size: 18px;    color: #000;    margin-bottom: 10px;    font-weight: normal;    margin-top: 25px;}
.main-center .main-center-content1 .content{
	color: #555;
    line-height: 20px;
    padding-left: 18px;
    background-position: 6px 9px;
    margin-bottom: 6px;
    font-size: 16px;
}
.main-center .main-center-content1 .content ul li{	
    padding: 10px 0;
	list-style: disc outside none;
}
.main-center .main-center-content1 .content .item{
	border: 1px solid #e2e1e1;
    padding: 14px 0;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
}
.main-center .main-center-content1 .content .item{
	border: 1px solid #e2e1e1;
    padding: 14px 0;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
	margin-bottom:10px;
}
.main-center .main-center-content1 .content .item>div:nth-child(1){
	border-right: 1px dashed #cccccc;
	text-align:center;
}
.main-center .main-center-content1 .content .item>div:nth-child(2){
	padding-left:10px;
}
.main-center .main-center-content1 .content .item span{
	display:block;
	line-height:25px;
}
.main-center .main-center-content1 .content .item span.col{
	color: #26aeff;
}
@media screen and (max-width: 768px){
	.main-center{padding: 30px 0px; text-align:left;}
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.main-center .main-center-content>div>div:nth-child(1) .content{
		min-height:437px;
	}
	
}

/** 营销体系 */
.main-marketing{padding-top: 90px; padding-bottom: 130px; text-align:left;}
.main-marketing .main-marketing-content{text-align: center}
.main-marketing .main-marketing-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-marketing .main-marketing-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-marketing .main-marketing-content p.title span{color: #2db5a3;}
.main-marketing .main-marketing-content .content{border: 1px solid #DEDEDE;  transition: 0.3s;margin:10px;    border-radius: 5px;}
.main-marketing .main-marketing-content .content p.label{font-size: 16px; color: #000; padding: 10px 0px 0px 0px;}
.main-marketing .main-marketing-content .content a{font-size: 18px;     color: #06131b; font-size: 14px;}
.main-marketing .main-marketing-content .content a:hover{color: #26aeff}
.main-marketing .main-marketing-content .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;;}
.main-marketing .main-marketing-content .label{border-top: 1px solid #e2e1e1;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    color: #666;}

.main-marketing .main-marketing-content1 .layui-row{border: 1px solid #DEDEDE;
    transition: 0.3s;
    margin: 10px;
    border-radius: 5px;}
.main-marketing .main-marketing-content1 .title{font-size: 18px;    color: #000;    margin-bottom: 10px;    font-weight: normal;    margin-top: 25px;}

.main-marketing .main-marketing-content1 .content{    
    color: #555;
    line-height: 20px;
    background-position: 6px 9px;
    font-size: 16px;
    
}
.main-marketing .main-marketing-content1 .content img{    
    max-width: 100%;
}
.main-marketing .main-marketing-content1 .item2{    
    width: 220px;margin: 0px auto;padding-top: 50px;
}
.main-marketing .main-marketing-content1 p{
    color: #888;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 21px;
}
.main-marketing .main-marketing-content1 .label{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #181717;
}

.main-marketing .main-marketing-content1 .btns a{
    background: #0066a1;
    height: 40px;
    line-height: 40px;
    width: 180px;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.main-marketing .main-marketing-content2{text-align: center}
.main-marketing .main-marketing-content2 p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-marketing .main-marketing-content2 p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-marketing .main-marketing-content2 p.title span{color: #2db5a3;}
.main-marketing .main-marketing-content2 .content{border: 1px solid #DEDEDE;  transition: 0.3s;margin:10px;    border-radius: 5px;padding: 40px 0px;}
.main-marketing .main-marketing-content2 .content p.label{font-size: 16px; color: #000; padding: 10px 0px 0px 0px;}
.main-marketing .main-marketing-content2 .content a{font-size: 18px;     color: #06131b; font-size: 14px;}
.main-marketing .main-marketing-content2 .content a:hover{color: #26aeff}
.main-marketing .main-marketing-content2 .content:hover{box-shadow: 0 0 3px 3px #EEE; transition: 0.3s;;}
.main-marketing .main-marketing-content2 .label{border-top: 1px solid #e2e1e1padding: 12px 0; text-align: center;font-size: 16px;color: #666;}
.main-marketing .main-marketing-content2 .arrow{border-right: 1px dashed #dedede}

@media screen and (max-width: 768px){
	.main-marketing{padding: 30px 0px; text-align:left;}
        .main-marketing .main-marketing-content1 img{width:100%;display: block} 
        .main-marketing .main-marketing-content1 .label{
          margin-top: 30px;
    }
    .main-marketing .main-marketing-content1 p{
        padding-left: 15px;
    }
    .main-marketing .main-marketing-content1 .btns{
        padding-bottom: 20px;
    }
    .main-marketing .main-marketing-content1 .item2{    
        padding-top: 20px;
    }
}
/*大屏幕*/
@media screen and (min-width: 769px){
    .main-marketing .main-marketing-content .layui-col-md2{width:20%} 
	
}

/** 关于我们 */
.main-agent{ text-align:left;}
.main-agent .main-agent-bg{background:#F0F0F0;}
.main-agent .main-agent-content  p {
    line-height: 32px;
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    text-indent: 0px;
    text-align: initial;
    margin-bottom: 0px;
}
.main-agent .main-agent-content{padding-bottom:50px;}
.main-agent .main-agent-content p font{color: #007dc5; font-weight:bold;}
.main-agent .main-agent-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-agent .main-agent-content p.title span{color: #2db5a3;}

.main-agent .main-agent-bg1{background: url(../images/arrow_gray.png) no-repeat top center #fff;}
.main-agent .main-agent-content1{padding:30px 0px}
.main-agent .main-agent-content1 .main-page-line{margin-bottom:30px;}

.main-agent .main-agent-content1 p {
    color: #474747;
    padding-left: 40px;
    font-size: 24px;
    margin-bottom: 10px;
}

.main-agent .main-agent-content1 li {
	position: relative;
    padding: 0px 15px 0px 68px;
    color: #666;
    font-size: 16px;
    /* line-height: 30px; */
    margin-bottom: 2px;
    text-align: justify;
    padding-top: 3px;
    padding-bottom: 8px;}
.main-agent .main-agent-content1 li i {position: absolute;top: 12px;left: 42px;height: 6px;width: 6px;background: url("/images/index-icons.png") no-repeat;background-position: -126px 0;}
.main-agent .main-agent-content1 li img{display;inline-block;max-width:143px;height:39px;float: left;margin:5px;}

.main-agent .main-agent-bg2{background: #F0F0F0;padding-bottom:50px;}
.main-agent .main-agent-content2{position:relative;}
.main-agent .main-agent-content2 .timeline{position: relative; }
.main-agent .main-agent-content2 .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-agent .main-agent-content2 .timeline li{position: relative; padding-top: 15px;}
.main-agent .main-agent-content2 .timeline li:first-child{padding-top: 0;}
.main-agent .main-agent-content2 .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-agent .main-agent-content2 .timeline li .cour-img img{width: 100%;}
.main-agent .main-agent-content2 .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;min-height:110px;}
.main-agent .main-agent-content2 .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-agent .main-agent-content2 .timeline li .cour-panel p{color: #949494; line-height: 30px;}

.main-agent .main-agent-bg3{background:#fff;padding-bottom:20px;}
.main-agent .main-agent-content3 img {    
    margin: 5px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}
.main-agent .main-agent-content3 img:hover {
    box-shadow: inset 0 0 6px #bbb;
}

.main-agent .main-agent-content2 .cour-img{
	border:2px solid #e4e4e4;
	border-radius:25px;
	-moz-border-radius:25px; /* Old Firefox */
	overflow:hidden;
}

.main-agent .main-agent-bg4{background:#F0F0F0;padding-bottom:20px;}
.main-agent .main-agent-content4 li.layui-this:after, .main-agent .main-agent-content4 .layui-tab-title .layui-this:after{border:none;}
.main-agent .main-agent-content4 .layui-tab-title{border:none;}
.main-agent .main-agent-content4 .layui-tab-title li.layui-this{
    background: #33b3ed;
    border-color: #33b3ed;
    color: #FFFFFF;
}
.main-agent .main-agent-content4 .layui-tab-title li{
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    width: 108px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #292929;
    color: #292929;
    cursor: pointer;
    margin: 10px;
    font-size: 16px;
}
.main-agent .main-agent-content4 h2 {
    font-weight: 500;
    padding: 2px;
    padding: 30px 30px 0px 0px;
    display: inline-block;
    font-size: 32px;
    color: rgb(0, 0, 0);
}
.main-agent .main-agent-content4 p {
    line-height: 36px;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    text-indent: 0px;
}
.main-agent .main-agent-content4 img{margin:10px;}
@media screen and (max-width: 768px){
	.main-agent .main-agent-content3 img { width: 90%;display:block;}
	.main-agent .main-agent-content1 p{padding:0px 15px;text-align:center}
	.main-agent .main-agent-content1 li {padding: 0px 15px; font-size:14px;line-height:20px;}
	.main-agent .main-agent-content1 .layui-row>div:nth-child(1){text-align:center}
	
	.main-agent .main-agent-content1 p span {
		font-size: 14px;
		display: inline-block;
		transform: translateY(-5px);
		padding:0px 5px;
	}	
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.main-agent .main-agent-content2 .timeline:before{left: 50%;}
	.main-agent .main-agent-content2 .timeline li{min-height: 195px; padding-top: 15px;}
	.main-agent .main-agent-content2 .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
	.main-agent .main-agent-content2 .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
	.main-agent .main-agent-content2 .timeline li.odd .cour-panel{text-align: right;}
	.main-agent .main-agent-content2 .timeline li .cour-panel{padding-left: 50px;}
	.main-agent .main-agent-content2 .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
        .main-agent .main-agent-content1 .layui-row>div:nth-child(1){text-align:right}
}
/** 加入美辰 */
.main-careers{text-align:left;}
.main-careers .main-careers-content p{font-size: 16px; color: #555;; line-height: 28px;padding:0px 15px;}
.main-careers .main-careers-content p.title {color: #484848; font-size: 24px;  line-height: 160px;}
.main-careers .main-careers-content p.title span{color: #2db5a3;}

.main-careers .main-careers-content1{}
.main-careers .main-careers-content1-bg{background-attachment: fixed;}
.main-careers .main-careers-content1-bg1{background:url(../images/yy.png);padding:50px 0px 150px 0px ;}

.main-careers .main-careers-content1 .title{font-size: 16px;
    color: #666;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
	line-height: 32px;
    margin-top: 15px;}
.main-careers .main-careers-content1 .title a{color:#33b3ed}
.main-careers .main-careers-content1 .content{
	color: #555;
    line-height: 20px;
    padding-left: 18px;
    background-position: 6px 9px;
    margin-bottom: 6px;
    font-size: 16px;
}
.main-careers .main-careers-content1 .content ul { position: relative; z-index: 1; margin-bottom: 7%;  margin: 5% auto 0px; text-align: center; color: #fff; padding-bottom: 4%; }
.main-careers .main-careers-content1 .content ul li { float: left; display: block; width: 145px; cursor: default; position: relative; }
.main-careers .main-careers-content1 .content ul li .line { float: left; display: block; width: 25px; margin: 56px 4px 0px 0px; background-color: #0066a1; height: 1px; overflow: hidden; }
.main-careers .main-careers-content1 .content ul .t { position: relative; width: 113px; height: 113px; float: left; display: block; margin-top: 1px;}
.main-careers .main-careers-content1 .content ul .y1 { background: url(../images/y1.png) no-repeat; }
.main-careers .main-careers-content1 .content ul .y2 { background: url(../images/y2.png) no-repeat; }
.main-careers .main-careers-content1 .content ul .y1, .main-careers .main-careers-content1 .content ul .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.main-careers .main-careers-content1 .content ul .y2 { opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); visibility: hidden; }
.main-careers .main-careers-content1 .content ul .name { height: 47px; position: relative; z-index: 2; margin: 0px auto; line-height: 45px; font-size: 16px; position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; margin-top: -23px; color: #8C8C8C; }
.main-careers .main-careers-content1 .content ul .name i { width: 0px; margin: 0px auto; display: block; height: 1px; background-color: #fff; overflow: hidden; transition: 300ms; -ms-transition: 300ms; -webkit-transition: 300ms; -moz-transition: 300ms; }
.main-careers .main-careers-content1 .content ul .t:hover .y1 { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); }
.main-careers .main-careers-content1 .content ul .t:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.main-careers .main-careers-content1 .content ul .t:hover .name { color: #fff; }
.main-careers .main-careers-content1 .content ul .t:hover .name i { width: 16px; }
.main-careers .main-careers-content1 .content ul .target li {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);transition: 600ms ease 350ms;-webkit-transition: 600ms ease 350ms;}
.main-careers .main-careers-content1 .content ul .action li { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; }

.main-careers .main-careers-content2{
	padding:50px 0px;
}
.main-careers .main-careers-content2 .layui-colla-icon{
	right: 15px;
	left: auto;
	top: 14px;
}

.main-careers .main-careers-content2 .layui-colla-title{
	background: #2980b9;color: #fff;
    line-height: 20px;
    font-size: 16px;
	text-align:center;
	padding: 15px 0px;
	height:auto !important;
}
.main-careers .main-careers-content2 .title{
	background: none;color: #000;
}
.main-careers .main-careers-content2 .layui-colla-item{position:relative;}
.main-careers .main-careers-content2 .hot{
	background: url(../images/hot.png) no-repeat;
    width: 37px;
    height: 29px;
    position: absolute;
    left: 0%;
	z-index: 99;
}
.main-careers .main-careers-content2 p{
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 25px;
    margin-bottom: 15px;}

@media screen and (max-width: 768px){
	.main-careers{padding: 30px 0px; text-align:left;}
	.main-careers .main-careers-content1-bg{background:url(../images/h_4.jpg) no-repeat center  top}
	.main-careers .main-careers-content2 .layui-colla-title{font-size:14px;}
	.main-careers .main-careers-content2 .title{height:20px;line-height: 20px;}
	.main-careers .main-careers-content2{
		padding:20px 0px  0px  0px;
	}
	.main-careers .main-careers-content1 .content ul {width:auto !important;}
	.main-careers .main-careers-content2 p{font-size: 14px;margin-bottom: 10px;line-height:20px;}
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.main-careers .main-careers-content1-bg{background-image:url(../images/h_4.jpg); background-repeat:no-repeat; background-attachment:fixed;background-position:center  top;}
	.main-careers .main-careers-content1 .content ul .item1 { width: 208px; }
	.main-careers .main-careers-content1 .content ul .item1 .line, .main-careers .main-careers-content1 .content ul .item8 .line, .main-careers .main-careers-content1 .content ul .item8 { width: 90px; }
}
/** 品牌 */
.main-brand .main-brand-content .layui-row>div>div{
    position: relative;
    margin:15px;
    border-radius: 5px;
    background:#fff;
    overflow:hidden;	
    box-shadow: 0px 5px 10px #666;
    -moz-box-shadow: 0px 5px 10px #666;
    -webkit-box-shadow: 0px 5px 10px #666;
}
.main-brand .main-brand-content h2{
	text-align:center;
}
.main-brand figure {overflow: hidden;margin:0px;height: 220px;position: relative}
.main-brand figure h2 {	
    font-size: 16px;
}
.main-brand figcaption{}
.main-brand figcaption a {
    text-align: center;
    padding: 0px;
    border-radius: 2px;
    display: block;
    background: #0f5ca2;
    color: #fff;
    width: 30%;
    margin: 0px auto;
    line-height: 30px;
}
.main-brand figcaption h3 {
    width:100%;
    display: inline-block;
    margin: 0;
    padding: 0px;
    color: #fff;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    text-align: center;    
}
.main-brand figure img {
    max-width:100%;
    display:block;
    margin: 0px auto;
    margin-top: 10px;
    -webkit-transition: margin-top 0.4s;
    -moz-transition: margin-top 0.4s;
    transition: margin-top 0.4s;
}
.main-brand figure:hover img {
    margin-top: 0px;
}
.main-brand figure h2 {
}
.main-brand figure figcaption {
    position: absolute;
    bottom: -200px;
    left: 0px;
    padding-bottom: 10px;
    width: 100%;
    background:-webkit-gradient(linear,center top,center bottom,from(#0468a3),to(#5d9cd3));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0468a3,endColorstr=#5d9cd3);    
    -webkit-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    transition: bottom 0.4s;
}
.main-brand figure:hover figcaption{
   bottom: 0px;
}

/*小屏幕*/
@media screen and (max-width: 768px){
    .main-brand figure {height: 150px;}
    .main-brand figcaption h3 {
        width: 100%;
        font-size: 12px;
    }
    .main-brand .main-brand-content h2 {
        font-size: 12px;
    }
	.main-brand figcaption h3 {
		font-size: 12px;
		height: 28px;
		line-height: 28px;
	}
	.main-brand figure h2 {
	}
	.main-brand figure>h2{margin-top: -24px;}
	.main-brand figure figcaption {
		position: absolute;
		bottom: -200px;
		left: 0px;
		padding-bottom: 10px;
		width: 100%;
		background:-webkit-gradient(linear,center top,center bottom,from(#0468a3),to(#5d9cd3));
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0468a3,endColorstr=#5d9cd3);    
		-webkit-transition: bottom 0.4s;
		-moz-transition: bottom 0.4s;
		transition: bottom 0.4s;
	}
	.main-brand figure:hover figcaption{
	   bottom: 0px;
	}
}
/*大屏幕*/
@media screen and (min-width: 769px){    
    .main-brand figure img {
        max-width:80%;
    }
}

/** 电商事业部 */
.main-shoppers .main-shoppers-content .layui-row>div>div{
    position: relative;
    margin:15px;
    border-radius: 5px;
    background:#fff;
    overflow:hidden;	
    box-shadow: 0px 5px 10px #666;
    -moz-box-shadow: 0px 5px 10px #666;
    -webkit-box-shadow: 0px 5px 10px #666;
}
.main-shoppers .main-shoppers-content h2{
	text-align:center;
}
.main-shoppers figure {overflow: hidden;margin:0px;height: 220px;position: relative}
.main-shoppers figure h2 {	
    font-size: 16px;
}
.main-shoppers figcaption{}
.main-shoppers figcaption a {
    text-align: center;
    padding: 0px;
    border-radius: 2px;
    display: block;
    background: #0f5ca2;
    color: #fff;
    width: 30%;
    margin: 0px auto;
    line-height: 30px;
}
.main-shoppers figcaption h3 {
    width:100%;
    display: inline-block;
    margin: 0;
    padding: 0px;
    color: #fff;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    text-align: center;    
}
.main-shoppers figure img {
    max-width:100%;
    display:block;
    margin: 0px auto;
    margin-top: 10px;
    -webkit-transition: margin-top 0.4s;
    -moz-transition: margin-top 0.4s;
    transition: margin-top 0.4s;
}
.main-shoppers figure:hover img {
    margin-top: 0px;
}
.main-shoppers figure h2 {
}
.main-shoppers figure figcaption {
    position: absolute;
    bottom: -200px;
    left: 0px;
    padding-bottom: 10px;
    width: 100%;
    background:-webkit-gradient(linear,center top,center bottom,from(#0468a3),to(#5d9cd3));
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0468a3,endColorstr=#5d9cd3);    
    -webkit-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    transition: bottom 0.4s;
}
.main-shoppers figure:hover figcaption{
   bottom: 0px;
}

/*小屏幕*/
@media screen and (max-width: 768px){
    .main-shoppers figure {height: 190px;}
    .main-shoppers figcaption h3 {
        width: 100%;
        font-size: 12px;
    }
    .main-brand .main-brand-content h2 {
        font-size: 12px;
    }
}
/*大屏幕*/
@media screen and (min-width: 769px){    
    .main-shoppers figure img {
        max-width:80%;
    }
}

/** 关于 */
.banner.about{background: url(../img/nav_img4.jpg) no-repeat center top; background-size: cover;}
.main-about{padding-bottom: 130px;}
.main-about ul.aboutab{padding: 100px 0; text-align: center;}
.main-about ul.aboutab li{display: inline-block; padding: 0 22px; margin-left: 15px; font-size: 20px; line-height: 46px; color: #b5b5b5; border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer;}
.main-about ul.aboutab li:first-child{margin-left: 0;}
.main-about ul.aboutab li.layui-this
,.main-about ul.aboutab li:hover{color: #2ab5a3; border-color: #afddd7; transition: 0.3s;}
.main-about .tabJob, .main-about .tabCour{display: none;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/*公司简介*/
.main-about .tabIntro{padding-bottom: 15px;}
.main-about .tabIntro .content{vertical-align: middle;}
.main-about .tabIntro .content .img{width: 50%;}
.main-about .tabIntro .content .img img{width: 100%;}
.main-about .tabIntro .content .panel{width: 50%;}
.main-about .tabIntro .content p{padding: 0 20px; line-height: 24px; text-align: justify;}
.main-about .tabIntro .p_hidden{padding: 0 20px; display: none;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/*招贤纳士*/
.main-about .tabJob .content{padding: 0 0 40px 20px; border: 1px solid #e2e2e2; border-top: 4px solid #65d0c5; margin-top: 90px;}
.main-about .tabJob .content:first-child{margin-top: 10px;}
.main-about .tabJob .content p{font-size: 18px; line-height: 40px;}
.main-about .tabJob .content p.title{font-size: 24px; color: #545454; line-height: 60px;}
.main-about .tabJob .content ol{padding-left: 20px; list-style-type: none; counter-reset: sectioncounter;}
.main-about .tabJob .content ol li{color: #8d8d8d; font-size: 16px; line-height: 30px;}
.main-about .tabJob .content ol li:before {content: counter(sectioncounter) "、"; counter-increment: sectioncounter;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}

/*发展历程*/
.main-about .tabCour p.title{font-size: 28px; line-height: 28px; text-align: center;}
.main-about .tabCour .timeline{position: relative; margin-top: 75px;}
.main-about .tabCour .timeline:before{position: absolute; top: 0; bottom: 0; content: ""; width: 2px; background-color: #e2e2e2; left: 50px;}
.main-about .tabCour .timeline li{position: relative; padding-top: 70px;}
.main-about .tabCour .timeline li:first-child{padding-top: 0;}
.main-about .tabCour .timeline li .cour-img{position: absolute; left: 0; width: 100px; border-radius: 50%;}
.main-about .tabCour .timeline li .cour-img img{width: 100%;}
.main-about .tabCour .timeline li .cour-panel{padding-top: 20px; padding-left: 120px; text-align: left;}
.main-about .tabCour .timeline li .cour-panel p.label{font-size: 18px; color: #000;}
.main-about .tabCour .timeline li .cour-panel p{color: #949494; line-height: 30px;}
/*小屏幕*/
@media screen and (max-width: 768px){
}
/*大屏幕*/
@media screen and (min-width: 769px){
}
.weixin-fix{position:fixed;z-index:990; width:50px;height:50px;bottom: 70px;right:10px;    background: #007DC5; cursor:pointer}
.weixin-fix-icon {padding:15px;}
.weixin-fix-content{display:none;bottom: 40px;right:60px;position:fixed;z-index:9999; }
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{background-color: #007DC5 !important;}

@media screen and (max-width: 480px){
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}
/*小屏幕*/
@media screen and (min-width: 769px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.3);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 20px; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 15px; line-height: 80px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
}
@media screen and (min-width: 769px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 15px;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}
/*小屏幕*/
@media screen and (max-width: 768px){
	.home{background-image:url(../images/epiq-BG-China1.jpg); background-repeat:no-repeat; background-position:center  top}
	.about{background:url(../images/Mecent-Since.jpg) no-repeat center  -200px}
	.about .banner-arrow{margin-top: 250px;}
	.case{background:url(../images/NewsCenter.jpg) no-repeat center  -200px}
	.case .banner-arrow{margin-top: 250px;}
	.news{background:url(../images/NewsCenter.jpg) no-repeat center  -200px}
	.news .banner-arrow{margin-top: 250px;}
	.brand{background:url(../images/Brandcenter.jpg) no-repeat center  -200px}
	.brand .banner-arrow{margin-top: 250px;}
	.center{background:url(../images/Iserve.jpg) no-repeat center  -200px}
	.center .banner-arrow{margin-top: 250px;}
	.careers{background:url(../images/Personnel.jpg) no-repeat center  -200px}
	.careers .banner-arrow{margin-top: 250px;}
	.agent{background:url(../images/Mecent-Since.jpg) no-repeat center  -200px}
	.agent .banner-arrow{margin-top: 250px;}
	.prize{background:url(../images/Mecent-Since.jpg) no-repeat center  -200px}
	.prize .banner-arrow{margin-top: 250px;}
	.retail{background:url(../images/pfindssep.jpg) no-repeat center  -200px}
	.retail .banner-arrow{margin-top: 250px;}
	.bistributor{background:url(../images/pfindssep.jpg) no-repeat center  -200px}
	.bistributor .banner-arrow{margin-top: 250px;}
	.default{background:url(../images/pfindssep.jpg) no-repeat center  -200px}
	.default .banner-arrow{margin-top: 250px;}
	.company{background:url(../images/pfindssep.jpg) no-repeat center  -200px}
	.company .banner-arrow{margin-top: 250px;}
	.shoppers{background:url(../images/pfindssep.jpg) no-repeat center  -200px}
	.shoppers .banner-arrow{margin-top: 250px;}
        .contact{background:url(../images/Personnel.jpg) no-repeat center  -200px}
	.contact .banner-arrow{margin-top: 250px;}
        .marketing{background:url(../images/Personnel.jpg) no-repeat center  -200px}
	.marketing .banner-arrow{margin-top: 250px;}
        .map{background:url(../images/Brandcenter.jpg) no-repeat center  -200px}
	.map .banner-arrow{margin-top: 250px;}
	
	.page-banner{height:250px;}
	.page-banner-arrow{margin-top: 250px;}
	
}
/*大屏幕*/
@media screen and (min-width: 769px){
	.home{background-image:url(../images/epiq-BG-China.jpg); background-repeat:no-repeat; background-attachment:fixed;background-position:center  top}
	.about{background-image:url(../images/Mecent-Since.jpg); background-repeat:no-repeat; background-position:center  top}
	.about .banner-arrow{margin-top: 400px;}
	.case{background-image:url(../images/NewsCenter.jpg); background-repeat:no-repeat; background-position:center  top}
	.case .banner-arrow{margin-top: 400px;}
	.news{background-image:url(../images/NewsCenter.jpg); background-repeat:no-repeat; background-position:center  top}
	.news .banner-arrow{margin-top: 400px;}
	.brand{background-image:url(../images/Brandcenter.jpg); background-repeat:no-repeat; background-position:center  top}
	.brand .banner-arrow{margin-top: 400px;}
	.center{background-image:url(../images/Iserve.jpg); background-repeat:no-repeat; background-position:center  top}
	.center .banner-arrow{margin-top: 400px;}
	.careers{background:url(../images/Personnel.jpg); background-repeat:no-repeat; background-position:center  top}
	.careers .banner-arrow{margin-top: 250px;}
	.agent{background:url(../images/Mecent-Since.jpg); background-repeat:no-repeat; background-position:center  top}
	.agent .banner-arrow{margin-top: 250px;}
	.prize{background:url(../images/Mecent-Since.jpg); background-repeat:no-repeat; background-position:center  top}
	.prize .banner-arrow{margin-top: 250px;}
	.retail{background:url(../images/pfindssep.jpg); background-repeat:no-repeat; background-position:center  top}
	.retail .banner-arrow{margin-top: 250px;}
	.bistributor{background:url(../images/pfindssep.jpg); background-repeat:no-repeat; background-position:center  top}
	.bistributor .banner-arrow{margin-top: 250px;}
	.default{background:url(../images/pfindssep.jpg); background-repeat:no-repeat; background-position:center  top}
	.default .banner-arrow{margin-top: 250px;}
	.company{background:url(../images/pfindssep.jpg); background-repeat:no-repeat; background-position:center  top}
	.company .banner-arrow{margin-top: 250px;}
	.shoppers{background:url(../images/pfindssep.jpg); background-repeat:no-repeat; background-position:center  top}
	.shoppers .banner-arrow{margin-top: 250px;}
        .contact{background:url(../images/Personnel.jpg); background-repeat:no-repeat; background-position:center  top}
	.contact .banner-arrow{margin-top: 250px;}
        .marketing{background:url(../images/Personnel.jpg); background-repeat:no-repeat; background-position:center  top}
	.marketing .banner-arrow{margin-top: 250px;}
        .map{background:url(../images/Brandcenter.jpg); background-repeat:no-repeat; background-position:center  top}
	.map .banner-arrow{margin-top: 250px;}
	
	.page-banner{height:370px;}
	.page-banner-arrow{margin-top: 400px;}
}


.main-barnd_desc .leftinfo {
    position: absolute;
    top: 0;
    width: 125px;
    height: 100%;
    border-right: #e6e6e6 3px solid;
    background: #fff;
}

.main-barnd_desc .leftinfo_nav {
    position: absolute;
    top: 150px;
    right: -13px;
    text-align: right
}

.fixed {
    position: fixed
}

.main-barnd_desc .leftinfo_nav a {
    display: block;
    color: #999;
    line-height: 36px;
    padding-right: 40px
}

.main-barnd_desc .leftinfo_nav .current {
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/circle_blue.png);
}

.main-barnd_desc .leftinfo_nav .current a {
    font-size: 24px;
    color: #00A7EA;
    line-height: 46px;
    font-weight:bold;
}

.main-barnd_desc .info {
    margin-left: 150px;
    width: 80%;
    padding: 30px;
    float: left;
    overflow: hidden
}
.main-barnd_desc .info img{
   display: block;
   max-width: 100%;
}
.main-barnd_desc .info-item-desc{padding-left: 15px;}
.main-barnd_desc .info-item {
    width: 100%;
    padding: 20px 0;
    border-bottom: #DDD 1px solid
}

.main-barnd_desc .info h2,.info h3 {
    font-size: 20px;
    height: 48px;
    line-height: 24px;
    font-size: 25px;
    color: rgb(0, 0, 0);
}

.main-barnd_desc .info h3 {
    font-size: 18px;
    height: 40px;
    line-height: 40px
}

.main-barnd_desc .info-item li,.info-item p {
    line-height: 32px;
    color: #666;
    font-size: 16px;
}


.main-barnd_desc .info-item-img {
    position: relative;
    
}

.main-barnd_desc .info-item-img img {
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
        display: block;
    max-width: 100%;
}


.main-barnd_desc .info .info-item-desc h2 {
    font-size: 14px;
    height: 14px
}
.main-barnd_desc .info .info-item-btn a{
	line-height: 32px;
    font-size: 14px;
    text-align: center;
    background-color: #0096ee;
    color: #fff;
	display:block;
	width:200px;
}

/*小屏幕*/
@media screen and (max-width: 768px){
	.main-barnd_desc .info-item-desc {
		 padding-left: 0px; 
	}
	.main-barnd_desc .info{width: 70%;margin-left: 0px;float: right;padding: 0px;}
	.main-barnd_desc .info img{display: block;width: 100%;}
	.main-barnd_desc .leftinfo_nav .current a{font-size: 14px;line-height: 36px;}
	.main-barnd_desc .leftinfo{width: 90px;}
	.main-barnd_desc .leftinfo_nav{top: 250px;}
	.main-barnd_desc .info-item li, .info-item p{font-size: 12px;line-height: 24px;}    
	#newBridge .nb-invite-wrap-base{display:none !important;}
	#newBridge .nb-icon-wrap-0{
		top:auto!important;
		z-index: 990 !important;
		width: 50px !important;
		height: 50px !important;
		bottom: 105px !important;
		right: 10px !important;
	}	
}