
/* common */
/* fonts */
.f16{font-size:16px}
.f12{font-size:12px}
.fb{font-weight:bold;}
.ovh{overflow:hidden;}
.p70{padding:70px 0;}
.shadow{box-shadow: 0px 3px 18px 1px rgba(0,0,0,0.06);
    border-radius: 16px;}
.top{font-size:14px; background:#f7f7f7; height:40px; line-height:40px; border-bottom:1px solid #ececec; color:#666;}
.top em{margin-left: 5px;}
.top .rbox a,.top .rbox span{margin-left: 18px;color: #666;}
.top .rbox .price{color: #999;}
.top .rbox em{margin-left: 5px;}
.top .rbox .home{background: url(../img/home-icon.jpg) no-repeat left center;padding-left: 23px;}
header{height: 100px; background: #FFFFFF;}
header .logo{/*height: 30px;*/
float:left; margin-top: 27px;}
header .logo img{height: 50px;}
.nav{float: right;}
.nav li{float: left;}
.nav h3{font-weight: 200;font-size: 16px;padding-left: 26px; line-height: 95px;}
.nav h3 a{color: #2f2f2f;display: block; padding: 0 2px;}
.nav i{background: url(../img/a12.png);width:9px; height: 6px; *display: inline; display: inline-block; margin-left: 4px;}
.sub{position: absolute;top:140px; width:100%; background: rgba(0,0,0,.6);z-index: 99999999999999;left:0; display: none;}
.subbox{width:1200px; margin: 0 auto; padding: 24px 0 0 0; position: relative;}
.subbox dl{overflow: hidden;}
.subbox dt{width:20%; padding: 0 0 30px 42px;box-sizing: border-box;float: left;}
.subbox a{color: #fff; font-size: 16px;}
.subbox a:hover{color:rgba(255,255,255,.8)}
.subbox img{vertical-align: middle; margin-right: 16px;}
.xjt{width:22px; height: 11px; top:-17px; left:420px; position: absolute;}
.nav li.login a{width: 60px;height: 30px;border: 1px solid #e4e4e4;border-radius: 15px;color: #222;font-weight: 400;font-size: 16px;text-align: center;line-height: 30px;margin-left: 20px;display: block;margin-top: 32px;}
.nav li.reg a{width: 60px;height: 30px;border: 1px solid #e4e4e4;border-radius: 15px;color: #222;font-weight: 400;font-size: 16px;text-align: center;line-height: 30px;margin-left: 13px;display: block;background: linear-gradient(180deg, #E57117 0%, #DA271C 100%);color: #fff;margin-top: 32px;}
.dlbtn:hover{color: #fff;}
.subbox p{text-align:center; line-height:40px;}
.subbox p a{display:block;}
.subbox p a:hover{color:#333; background:#eee;}
.subbox em{font-style: normal;}
.subboxdl dt a:hover em{color: #2F67E9; border-bottom: 3px solid #2F67E9;}
.nav .on h3 a{background: url(../img/bm_06.jpg) no-repeat center 65px;color:#2F67E9;background-size:75% 3px;}
.nav .on h3 i{background: url(../img/bm_07.jpg) no-repeat center center;}
header .loginmodel{float: right;margin-top: 29px; margin-left: 10px;}
header .loginmodel .login{color:#0fafeb ; border: 1px solid #0fafeb;display:inline-block;padding: 10px 20px;border-radius:10px; margin-left: 10px;-webkit-transition: all .35s ease-in-out;transition: all .35s ease-in-out;}
header .loginmodel .reg{color:#ffffff ; border: 1px solid #ff652f;background: #ff652f;display:inline-block;padding: 10px 20px;border-radius:10px; margin-left: 10px;-webkit-transition: all .35s ease-in-out;transition: all .35s ease-in-out;}
header .loginmodel a.login:hover,header .loginmodel a.reg:hover{color:#ffffff ; border: 1px solid #0fafeb;background: #0fafeb;}
header .dropdown{/*width:130px;*/
height:40px;line-height: 40px;position:relative; float:left; margin-top:-2px;}
header .dropdown .dropdown-menu{display:none;}
header .dropdown #userId{font-size:16px;}
header .dropdown .icon-yonghu{width:13px; height:16px; display:inline-block; float:left; background:url(../img/lefticon.png) center center no-repeat;margin-top: 10px;margin-right: 6px;}
header .dropdown .icon-icon_down{width:11px; height:6px; float:right; display:inline-block; background:url(../img/rjiantouicon.png) center center no-repeat;margin-top: 18px;margin-left: 10px;}
header .dropdown:hover .dropdown-menu{display:block; position:absolute;top: 100%;left: -25px;z-index: 1000;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;}
header .dropdown:hover .dropdown-menu .dropdown-header{display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857143;color: #777777;white-space: nowrap;text-indent:0.5em;}
header .dropdown:hover .dropdown-menu li{text-indent:2em; height:30px; line-height:30px;}
header .dropdown:hover .dropdown-menu li a{display:block; width:100%; height:100%;}
/* footer */
.links{clear: both;color: #73798A;padding:16px 0;background: #383D4B;}
.links a{color: #73798A;margin: 3px 6px;display: inline-block;}
.links a:hover{color: rgba(255, 255, 255, 0.8);}
.footer{background: #252a36;color: #fff;overflow: hidden;}
.footer .ftbox{padding: 50px 0 0 0;}
.footer .footer_left{width:235px;float: left;}
.footer .ft_share{margin-top:43px;}
.footer .ft_share span{width: 36px;height: 36px;margin-right: 20px;display: inline-block;line-height: 36px;text-align: center;border-radius: 50%;background: rgba(245, 250, 255, 0.2);position: relative;}
.footer .ft_share span .qrbox1,.footer .ft_share span .qrbox2,.footer .ft_share span .qrbox3{position: absolute;background:rgba(255,255,255,.8);border-radius:5px;text-align:center;color:#333;padding:3px 10px;overflow:hidden;display:none;top:30px;}

.footer .ft_share span .qrbox1{left:0px;background:#fff;padding:6px;}
.footer .ft_share span .qrbox2{left:-30px;width:140px;top:35px;}
.footer .ft_share span .qrbox3{left:-80px;width:180px;top:35px;}
.footer .ft_share span:hover .qrbox1,.footer .ft_share span:hover .qrbox2,.footer .ft_share span:hover .qrbox3{display:block;}
.footer .ft_share span .qrbox1 a{color:#333}
.footer .ft_share span .qrbox1 a:hover{color:#2F67E9}
.footer .ft_share span i{font-size: 22px;color: #fff;}
.footer .ft_share span:hover{background: rgba(245, 250, 255, 0.22);}
.footer  .ft_nav{float:left;}
.footer  .ft_nav dl{width:130px;float:left;}
.footer  .ft_nav dl dt{font-size: 16px;color: #fff;margin-bottom: 10px;}
.footer  .ft_nav dl dd{height: 35px;line-height: 35px;}
.footer  .ft_nav dl dd a{font-size: 12px;color: #A2A9BE;}
.footer  .ft_nav dl dd:hover a{color:#fff;text-decoration:underline;}
.footer  .ft_msg{float:right;}
.footer .wx{width:103px;float:left;margin-right:42px;background:#fff;border-radius:5px;padding:7px;}
.footer .wx img{display: block;}
.footer .ft_tel{width:225px;font-size: 16px;float:right;margin-top:10px;}
.footer .ft_tel .p1 img{margin-right: 12px;vertical-align: middle;}
.footer .ft_tel .p2{font-size: 30px;margin:6px 0;}
.footer .ft_tel .p3{font-size: 12px;color: #999;}
.copyright{color: #fff;font-size: 12px;padding:23px 0;clear:both;border-top:1px solid #383D4B;text-align:center;margin-top:30px;width:100%;float:left;}
.copyright a{color: #fff;}
.copyright a.bn{margin: 0 26px;}
.copyright a img{vertical-align: middle;margin-right: 5px;}
.copyright a:hover{color: rgba(255, 255, 255, 0.8);}

