html,body{font-size: 14px; font-family: Arial, 微软雅黑, Verdana, Helvetica, sans-serif; color: #333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,form,input, button, textarea, p, section, th, td, table {margin: 0; padding: 0;}
ol, ul, li {list-style: none}
a,img {border:none; outline: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}

.el{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.el_mul2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.el_mul3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.header,.mian,.footer{width: 100%;}

.header {position: fixed;width: 100%;height: 70px;top: 0px;z-index: 9;background-color: #fff;box-shadow: 0px 3px 6px rgba(0,0,0,.2);
	-o-box-shadow: 0px 3px 6px rgba(0,0,0,.2);-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.2);-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
}
.header .logo{float: left;}
.header .layout-menu{float: right; margin-right: 24px;}
.header .layout-menu .menu{height: 100%;}
.header .layout-menu .menu>li{height: 70px; line-height: 70px; float: left; margin-left:40px; font-size: 1.12rem;position: relative;}
.header .layout-menu .menu>li>a{text-decoration: none; color: #333;}

/*动态下划线*/
.header .layout-menu .menu>li:after {
	content: "";left: 0px;bottom: -1px;width: 0%;height: 4px;position: absolute;background-color: #f81010;transition: all .3s;-webkit-transition: all .3s;
}
.header .layout-menu .menu>li.active:after, .header .layout-menu .menu>li:hover:after {width: 100%;}


/*右侧箭头*/
.header .layout-menu .menu .arrow{
	    position:relative;display: inline-block;   top:-3px;left: 3px;width: 8px; height: 8px; border-left: 1px solid; border-bottom: 1px solid;  
        transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); transition: all .3s;-webkit-transition: all .3s;
}
.header .layout-menu .menu>li:hover .arrow,.header .layout-menu .menu>li.active .arrow{
	    top:3px;transform: rotate(225deg);  -webkit-transform: rotate(135deg);
}
.header .serch{float: right;width: 30px;height: 30px;cursor: pointer;background: url(../images/icon-serch.png) no-repeat;}
.header .logo,.header .serch{margin-top: 18px;}

.serch:hover .inputbox{display: block;}
.serch .inputbox{height:40px; border-radius: 3px; position: absolute;z-index: 10;margin-left: -240px; margin-top: -5px; border: 1px solid #ccc; 
		padding-right: 50px; background: url(../images/icon-serch.png) no-repeat;display: none;
		transition: all .3s; -webkit-transition: all .3s;
}
.serch .inputbox>input{border: 0px; height: 36px; line-height: 30px; padding: 0px 5px; width: 220px; margin: 2px; outline: none;  font-size: 16px;font-family: "微软雅黑";}


/*下拉菜单*/
.header .layout-menu .menu>li>.sub-box{display: none; position:absolute;min-width: 200px;overflow: hidden;background-color: #eef6fe; border-bottom: 4px solid #12428c;}
/*.header .layout-menu .menu>li>.sub-box a{text-decoration: none; color: #666;}*/
.Product>.sub-box a,.About>.sub-box a,.Join>.sub-box a,.News>.sub-box a{color: #666; text-decoration: none;}
.Product>.sub-box a:hover,.About>.sub-box a:hover,.Join>.sub-box a:hover,.News>.sub-box a:hover{color: red; text-decoration:underline;}

.Product>.sub-box{width: 1250px; height:auto;margin-left: -810px;}
.Product>.sub-box>ul{display: table;}
.Product>.sub-box>ul>li{float: left; margin: 0px 20px; width: 240px;}
.Product>.sub-box h4{line-height: 24px; font-weight: bold;}
.Product>.sub-box h4>a:hover{color:red;text-decoration: none;}
.Product>.sub-box .itemLst{ margin-top: 25px;}
.Product>.sub-box .itemLst p{line-height: 21px; margin: 18px 0px;}
.Product>.sub-box .itemLst a:hover{color: red; text-decoration:underline;}

.News>.sub-box{width: 180px; height: 180px;margin-left: -70px;}
.About>.sub-box{width: 220px; height: 225px;margin-left: -70px;}
.Join>.sub-box{width: 220px; height: 120px;margin-left: -70px;}

.Product>.sub-box>ul{margin: 40px 55px;}
.About>.sub-box>ul,.Join>.sub-box>ul,.News>.sub-box>ul{margin-top: 20px;}
.About>.sub-box>ul>li,.Join>.sub-box>ul>li,.News>.sub-box>ul>li{text-align: center;line-height: 34px;}


/*
 * css3实现下拉菜单
.header .layout-menu .menu>li .sub-box{
	position:absolute;
	width: 1200px;
	height: 0px;
	overflow: hidden;
	margin-left: -810px;
	background-color: #eef6fe;
	
	transform: translateX(0%);
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
}
.header .layout-menu .menu>li:hover .sub-box {
	transition: all .6s;
	-webkit-transition: all .6s;
	transition-timing-function: cubic-bezier(.22,.61,.36,1);
	-webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.header .layout-menu .menu>.Product:hover .sub-box {
	height: 558px;
}
.header .layout-menu .menu>.About:hover .sub-box {
	height: 558px;
}
.header .layout-menu .menu>.join:hover .sub-box {
	height: 558px;
}
*/


/*
.header .layout-menu .menu>li>a>.arrow{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
*/



.main{margin-top: 70px; height: auto; background-color: #fff;}
.main-bg{height:auto;background-color: #ebf1fb; padding-bottom: 40px;}
.main .nav{ height: 50px; line-height: 50px; font-size: 1.2rem; color: #666; padding-left: 50px;}
.main .content-box{ background: #fff; padding: 50px;}

.footer{ border-top:9px solid #292b3b; background-color: #dce8f5; min-width: 1200px;overflow: hidden;}
.footer .compayInfo{overflow: hidden; padding: 35px 0px 60px 0px;float:left;margin-left:20px;}
.footer .compayInfo dl{float: left; }
.footer .compayInfo dl dt{ font-size: 1.4rem; height: 42px; line-height: 45px;}
.footer .compayInfo dl dd{line-height: 25px; color: #333;font-size:15px;}
.footer .compayInfo dl dd a{color: #333; outline:0; text-decoration: none;font-size:15px;}
.footer .compayInfo .QRcode{text-align: right;margin-top: 22px;display:none;}
.footer .compayInfo .QRcode img{width: 125px; height: 121px;}
.footer .copyright{padding: 15px 0px; text-align: right; line-height: 18px; font-size:0.86rem; color: #666;}

.copytel{float:left;margin-left:30px;margin-top:52px;margin-right:50px;}
.h24phone{position: relative;top:-27px;left:37px;font-size:26px;color:#666666;}

.box{width: 1200px; margin: 0px auto;}
.bg-color{background-color: #ebf1fb;}

/*返回顶部*/
.go-top{position: fixed; z-index: 20; width:93px; height: 72px; bottom: 0; right: 0; background: url(../images/gotop.png) no-repeat; cursor: pointer;}
.go-top:hover{background: url(../images/gotop1.png) no-repeat;}


.loader {position: fixed;left: 0px; top: 0px; width: 100%;height: 100%; z-index: 8; background: url('../images/loading.gif') 50% 50% no-repeat; display: none;}

.full-div{width:1200px;margin:0 auto;background-color:#ffffff;height:70px; overflow: hidden;}
.big-type{float:left;line-height: 70px;font-weight: bold;font-size: 16px;margin-left:15px;}
.small-type{float:left;line-height: 70px;width:950px;}
.small-type >a{display:inline-block;margin-right:15px;text-decoration:none;color:#797979;}
.small-type >a:hover{display:inline-block;margin-right:15px;text-decoration:underline;color:#797979;}