@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td,img {margin:0;padding:0;}
img {border:0}
ol,ul {list-style:none}
i, em {
    font-style: normal;
}
input{outline: none;border:none;}
html {_overflow-y:scroll;}
/*****！！页面通用css样式定义开始******/
html,body{min-width: 1200px;font-family: "Microsoft YaHei";_width:expression(document.body.clientWidth < 1200 ? "1200px" : "auto");}
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{
    font-family: "微软雅黑";    /*文字字体定义 */
	font-size: 14px;    /*文字大小定义 */
	color: #333; /*文字颜色定义 */
	min-width:1200px;
	outline: none;
}
*{
	word-break: break-all; word-wrap:break-word
}
/* 网站超链接css通用设置 */
a{text-decoration: none; color:#333} /* 链接无下划线,有为underline */ 
/*a:link {color: #333;}  未访问的链接 */
/*a:visited {color: #333;}  已访问的链接 */
a:hover{color: #0344a5;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #0344a5;} /* 点击激活链接 */

.fl{float:left;}
.fr{float:right;} 
.hide{display: none}

.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow: hidden;}/*清除浮动*/
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

.textover{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}


.dib{display: inline-block;*display: inline;zoom:1;}


/*表格样式定义 */ 
checkbox{border: 0px;}/*选择框样式定义 */ 
/*.input{ border:1px solid #ccc; height:20px;line-height:20px} */
ul,li{ list-style:none}
.backcolor{background:#0344a5;}

/*网站顶部*/
.w1200{width: 1200px;margin: 0 auto;}
.h-tool{ height: 42px; line-height: 42px; background: #e6e6e6; overflow: hidden; }
.h-tool .fl p{ font-size: 14px; color: #686666; padding-left: 20px; background: url(../images1/ico_map.png) no-repeat left center; }
.h-tool .fr ul{ overflow: hidden; float: right; padding:3px 0; height: 42px; box-sizing: border-box; }
.h-tool .fr li{ float: left; height: 36px; line-height: 36px; padding:0 15px; border-left: 1px solid #d7d7d7; }
.h-tool .fr li a{ display: inline-block; font-size: 14px; color: #666; padding-left: 24px; }
.h-tool .fr li:nth-child(1) a{ background: url(../images1/ico_earth.png) no-repeat left center; }
.h-tool .fr li:nth-child(2) a{ background: url(../images1/ico_tel.png) no-repeat left center; }
.h-tool .fr li:nth-child(3) a{ background: url(../images1/ico_msg.png) no-repeat left center; }
.h-tool .fr li a:hover{ color: #fe0000; }

/*网站头部*/
.h-top{ overflow: hidden; }
.h-top .tel{margin-top: 20px;padding-left: 48px;background: url(../images1/tel.png) no-repeat left center;}
.h-top .tel span{display: block;color: #999;font-size: 14px;margin-left: 14px;}
.h-top .tel h3{color: #000;font-size: 30px;line-height: 30px;font-weight: bold;}
.h-top .tel p{color: #333;font-size: 14px;margin-left: 12px;}


/*顶部导航*/
.maintop{ width:100%; height:auto; margin:0 auto}

.heading{ width:1200px; height:120px; margin:0 auto}
.heading .logo{
	display: block;
    height: 120px;
    float: left;
	font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif; line-height:24px; text-transform:uppercase
	}
.heading .logo p{
	font-size: 37px;
    line-height: 42px;
    padding-top: 30px;
    font-weight: bold;
    color: #333;
	font-family:"微软雅黑"
	}

.heading .tel{
	display: block;
    height: 120px;
    float: right;
	text-align:right;
	}
.heading .tel span{ display:block; padding-top:27px; font-size:16px; color:#666666; line-height:30px}
.heading .tel p{ font-size:32px; color:#e70800; line-height:35px; font-family: Arial, Helvetica, sans-serif; font-weight:bold}


/*网站导航*/
.h-menu{ height: 56px; line-height: 56px; background: #0344a5; }
.h-menu li{float: left;width: 150px;text-align: center;position: relative;}
.h-menu li>a{display: block;font-size: 18px;color: #ffffff;position: relative;font-weight: bold;}
.h-menu li:after{ content: ""; display: inline-block; width: 1px; height: 16px; border:0; background: #fff; position: absolute; left: 0; top:20px; }
.h-menu li:first-child::after{ display: none; }
.h-menu li>a:after{ content: ""; display: block; height: 2px; background: #ff9934; border:0; width: 0; position: absolute; left: 50%; bottom: 0; transition: all .5s; }
.h-menu li:hover>a:after,.h-menu li.on>a:after{ transition: all .5s; left: 0; width: 100%; }
.h-menu li dl{width: 150px;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}
.h-menu li dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.h-menu li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.h-menu li dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #00337e;}
.h-menu li dl dd:first-child{border: none;}
.h-menu li dl dd a{display: block;color: #fff;font-size: 14px;padding: 0 10px;background: #0344a5;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #ff9934, #ff9934);background-image: linear-gradient(to right, #ff9934, #ff9934);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}
.h-menu li dl dd a:hover{background-size: 100% 100%;}


/*搜索*/
.link{ width:100%; height:65px; margin:0 auto; border-bottom:1px solid #e5e5e5}
.link ul{ width:1200px; height:65px; margin:0 auto;}
.link ul li{ float:left; height:65px}
.link ul li p{line-height:65px;color:#333;font-size:15px; font-weight:bold;}
.link ul li a{line-height:65px; color:#444; font-weight:500}

.bannerfo{ width:300px;height:40px; border:1px solid #dddddd; position:relative; margin-top:11px;border-radius:20px;}
.bannerfo dl dt{ display:inline}
.bannerfo dl .inputbox{ position:absolute; left:0; top:0; width:252px; height:40px;}
.bannerfo dl .inputbox input{ width:222px; height:40px; padding:0 15px;color:#aaaaaa; line-height:40px; font-size:14px; background:none}
.bannerfo dl .menuser{ position:absolute; left:252px; top:0; width:48px; height:38px; display:block;background: url(../images/search2.png) no-repeat 0 0; }
.bannerfo dl .menuser input{width:48px; height:38px;background: none}



/*子页面大图*/
.nban{ width:100%; height:354px; margin:0 auto; background:#dfdfdf;}



/*网站底部*/
/*网站底部*/
.f_top{ overflow: hidden; background: #1f1f1f; padding:54px 0 20px; }
.f_top .inner{ height: 280px; }
.f_nav > strong, .f_contact > strong, .f_msg > strong { font-size: 20px; font-weight: bold; color: #fcfbfb; line-height: 1; display: block; margin-bottom: 36px; }
.f_nav{ width: 470px; }
.f_nav div a{ display: inline-block; float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #8d8f90; box-sizing: border-box; padding-left: 20px; line-height: 1; margin-bottom: 32px; position: relative; }
.f_nav div a:nth-child(even){ margin-left: 20px; }
.f_nav div a::before{ content: ""; display: inline-block; position: absolute; top:5px; left:0; width:0; height:0; border-top:3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #e8ebf0; transition: all .5s; }
.f_nav div a:hover{ color: #ff8800; }
.f_nav div a:hover::before{ left: 5px; border-left: 5px solid #ff8800; transition: all .5s; }
.f_contact{ width: 400px; }
.f_contact div p{ font-size: 14px; color: #8c9093; line-height: 24px; }
.f_contact div p strong{ font-size: 30px; color: #fefefe; font-weight: bold; line-height: 1; }
.f_contact ul{ margin-top: 28px; }
.f_contact li{ width: 100px; text-align: center; height: 54px; float: left; position: relative; }
.f_contact li + li{ border-left: 1px solid #293038; }
.f_contact li .hd{ text-align: center; }
.f_contact li .hd span{ font-size: 26px; color: #636568; }
.f_contact li .hd p{ font-size: 14px; color: #a9adb0; line-height: 1; margin-top: 8px; }
.f_contact li .bd{ display: none; position: absolute; left:0; top:0; }
.f_contact li .bd p{ display: inline-block; float: left; font-size: 18px; color: #333333; }
.f_contact li:nth-child(1) .bd{ top:116%; left: 36px; background: #e8ebf0; padding:10px 15px; width: 130px; border-radius: 3px; }
.f_contact li:nth-child(1) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 10px; }
.f_contact li:nth-child(1) .bd img{ float: left; margin-right: 10px; }
.f_contact li:nth-child(2) .bd{ top:116%; left: -42px; background: #e8ebf0; padding:10px 15px; width: 168px; border-radius: 3px; }
.f_contact li:nth-child(2) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 46%; }
.f_contact li:nth-child(3) .bd{ top:116%; left: -176px; background: #e8ebf0; padding:10px 15px; width: 220px; border-radius: 3px; }
.f_contact li:nth-child(3) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 89%; }
.f_contact li:hover .bd{ display: block; }
.f_msg{ width: 330px; }
.f_msg .bd div{ border:1px solid #fff; padding:12px; text-align: center; display: inline-block; float: left; }
.f_msg .bd div img{ width: 126px; height: 126px; background: #fff; object-fit: contain; }
.f_msg .bd div p{ font-size: 14px; color: #fff; margin-top:12px; line-height: 1; }
.f_msg .bd div + div{ margin-left: 20px; }
.f_copy{ line-height: 48px; background: #000204; text-align:center; }
.f_copy p{ color: #62676a; font-size: 14px; }
.f_copy p a{color: #62676a;}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0344a5;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images1/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0344a5;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0344a5;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0344a5;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0344a5;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}