*{margin: 0;padding: 0;box-sizing: border-box;  font-family:"Microsoft Yahei";}
li{list-style: none;}
a{text-decoration: none;color:#333;}
a:focus{outline:none;}
img{ border:0;  }
.clear_fix{clear:both;}

h1,h2,h3,h4,h5,h6,h7{font-weight:normal;}

/* 头部header css */
header{height:20px;font-size:14px;line-height:20px;font-size:12px;color:#888}
header img{width:18px;vertical-align:bottom;margin-left:10px;}
header .header{width:1200px;margin:0 auto;padding-left:30px;text-align:right;}
header .header p{display:inline-block;}
header .header b{padding-left:10px;}

/* 导航部分css */
nav{height:90px;background:#fff;position:relative;z-index:10;font-size:14px;}
nav .nav{width:1200px;margin:0 auto;height: 100%;}
nav .logo{width:240px;display:inline-block;margin-left:40px;}
nav .logo img{margin-top:15px;height:69px;}

.menu{float:right;position:relative;height:100%;padding:30px 0;}
.menu .first_menu{height:30px;}
.menu .first_menu>li{position:relative;float:left;width: 100px;text-align:center;line-height:30px;}
.menu .first_menu>li>a{width:100%;height: 100%;display:inline-block;}
.menu .line{position:absolute;bottom:20px;left:100px;display:block;width:80px;height:3px;margin:0 10px;background:#4b1558;}

.menu .second_menu{display:none;position:absolute;padding-top:35px;width:100%;}
.menu .second_menu li{background:#fff;height:40px;line-height:40px;text-align:center;cursor:pointer;position:relative;}
.menu .second_menu li.active{background:#4b1558;}
.menu .second_menu li.active>a{color:#fff;}

.menu input[name='search']{background:url(../images/search1.png) no-repeat left;background-size:24px 24px;text-indent:20px;border-radius:5px;width:90px;height:24px;line-height:24px;border-width:1px;border-color:#1c9fea;padding:0 5px;font-size:14px;}
.menu input[name='search']:focus{outline:none;}
.menu button{display:none;background: #1c9fea;border: none;color: #fff;width: 90px;height: 24px;left: 5px;position: absolute;top: 30px;outline: none;border-radius: 5px;}

.third_menu{display:none;position:absolute;left:100px;width:105px;top:0px;padding-left:5px;}
.third_menu li{background:#fff;}

/* 底部footer css */

footer{height: 310px;background:#343434;}
.footer-top{height: 270px;width: 1200px;margin: 0 auto;}
.footer-top dd{float: left;}
.footer-top dd:nth-child(1){width: 320px;text-align: center;}
.footer-top dd:nth-child(2){width: 200px;}
.footer-top dd:nth-child(3){width: 290px;}
.footer-top dd:nth-child(4){width: 390px;}
.footer-top dd:nth-child(1) h4{margin: 30px 0 10px 0;}
.footer-top dd:nth-child(1) img{width: 180px;height: 180px;}
.footer-top dd h4{color: #a3a3a3;font-size: 16px;line-height: 30px;margin: 15px 0 10px 0;}
.footer-top dd:nth-child(2) li{line-height:24px;}
.footer-top dd ol a{color: #7e7e7e;font-size:13px;}
.footer-top dd:nth-child(3) li{line-height:24px;float: left;width: 50%;margin-bottom: 10px;}
.footer-top ul li{border-bottom: 1px solid #434343;line-height: 24px;padding-left:20px;position: relative;}
.footer-top ul li a{color:#7e7e7e;font-size:12px;}
.footer-top ul li:after{content:" ";position: absolute;width: 8px;height: 8px;background-color: #7e298c;border-radius: 50%;left: 5px;top: 10px;}
.footer-top ul li a:hover{color:#0064D4;}
.footer-top ul li span{color: #7e7e7e;font-size: 12px;float: right;}
.footer-bottom{height: 40px;background:#2d2d2d;line-height:40px;text-align: center;font-size:12px;}
.footer-bottom p{display:inline-block;color: #b8c5ce;}
.footer-bottom span{margin:0 10px;color: #b8c5ce;}







/* 悬浮 */
.fixed{position:fixed;bottom:30%;right:0;width:60px;border-radius:5px;}
.fixed ul{background:url(../images/right_bg.png) no-repeat;}
.fixed ul li{height:60px;cursor:pointer;line-height: 60px;}
.right1{background:url(../images/right_1.png);width:60px;}
.right2{background:url(../images/right_2.png) left; width:230px;transition:all .5s ease;}
.right3{background:url(../images/right_3.png) left; width:230px;transition:all .5s ease;}
.right4{background:url(../images/right_4.png);width:60px;}
.right5{background:url(../images/right_5.png);width:60px;}
.right6{background:url(../images/right_6.png);width:60px;}
.right2:hover,.right3:hover{margin-left:-170px;}
.fixed .phone{padding-left:60px;color:#fff;line-height:30px;}
.qq{padding-left:60px;}
.qq img{vertical-align: sub;}
/* banner_floor */
.banner_floor{position:fixed;top:0;width:100%;height:100px;z-index:20;display:none;}
.banner_box{background: url(../images/banner_floor.png) no-repeat center;min-width:1200px;height:100px;padding: 10px 0;}
.banner_width{width:1200px;margin:0 auto;}
.banner_content{margin-left: 600px;border: 1px solid #ff0000;height: 80px;color: #fff;width: 550px;}
.banner_text{float: left;font-size: 13px;text-align: center;line-height: 20px;padding-top: 10px;margin-left: 30px;}
.banner_btn{float: right;width: 126px;height: 54px;background: #ff9003;border-radius: 4px;margin: 13px 20px 13px 0px;text-align: center;line-height: 54px;font-size: 18px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
.banner_btn a{color: #fff;display: block;width: 100%;height: 100%;box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);-webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);}
.banner_btn:hover{background:#f16816;}
/* 电话 */
.free_floor{display:none;position:fixed;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.5)}
.free-tel{z-index:100;width:400px;height: 248px; no-repeat;position:absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;background:url(../images/free-bottom.png) no-repeat}
.free-tel font{position:absolute;left: 3px;top: 3px;background:url(../images/close.png);background-size:100%;width: 24px;height: 24px;display:block;cursor:pointer;}
.free-tel .free-bottom{width: 100%;height: 100%;position:relative;}
.free-tel .free-bottom img{position:absolute;top:-150px;right: 0;display:none;}
.free-tel .free-phone input{position:absolute;top: 170px;left: 62px;height: 30px;border:none;background:rgba(0,0,0,0);z-index:10;outline:none;font-size:16px;}
.free-tel .free-phone span{position:absolute;top: 174px;left: 255px;font-size:16px;font-weight:600;z-index:101;cursor:pointer;}

/* alert */
.alert{display:none;position: fixed;background:rgba(0,0,0,.7);width: 220px;height: 45px;top: 0;left:0;right: 0;bottom:0;margin:auto;transition:all .5s;color:#fff;border-radius:4px;text-align:center;line-height:45px;}
.alert.active{display:block;}
