@charset "utf-8";

body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑";
	font-size:14px;
	cursor: default;
	background-color:#fff;
	/*overflow-x: hidden;*/
	min-width:1200px;

}


/*table{border-collapse:collapse;border-spacing:0px;}*/
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
p{ margin:0; padding:0}
.clearfix{clear:both}
.overflow{ overflow:hidden}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}
b{ margin:0; padding:0}
textarea{resize:none;overflow:auto}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input{ outline:none; border:none; background-color:transparent ;font-family: "微软雅黑"}
.float-r{float: right !important}
.float-l{float: left !important;}
i{font-style: normal}




.head-bj{ width: 100% ; height: 160px ; background-color: #fff ; border-top: 3px solid #2550a2 ;position: relative;z-index: 99;}
.head-top{ width: 100% ; height: 97px ; border-bottom: 1px solid #e5e5e5 ;}
.head-top .centrt{ width: 1400px; margin: 0 auto ; height: 97px;}
.head-top .centrt .lg-box{float: left; padding: 18px 0 0 0}
.pho-box{ height: 22px;line-height: 22px; float: right;background: url(../images/pho.png) no-repeat left 0; padding:0 22px 0 30px ;margin-top: 39px}
.pho-box h4{line-height: 22px; font-size: 22px; color: #555555 ;padding-left: 14px;}
.pho-box h4 span{ line-height: 22px; font-size: 22px; color: #555555;}

.sou-box{ width: 336px; height: 34px; float: right; background: url(../images/seac.jpg) no-repeat; position: relative; overflow: hidden;margin: 32px 27px 0 0}
.sou-box .ipa{ width: 260px; height:34px; line-height: 34px;font-size: 14px; color: #333; position: absolute; left: 12px; top: 0; }
.sou-box .ipb{ width: 54px; height: 34px; position: absolute; right: 0; top: 0; cursor: pointer; }
/* .sou-box .ipb:hover{ background: url(../images/sea2.png) no-repeat left center;} */
.sou-box .ipa::-webkit-input-placeholder{color: #adadad; }


.head-bot{ width: 100% ; height: 63px ;}
.head-bot .centrt{ width: 1400px; margin: 0 auto ; height: 63px;}
.nav{ width: 100% ;position: relative;}
.nav ul{ width: 1400px;}
.nav ul li{float: left; margin-right: 115px ;}
.nav ul li .yj{min-width: 72px; height: 63px; line-height: 63px;display: block; font-size: 16px; color: #333;text-align: center;position: relative;}
.nav ul li .yj i{ width: 72px; height: 6px ;background: url(../images/nav-on.png) ;display: block ; position: absolute; left: 50%; margin-left: -36px;top: 0;display: none}
.nav ul li .xl-bj{ width: 1360px ; padding: 25px 20px 0 20px; background: rgba(255, 255, 255, 0.9) ; position: absolute; left: 0;display: none}
.nav ul li .xl-bj a{float: left;font-size: 14px; color: #555 ; height: 14px;line-height: 14px ; background: url(../images/dd.png) no-repeat left center; padding-left: 10px; margin-right: 80px; margin-bottom: 25px;}
.nav ul li .xl-bj a:hover{color: #3488ea ;text-decoration: underline}
.nav ul li:hover .yj{color: #3488ea ;}
.nav ul li:hover i{display: block}
.nav ul li.on i{display: block}
.nav ul li.on .yj{color: #3488ea ;}




.footer-bj{width: 100% ;height: 323px ;background: url(../images/footer-bj.jpg) no-repeat center center; overflow: hidden;}
.footer-c{ width: 1400px; margin: 0 auto ;}
.fot-box{width: 100% ; height: 102px ; border-bottom: 1px solid rgba(255, 255, 255, 0.4) ;position: relative;margin-bottom: 40px;}
.fot-box .lg2{float: left;margin: 26px 0 0 0}

.fr{position: absolute; right: 0;top: 40px}
    /*分享*/
	.m-share{float: left;margin-top:-5px;}
	.share{zoom: 1;}
	.share:after{content: "";display: block;clear: both;}
	.share a{float: left;width: 28px;height: 28px;border-radius: 50%;margin-left: 26px;cursor: pointer;display: block;}
	.share a i{display: block;width: 28px;height: 28px;-webkit-transition: .4s all;-moz-transition: .4s all;-ms-transition: .4s all;transition: .4s all;}
	/* .share a:hover i{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} */
	.share #share-icon{width: 28px;height: 28px;float: left;display: none;}
	.share #share-icon img{width: 100%;height: 100%;}
	.share .share-qqzone i{background:url(../images/wico3.png) no-repeat center center}
	.share .share-wechat{position: relative;}
	.share .share-wechat i{background:url(../images/wico1.png) no-repeat center center}
	.share .share-weibo i{background:url(../images/wico2.png) no-repeat center center}
	.share .bg-code{left: -36px;z-index: 10;}
	.share .qrcode{position: absolute;top: 36px;border: 1px solid #ccc;padding: 5px;background: #fff;display: none;width: 100px;height: 100px;left: -98%;z-index: 11;}
	.share .close-btn{position: absolute;background: #fff;color: #000;font-size: 12px;z-index: 12;width: 12px;height: 12px;line-height: 12px;text-align: center;right: -39px;top: 50px;display: none;cursor: pointer;}
	.qrcode canvas{position: absolute; left: 4.5px;top: 4.5px}

.fot-l{ width: 438px; height: 160px; background: url(../images/xx.png) no-repeat right 15px ;float: left;}
.fot-c{ width: 595px; height: 160px; background: url(../images/xx.png) no-repeat right 15px ;float: left; overflow: hidden;}
.fot-l h5{width: 100%; font-size: 14px; color: #fbfbfb ; margin-bottom: 20px;}
.fot-r{ width: 357px; float: right;padding: 3px 0 0 0}
.fot-c .link{ float: left; padding-left: 102px;}
.fot-c .link ul{ width: 500px ;padding: 18px 0 0 0}
.fot-c .link ul li{ width: 150px; height: 16px;line-height: 16px; float: left;margin: 0 0 26px 0}
.fot-c .link ul li a{font-size: 14px; color: #e6ebf2}
.fot-c .link ul li a:hover{text-decoration: underline}
.fot-r .ewm{ width: 104px; float: right;text-align: center ;margin-left: 42px;}
.fot-r .ewm img{ width: 104px; height: 104px;} 
.fot-r .ewm h5{line-height: 14px; font-size: 14px; color: #fbfbfb;padding: 13px 0 0 0}



.copy{ width: 100%;height:50px ;line-height: 50px; text-align: center ;background-color: #285a91 ; font-size: 14px; color: #fbfbfb ;}
.copy a{font-size: 14px; color: #fbfbfb ;}




/* 固定层 */
.fix-bj{ width: 106px; position: fixed;right: 10px; top: 42% ;z-index: 99;}
.fix-box{ width: 100% ;  }
.aabj{ width: 106px;background-color: #fff; border-radius:6px; position: relative; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; overflow: hidden;}
.fix-bj a{ width: 106px; height: 101px ; display: block;  cursor: pointer; position: relative; }
.fix-bj a i{ width: 60px; height: 1px ;background-color: #d2d2d2 ;display: block;position: absolute; left: 50%;margin-left: -30px;bottom: 0}

/* .fix-bj .a1{ background-image: url(../images/da1.png) ;background-repeat: no-repeat ;background-position: center center}
.fix-bj .a2{ background-image: url(../images/da2.png) ;background-repeat: no-repeat ;background-position: center center}
.fix-bj .a3{ background-image: url(../images/da3.png) ;background-repeat: no-repeat ;background-position: center center}
.fix-bj .a4{ background-image: url(../images/da4.png) ;background-repeat: no-repeat ;background-position: center center}

.fix-bj .a1:hover{ background: url(../images/da1-1.png) ;background-repeat: no-repeat ;background-position: center center}
.fix-bj .a2:hover{ background: url(../images/da2-1.png) ;background-repeat: no-repeat ;background-position: center center}
.fix-bj .a3:hover{ background: url(../images/da3-1.png) ;background-repeat: no-repeat ;background-position: center center}
.fix-bj .a4:hover{ background: url(../images/da4-1.png) ;background-repeat: no-repeat ;background-position: center center} */

.fix-bj a h5{ width: 100% ;font-size: 16px; color: #777 ;text-align: center; line-height: 16px; position: absolute; left: 0;bottom: 15px;}
.fix-bj a span{ width: 106px; height: 101px ;display: block; }
.fix-bj .a1 span{background-image: url(../images/da1.png) ;background-repeat: no-repeat ;background-position: center 20px}
.fix-bj .a1:hover span{ background: url(../images/da1-1.png) ;background-repeat: no-repeat ;background-position: center 20px}
.fix-bj .a2 span{background-image: url(../images/da2.png) ;background-repeat: no-repeat ;background-position: center 20px}
.fix-bj .a2:hover span{ background: url(../images/da2-1.png) ;background-repeat: no-repeat ;background-position: center 20px}
.fix-bj .a3 span{background-image: url(../images/da3.png) ;background-repeat: no-repeat ;background-position: center 24px}
.fix-bj .a3:hover span{ background: url(../images/da3-1.png) ;background-repeat: no-repeat ;background-position: center 24px}
.fix-bj .a4 span{background-image: url(../images/da4.png) ;background-repeat: no-repeat ;background-position: center 24px}
.fix-bj .a4:hover span{ background: url(../images/da4-1.png) ;background-repeat: no-repeat ;background-position: center 24px}

.fix-bj a:hover{background-color: #22a9ff;}
.fix-bj a:hover h5{color: #fff}

.pho-b{width: 225px;height: 102px;background-color: #fff;position: absolute;left: -260px;top: 90px;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.05) 0 0 8px 3px;display: none}
.pho-b .hm{ width: 188px  ;text-align: right ;}
.pho-b .hm h3{ width: 100%; font-size: 14px; color: #777 ;margin: 21px 0 9px 0 ;}
.pho-b .hm h4{width: 100%; font-size: 24px; color: #3488ea ;font-weight: bold}
.pho-b i{ width: 22px; height: 49px;background: url(../images/sj3.png) no-repeat;display: block ;position: absolute; right: -22px;top: 50%;margin-top: -24px;}

.wx-box{ padding: 17px ; text-align: center;background-color: #fff ;box-shadow: rgba(0, 0, 0, 0.05) 0 0 8px 3px ; border-radius: 8px ;   position: absolute; left: -204px; top: 155px; display: none}
.wx-box .wxx{ width: 135px; height: 135px; overflow: hidden;}
.wx-box .wxx img{ width: 135px; height: 135px;}
.wx-box i{width: 22px; height: 49px;background: url(../images/sj3.png) no-repeat;display: block ;position: absolute; right: -22px;top: 50%;margin-top: -24px;}