@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:'EBRIMA',"微软雅黑", sans-serif; background: #f5f5f5;}
ul,li,dl,dt,dd,ol { list-style: none;} 
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th,samp,i {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.fl,.Fl {float: left}
.fr,.Fr {float: right}
.ofH{overflow:hidden;}
.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none;}
a:hover {color:#4250c3; text-decoration:none; }
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; outline: none}
.container{max-width:1280px;margin:0 auto;}
/*图片放大*/
.zom-img img{transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;}
.zom-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


header{background: #000;position: fixed;left: 0px;top: 0px;width: 100%;z-index: 100;}
header .top{height:75px;z-index: 1000;}
header .top .box{max-width: 1280px;margin:0 auto;}
header .top h1{ width: 175px; float: left;margin-top: 24px;}
header .top h1 img{width: 100%;}
header.on{background:#070721;}

header .top .nav{width:68%;  float: left; margin-left:60px;}
header .top .nav ul{text-align: center;}
header .top .nav ul li{ z-index: 100;float: left;}
header .top .nav ul li:nth-child(n+2){position: relative;}
header .top .nav ul li p{font-size: 15px; }
header .top .nav ul li p a{display: block;line-height: 75px;padding:0 40px;color: #bbb;}
header .top .nav ul li:hover p a{display: block;text-decoration: none;}
header .top .nav ul li p a.current{color: #fff;}
header .top .nav ul li dl{position: absolute;left: 0px;top: 75px;background: #FFF;width:100%;visibility: hidden;opacity: 0;text-align: left;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
header .top .nav ul li:hover dl{visibility: visible;opacity: 1;}
header .top .nav ul li dd{font-size: 14px;}
header .top .nav ul li dd a{display: block;padding:8px 0;color: #333; line-height: 24px; text-align: center;}
header .top .nav ul li dd a:hover{display: block;text-decoration: none;color: #4250c3;}
header .top .nav ul li dd:last-child{border-bottom: none;}

header .top .nav ul li .pros{position: absolute;left:0;top: 75px;background: #FFF;width:100%;visibility: hidden;opacity: 1;transition: all 0.3s;box-shadow: 0 30px 40px -20px rgba(0, 0, 0, 0.4);  padding-top: 10px;}
header .top .nav ul li:hover .pros{visibility: visible;opacity: 1;}
header .top .nav ul li .pros dl{width: 100%; position: static; padding: 20px 0 0; box-shadow: none; overflow: hidden;}
header .top .nav ul li .pros dl dd{line-height: 34px;position: relative; width: 16.667%; float: left; position: relative; margin-bottom: 3%;}
header .top .nav ul li .pros dl dd:after{content: "";position: absolute;right: 0;top: calc(50% - 50px);background: #eee;height: 100px;width: 1px;z-index: 999;}
header .top .nav ul li .pros dl dd a{padding:3px 10px;display: block; color: #777;}
header .top .nav ul li .pros dl dd .nav_img{width:120px; margin: 0 auto; display: block;}
header .top .nav ul li .pros dl dd .nav_img img{max-width: 100%;}
header .top .nav ul li .pros dl dd span{display: block; font-size: 14px; text-align: center; padding: 15px 0;}
header .top .nav ul li .pros dl dd:hover a{padding:3px 10px;display: block;color: #4250c3;text-decoration: none;}
header .top .nav ul li .pros dl dd .box{position: absolute;left: 180px;top: 0px;background: #FFF;width: 150px;visibility: hidden;opacity: 0;transition: all 0.3s;}
header .top .nav ul li .pros dl dd:hover .box{visibility: visible;opacity: 1;}
header .top .nav ul li .pros dl dd:hover .box .list{}
header .top .nav ul li .pros dl dd:hover .box .list a{background: #FFF;color: #333;}
header .top .nav ul li .pros dl dd .dgd{display: flex;justify-content: center;align-items: center;  padding-top: 38%; }
header .top .nav ul li .pros dl dd .dgd samp{display: inline-block;vertical-align: middle; font-size: 14px; font-family: "微软雅黑";}
header .top .nav ul li .pros dl dd .dgd i{width: 12px;padding-left: 12px;transition:all 0.3s ease-in 0s;display: inline-block;vertical-align: middle;}
header .top .nav ul li .pros dl dd .dgd i img{max-width: 100%;}
header .top .nav ul li .pros dl dd:hover .dgd i{transform: translateX(22px);transition:all 0.3s ease-in 0s;}
header .top .nav ul li .pros dl dd:nth-child(6n):after{background: none;}

header .top .top_r{ width:165px;  float: right; margin-top: 24px;}
header .top .top_r ul{margin-left: -8px;}
header .top .top_r ul li{margin-left: 8px; float: left; width: 25px; position: relative;}
header .top .top_r ul li .ticon{width: 25px; height: 25px; border-radius: 100%; background: #ccc; display: inline-block; text-align:center; line-height:24px;}
header .top .top_r ul li .ticon:hover{background: #4250c3;}
header .top .top_r ul li .ticon img{max-width: 17px; text-align: center; vertical-align:middle; padding: 4px;}
header .top .top_r ul li .ptbox{position: absolute;left: 50%;top: 100%;width:auto;box-shadow:0 0 5px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;transition: all 0.3s; background: #fff; transform: translateX(-50%)}
header .top .top_r ul li .ptbox .jt{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;position: absolute;left: 45%;top: -8px;}
header .top .top_r ul li .ptbox p{font-size: 15px; color: #222; padding: 11px 14px; display: block;width: 105px; text-align: center;}
header .top .top_r ul li .ptbox p img{width: 100px;}
header .top .top_r ul li:hover .ptbox{visibility: visible;opacity: 1;top: 50px;}
header .top .top_r ul li .ticon:hover a{color:#fff;}


.guanbi{position: fixed;right: 5%;top: 5%;z-index: 101;}
.guanbi i{width: 100px;height: 100px;display: block;text-align: center;line-height: 100px;font-size: 24px;cursor: pointer;}

.top-box ul{}
.top-box li{float: left;}
.top-box li{float: left;width: 50px;height:60px;margin-right: 10px;text-align: center;}
.top-box li img{width: 24px;margin-top: 18px;}
.top-box li a{display: block;}
.top-box li a:hover{display: block;}


.sp_header,.sjj_nav,.list_dl{display: none}

header .header-main { transition: padding 0.3s ease 0s, transform 0.5s ease 0s;}
header .m-btn { display: none; width:50px; height:50px; line-height:50px; cursor:pointer; float:right;font-size: 14px;color:#0961a4;text-align: center;}
header .m-btn .box {position: relative; font-size:15px;}


.body-wrap { width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;}

.foot{background: #070721;padding:32px 0 15px; overflow: hidden;}
.foot .box{max-width: 1280px;margin:0 auto;}
.foot .box .t_l{float: left;width: 30%;}
.foot .box .t_l .dz{line-height: 27px;color: #bbb;margin-top: 0;font-size: 14px;}
.foot .box .t_l .dz span{display: block;font-size: 18px;margin-bottom: 15px; color: #fff;}
.foot .box .t_c{float: left;width: 53%; margin-right: 2%;}
.foot .box .t_c dl{float: left;width:33.333%;color: #FFF;}
.foot .box .t_c dt{font-size: 18px;margin-bottom: 15px;}
.foot .box .t_c dd{line-height:30px;padding-bottom: 10px;}
.foot .box .t_c dd a{color: #bbb;font-size: 14px; }
.foot .box .t_c dd a:hover{color: #e60012;}
.foot .box .t_r{float: right;width: 15%;}
.foot .box .t_r .pic{width: 125px;text-align: center;line-height: 30px;color: #bbb;float: right;}
.foot .box .t_r img{width: 100%;}

.foot .box .foot_b{padding-top: 20px;color: #bbb; border-top: 1px solid #222; margin-top: 25px; overflow: hidden; }
.foot .box .foot_b .copyright{text-align: center; line-height: 27px; width: 60%;margin: 0 auto; overflow: hidden;}
.foot .box .foot_b .copyright .d_logo{width:125px; float: left;}
.foot .box .foot_b .copyright .d_logo img{width:100%;}
.foot .box .foot_b .copyright .line{display: inline-block;width: 1px;background: hsla(0,0%,100%,.2);height: 14px;margin: 9px 18px; float: left;}
.foot .box .foot_b .copyright .slogan{width:275px; float: left; font-size: 14px; text-align: left;}
.foot .box .foot_b .copyright .record{width:38%; float: left; font-size: 14px; text-align: left;}

/*浮动ＱＱ*/
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666; display: none;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #e60012;opacity: .87;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}