/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, button, input, textarea, th, td {

	margin: 0;padding: 0;}



html {overflow-y: scroll;overflow-x: hidden;}

html, body {height: 100%;font-size: 16px;color: #333333;font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; text-align: justify;}

a {color: #333333;text-decoration: none;}

a:hover {color: #ff6699;text-decoration: none;}

img {border: 0 none; max-width: 100%;}

ol, ul, li {list-style: none;}

div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}

input[type="submit"], input[type="reset"] {cursor: pointer;}

.clear {clear: both;}

.fl {float: left;}

.fr {float: right;}

.ov {overflow: hidden;}

.box{margin: 0 auto; min-width: 1200px;}



@media screen and (min-width:1660px){

	.box{width: 1620px;}

}



@media screen and (min-width:1440px) and (max-width: 1660px){

	.box{width: 1380px;}

}



@media screen and (min-width:1200px) and (max-width: 1440px){

	.box{width: 1180px;}

}

.box1200{width:1200px; margin:0px auto;}

@font-face {

  font-family: "SourceHanSerifCN-Medium";

  src: url("../font/SourceHanSerifCN-Medium.woff2") format("woff2"),

       url("../font/SourceHanSerifCN-Medium.woff") format("woff"),

       url("../font/SourceHanSerifCN-Medium.ttf") format("truetype"),

       url("../font/SourceHanSerifCN-Medium.eot") format("embedded-opentype"),

       url("../font/SourceHanSerifCN-Medium.svg") format("svg");

}








h1,h2,h3,h4,b{font-weight: normal;}

i{background: #ff6699; height: 2px; display: inline-table; margin:0px auto;}

/*头部*/

.header{position: fixed; width: 100%; background: #ffffff; z-index: 99; top:0px; left: 0px;}

.logo{padding: 12px 0px; height: 76px;}

.logo .img{float: left; padding-top: 13px;}

.logo .img img{max-width: 300px;}

.head_contact{float: right; line-height: 38px;}

.head_contact h3{font-size: 24px; padding-left: 38px;}

.head_contact .phone{background: url(../image/index_03.png) center left no-repeat;}

.head_contact .email{background: url(../image/index_12.png) center left no-repeat;}



.head_menu{float: right; width: 50px; background: url(../image/index_09.png) center center no-repeat; height: 76px; margin-left: 70px; cursor: pointer;}







.head_nav {background: rgba(255,255,255,0.8); position: absolute; right: 0px; top:88px; z-index: 9; width: 250px; padding:80px 150px 0px; height: 790px; display: none;}

.head_nav i{width: 30px; background: none; height: 2px; display: inline-table; margin-left: 25px; display: none;}

.head_nav ul li {line-height: 50px;margin-bottom: 24px;}

.head_nav ul li>a {display: block;font-size: 18px; color: #000;}

.head_nav ul li:hover>a{color: #ff6699;}

/*.head_nav ul li.nhover{background: url(../images/index_22.png) center right no-repeat;}*/

.subnav {width: 100px;position: absolute;left: 295px;top: 87px; display: none;}

.subnav a {width: 100%;display: block; display: block; line-height: 30px;}

.subnav a:hover{color: #ff6699;}

.head_nav ul li:hover .subnav{display: block;}

.head_nav .close{width: 19px; height: 20px; background: url(../image/index_18.jpg) center center no-repeat; position: absolute; right: 34px; top:0px;}









/******底部****/

.footlink{line-height: 42px; padding: 20px 0px 10px; width: 1000px; margin: 0px auto;}

.footlink span{ font-size: 18px; display: inline-table;}

.footlink a{margin:0px 10px; color: #999999; font-size: 16px; display: inline-table;}

.footlink a:hover{color: #ff6699;}





.footer{}

.footer a{display: inline-table;}

.footer a:hover{color: #ff6699;}

.foot_nav{line-height: 2; text-align:center; position: relative;}

.foot_nav i{background: none; display: inline-table;}

.foot_nav>a{padding: 0px 15px; display: inline-table;}
.foot_nav>span{padding: 0px 15px; display: inline-table; cursor: pointer;}
.foot_nav .erji{position: absolute;width: 100%; left: 0px; top:32px; background: #fff; display: none;}
.foot_nav .erji a{font-size: 14px; padding: 0px 10px; line-height: 2;text-align:center;}
.foot_nav>span:hover .erji{display: block;}
.foot_nav>span:hover{color:#ff6699; }


.footop{padding:30px 0px; font-size: 16px; width: 1000px; margin: 0px auto;}
.footop li{float: left; text-align:center; line-height: 2;}
.footop li.left{width: 25%; padding-top: 50px;}
.footop li.left a{display: inline-table; padding-left: 34px; line-height: 2.4;}
.footop li.center{width: 30%; padding-top: 35px;}
.footop li .footsubnav p{margin: 16px 0px;}
.footop li.right{width: 45%; padding-top: 20px;}
.footop li.right img{max-width: 166px;}
.footop li.right span{width: 50%; float: left; text-align: center;}

.online_contact {text-align:center; }
.online_contact a{display: inline-table; width: 140px; height: 36px; line-height: 36px; border-radius: 5px; background: #ff6699; color: #fff;}
.online_contact a:hover{background: #ff6699; color: #fff;}

.footbot{line-height: 60px; border-top: 1px #ffffff solid; text-align: center;}