@charset "UTF-8";
/* CSS Document */
/*********字体设置******************/
@font-face {
font-weight: normal;
font-style: normal;
font-family:Myfirstfont;
	font-weight:lighter;
	font-style: normal;
src: url('../font/_-webfont.eot') format('embedded-opentype'),
        url('../font/_-webfont.woff2') format('woff2'),
        url('../font/_-webfont.woff') format('woff'),
        url('../font/_-webfont.ttf') format('truetype'),
        url('../font/_-webfont.svg#fzshangkus-r-gbregular') format('svg');
src:url(../font/方正尚酷简体.ttf)
}
/*********CSS重置***********/
*{font-family:arial,"微软雅黑";font-size:16px;}
body{margin:0; overflow-x:hidden;}
img{display:block;}
a{text-decoration:none;list-style:none; color:white}
ul,li,dl,dt{list-style:none;padding:0;margin:0;}
h1,h2,p,h3,h4,h5,h6{margin:0;}
input{margin:0;padding:0;outline:none;border:none;}
.clearfix{clear:both;}


/************1.页眉*****************/
.top{background-color:#10191b;width:100%;height:80px;transition:top .5s;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.42)}
.move03{position:fixed;left:0;top:0}
.move04{top:-80px;z-index:9999}
.move05{top:0;z-index:9999;}

.header{width:70%;margin:0 auto;}
.logo{float:left; margin-top:20px;width:190px;}
.header dl{float:right; margin-top:28px;}
.btnB{color:white; float:left; border:1px solid #de1422; border-radius:6px;margin-left:20px;background:#de1422;width:80px; text-align:center}
.btnB a{font-size:0.75em;line-height:25px;}
.btnB:hover{
	background-color: #0F60BA;
	border: 1px dashed #0F63BA;
}
@media(max-width:580px){*{font-size:12px;} .header{width:95%;margin:0 auto;}.btnB{ margin-left:10px;width:60px;padding-left:5px; padding-right:5px;}.header dl{margin-top:28px;} .logo{width:130px; margin-top:28px}.btnB:hover{background:#de1422; border:1px solid rgba(0,0,0,0)}}
		
/***********2.banner*****************/
.banner_box{background-image:url(../picture2/banner.png);background-size:cover;background-repeat:no-repeat;}

.content{width:80%; margin:0 auto;padding-top:150px;padding-bottom:200px;}
.content h1{font-family:Myfirstfont;font-size:3em;padding-bottom:1%;color:#11252b; letter-spacing:2px;font-weight:lighter;}
.content_intro{width:438px;font-family:"微软雅黑";font-size:1.25em;line-height:1.5em;margin-top:3.125em;margin-bottom:4em;}

/*******自适应**********/
/*手机端*/
@media(max-width:580px){
		.content{width:100%;margin:0 auto;padding-top:20%;padding-bottom:20%;}
		.content h1{padding-bottom:5%;font-size:1.9em;text-align:center;}
		.content_intro{margin: 0 auto;text-align:center;width:100%;padding-bottom:10%;}
	}


/*******************3.产品,文案*******************************/
#product_box{width:100%;}
/*产品1*/
#product_box .productleft{width:80%;margin:0 auto;padding-top:5%;border-bottom:1px dotted #bfbfbf;padding-bottom:3%;}
#product_box .img_leftbox{width: 50%;float: left;
-ms-transform:translate(100px,0); /* IE 9 */
-moz-transform:translate(100px,0); /* Firefox */
-webkit-transform:translate(100px,0); /* Safari 和 Chrome */
-o-transform:translate(100px,0); /* Opera */ }
#product_box .img_leftbox>img{
	width: 60%
}
#product_box .img_leftbox>img:hover{
-ms-transform:scale(1.4,1.4); /* IE 9 */
-moz-transform:scale(1.4,1.4); /* Firefox */
-webkit-transform:scale(1.4,1.4); /* Safari 和 Chrome */
-o-transform:scale(1.4,1.4); /* Opera */
}
#product_box .word_lfbox{width:50%;float:left;}
#product_box .word_lfbox>h2 a{font-size:1.5em;line-height:2em;font-family:"微软雅黑";font-weight:normal;color:#e60c38;}
#product_box .word_lfbox>h2 a:hover{text-shadow:3px 3px 3px #e60c38}
#product_box .word_lfbox>div a{
	font-size: 0.875em;
	line-height: 2em;
	font-family: "微软雅黑";
	margin-top: 2%;
	width: 80%;
	color: #666;
	display: block;
}
#product_box .word_lfbox>div a:hover{text-shadow:2px 2px 3px #666}


@media(max-width:1280px){#product_box .img_leftbox img{margin-top:5%} #product_box .word_lfbox>div{width:100%}}
/*手机端*/
@media(max-width:580px){
		/*左浮图片*/
		#product_box .productleft{width:90%;margin:0 auto;padding-bottom:8%}

		#product_box .img_leftbox{float:none;margin:0 auto;width:80%; position:relative; left: -100px;}
		#product_box .img_leftbox img{margin:0 auto;}
		#product_box .word_lfbox{float:none;margin:0 auto;width:100%;}
		#product_box .word_lfbox h2 a{text-align:center;}
		#product_box .word_lfbox div a{width:100%;margin:0 auto;}

	}


/********************4.合作媒体资源****************************************/
.join_box{width:100%;background:url(../picture2/join_bg.png);}
.join_box .join_content{width:80%;margin:0 auto;} 

.join_content h3{
	font-size: 24px;
	line-height: 3em;
	font-family: "微软雅黑";
	font-weight: normal;
	color: #FFF;
	text-align: center;
	letter-spacing: 5px;
}
.join_content h3 em {
	font-size: 24px;
	font-weight: bolder;
}
.join_content h3 strong {
	font-size: 24px;
}
.join_content h3 a {
	font-size: 24px;
}
.join_content h3 a:hover {
	color: #F00;
}
/*手机端*/
@media(max-width:580px){

	.join_content{width:90%;}
	}

/**********************5.联系我们***********************************************/
.contact_box{width:100%;background:#10191b;;color:white;}
.contact{width:70%;margin:0 auto;padding-top:4%;padding-bottom:4%;}
.contact_content1{width:50%;float:left;}
.contact_content1 p{font-size:0.875em;line-height:1.625em;}
.contact h5{font-weight:normal;font-size:1.125em;line-height:2.5em;margin-bottom:10px;border-bottom:1px solid #fff;width:70%;}
.erweima{width:40%;float:right;margin-left:10%;}
.erweima .erweima_contact li{float:left;margin-right:20px; text-align:center; font-size:0.785em;width:80px;}
.erweima .erweima_contact li img{display:block;width:70px; margin:0 auto; margin-top:5px; margin-bottom:5px;}
.erweima .erweima_contact .weibo{margin-top:2%;}
.contact_content2{display:none;}

@media(max-width:580px){
	.contact_content1{display:none;}
	.contact_content2{display:block;}
	.contact{width:90%;margin:0 auto;}
	.contact_content2{width:100%;float:none;}
	.contact h5{text-align:center;width:40%;margin:0 auto;margin-bottom:3%;border-bottom:1px solid #f69e00;}
	.contact_content2 p{text-align:center;}
	.erweima{width:90%;margin:0 auto;padding-top:4%;float:none;}
	.erweima .erweima_contact {margin:0 auto;width:140px;}
	.erweima .erweima_contact li{ margin-right:0;width:60px}
	.erweima .erweima_contact li img{margin:0 auto;width:60px; margin-bottom:3px;margin-top:3px;}
	.erweima .erweima_contact .weixin{margin-right:20px}
	}


/***********************6.底部*******************************************************/
.footer_box{background:#10191b;border-top:1px solid #000;}
.footer{width:80%;margin:0 auto;padding-top:2%;padding-bottom:2%;}
.footer .copyright{text-align:center;color:#959292;font-size:0.75em;}
.footer .copyright a {
	font-weight: bolder;
	color: #959292;
	text-align: center;
	font-size: 0.75em;
}
@media(max-width:580px){.footer .copyright a {
	font-weight: bolder;
	color: #959292;
	text-align: center;
	font-size: 0.75em;
}}

#img01{-webkit-transform:translate(0,0);-webkit-transition:-webkit-transform 1.5s;}
#img01.move01{-webkit-transform:translate(100px,0);}

#img02{-webkit-transform:translate(100px,0);-webkit-transition:-webkit-transform 1.5s;margin-right:-100px;}
#img02.move02{-webkit-transform:translate(0,0);}

#img03{-webkit-transform:translate(0,0);-webkit-transition:-webkit-transform 1.5s;}
#img03.move01{-webkit-transform:translate(100px,0);}

#img04{-webkit-transform:translate(100px,0);-webkit-transition:-webkit-transform 1.5s;margin-right:-100px;}
#img04.move02{-webkit-transform:translate(0,0);}

#img05{-webkit-transform:translate(0,0);-webkit-transition:-webkit-transform 1.5s;}
#img05.move01{-webkit-transform:translate(100px,0);}

#img06{-webkit-transform:translate(100px,0);-webkit-transition:-webkit-transform 1.5s;margin-right:-100px;}
#img06.move02{-webkit-transform:translate(0,0);}