
.header {height:auto;overflow: hidden;background:#fff;}
.header .logo{width:310px;height:46px;float: left;padding: 15px 0 0;}
.header .nav{height:auto;overflow:hidden;}
.header .nav li{float:left;background:url(../images/nav-line.png) no-repeat right center;}
.header .nav li i{font-weight:normal;color: #c4c4c4;font-size: 24px;position:relative;top:6px;line-height: normal;*top:6px;margin-left: 8px;}
.header .nav li a{line-height: 80px;padding:0 25px;font-size: 14px;font-weight: bold;color:#333;text-align: center;position: relative;}
.header .nav li:first-child a{padding: 0 15px;}
.header .nav li a span{padding: 7px 12px;}
.header .nav li.on a span{ background-color: #da251d;color: #fff;}
.header .nav li a:hover{color:#006ebd;}
.header .nav li a:hover i{color:#fff;}
.header .nav li.active a{color:#006ebd;}
.header .nav .last{background: 0;}
.header .nav .last a{padding-right:0}
.header .nav .m-list{position: absolute;left: 0;right: 0;top: 80px;z-index: 3;background: rgb(237,237,237);background: rgba(237,237,237,0.95);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ededed,endColorstr=#E5ededed); /*padding: 60px 0;*/display: none;}
.header .nav .m-list .w1200{height:auto;overflow:hidden;margin:40px auto;}
.header .nav .m-list dl{float: left;width: 327px;}
.header .nav .m-list dl:first-child{margin-left: 20px;}
.header .nav .m-list dl a{display:inline-block;font-weight: normal;text-align: left;line-height: normal;color: #333;padding: 7px 0;}
.header .nav .m-list dl p{color: #333;padding: 7px 0;font-size: 14px;}
.header .nav .m-list dl a:hover{color: #006ebd;}
.header .nav .m-list dl dt a{font-size: 17px;font-weight:bold;}
.header .nav .m-list dl dd{}
.header .nav .m-list dl dd a{font-size: 14px;}
/*2017-05-25新增产品下拉*/
.header .nav .m-list ul{float: left;width: 240px;margin-left: 26px;}
.header .nav .m-list ul:first-child{margin-left: 0;width:400px;}
.header .nav .m-list ul li{float: none;background: none;height: auto;overflow: hidden;padding-top: 8px;}
.header .nav .m-list ul li p{height: auto;overflow: hidden;}
.header .nav .m-list ul li a{display: inline-block;line-height: normal;font-weight: normal;padding: 0;}
.header .nav .m-list ul li .img-box{width: 240px;height: 120px;overflow: hidden;margin-bottom: 3px;}
.header .nav .m-list ul:first-child li .img-box{margin-bottom: 5px;width:400px;}
.header .nav .m-list ul li a img{display: block;transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.header .nav .m-list ul li a:hover img{transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}
.header .nav .m-list ul li h2{font-weight: bold;font-size: 18px;color: #333;padding-bottom: 18px;}
.header .nav .m-list ul li h2 a{display: block;text-align: left;font-size: 18px;font-weight: bold;color: #333;}
.header .nav .m-list ul li h2 a span{font-size: 13px;color: #999;font-weight: normal;margin-bottom: -19px;padding:0;padding-bottom: 18px;line-height: 26px;margin-right: 0;background: none;}
.header .nav .m-list ul li h2 a:hover{color: #006ebd;}
.header .nav .m-list ul li span{margin-right: 13px;}
.header .nav .m-list ul li span a{font-weight: bold;color: #333;font-size: 12px;padding-top: 5px;padding-bottom: 4px;}
.header .nav .m-list ul li span a:hover{color: #006ebd;}
.header .nav .m-list ul li p a{font-size: 12px;color: #666;margin-right: 7px;position: relative;top: 2px;padding: 4px 0;}
.header .nav .m-list ul li p a:hover{color: #006ebd;}
.header .nav .m-list ul:first-child li span a{padding-top: 4px;}
.header .nav .m-list ul:first-child li p a{padding: 3px 0;}
/*2017-05-25新增产品下拉*/
.header .other{height: 80px;overflow: hidden;line-height: 80px;}
.header .other .search-box{height: auto;overflow: hidden;float: left;}
.header .other .search-box input{width: 0;height: 30px;line-height: 30px;float: left;margin: 24px 0;transition: width .3s linear;}
.header .other .search-box .btn-search{font-size: 22px;color: #666;float: right;padding: 0 27px;}
.header .other .search-box.active input{width: 120px;border: 1px solid #ededed;margin-left: 27px;padding: 0 5px;}
.header .other .btn-menu{height: auto;overflow: hidden;background-color: #296fb7;color: #fff;float: right;padding: 0 28px;cursor: pointer;}
.header .other .btn-menu .iconfont{font-size: 22px;color: #fff;}
.header .opeartion{height: 80px;overflow: visible;}
.header .opeartion dd{float:left;line-height: 80px;width: 84px;text-align: center;cursor: pointer;}
.header .opeartion dd i{font-size: 22px;color: #006ebd;}
.header .opeartion dd.gp{width:auto;font-size: 12px;color: #999;line-height: normal;height: 54px;padding: 26px 23px 0;}
.header .opeartion dd.gp a{color:#999;}
.header .opeartion dd.gp span{display: block;font-weight: bold;font-size: 15px;color: #da251d;}
.header .opeartion dd.search{background-color: #ededed;}
.header .opeartion dd.search:hover{background-color: #999;}
.header .opeartion dd.search i{color: #999;}
.header .opeartion dd.search:hover i{color: #fff;}
.header .opeartion dd.search .search-box{display:none;line-height:normal;z-index:2;position:absolute;right:162px;top:80px;width:238px;height:44px;border:8px solid #999;background-color:#4c4a4f;}
.header .opeartion dd.search .search-box input{padding:0 20px;width:200px;height:44px;line-height:44px;font-weight:inherit;font-family:inherit;color: #333;}
/*底部*/
.footer{width: 100%;height:auto;overflow:visible;}
.footer .footer-top{height:auto;overflow:visible;background-color: #303030;clear: both;padding: 70px 0 60px;}
.footer .footer-top-fl{height:auto;overflow:hidden;}
.footer .footer-top dl{height:auto;overflow:hidden;width: 199px;float: left;display: inline-block;color: #818181;}
.footer .footer-top dl dt{font-size: 16px;margin-bottom: 12px;}
.footer .footer-top dl dt a{display: block;font-size: 16px;color: #c6c6c6;padding-bottom: 24px;}
.footer .footer-top dl dt em{display: block;overflow: hidden;width: 17px;height: 2px;background-color: #818181;}
.footer .footer-top dl dd span{font-size: 13px;display: block;margin-bottom: 9px;padding-top: 7px;}
.footer .footer-top dl dd span i{margin-right: 8px;}
.footer .footer-top dl dd p{font-size: 13px;margin-bottom: 24px;}
.footer .footer-top dl dd p em{font-size: 25px;color: #83807f;}
.footer .footer-top dl dd a{display: block;font-size: 13px;color: #818181;padding: 7px 0;}
.footer .footer-top dl dd p a{padding: 0;}
.footer .footer-top dl a:hover{color: #c6c6c6;}
.footer .footer-top-fr{height:auto;overflow:visible;*width:122px;}
.footer .footer-top-fr .ewm img{display: block;margin: 0 auto;}
.footer .footer-top-fr ul{padding-top: 27px;}
.footer .footer-top-fr ul li{float: left;margin-left: 10px;text-align: center;position: relative;z-index: 1;}
.footer .footer-top-fr ul li:first-child{margin-left: 0;}
.footer .footer-top-fr ul li i{font-size: 34px;position: relative;color: #87888d;}
.footer .footer-top-fr ul li .ewm-box{background: url(../images/ewm-box.png) top no-repeat;width: 114px;height: 150px;position: absolute;bottom:-160px;left: -38px;opacity: 0;filter:alpha(opacity=0);display: none;z-index: 2;}
.footer .footer-top-fr ul li .ewm-box img{width: 90px;height: 90px;display: block;margin: 30px auto 6px;}
.footer .footer-top-fr ul li .ewm-box p{font-size: 12px;color: #666;text-align: center;clear: both;}
.footer .footer-top-fr ul li.phone .ewm-box{background: url(../images/ewm-box.png) top no-repeat;}
.footer .footer-bottom{height:66px;overflow:visible;background-color: #1c1c1c;font-size: 13px;position: relative;}
.footer .footer-bottom p{color: #666;height: 66px;line-height: 66px;}
.footer .footer-bottom .footer-bottom-fr ul li{float: left;color: #848484;font-size: 13px;line-height: 66px;}
.footer .footer-bottom .footer-bottom-fr ul li a{color: #646464;display: block;padding: 0 15px;position: relative;}
.footer .footer-bottom .footer-bottom-fr ul li:first-child i{position:absolute;right:-5px;top:0;font-size: 20px;*line-height: normal;}
.footer .footer-bottom .footer-bottom-fr ul li a:hover{color: #c6c6c6;}
.footer .footer-bottom .subsidiary{position:relative;margin-left:25px;cursor:pointer;width: 178px;padding:0 16px;height: 32px;line-height: 32px;margin-top: 17px;background-color: #373737;color: #ababab;font-size: 13px;}
.footer .footer-bottom .subsidiary span{display: inline-block;}
.footer .footer-bottom .subsidiary i{float: right;font-size: 24px;margin-top: 2px;}
.footer .footer-bottom .subsidiary dl{display: none;position: absolute;left: 0;right: 0;bottom: 32px;background-color: #373737;padding: 5px 0;z-index: 2;}
.footer .footer-bottom .subsidiary dl dd a{display: block;color: #ababab;padding: 8px 16px;line-height: normal;}
.footer .footer-bottom .subsidiary dl dd a:hover{color: #fff;background-color: #1c1c1c;}
.footer .friend-link{position:absolute;left:0;right:0;bottom:66px;background-color: #373737;height: auto;overflow: hidden;padding: 39px 0 31px;display: none;z-index: 4;}
.footer .friend-link dl{height: auto;overflow: hidden;}
.footer .friend-link dl dd{float: left;margin-right: 16px;}
.footer .friend-link dl dd a{display: block;padding: 7px 13px !important;font-size: 13px;color: #b8b8b8 !important;;border: 1px solid #b8b8b8;line-height: normal;}
.footer .friend-link dl dd a:hover{background-color: #b8b8b8;color: #000 !important;}
