@charset "utf-8";
*{ margin:0; padding:0; list-style:none; font-family:"Microsoft YaHei","STHeiti Light",Arial,"SimSun";}
body{color:#444; line-height:1.8em; font-size:14px; position:relative;}
a{ color:#444; text-decoration:none;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.clear{ clear:both; overflow:hidden; zoom:1}

.left{ float:left;}
.right{ float:right;}
.layout{ width:1200px; margin:0 auto;}

#hg_top{ height:30px; line-height:30px; width:100%; background:#eee; border-bottom:#ddd 1px solid;}
.hg_top ul li{ float:left; color:#666; position:relative;}
.hg_top ul li a,.hg_top ul li a i{ color:#555; font-size:12px;}
.hg_top ul.left li{ float:left; margin-right:20px;}
.hg_top ul.left li a.login,.hg_top ul.left li a.register{ color:#ff4127;}
.hg_top ul.right li{ float:left; padding:0 15px;}
.hg_top ul.right li .spn{ position:absolute; top:31px; right:-1px; background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; z-index:1;}
.hg_top ul.right li span.about{ width:64px; height:auto; padding:5px 15px;}
.hg_top ul.right li span.weixin{ width:120px; height:140px; padding:10px;}
.hg_top ul.right li span.mobile{ width:255px; height:140px; padding:10px;}
.hg_top ul.right li span .wimg{ height:120px;}
.hg_top ul.right li span .wtxt{ font-size:12px; text-align:center;}
.hg_top ul.right li span{ display:none;}
.hg_top ul.right li:hover,.hg_top ul.right li.on{ background:#fff;}
.hg_top ul li:hover span,.hg_top ul li.on span{ display:block;}
.hg_top ul li:hover a.tit{ color:#ff4127; }
.hg_top ul.left li a:hover,.hg_top ul.left li a.login:hover,.hg_top ul.left li a.register:hover,.hg_top ul.right li dl dd a:hover{ color:#ff4127; text-decoration:underline;}
.hg_top ul.right li a i{ display:inline-block; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; -ms-transition: -ms-transform 0.2s ease-out; transform:rotate(0deg);}
.hg_top ul.right li:hover a i{ transform:rotate(180deg); color:#ff4127;}

#hg_foot{ border-top:#ddd 1px solid; padding:30px 0; overflow:hidden;}
.hg_foot ul li{ float:left; width:159px; padding-left:40px; height:160px; border-left:#ddd 1px dashed;}
.hg_foot ul li:nth-child(1){ border:none;}
.hg_foot ul li .ftit{ display:block; font-size:16px; height:30px; line-height:30px; margin-bottom:10px;}
.hg_foot ul li dl dd a{ color:#666;}
.hg_foot ul li dl dd a:hover{ color:#ff4127;}
.hg_foot ul li.weixin{ width:360px;}
.hg_foot ul li.weixin dl dt{ float:left; margin-right:20px;}
.hg_foot ul li.weixin dl dt .fimg{ border:#ddd 1px solid; padding:10px; display:block; height:120px;}
.hg_foot ul li.weixin dl dt p{ text-align:center;}

#hg_copy{ background:#eee; padding:30px;}
.hg_copy p{ text-align:center; line-height:2em; font-size:13px; color:#555;}
.hg_copy p span{ padding:0 10px; color:#999;}
.hg_copy p a:hover{ color:#ff4127;}
.hg_copy .flinks{ margin-bottom:10px;}
.hg_copy .copyimg{ margin-top:10px; text-align:center;}

#pages{ padding:15px 0px;}
#pages a,#pages span{ border:#ccc 1px solid; padding:5px 10px; color:#ccc; font-size:12px; border-radius:2px;}
#pages span{ background:#ff4127; color:#fff; border:#ff4127 1px solid;}
#pages a:hover{ border:#ff4127 1px solid; color:#ff4127;}

.c_right_fix { position: fixed; }
.c_right_fix li { position: relative; }
.c_right_fix li span, .c_right_fix li span:after { position: absolute; }
.c_right_fix { width: 35px; background:#383838; right: 0; height: 100%; top: 0; z-index: 999; color:#ffffff; text-align: center; font-size: 14px; }
.c_right_fix a { color: inherit; }
.c_right_fix ul { padding-top: 210px; }
.c_right_fix li { cursor: pointer; position: relative; transition: 0.4s; width: 35px; height: 35px; }
.c_right_fix li a { display:block; width:100%; height:35px; }
.c_right_fix li a img { vertical-align: middle; }
.c_right_fix li:first-of-type a{ background: url('../images/fr_user_on_2.png') center center no-repeat; }
.c_right_fix li:first-of-type span { width: 110px; }
.c_right_fix li:nth-of-type(2) { height:110px; margin:20px 0; background:#ff4127;}
.c_right_fix li:nth-of-type(2) a{ height:70px; padding-top:40px; font-size:13px; line-height:1.5em; background:url('../images/fr_car_2.png') center 15px no-repeat;}
.c_right_fix li:nth-of-type(3) a{ background:url('../images/fr_phone_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(3) span { width: 130px; }
.c_right_fix li:nth-of-type(4) a{ background:url('../images/fr_qq_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(4) span { width: 100px; }
.c_right_fix li:nth-of-type(5) a{ background: url('../images/fr_code_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(5) span { padding-top: 110px; width: 120px; background:url("../images/fr-wx.jpg") center 7px no-repeat #585858; margin-top: -72px; background-size:106px;}
.c_right_fix li:nth-of-type(6) a{ background:url('../images/fr_help_on_2.png') center center no-repeat; }
.c_right_fix li:nth-of-type(6) span { width: 100px; }
.c_right_fix li:last-of-type { position: absolute; bottom: 35px; }
.c_right_fix li:last-of-type a{ background: url('../images/fr_top_on_2.png') center center no-repeat;}
.c_right_fix li:hover { background: #585858;}
.c_right_fix li span { width: 90px; height: 35px; line-height: 35px; font-size: 13px; background: #585858; right: 135px; top: 50%; margin-top: -18px; display: none; }