@charset "utf-8";
/*!VIPABC | Author by Mike Li -> Anna*/
/*!v2.0 | 2015-11-18*/
/*!License: xb.cizhenjiaoyu.cn*/


/*Reset*/
*{margin:0;padding:0;list-style-type:none;}

*html,*html body /* 修正IE6振动bug */{
	background-image:url(about:blank);
	background-attachment:fixed;
}
body{
	font-family:"Microsoft Yahei","Hiragino Sans GB" ,Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
	font-size:14px;
}

a,img{border:none;text-decoration:none;}
a{color:#333;blr:expression(this.onFocus=this.blur());} /*去掉a标签的虚线框，避免出现奇怪的选中区域*/
/*a:active {test:expression(target="_blank");}*/
:focus{outline:0;}
label{cursor:pointer;}
img{vertical-align:middle;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-size:1.6em;}h2,h3,h4{font-size:1.4em;}h5,h6{font-size:1.2em;}
input{border:none;}
textarea{overflow:scroll;}

a, input,textarea, .hover-delay, button{
	font-family:"Microsoft Yahei","Hiragino Sans GB", Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
input.none-radius{
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

::-ms-clear{ display:none;}
::-ms-reveal { display: none; }

.clear{clear:both;}
.txt-indent{text-indent:-9999999px;overflow:hidden;}

input[type=text],input[type=tel],input[type=email], input[type=button]{
	-webkit-appearance: none;
	box-shadow: none;
}
input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        box-shadow:0 0 0 60px #fff inset;
        -webkit-text-fill-color: #000;
    }

/*Reset end*/


/* conmmon */
.button-animated:active{
	-webkit-transform:scale(0.9); 
    -moz-transform:scale(0.9); 
    -ms-transform:scale(0.9); 
    -o-transform:scale(0.9); 
    transform:scale(0.9); 
    -webkit-box-shadow:0px 0px 20px #FFF; 
    -moz-box-shadow:0px 0px 20px #FFF; 
    -o-box-shadow:0px 0px 20px #FFF; 
    box-shadow:0px 0px 20px #FFF; 
}




/*-------------- wrapper -------------*/
.mobile-tel, .mobile-footer, .mobile-nav, .header button, .topic-intro-mobile{display:none;}

.wrapper, .header, .banner,  .container, .footer, .section, .header-float,.header-banner{
	float:left;
	width:100%;
}
.inside{width:1000px;margin: 0 auto;}

.header .inside, .banner .inside{width:1000px;}
/*header&banner*/
.header-banner{
	background:url(../image/bg.jpg) no-repeat center center #B1603c;
	background-size: cover;
	-ms-behavior:?css/backgroundsize.min.htc);
	behavior:?url(css/backgroundsize.min.htc);
}

/*header*/
.header{height: 80px;}
.logo{
	float: left;
	margin-top: 15px;
}

.logo-info{
	display:block;
	width:50%;
	margin-left:25%;
	margin-top: 10px;
	line-height: 60px;
}
.logo-info img{width:100%;}
.header-tel{
	float: right;
	margin-top: 12px;
	text-align: right;
	font-size: 14px;
	color: #ffffff;
}

.header button{
	display:none;
	float:right;
	width:120px;
	margin:12px 0 0 20px;
	line-height:35px;
	text-align:center;
	border:0;
	color:#fff;
	font-size:14px;
	background-color:#f74c4c;	
	border-radius:2px;
	cursor:pointer;
}
.header button:hover{ background-color:#e60012; }



/*banner*/
.banner{height: 473px;}
.banner .inside{
	height: 473px;
	position:relative;
	border-radius: 25px;
	*z-index:1000;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.392);
}
.banner .banner-left{
	width:66.4%;
	float:left;
	height:100%;
	background:url(../image/topic.jpg) no-repeat center center #B1603c;
	background-size: cover;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.banner .banner-left img{ display:none; width:100%;}


/*follow*/
.follow {margin-top: 24px;}
.follow p{
	line-height: 24px;
	text-align: center;
	color:#fff;
}
.follow .arrow{padding-bottom: 27px;}
/*------------- container -------------*/
.container{
	color:#666;
}

/* section-word */
.section-word{
	padding:50px 0;
	
}
.section-word p{
	text-align: center;
	line-height: 24px;
	color:#666;
}

/* section-company-intro*/
.section-company-intro{
	padding-bottom:45px;
}
.section-company-intro .intro, .section-company-intro .features{
	float:left;
	width:100%;
}
.section-company-intro .intro{ padding-bottom:40px;}
.section-company-intro .intro p{ font-size: 20px;text-align: center;color:#f23d49;}
.section-company-intro .intro .item-left{
	float:left;
	width:250px;
}
.section-company-intro .intro .item-left .item-img{
	padding:30px 20px;
	border:solid 1px #e4e4e4;
	text-align:center;
}
.section-company-intro .intro .item-right{
	margin-left:300px;
	font-size:16px;
	line-height:30px;
	text-indent:32px;
	color:#666;
}

.section-company-intro .features ul li{
	float:left;
	width:25%;
	*width:24.9%;
	text-align:center;
}
.section-company-intro .features ul li img{ width:22%; margin-bottom:30px;}
.section-company-intro .features ul li .desc span{
	display:inline-block;
	width:100%;
	line-height:25px;
	font-size:15px;
	color:#666;
}
.section-company-intro .button-wrap{padding-top: 40px;text-align: center;}
.section-company-intro .button-wrap button{
	width:247px;
	height:49px;
	line-height: 49px;
	background-color:#f23d49;
	color:#fff;
	font-size: 16px;
	border:none;
	border-radius: 2px;
	cursor: pointer;
}
.section-company-intro .button-wrap button:hover{background-color: #e60012;}



/*footer*/
.footer{ 
	padding: 20px 0;
	line-height: 24px;
	text-align:center; 
	font-size:14px;
	color: #a9a9a9; 
	background-color:#434343;
}
.footer .inside{
	margin:0 auto;	
}
.footer img{
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}
.footer-logo{margin-right:20px;}
.footer-logo img{ width:153px;}
.footer-tel{ width:215px; margin-top:3px;}




@media all and (max-width:1200px){
	
/*commmon*/
.header .inside, .banner .inside{width: 100%;}

/*banner*/
.banner .player-btn{right:30px;}


/*header*/
.header{
	width:98%;
	padding-right:1%;
	padding-left:1%;
}

/*banner*/

/*container*/
.section{
	width:92%;
	padding-right:4%;
	padding-left:4%;
}
	
/*footer*/
.footer-tel{margin-right:0;}

	
}


@media all and (max-width:1050px){
	
.inside{width: 100%;}

	
	
}


@media all and (max-width:790px){


/*banner*/
.banner .banner-left{width:100%; margin-bottom:20px;}
.banner{background:none;height:auto;}
.banner .inside{height:auto; box-shadow:none;}
.mobile-banner{
	position:relative;
	display:block;
	width:100%;
	height:400px;
	background:url(../images/banner2.jpg) no-repeat 58% center;
	background-size:cover;
}
.banner .banner-left img{ display:block;}

.section-form{ 
	background-position:75% center;
}

.section-company-intro .intro .item-left{
	width:36%;
	margin:0 32%;
}
.section-company-intro .intro .item-left img{ width:100%;}
.section-company-intro .intro .item-right{
	float:left;
	width:100%;
	margin-left:0;
	padding-top:30px;
}
.section-company-intro .features ul li .desc span{ font-size:13px;}

.section-company-intro .button-wrap button:hover{ background-color:#f74c4c;}

/*footer*/
.footer-logo{margin-left:1%;}
.footer-tel{margin-right:1%;}	
	
}


@media all and (max-width:680px){
	
.logo-info{margin-left: 36%;width:47%;}

/*footer*/
.footer-logo{ display:inline-block; float:none; margin-left:0; margin-bottom:10px;}
.footer-tel{float:none; margin-right:0;}	


}


@media all and (max-width:610px){

/*header*/
.header{ height:auto;}
.header-tel{display:none;}
.logo{ margin-top:7px;}
.logo img{margin-left:5px; }
.logo-info{ line-height:45px; margin-top:0;}
.mobile-tel{
	display:block;
	float:right;
	margin:5px;
}	
.mobile-tel img{width:35px;}

/*banner*/
.mobile-banner{
	height:300px;
	background-position:35% center;
}




/*container*/

.section-form button{ 
	box-sizing:border-box;
	width:70%;
	margin:0 15%;
	line-height:45px;
	font-size:18px;
}
.section-form h5{ font-size:22px;}

.section-company-intro .intro .item-left{
	width:50%;
	margin:0 25%;
}
.section-company-intro .intro .item-left .item-img{ box-sizing:border-box; padding:20px;}
.section-company-intro .intro .item-right{
	font-size:13px;
}
.section-company-intro .features ul li{
	width:58%;
	padding-bottom:20px;
}
.section-company-intro .features ul li.item-odd{width:42%;}
.section-company-intro .features ul li img{ width:50px; }


.section-company-intro .features ul li img{ margin-bottom:15px;}





/*footer*/
.footer{padding:0;}
.mobile-footer{ display:block; width:100%;}
.footer .inside{width:100%; display:none; padding:0;}
.footer-logo{margin-right:0;}
.footer-logo img{
	width: 80%;
	padding: 0 10%;
}

.footer-tel{
	width: 44%;
	padding: 0 28%;
}


	
}

@media all and (max-width:380px){

/*header*/
.header{height:auto;}
.logo{ margin-top:10px;}	
.logo img{width:100px;}
.logo-info{ line-height:normal; font-size:13px; padding-top:15px;}

.section-form h5{ font-size:20px;}



	
}



@media all and (max-width:330px){

/*header*/
.logo{ margin-top:8px;}
.logo-info{margin-left: 36%;width:47%;}

/*banner*/

.mobile-banner{ height:220px;}



/*container*/
.section-form h5{ font-size:18px;}
.section2 .details .item-left{ line-height:22px; margin-bottom:10px;}

.section-company-intro{ padding:30px 4%;}
.section-company-intro .intro{ padding-bottom:30px;}
.section-company-intro .features ul li{
	padding-bottom:40px;
	width:100%;
}
.section-company-intro .features ul li.item-odd{width:100%;}
.section-company-intro .features ul li img{ margin-bottom:10px;}




}





/*------ 兼容性提??------*/
.cp-tips{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#960;
	background-color:#ffefc6;
}
.cp-tips-close{
	display:block;
	float:right;
	width:22px;
	height:22px;
	margin:9px;
	background:url(../image/close1.png) no-repeat;
	cursor:pointer;
}
.cp-tips a{
	color:#f75c61;
	text-decoration:underline;
}