/*æ¸…é™¤é»˜è®¤æ ·å¼*/

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;font-weight: normal;}

fieldset,img{border:0;}

img{vertical-align:middle;}

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

table{border-collapse:collapse;border-spacing:0;}

button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;}

body{color:#666;font-size:13px;line-height:24px;font-family:"å®‹ä½“","Source Han Sans CN","å®‹ä½“", Arial, Helvetica, sans-serif; }

a{color:#3a3a3a;text-decoration:none;outline:none;}

a:hover {text-decoration: none;}
hr {
	border-top:1px solid #ccc;
}





/*html5 åˆå§‹åŒ–æ–°æ ‡ç­¾çš„CSS*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

/*æ¸…é™¤æµ®åŠ¨*/

.clearfix:after {clear: both; content: ""; display:block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1;}



/* CSSæ´»åŠ¨çš„å…¬å…±æ ·å¼ */

.fl{float:left;}

.fr{float:right;}

.ce{text-align:center;}

.hide{overflow:hidden;}

.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.center{text-align:center;}

.normal{font-weight:normal;}

.box{box-sizing: border-box;}



.wrap{width:100%;overflow:hidden;}

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





/*å¤´éƒ¨*/

header {

    width: 100%;

    background: rgba(255, 255, 255, 1);  

    transition: all 1s;

}



header .top-title {

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #ebebeb;

	color: #969292;

}

header .top-title .title-left {

    float:left;

    min-width: 5%;

}

header .top-title .title-right {

    float: right;

    min-width: 5%;

}

header .top-title .title-right li {

    float:left;

}

header .top-title .title-right .txt {

	padding: 0 10px;

}

header .top-title .title-right .txt a {

	color: #969292;

	padding-right:10px;

}

header .top-title .title-right .txt a:hover {

	color: #182D57;

}

header .top-title .title-right .call {

	margin-left:20px;

	color: #969292;

}



header .top-title .title-right .call span {

	color: #182D57;

	font-size: 16px;

	font-weight: bold;

}



header .head {

    box-sizing: border-box;

    overflow:hidden;

	padding:10px 0;

}

header .head .logo {

    float:left;

    width:200px;

}

header .head .logo img {

    width:200px;

}

header .head nav {

    float: left;

    width: 835px;

    margin-left: 20px;

    height:68px;

	padding: 20px 0;

    box-sizing: border-box;

    text-align: center;

}

header nav>ul {}

header nav>ul>li {

    float:left;

    padding:0 8px;

}

header nav>ul>li>a {

    display:block;

    padding:0 20px;

    font-size: 15px;

    color:#3a3a3a;
	
    transition: all 0.2s;

}

header nav>ul>li:hover>a {
	color: #182D57;
}



header nav ul li .sub-menu {

    position: absolute;

    width: 100%;

    height: 0px;

    background: rgba(246, 246, 246, 0.9);  

    z-index: 999;

    left: 0;

	top:131px;

    overflow: hidden;

    transition: all 0.3s;

}

header nav ul li .sub-menu .series {

    float:left;

	width:230px;

    padding:28px 0;

    text-align: left;

}



/*å…³äºŽæˆ‘ä»¬ä¸‹æ‹‰èœå•*/

header nav ul li:hover .about-menu {

	height:85px !important;

}

header nav ul li .about-menu .series {

	width: 150px;

    padding: 28px 0;

}

header nav ul li .about-menu .series{

	-webkit-filter: grayscale(1);

    filter: gray;

    filter: grayscale(1);

}

header nav ul li .about-menu .series:hover{

	-webkit-filter: grayscale(0);

    filter: gray;

    filter: grayscale(0);

}

header nav ul li .about-menu .series img {

	display:block;

	float:left;

	width:30px;

}

header nav ul li .about-menu .series p {

	display:inline-block;

	min-width:30px;

	font-size: 13px;

    color: #182D57;

	padding-left: 10px;

}



/*äº§å“ç³»åˆ—ä¸‹æ‹‰èœå•*/

header nav ul li:hover .product-menu {

	height:360px !important;

}



header nav ul li .product-menu .inner .series {

	width:200px;

}

header nav ul li .about .inner .series {

	width:200px;

}

header nav ul li .sub-menu .series span,header nav ul li .sub-menu .series span a{

     display:block;

     height:40px;

     line-height: 40px;

     color:#182D57;

     font-size: 16px;

}

header nav ul li .sub-menu .series a {

     display:block;

     height:32px;

     line-height: 32px

	 color:#7d7b7d;

     font-size: 14px;

}



/*æ–°é—»èµ„è®¯ä¸‹æ‹‰èœå•*/

header nav ul li:hover .new-menu {

	height:85px !important;

}

header nav ul li .new-menu  .inner {

	padding-left:360px;

	box-sizing:border-box;

}

header nav ul li .new-menu .series {

	width: 160px;

    padding: 28px 0;

}

header nav ul li .new-menu .series{

	-webkit-filter: grayscale(1);

    filter: gray;

    filter: grayscale(1);

}

header nav ul li .new-menu .series:hover{

	-webkit-filter: grayscale(0);

    filter: gray;

    filter: grayscale(0);

}

header nav ul li .new-menu .series img {

	display:block;

	float:left;

	width:30px;

}

header nav ul li .new-menu .series p {

	display:inline-block;

	min-width:30px;

	font-size: 13px;

    color: #182D57;

	padding-left: 10px;

}







/*æœåŠ¡æŠ€æœ¯ä¸‹æ‹‰èœå•*/

header nav ul li:hover .service-menu {

	height:85px !important;

}

header nav ul li .service-menu  .inner {

	padding-left:200px;

	box-sizing:border-box;

}

header nav ul li .service-menu .series {

	width: 160px;

    padding: 28px 0;

}

header nav ul li .service-menu .series{

	-webkit-filter: grayscale(1);

    filter: gray;

    filter: grayscale(1);

}

header nav ul li .service-menu .series:hover{

	-webkit-filter: grayscale(0);

    filter: gray;

    filter: grayscale(0);

}

header nav ul li .service-menu .series img {

	display:block;

	float:left;

	width:30px;

}

header nav ul li .service-menu .series p {

	display:inline-block;

	min-width:30px;

	font-size: 13px;

    color: #182D57;

	padding-left: 10px;

}



/*æœç´¢æ¡†*/

header .search {

    float:left;

    width:145px;

    padding-top: 14px;

}

header .search form {

	}

header .search .test {

    float: left;

    width: 95px;

    height: 36px;

    line-height: 36px;

    color: #adadad;

	background: #f9f9f9;

    border: 0;

    padding: 0 5px;

    font-size: 12px;

}

header .search .button {

    width: 40px;

    height: 36px;

	cursor: pointer;

    background: url(../images/search-icon.png) #f2f2f2 no-repeat center center;

}





/*å°¾éƒ¨*/

footer {

    background:#f6f6f6;

}

.footer {

    padding:50px 0 50px 0;

}

.footer .menu {

    float:left;

    width:700px;

}

.footer .menu .nav {

    float:left;

    width:140px;

}

.footer .menu .nav h3 {}

.footer .menu .nav h3 a  {

    font-size: 15px;

    color:#3a3a3a;

}

.footer .menu .nav ul {

    padding-top: 22px;

}

.footer .menu .nav ul li {

    padding-bottom: 2px;

}

.footer .menu .nav ul li a {

    font-size: 13px;

    color:#8d898c;

}

.footer .menu .nav ul li a:hover {

    color:#544f53;

}

.footer .tel {

    float:left;

    width:300px;

}

.footer .tel img {

    width:255px;

}

.footer .tel p {

    font-size: 14px;

    color:#bdbcbc;

    padding:20px 0 24px 0;

}

.footer .tel p a {

	display:inline-block;

	width:30px;

	padding:0 18px;

}

.footer .tel p a  img{

	width:32px;

}

.footer .tel span {

    font-size: 38px;

    color:#182D57;

}



.footer .weixin {

    float:left;

    width:200px;

    text-align: center;

}

.footer .weixin img {

    padding-top: 37px;

    width:125px;

}

.footer .weixin p {

    font-size: 14px;

    color:#bdbcbc;

    padding-top: 5px;

}

.footer-line {

    width:100%;

    height:1px;

    background:#e6e3e3;

}

.copy {

    padding:10px 0;

}

.copy span {

    color:#777070;

    padding: 0 30px 0 0;

}

.copy span a {

    color:#777070;

    padding:0 20px;

}

.copy a {
	color:#ccc;
}


/*å³ä¾§æµ®çª—*/
.fix-chose{
	right: -70px !important;
}

.left-fixed {

    position:fixed;

    top: 30px;

    right: 0;

    width: 70px;

    z-index: 999;
	
	transition: all 1s;

}

.left-fixed .icon {

    background: rgba(255,255,255,.8);

    padding:2px;

    margin-bottom: 1px;

    cursor: pointer;

    text-align: center;

    position:relative;

}

.left-fixed .icon i {

    display:inline-block;

    width:70px;

    height:42px;

    line-height: 42px;

}

.left-fixed .icon i img {

    width:35px;

}
.left-fixed #chose i img {

    width:18px;

}
.left-fixed .icon span {

    font-size: 12px;

    color:#3a3a3a;

}

.left-fixed .icon:hover {

     background: rgba(255,255,255,1);

}

.left-fixed .icon .weixin {

    display:none;

    position:absolute;

    top:-32px;

    left:-108px;

    width:100px;

    height:100px;

}

.left-fixed .icon:hover .weixin {

    display:block;

}

.left-fixed .icon .weixin img {

    width:100%;

	box-shadow: 0 0 2px #ccc;

}



.left-fixed .icon  .call {

	position: absolute;

    top: 0;

    right: 71px;

    width: 0px;

    height: 70px;

    background: #222222;

	padding:22px 0;

	box-sizing:border-box;

	overflow:hidden;

	transition: all 0.5s;

}

.left-fixed .icon:hover  .call {

	width: 200px;

}

.left-fixed .icon  .call .no {

	font-size: 24px;

    color: #fff;

}

/*å‹æƒ…é“¾æŽ¥*/
.family-links {
	display:inline-block;
    width: 121px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-top: 3px;
}

.family-links .hover-div {
    display: none;
    position: absolute;
    right: -30px;
    bottom: 30px;
    width: 180px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-top: none;
    padding-bottom: 8px;
    z-index: 200;
}
.family-links:hover .hover-div {
	*display:block;
	}
.family-links .tit {
    height: 33px;
    line-height: 33px;
    color: #333;
    text-indent: 20px;
    text-align: left;
    background-color: #f2f2f2;
    position: relative;
}
.family-links .item {
    float: left;
    width: 49%;
    height: 30px;
    line-height: 30px;
}
.family-links .dis {
	height:0px;
}
.family-links .dis a {
	color:#fff;
} 
