@charset "utf-8";
/*common*/
body{font-family:'微软雅黑', '黑体', Arial;font-size:14px;color:#333;min-width:300px; overflow-x:hidden; overflow-y:scroll;}
html, body, *{margin:0;padding:0;}
*{color:inherit;font-size:inherit;line-height:inherit;font-weight:normal;font-style:inherit;box-sizing:border-box;outline:none;font-family:inherit;z-index:1;}
*:before,
*:after{box-sizing:border-box;display:block;}

a{text-decoration:none;}
a:hover, a:link, a:visited{text-decoration:none;}

h1, strong{font-weight:bolder;}

li, ol, ul{list-style:none;}
button, input, textarea{border:none;background:none;display:block;}

img{border:0;}
.img{position:relative;display:block;overflow:hidden;}
.img img{display:block;}

.clear{display:block;clear:both;}
.clearfix:after{content:'';font-size:0;line-height:0;clear:both;}

.w1200{max-width:1200px;margin:0 auto; width:96%; height:100%; position:relative;}

::-webkit-scrollbar{width: 10px;background:#f2f2f2;}
::-webkit-scrollbar-thumb{width: 100%;height: 50px;display: block;opacity: 1;background: #999;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover{background: #666; }
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner{ display:none;}
/*----------------------------------------------------------------------------------------*/
/*top*/
.header{ width:100%; position:relative;z-index: 99;}

.header .txtbox{width:100%; position:relative;background:#333;color:#ccc;}
.header .txtbox p{font-size:12px;height:40px; line-height:40px; overflow:hidden;display:block; float:left;}

.header .txtbox form{display:block; position:relative; float:right;height:40px;width:200px; padding-right:30px;}
.header .txtbox input[type="submit"]{width:30px;height:30px;display:block;position:absolute;cursor:pointer;top:5px;right:0;background:url(../images/ico-search.png) no-repeat center/20px; z-index:5;}
.header .txtbox input[type="submit"]:hover{filter:brightness(2);transition:all .5s ease;}
.header .txtbox input[type="text"]{ display:block;background:#fff;border-radius:15px 0 0 15px;padding:5px 10px;margin:5px 0;display:block;width:100%;height:30px;font-size:13px;line-height:20px;transform:translateX(-20px);opacity:0;transition:all .8s ease;}
.header .txtbox input[type="text"]::-webkit-input-placeholder{font-size:13px;line-height:20px;color:#ccc;}
.header .txtbox form.on input[type="text"]{transform:translateX(0);opacity:1;}

.header .logobox{background: #0d306a; width:100%; position:relative; font-size:0;padding:20px 0;}
.header .logobox a{position: relative;display: inline-block;}
.header .logobox a img{ display:block; max-height:100%; max-width:100%;}
.header .logobox dl{display: block;position: absolute;height: 100%;top: 0;right: 0;color: #fff;font-size: 18px;}
.header .logobox dd{height:100%;display: inline-flex;vertical-align:top;align-items: center;}
.header .logobox dd i{ display:block;width:30px;height:100%; background:url(../images/ico-tel.png) no-repeat center/contain; margin-right:10px;filter: contrast(0) brightness(2);}
.header .logobox dt{display:inline-block;vertical-align:top; height:100%;}
.header .logobox dt p{display:flex;align-items: center;height:100%;}

.header .navbox{background: #fff; width:100%; position:relative;}
.header .navbox ul{ font-size:0;}
.header .navbox ul li{ display: inline-block; vertical-align:top; width:calc(100% / 9);position:relative;text-align:center;}
.header .navbox ul li a{display:inline-block;position:relative; color:#666;padding:0 10px;font-size:18px;}
.header .navbox ul li a:before{content:'';width:0;height:2px; background:#4591f0;position:absolute;bottom:0; left:50%;transform: translateX(-50%);transition:width .2s ease;}
.header .navbox ul li:hover .a1:before,
.header .navbox ul li.on .a1:before,
.header .navbox ul li dl dd:hover a:before{width:100%;}

.header .navbox ul li .a1{height:70px; line-height:70px;}
.header .navbox ul li:hover .a1,
.header .navbox ul li.on .a1{color:#4591f0;}

.header .navbox ul li dl{ display:block;position: absolute;z-index: 90;width: 100%;left: 0;top: auto;background: #fff;transform: translateY(20px);opacity:0;transition:all .5s ease; visibility:hidden;}
.header .navbox ul li:hover dl{transform: translateY(0);opacity:1; visibility:visible;}
.header .navbox ul li dl dd{ display:block; width:100%; text-align:center; position:relative;}
.header .navbox ul li dl dd a{ height:50px;line-height:50px;}
/*----------------------------------------------------------------------------------------*/
/*foot*/
.footer{background: #282f35;padding: 40px 0;width: 100%;position: relative;font-size: 0;color: #999;}
.footer a:hover{ color:#fff;}
.footer .w1200{display: flex;justify-content: space-between;}

.footer .item1{ width:320px;}
.footer .list2{ width:320px;}
.footer .wxewm{ width:270px; font-size:0;}

.footer .tel{width:100%;position:relative; margin-top:30px;}
.footer .tel p{ font-size:14px; line-height:2em;color: #eee;}

.footer .list{position:relative;}
.footer .list dd{font-size: 18px; line-height:2em;}
.footer .list dt{display:block; position:relative;}
.footer .list dt a{ display:inline-block;font-size: 14px; line-height:2em; width:25%;}

.footer .wxewm .img1{ width:130px; margin-right:10px; display:inline-block;}
.footer .wxewm .img2{ width:130px; display:inline-block;}
.footer .wxewm img{ display:block;width:100%;}
.footer .wxewm p{display: block;font-size:14px;line-height:2em;text-align: center;}

/*copy*/
.copybox{width: 100%;position: relative;background: #353a3f;color: #999; padding:20px 0;}
.copybox p{font-size: 14px; line-height:2em;}
.copybox a:hover{color: #fff;}