@charset "utf-8";
/* design by www.lancent.cc 2017/2/7 */
* { margin:0px; padding:0px; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, input, textarea { background-color:#fff; font-family:'微软雅黑', Arial, Helvetica, sans-serif; }
body { font:12px/1.5 '微软雅黑', Arial, Helvetica, sans-serif; background: #fff; }
ul li, ul ol { list-style:none; }
em { list-style:normal; }
form { display:block; }
a { color:#333; text-decoration:none; border:0; }
a:hover { color:#e70012; text-decoration:none; }
img { border:0px; }
table { border-collapse:0px; border:0px; border-spacing:0px; }
.w { width:1200px; margin:0 auto; }
.bgfff { background-color:#fff; }
.alignleft, .tl { text-align:left; }
.alignright, .tr { text-align:right; }
.aligncenter, .tc { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; text-indent:-9999px; }
.clearfix, .clf { display: block; }
.clearfix:after, .clf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* Hides from IE-mac \*/
* html .clearfix, * html .clf { height: 1%; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mr20 { margin-right:20px; }
.ml20 { margin-left:20px; }
.pt20 { padding-top:20px; }
.pb20 { padding-bottom:20px; }
.red { color:red; }
.blue { color:#09f; }
.orange { color:#e70012; }
.gray{ color:#999;}
/*------header-----------*/
.header { background-color:#fff;}
.topBar { height: 32px; line-height:32px; background-color: #484848; color:#ccc; }
.topBar a { margin-right:25px; color:#ccc; }
.topBar a:hover { color:#e70012; }
.topBar a i { color:#ccc; margin-right:2px; }
.topBar a:hover i { color:#e70012; }
.topBar a.lan-icon { display: inline-block; vertical-align: -5px; width: 68px; height: 19px; background-position: center center; background-repeat: no-repeat; }
.topBar a.lan-icon.f-icon{ background-image: url(../images/common/f-icon.png); }
.topBar a.lan-icon.j-icon{ background-image: url(../images/common/j-icon.png); }
.topBar a.lan-icon.f-icon:hover{ background-image: url(../images/common/f-iconh.png); }
.topBar a.lan-icon.j-icon:hover{ background-image: url(../images/common/j-iconh.png); }
.head { height:90px; }
.head .logo { width:250px; height:70px; margin-top:10px; overflow:hidden; }
.head .logo a { display:block; }
.head .logo a img { width:250px;height:70px;}
.head .bot { }
.head .bot .nav { }
.head .bot .nav li { display:inline-block; height:90px; line-height:90px; font-size:16px; text-align:center; position:relative; width:110px; }
.head .bot .nav li a { display:block; text-align:center; }
.head .bot .nav li i { color:#444; }
.head .bot .nav li:hover i, .head .bot .nav li:hover>a, .head .bot .nav li.cur>a, .head .bot .nav li.cur i { color:#e70012; }
.head .bot .nav li dl { display:none; position:absolute; z-index:9999; top:75px; width: 140px; left:50%; margin-left:-70px; background: #fff; border: 1px solid #eee; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); padding: 10px 0; }
.head .bot .nav li dl:before { content: ' '; display: block; width: 20px; height: 20px; background: #fff; position: absolute; top: -10px; left: 50%; margin-left: -10px; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); border-top: 1px solid #eee; border-left: 1px solid #eee; }
.head .bot .nav li:hover dl { display:block; }
.head .bot .nav li dl dd { height: 36px; line-height: 36px; overflow: hidden; padding: 0 20px; }
.head .bot .nav li dl dd a { display:block; height:36px; line-height:36px; text-align:left; font-size:13px; padding:0; color:#444; }
.head .bot .nav li dl dd a:hover { color:#e70012; }
/*--------------------footer-------------------------*/
.footer { background:#f3f3f3; width:100%; padding:30px 0 40px 0; color:#333; }
.footer_l { }
.footer_weixin { display:block; width:120px; height:120px; margin-right:40px; margin-top:-10px; }
.footer_l_nav a { float:left; color:#333; font-size:14px; }
.footer_l_nav a:hover { color:#e70012; }
.footer_l_nav span { float:left; font-size:14px; margin:0 15px; }
.footer_l p { color:#666; line-height:25px; margin-top:10px; font-size:13px; }
.footer_l p a { color:#999; }
.footer_l p a:hover { color:#e70012; }
.footer_r { }
.footer_r_o { float:left; }
.footer_r_o p { text-align:right }
.footer_r_o p.p1 { color:#666; font-size:16px; line-height:20px; background-position:-230px -158px; padding-left:20px; display:inline-block; float:right; }
.footer_r_o p.p2 { color:#e70012; font-size:34px; line-height:36px; margin:8px 0 12px 0; font-weight:bold; }
.footer_r_o p.p3 { color:#999; font-size:12px; line-height:12px; }
.footer_r_o p.p3 a { color:#999; }
.footer_r_o p.p3 a:hover { color:#e70012 }
/*在线客服样式*/
.main-im { position: fixed; right: 10px; top: 200px; z-index: 100; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; color: #c00; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: auto; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin: 10px 0; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 154px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -154px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 260px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 260px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { height: 143px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 140px; left: 30px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }
.pagecon { width: 1000px; margin: 0 auto; background: #fdd000; }

/*======================↓===================  side  ======================↓====================*/
.side { position:fixed; width:50px; height:253px; right:0; top:20%; z-index:100; }
.side ul li { width:50px; height:50px; float:left; position:relative;  margin-bottom: 4px;}
.side ul li .sidebox { position:absolute; width:50px; height:50px; top:0; right:0; transition:all 0.3s; color:#fff; font:14px/54px "微软雅黑"; overflow:hidden; }
.side ul li .sidebox:hover { cursor:pointer; }
.side ul li .sidetop { width:50px; height:50px; line-height:50px; display:inline-block; transition:all 0.3s; }
.side ul li .sidetop:hover { background:#007ce5; cursor:pointer; }
.side ul li img { float:left; background:none }
.side .moquu_wxin{
	width: 100%;
	height: 100%;
	position: relative;
	background:#eb3d00;
}
.side .moquu_wxin .moquu_weixin{
	display: none;
    position: absolute;
    z-index: 6;
    width: 142px;
    height: 162px;
    background: #fff;
    left: -144px;
    top: -30px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 12px;
    color:#888;
    line-height: 24px;
}
.side .moquu_wxin:hover .moquu_weixin{
	display: block;
}