@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle; max-width:100%;}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff;font-family: 'Microsoft YaHei';}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
.layout{max-width: 1220px; margin:0 auto;padding: 0 3%;}
.layout1{max-width: 1220px; margin:0 auto;padding: 0 3%;}
.col{color: #f30189;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
img{ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.icon{display: inline-block; background-position: center;background-repeat: no-repeat;background-size: 100%;}
@media(min-width: 1400px){
    html{font-size: 100px}
}
@media(max-width: 1400px) and (min-width: 1220px){
    html{font-size: calc(100vw / 1400 * 100);}
}
@media(max-width: 1200px) and (min-width: 769px){
    html{font-size: calc(100vw / 1200 * 100);}
}
@media(max-width: 768px){
	html{font-size: calc(768px / 1240 * 100);}
}
*{box-sizing: border-box;}
body{font-size: 14px;}
/*公共*/
.header{background: white;width: 100%;border-bottom: 1px solid #dddddd;z-index: 999;}
.header .list{display:none;cursor: pointer;}
.header .search{
	display: flex;
	align-items: center;
	background-color: #f0f0f0;border-radius: .15rem;overflow: hidden;padding-right: .15rem;}
.header .search .txt{
	background-color: #f0f0f0;
	width: 1.42rem;
	padding-left: 10px; 
	border: 0; 
	height: 35px;
	line-height: 35px;
}
.header .search .submit{
	width: 13px;
	height: 13px;
	cursor: pointer; 
	background: url(../images/search.png) center no-repeat; 
	border: 0;outline: none; 
	color:transparent;
	background-size: contain;
}
/*.header .search .submit{float: left; padding: 0 6px; height: 36px;cursor: pointer;  border: 0;outline: none; background: #1ab1a4;font-size: 12px;color: #1ab1a4; color: #fff;margin-left: 5px;border-radius: 2px;}*/
/* footer */
.footer{background:#373737; padding-top: 65px;}
.flogo{width:34.67%;margin-right:3.33%}
.f_l{width:100%}
.f_l dl dt{font-size:14px;color:#d00b7a;margin-bottom: 30px;font-family: 'pb'}
.f_l dl dd a{display:block;font-size: calc(12px - 0.12rem + 0.14rem);color:#b0b1b2;line-height:25px}
.f_l dl dd a:hover{color:#d00b7a}
.f_l dl.last{margin-right: 0px;}
.fewm{width:auto ;margin:0 60px;}
.fewm h3{font-size:20px;color:#fff;line-height:40px;text-align:center;margin-bottom:20px}
.fewm img{display:block;margin:0 auto}
.fewm p{font-size:14px;color:#999;line-height:34px;text-align:center}
.f_b{background: #323232;}
.copy{padding:20px 0;border-top:1px solid #313234;margin-top:80px;*zoom:1;}
.copy:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.copy p{font-size:15px;color:#f30189;line-height:30px}
.copy a{float: left; line-height:30px;font-size:15px;margin-left: 30px;}
@media screen and (max-width: 1215px){
.logo img{height: 20px;}
.padshowbox{position: fixed; background: #f8f8f8; padding-top: 80px; left: 0; bottom: 0; top: 0; box-sizing: border-box; overflow: auto;
transition: all .5s;-webkit-transition: all .5s;  -ms-transform:all .5s;-o-transform:all .5s;-moz-transform:all .5s;
right: 0;
transform: translate3d(0px,100%, 0px); 
-ms-transform: translate3d(0,100%,0);	/* IE 9 */
-moz-transform: translate3d(0,100%,0); 	/* Firefox */
-webkit-transform: translate3d(0,100%,0); /* Safari 和 Chrome */
-o-transform: translate3d(0,100%,0); 
text-align: center; z-index: 9999;} 
.menubox.show, .padshowbox.show{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);} 
.navbtn{z-index: 10000;margin-right: 3%; position: relative;  background-size: 25px auto; height: 80px; width: 25px; background-image: url("../images/nav-open.png") ; background-position: center; background-repeat:no-repeat; cursor: pointer; float: right;} 
.navbtn.show{background-image: url("../images/nav-close.png");} 
.nav{float: none;} 
.nav li{margin-right:0; float: none; text-align: center;} 
.nav2{display: block;}
.nav2_menu{display: none;}
.content{width: 100%;} 
.con_left{width: 100%;} 
.nav>li{border-bottom: 1px solid #b7b7b7}
.sign{width: 95%;margin: 0 2.5%;} .con_right{margin-top: 15px;width: 95%;margin-left: 2.5%;} 
.right_top{width: 50%;float: left;} 
.right_bot{width: 45%;float:right;margin-top: 0;margin-left: 0;} 
.right_bot h2{margin-bottom: 80px;} .recommend img{display: inline-block;width: 100%;/*height: 275px;*/} 

}




/* 动画效果 */
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.delay2{transition-delay: 0.2s;}
.delay4{transition-delay: 0.4s;}
.delay6{transition-delay: 0.6s;}
.delay8{transition-delay: 0.8s;}
.delay10{transition-delay: 1s;}

.r-f:nth-child(4n+1){transition-delay: 0s;}
.r-f:nth-child(4n+2){transition-delay: .2s;}
.r-f:nth-child(4n+3){transition-delay: .4s;}
.r-f:nth-child(4n+4){transition-delay: .6s;}

.r-f2:nth-child(4n+1){transition-delay: 0s;}
.r-f2:nth-child(4n+2){transition-delay: .05s;}
.r-f2:nth-child(4n+3){transition-delay: .1s;}
.r-f2:nth-child(4n+4){transition-delay: .15s;}

.r-t:nth-child(3n+1){transition-delay: 0s;}
.r-t:nth-child(3n+2){transition-delay: .2s;}
.r-t:nth-child(3n+3){transition-delay: .4s;}


/* footer */
.footer{background:#373737; padding-top: 65px;}
.flogo{width:34.67%;margin-right:3.33%}
.f_l{width:100%}
.f_l dl{width: 25%;}
.f_l dl dt{font-size:14px;color:#fff;margin-bottom: 30px;font-family: 'pb'}
.f_l dl dd a{display:block;font-size: calc(12px - 0.12rem + 0.14rem);color:#b0b1b2;line-height:25px}
.f_l dl dd a:hover{color:#0e70e2}
.f_l dl.last{margin-right: 0px;}
.fewm{width:auto ;margin:0 60px;}
.fewm h3{font-size:20px;color:#fff;line-height:40px;text-align:center;margin-bottom:20px}
.fewm img{display:block;margin:0 auto}
.fewm p{font-size:14px;color:#999;line-height:34px;text-align:center}
.f_b{background: #323232;}
.copy{padding:20px 0;border-top:1px solid #313234;margin-top:80px;*zoom:1;}
.copy:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.copy p{font-size:15px;color:#0e70e2;line-height:30px}
.copy a{float: left; line-height:30px;font-size:15px;margin-left: 30px;}

@media screen and (max-width: 1220px){
	.f_l dl{}
	.fewm{margin:0 50px;}
}
@media screen and (max-width: 1120px){
	.f_l dl{}
	.fewm{margin:0 40px;}
}
@media screen and (max-width: 1100px){
	.f_l dl{}
	.fewm{margin:0 2%;}
}
@media screen and (max-width: 1030px){
	.f_l dl{}
	.fewm{margin:0 1%;}
}
@media screen and (max-width: 1215px){
.padshowbox{position: fixed; background: #f8f8f8; padding-top: 80px; left: 0; bottom: 0; top: 0; box-sizing: border-box; overflow: auto;
transition: all .5s;-webkit-transition: all .5s;  -ms-transform:all .5s;-o-transform:all .5s;-moz-transform:all .5s;
right: 0;
transform: translate3d(0px,100%, 0px); 
-ms-transform: translate3d(0,100%,0);	/* IE 9 */
-moz-transform: translate3d(0,100%,0); 	/* Firefox */
-webkit-transform: translate3d(0,100%,0); /* Safari 和 Chrome */
-o-transform: translate3d(0,100%,0); 
text-align: center; z-index: 9999;} 
.menubox.show, .padshowbox.show{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);} 
.navbtn{z-index: 10000;margin-right: 3%; position: relative;  background-size: 25px auto; height: 80px; width: 25px; background-image: url("../images/nav-open.png") ; background-position: center; background-repeat:no-repeat; cursor: pointer; float: right;} 
.navbtn.show{background-image: url("../images/nav-close.png");} 
.nav{float: none;} 
.nav li{margin-right:0; float: none; text-align: center;} 
.nav2{display: block;}
.nav2_menu{display: none;}
.content{width: 100%;} 
.con_left{width: 100%;} 
.nav>li{border-bottom: 1px solid #b7b7b7}
.sign{width: 95%;margin: 0 2.5%;} .con_right{margin-top: 15px;width: 95%;margin-left: 2.5%;} 
.right_top{width: 50%;float: left;} 
.right_bot{width: 45%;float:right;margin-top: 0;margin-left: 0;} 
.right_bot h2{margin-bottom: 80px;} .recommend img{display: inline-block;width: 100%;/*height: 275px;*/} 

}
.copyright{
	background: #303030;
	margin-top: 30px;
}
.copyright .layout{
	position: relative;
	height: 40px;
	line-height: 40px;
}
.copyright h5{
	position: absolute;
	left: 0;
	bottom: 0;
	/*width: 100%;*/
	color: #eee;
	font-size: 14px;
}
.copyright ul{
	float: right;
	margin-top: 5px;
	position: relative;
	z-index: 2;
}
.copyright ul li{
	float: left;
	margin-left: 15px;
}
.copyright ul a{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #eee;
	font-size: 20px;
	margin: 0 5px;
}
.copyright ul li.li2 a{

}
.copyright ul li.li3 a{
	
}
.copyright ul li.li4 a{
}