@charset "UTF-8";
/*css reset*/
/*清除内外边距*/
body,h1,h2,h3,h4,h5,h6,p,hr,div,/*结构元素*/
ul,ol,li,dl,dt,dd, /*列表元素*/
form,fieldset,legend,input,button,select,textarea, /*表单元素*/
table,tr,th,td, /*表格元素*/
img,pre{padding: 0;margin: 0;}

/*重置默认样式*/
body,button,input,select,textarea {
/*font: 14px/1 微软雅黑, Tahoma, Helvetica, Arial, 宋体, sans-serif;*/
color: #444;
font: 14px/1 "Microsoft YaHei", Tahoma, Helvetica, Arial, SimSun, sans-serif;
}
h1,h2,h3,h4,h5,h6,b{font-size: 100%; font-weight:bold;}
em,i{font-style: normal;}
a{text-decoration: none;color:#454545;}
a:hover{color: #fe8db8;}
div{display: block;}
li{list-style-type: none;vertical-align: top;}
img{border: none;vertical-align: top;}
textarea {overflow: auto;resize: none;}
table{border-spacing: 0;border-collapse: collapse;} 

/* 文字样式 */
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/* 边距 */
.mt10{margin-top:10px;}
.mt15{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr2{margin-right:2px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

/*背景色*/
.pink{background-color: #fe8db8;}
.yellow{background-color: #ffc461;}
.blue{background-color: #8ad3f5;}
.green{background-color: #82db8a;}
.violet{background-color: #82abf1;}
.grey{background-color: #f6f6f6;}
.black{background-color: #363636;}

/*常用公共样式*/
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix {zoom: 1;}
  /*为了兼容IE*/
.layout{width: 1200px;margin-right: auto;margin-left: auto;}

/*表单元素样式*/
a,button,input{
 outline: none;
}

/* 通用头部 */
.header{position:relative; padding: 20px 0 10px 0}
.logo{width: 698px;height: 75px;margin-right: 40px;margin-top: 3px;}
.search{width: 330px;margin-top: 3px;}
.keyword{width:258px;height:34px;line-height:20px;margin-top:10px;border:1px solid #fe8db8;
	border-bottom-left-radius:5px;border-top-left-radius:5px;padding-left: 10px;}
.btn{width: 60px;height: 36px;border: 1px solid #fe8db8;margin-top:10px;background-color: #fe8db8;
     border-bottom-right-radius: 5px;border-top-right-radius: 5px;padding-left:16px; }
.weixin{width: 90px;text-align: center;font-size: 12px;color: #999;}

/* 导航菜单 */
.nav{height:60px;border-top: 1px solid #eee;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02);}
.nav .layout{position:relative;}
.nav>div>ul{display:block;position:relative;z-index:1;}
.nav>div>ul>li{float:left;line-height:60px;text-align:center;position: relative;}
.nav>div>ul>li+li{margin-left: 52.8px;}
.nav>div>ul>li>a{position:relative;display:block;font-size:16px;}
.nav>div>ul>li>a:before,.nav>div>ul>li>a:after{display:block;content:"";position:absolute;z-index:2;transition:.3s;}
.nav>div>ul>li>a:before{top: -1px;left:50%;width:0;height:4px;background-color:#fe8db8;}
.nav>div>ul>li>a:after{border: 8px solid transparent;border-bottom-color:#fe8db8;bottom: 0;left: 50%;margin-left: -8px;
	opacity:0;filter:alpha(opacity=0);}
.nav>div>ul>li.cur>a:before{width:100%;left:0;}
.nav>div>ul>li.cur>a,.nav>div>ul>li:hover>a{color: #fe8db8;}
.nav>div>ul>li:hover .subnav{animation:popFadeIn .5s; display:block;}
.nav .subnav{position:absolute;width: 140px;left: 50%;margin-left: -65px;right:0;top:60px;z-index:3;
	display:none;overflow:hidden;background-color:#fff;border-top: 3px solid #fe8db8;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);}
.nav>div>ul>li:last-child .subnav{width: 140px;margin-left: -70px;}
.nav .dropMenu{overflow:hidden;border-bottom:1px solid #ddd;}
.nav .dropMenu li{text-align:center;line-height: 22px;padding: 10px 0;}
.nav .dropMenu li a{font-size:15px;display: block;padding:0 10px;}
/* 短距离位移动画 */
@keyframes popFadeIn{
	from{
    opacity: 0;
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
	to{
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}



/* 通用底部 */
.footer{height: 330px; background-color: #363636;}
.footer-con{padding: 60px 0;color: #ccc;border-bottom: 1px solid #666;height: 110px;}
.footer-con-left{width: 440px;border-right: 1px solid #666;line-height: 28px;}
.footer-con-center{width: 430px;border-right: 1px solid #666;}
.footer-con-center h2{font-size: 24px;font-weight: bold;display: block;margin-bottom: 14px;margin-top: 4px;}
.footer-con-center span{display: block;margin-left: 122px;}
.footer-con-right{width: 300px; }
.footer-con-right-ewm{width: 90px; margin-left: 60px;}
.footer-con-right-ewm span{display: block;margin-top: 8px;text-align: center;}
.footer-links{line-height: 70px;height: 70px;}
.footer-links-fl{width: 500px;float: left;}
.footer-links-fl a{margin-right: 20px; display: inline-block;color: #ccc;}
.footer-links-fr{width: 300px;float: right;}
.footer-links-fr a{margin-left: 20px;display: inline-block;color: #ccc;float: right;}