@charset "utf-8";

/** 初始化css **/
*{ margin:0; padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font {font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;vertical-align:top; border:nonel}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:14px;}
ol, ul, li, dl, dt, dd {list-style:none;}
img{border: 0;}
input, button, textarea, checkbox, select, radio, form {vertical-align:top;}
a,ins{color:#444; text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover { color: #FD8FC9;}
html,body{ height: 100%; font-size: 14px; color: #444;}

.layout{ width: 1200px; margin: 0 auto; overflow: hidden;}
.fr{float:right}
.fl{float:left}

/* 顶部 */
.top{ width: 100%; height: 32px; background: #FAFAFA; font-size: 12px; line-height: 32px; color: #999;}
.top span>a{ color: #999;}
.top i{ font-style: normal; float: right;}
.top i>a{ color: #999; margin: 0 3px;}
.top i>a:hover{ color: #FD8FC9;}

/* 头部 */
.headerbg{ background: #FFFFFF;}
.header{ padding: 30px 0; overflow: hidden;}

/* logo */
.logo{ width: 270px; height: 46px; float: left; overflow: hidden;}
.logo img{ width: 270px;}

/* 搜索框 */
.search{ width: 418px; height: 60px; margin: 0 90px; overflow: hidden; float: left;}
.search .ssk{ width: 320px; height: 34px; line-height: 34px; border: 1px solid #D9D9D9; background: none; padding-right: 4px; font-size: 14px; color: #999; float: left; text-indent: 15px;}
.search .button{ width: 92px; height: 36px; font-size: 16px; background: #FD8FC9; color: #FFFFFF; text-align: center; border: 0;}
.search>div{ height:20px;}
.search>div a{ font-size: 12px; color: #999; margin-right: 12px; line-height: 24px !important;}
.search>div a:last-child{ margin-right:0;}
.search>div a:hover{ color:#FD8FC9;}

/* 热线电话 */
.phone{ width: 324px; overflow: hidden; float: right;}
.phone img{ width: 34px; height: 34px; margin: 5px 3px 5px 0; float: left;}
.phone span{ display: block; width: 34px; height: 34px; margin-top: 5px; font-size: 14px; line-height: 17px; color: #999; text-align: center; float: left;}
.phone p{ font-size: 36px; line-height: 44px; color: #FD8FC9; margin-left: 10px; float: left;}

/* 导航 */
.navbg{ width: 100%; height: 50px; background: #fffafd;}
.nav div{ width: 180px; height: 50px; background:linear-gradient(90deg,#FFA6D5,#FD8FC9); color: #FFFFFF; font-size: 16px; text-align: center; line-height: 50px; cursor: pointer; border-radius: 3px 3px 0 0; float: left; }
.nav li{ width: 120px; color: #5F6570; float: left;}
.nav li>a{ display: block; width: 120px; height: 50px; color: #5F6570; font-size: 16px; line-height: 50px; text-align: center;}
.nav li.cur>a{ color: #FD8FC9 !important;}
.nav li:hover>a{ color: #FD8FC9;}
.nav li span{ font-size: 12px; margin-left: 3px; font-weight: bold;}

.nav li>dl{ display: none; width: 120px; background: #fffafd; position: absolute; z-index: 999; box-shadow:0px 4px 8px 0px rgba(253,143,201,0.2); overflow: hidden;}
.nav li>dl dt{ font-size: 14px; line-height: 40px; color: #666; border-top: 1px solid #FFF; text-align: center;}
.nav li>dl dt a{ display: inline-block; line-height: 40px; color: #666;}
.nav li>dl dt a:hover{ color: #FD8FC9;}

.nav_btn{ width: 180px; height: 380px; background: #FFFFFF; border-top: 0; border-radius:0px 0px 2px 2px; overflow: hidden; position: absolute; left: 50%; margin-left: -600px; z-index: 999;}
.nav_btn li{ font-size: 14px; color: #666; line-height: 38px; text-align: left; cursor: pointer; text-indent:15px; letter-spacing: 0.5px; overflow: hidden;}
/*.nav_btn li:hover{ background:#FFF4FA; font-size:15px; text-indent:18px; color: #FD8FC9;}
.nav_btn li:hover a,.nav_btn li:hover span{color: #FD8FC9;}*/
.nav_btn li.cur{ background:#FFF4FA; color: #FD8FC9;}
.nav_btn li.cur a,.nav_btn li.cur span{ color: #FD8FC9;}
.nav_btn li>span{ font-size: 14px; float:right; margin-right:6px; color:#dedede;}


.nav_art{position: absolute; left: 50%; margin-left: -420px; z-index: 999;}
.nav_art li{ display: none; width: 570px; height: 350px; padding: 15px; background: #FFFFFF; border-radius: 2px; opacity: .85; overflow: hidden;}
.nav_art li>div{ margin-bottom: 15px; overflow: hidden;}

.pro_list{ overflow: hidden;}
.pro_list>p{ font-size: 14px; line-height: 24px; font-weight: bold; color: #333;}
.pro_list>a{ display: block; font-size: 12px; line-height: 21px; padding: 0 8px; margin: 8px 15px 8px 0; border: 1px solid #dedede; border-radius: 12px; color: #444; float: left;}
.pro_list>a:hover{  border: 1px solid #FD8FC9; color: #FD8FC9;}


/* 尾部 */
.footbg{ background: #3C4149; margin-top: 40px; overflow: hidden;}
.foot{ padding: 40px 0 25px;}
.foot_left{ width: 270px; height: 46px;}
.foot_left img{ width: 270px;}

.foot_right{ width: 880px; margin-left: 50px; color: #BDC2CA; overflow: hidden;}
.foot_right>dl{ max-width: 180px; margin-right: 53px; float: left;}
.foot_right>dl:last-child{ margin-right: 0;}
.foot_right>dl dt{ font-size: 18px; line-height: 20px; color: #fff; margin-bottom: 15px;}
.foot_right>dl dd{ font-size: 14px; line-height: 24px; margin-top: 5px;}
.foot_right>dl:first-child dd,.foot_right>dl:last-child dd{ font-size: 14px; line-height: 24px; margin-top: 5px;
	display: block;
	white-space: nowrap; 
	max-width: 180px; 
	overflow: hidden;
	text-overflow:ellipsis;}

.foot_right>dl a{ color: #BDC2CA;}
.foot_right>dl div{ overflow: hidden;}
.foot_right>dl span{ display: block; width: 38px; height: 78px; color: #fff; line-height: 19px; float: left;}
.foot_right>dl p{ width: 122px; float: left;}

.foot_right>dl:nth-child(2) dd{ font-size: 14px; line-height: 24px; margin-top: 4.3px;display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}

.foot_beian{ background: #2A2E35;}
.foot_beian div{ width: 1200px; margin: 0 auto; font-size: 16px; line-height: 30px; padding-top: 15px; color: #fff;}
.foot_beian div>a{ color: #BDC2CA; margin-right: 10px;}
.foot_beian p,.foot_beian p>a{ font-size: 14px; line-height: 48px; text-align: center; color: #555;}