@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei","微软雅黑";color: #000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
ul,li{list-style:none; text-decoration:none}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1200px;margin: 0 auto;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.head .width{width: 1200px!important;}
.head .head_top{height: 30px;line-height: 30px;color: #C2C2C2;background: #F2F2F2;text-align: right;font-size: 12px;}
.head .head_top p{float: left;font-size: 14px;color: #535353;}
.head .head_top a{display: inline-block;color: #535353;padding: 0 10px;font-size: 12px;}
.head .head_top a:hover{color: #000;}
.head .head_top span{display: inline-block;color: #EB1308;}
.head .head_top span em{display: inline-block;padding-left: 10px;color: #EB1308;}
.head .head_top .weixin{position: relative;}
.head .head_top .weixin img{display: block;position: absolute;z-index: 0;top: 30px;left: -26px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s;z-index: -1;}
.head .head_top .weixin:hover img{filter:alpha(opacity=1);-moz-opacity:1;opacity:1;z-index: 3;}
.head .head_menu .nav .menu .width{height: 220px;}
.head .head_menu .logo{display: block;float: left;padding-top: 25px;}
.head .head_menu p{float: right;width: 120px;padding-top: 28px;text-align: right;}
.head .head_menu p a{display: block;width: 54px;height: 24px;line-height: 24px;border: 1px solid #999999;text-align: center;border-radius: 3px;float: right;font-size: 14px;}
.head .head_menu p a:hover,.head .head_menu p a.reg{border: 1px solid #0A6DEE;background: #0A6DEE;color: #FFFFFF;}
.head .head_menu p a.reg{margin-left: 6px;font-size: 12px;}
.head .head_menu .nav{float: right;line-height: 80px;}
.head .head_menu .nav a{font-size: 16px;display: block;position: relative;color: #fff;}
.head .head_menu .nav li:hover a{color: #0A6DEE;}
.head .head_menu .nav a i{width: 10px;height: 7px;background: url(../images/2017/hi-dot.png);display: block;float: right;margin-top: 38px;margin-left: 3px;}
.head .head_menu .nav li:hover em{display: block; width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #dcdcdc;position: absolute;bottom: 0;left: 26px;}
.head .head_menu .nav li{float: left;padding: 0 15px;}
.head .head_menu .nav li .menu{position: absolute;width: 100%;opacity: 0.6;top: 102px; left: 0; height:0;overflow: hidden;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;z-index:  9999999999999999;background: #f5f5f5;}
.head .head_menu .nav li:hover .menu{height: 220px;}
.head .head_menu .nav li .menu dl{width: 300px;float: left;line-height: 30px;}
.head .head_menu .nav li .menu .no2{width: 400px;}
.head .head_menu .nav li .menu dl dt{font-size: 22px;padding: 20px 0 5px 38px;height: 42px;background: #e9e9e9;margin-bottom: 10px;}
.head .head_menu .nav li .menu dl:first-child dt{border-radius:50px 0 0 50px;}
.head .head_menu .nav li .menu dl:nth-child(2) dt{background: #dcdcdc;}
.head .head_menu .nav li .menu dl:nth-child(4) dt{border-radius: 0 50px 50px 0;background: #dcdcdc;}
.head .head_menu .nav li .menu dl dd a{display: block;height: 98px;border-radius: 8px;margin-bottom: 20px;    padding: 10px 0 0 38px;line-height: 18px;font-size: 12px;color: #6A6A6A;width: 218px;}
.head .head_menu .nav li .menu dl dd a b{font-size: 18px;color: #2F2F2F;display: inline-block;padding-bottom: 10px;margin-bottom: 6px;position: relative;padding-right: 48px;}
.head .head_menu .nav li .menu dl dd a .menu_xian{height: 1px;width: 218px;background: #dcdcdc;margin-bottom: 10px;}
.head .head_menu .nav li .menu dl dd a b img{position: absolute;right: 0;width: 43px;height: 18px;display: block;top: 2px;}
.head .head_menu .nav li .menu a.more{display: block;float: right;line-height: 237px;color: #0A6DEE;margin-right: 123px;}
.head .head_menu .nav li .menu a.more:hover{text-decoration: underline;}
.head .head_menu .nav li .menu a .menu_text{color:#5b5b5b}
.head .head_menu .nav li .menu .no2:last-child dt{border-radius: 0 50px 50px 0;}
/*.head .head_menu .nav li .menu .no2 dd b{padding-right: 0;}*/
.head .head_menu .nav li .menu .no2 dd a{height: 78px;margin-bottom: 14px;width: 280px;}
.head .head_menu .nav li .menu .no2 dd a .menu_xian{width: 280px;}

.footer{height: auto;overflow: hidden;background: #393b3d;padding-bottom: 25px;clear:both;}
.footer .width{width: 1200px!important;}
.footer a:hover{text-decoration: underline;}
.footer .top{height: 80px;border-bottom: 1px solid #616264;padding-top: 55px;}
.footer .top .logo{display: block;width: 146px;padding-top: 10px;}
.footer .top .logo em{width: 1px;height: 30px;background: #9c9d9e;float: right;margin-top: 3px;}
.footer .top .fr{height: auto;overflow: hidden;}
.footer .top .fr li{float: left;color: #E1E1E1;font-size: 20px;line-height: 50px;padding-left: 40px;}
.footer .top .fr li:first-child{padding-left: 52px;background: url(../images/2017/footer_phone.png) left center no-repeat;}
.footer .top .fr li em{font-size: 32px;color: #E1E1E1;line-height: 50px;display: block;float: right;}
.footer .top .fr li b{font-size: 20px;color: #E1E1E1;line-height: 50px;}
.footer .bottom .fl p{color: #757678;line-height: 30px;margin: 30px 0;width: 900px;}
.footer .bottom .fl p a{font-size: 16px;color: #c0c1c1;display: inline-block;margin: 0 20px;line-height: 30px;}
.footer .bottom .fl p a:first-child{margin-left: 0;}
.footer .bottom .t_link{color: #757678;line-height: 30px;margin: 30px 0;}
.footer .bottom .t_link a{font-size: 16px;color: #c0c1c1;display: inline-block;margin: 0 20px;line-height: 30px;}
.footer .bottom .t_link a:first-child{margin-left: 0;}
.footer .bottom .fl span{display: block;color: #888989;line-height: 22px;padding-bottom: 20px;font-size: 12px;}
.footer .bottom .fr{/*padding-top: 75px;*/font-size: 14px;color: #F1F1F1;width: 250px;}
.footer .bottom .fr img{float: right;}
.footer .bottom .fr .btn{display: block;width: 124px;height: 36px;border: 1px solid #616264;border-radius: 4px;margin-top: 30px;font-size: 14px;text-align: center;color: #c0c1c1;line-height: 36px;}
.footer .bottom .fr .btn:hover{border: 1px solid #d7d8d8;color: #d7d8d8;}