*{margin:0;padding:0;font-family:'Microsoft YaHei'}
body{text-align:center;margin:0 auto;padding:0;background:#fff;font-size:14px;color:#000;width:100%;width:expression(document.body.clientWidth <= 1300? "1300px":"auto");min-width:1300px;max-width:1920px}
body > div{text-align:center;margin-right:auto;margin-left:auto}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table,td,input,select,input,textarea{font-size:14px;pa.top .nav ul lidding:0;border-color:#ddd}
input{padding:0;font-family:'Microsoft YaHei'}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.box{width:1300px;margin:0 auto}
.box:after,ul:after,.max:after,.clearfix:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#003f97;text-decoration:none}
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}
.img-responsive{display:block;height:auto;max-width:100%}
.clearfix:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	z-index: -999;
	clear: both;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}

.img-responsive{
	width: 100%;
}


/*---*/
.header{color:#fff;font-size:14px;height:44px;line-height:44px;position: fixed;width: 100%;z-index: 999;}
.header .rg span{display:inline-block;font-weight:bold;background:url(../images/dh.png) no-repeat left center;padding:0 10px 0 22px}
.header .rg a{display:inline-block;padding-left:15px}

.top{position:fixed;z-index: 999;width: 100%;}
.top .box{
	width: 1300px;

}
.top .logo img{display:block;padding:10px 0 0;}
.top .nav{float:right;height:99px;line-height:99px}
.top .nav ul{float:right;width:100%}
.top .nav ul li{float:left;font-size:20px;font-weight:bold;padding: 0 15px;position:relative;box-sizing: border-box;}
.top .nav ul li .nav_pro_child{
	width: 250px;
	left: -40px;
}
.top .nav ul li.tel{
	font-size: 18px;
	padding-top: 10px;

}
.top .nav ul li.tel a{
	display: block;
	color: #fff;
	background: url("../images/tel.png") no-repeat left;
	background-size: 40px;
	padding:13px 0 13px 50px;
	line-height: 1.5;
	text-align: left;

}
.top .nav ul li.bar{
	display: none;
}
.top .nav ul li a.a1{display:block;color:#fff;}
.top .nav ul li a.a1:hover,.top .nav ul li.hs a.a1{background:url(../images/hr3.png) repeat-x left bottom}
.top .nav ul li div{position:absolute;display:none;z-index:999;width:128px;top:99px;left:0px;font-size:15px;overflow:hidden;background:url(../images/nbg.png) repeat-x left top #ffffff;padding:7px 0;border-bottom:3px solid #3754b2}
.top .nav ul li div a{display:block;line-height:40px;color:#333;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:transparent}
.top .nav ul li div a:hover{color:#3754b2}
.top.active{
	background-color: #3754b2;
	background-image: linear-gradient(to right, rgb(156, 236, 251), rgb(101, 199, 247), rgb(0, 82, 212));
}
.header.active{
	background-color: #fff;
	/*background-image: linear-gradient(to right, rgb(156, 236, 251), rgb(101, 199, 247), rgb(0, 82, 212));*/
	color: #3a3a3a;
}

.xlnav{background:url(../images/nbg.png) repeat-x left top #ffffff;padding:45px 0 40px;position:absolute;width:100%;margin:0 auto;z-index:99;display:none;overflow:hidden}
.xlnav .box{background:url(../images/hr1.png) repeat-y left top}
.xlnav dl{float:left;width:20%;padding:0 30px; box-sizing: border-box; background:url(../images/hr1.png) repeat-y right top}
.xlnav dl dt{font-size:17px;color:#3754b2;font-weight:bold;line-height:32px;padding-bottom:10px;transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease}
.xlnav dl dd{font-size:15px;line-height:28px;color:#3a3a3a}
.xlnav dl dd img{display:block;width:150px;height:130px;margin:0 auto;padding-bottom:10px;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.xlnav dl dd span{color:#737373}
.xlnav dl a:hover dt,.xlnav dl a:hover dd,.xlnav dl a:hover dd span{color:#3754b2}
.xlnav dl a:hover dd img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}

.footer{background:url(../images/fbg.jpg) no-repeat center top;background-size:100% 100% !important;text-align:left}
.footer .ftxt{padding:55px 0;color:#fff}
.footer a{color:#fff}
.footer .fnav{width:680px;background:url(../images/hr2.png) repeat-y right top}
.footer .fnav dl{float:left;width:150px;padding-right:20px;line-height:36px}
.footer .fnav dl dt{font-size:20px;font-weight:bold;color:#fff}
.footer .fnav dl dd a{font-size:18px;display:block;color:#fff}
.footer .fcont{width:400px;padding-left:30px;text-align:right;font-size:16px;line-height:28px}
.footer .fcont img{padding-top:5px;padding-bottom:10px;height:59px}
.footer .fcont p{line-height: 2;font-weight: bolder;}

.footer .fcont p.phone span{letter-spacing: 2px;}
.footer .fcont a{font-size:15px;background:#3754b2;display:inline-block;height:40px;line-height:40px;padding:0 25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-top:10px}
.footer .fweixin{text-align:center;font-size:15px;line-height:34px;width:131px;padding-left:58px}
.footer .fweixin img{display:block;margin:0 auto;width:131px;height:131px}
.footer .copy{font-size:14px;line-height:32px;padding:15px 0;border-top:1px solid #6a6a6a;color:#fff}
.footer .copy a,.footer .copy a:hover{color:#fff}

.next_fy{padding-top:60px;text-align:center;font-size:14px}
.next_fy a,.next_fy b{height:32px;line-height:32px;margin:0 2px;display:inline-block;border:1px solid #ddd;background:#fff;padding:0 12px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px}
.next_fy a:hover,.next_fy b{background:#3754b2;font-weight:500;color:#fff;border:1px solid #3754b2}
.next_fp{text-align:left;line-height:32px;font-size:15px;color:#5e5e5e;padding:15px 0;border-top:1px solid #e8e8e8;margin-top:25px}
.next_fp a{color:#5e5e5e}
.next_fp a:hover{color:#3754b2}

.to-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	background-color: #666666;
	z-index: 999;

	border-radius: 5px;
}
.to-top a{
	display: block;
	padding: 10px;
}
.to-top img{
	width: 30px;
}



@media screen and (max-width: 1310px){
    .top .logo a{
        display: block;
        position: relative;
        height: 100px;
    }
    /*.top .logo img{*/
        /*position: absolute;*/
        /*width: 12vw;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
        /*padding-top: 0;*/
    /*}*/

}

@media screen and (max-width: 1100px){

	.top .nav ul li.tel{
		display: none;
	}
}

@media screen and (max-width: 900px){

	.top .nav ul li.tel{
		display: none;
	}
	.top .nav ul li.bar{
		display: block;
	}
}


.my-kefu {
    position: fixed;
    right: 0px;
    top: 20%;
    z-index: 9999;
}
.my-kefu ul {
    width: 77px;
}
.my-kefu li a {
    text-decoration: none;
}
.my-kefu li {
    background: #3a3a3a;
    margin-top: 1px;
    padding: 9px 0;
    height: 56px;
    width: 77px;
}
.my-kefu li i {
    background: url(../images/tb.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}
.my-kefu li p {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}
.my-kefu .my-kefu-qq i {
    background-position: 4px 0;
}
.my-kefu .my-kefu-tel i {
    background-position: 0 -25px;
}
.my-kefu .my-kefu-tel1 i {
    background-position: -35px 4px;
}
.my-kefu .my-kefu-tel1:hover {
    width: 246px;
    height: 145px;
}
.my-kefu .my-kefu-tel2 i {
    background-position: -35px 4px;
}
.my-kefu .my-kefu-tel2:hover {
    width: 246px;
    height: 145px;
}
.my-kefu .my-kefu-liuyan i {
    background-position: 4px -53px;
}
.my-kefu .my-kefu-weixin i {
    background-position: -34px 4px;
}
.my-kefu .my-kefu-weibo i {
    background-position: -30px -22px;
}
.my-kefu .my-kefu-ftop {
    background-color: #0067d0;
}
.my-kefu .my-kefu-ftop i {
    width: 33px;
    height: 35px;
    background-position: -27px -51px;
}
.my-kefu-left {
    float: left;
    width: 77px;
    height: 47px;
    position: relative;
}
.my-kefu-tel-right {
    font-size: 20px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 24px;
    padding-left: 15px;
    border-left: 1px solid #fff;
    padding-top: 10px;
}
.my-kefu-tel1-right {
    font-size: 20px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    border: none;
    margin: 0 auto;
    margin-bottom: 5px;
}
.my-kefu-tel2-right {
    font-size: 20px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    border: none;
    margin: 0 auto;
    margin-bottom: 5px;
}
.my-kefu-right {
    width: 20px;
}
.my-kefu-tel-main {
    color: #fff;
    margin-top: 9px;
    height: 47px;
    width: 247px;
}
.my-kefu-main {
    width: 97px;
    position: relative;
}
.my-kefu-weixin-pic {
    position: absolute;
    left: -130px;
    top: -24px;
    display: none;
}