﻿/*@ home page=========================== */
body {background:#eff1f3;}
h1.mbh {text-align:center;font-size: 32px;text-align: center;padding-bottom:12px;position: relative;font-weight: normal;}
.hm-mod-feature .popover {display:none}
.hm-mod-feature:hover .popover {display:block;}
/*左侧*/
.huace_left {border:1px solid #e2e2e2;float: left;width: 240px;padding: 15px;padding-right:0px;background: #fff;-webkit-box-shadow: #e2e2e2 0px 0px 2px;box-shadow:#e2e2e2 0px 0px 2px;}
.huace_left_conter {overflow: hidden;}
.huace_left_title {border-left:3px solid #198EDE;height: 18px;line-height: 18px;font-size: 16px;font-family: "微软雅黑", "宋体";color: #333333;padding-left: 10px;}
.huace_left_common {margin-top: 18px;overflow: hidden;}
.huace_left_common a, .huace_left_common span {border:1px solid #d9d9d9;float: left;width:200px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-family: "微软雅黑", "宋体";color: #666666;margin-bottom: 7px;margin-right: 9px;}
.huace_left_common a:hover, .color_a:hover, .huace_left_common span, .format_a:hover, .format_default, .page_a:hover, .page_default, .color_a_each:hover {border: 1px dotted #555;color: #000;}
.rgb_all {border:1px solid #b1b1b1;float: left;width: 56px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-family: "微软雅黑", "宋体";color: #666666;margin-bottom: 7px;margin-right: 4px;}
.format_a {border:1px solid #d9d9d9;float: left;width: 56px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-family: "微软雅黑", "宋体";color: #666666;margin-bottom: 7px;margin-right: 9px;}
.page_a {border:1px solid #d9d9d9;float: left;width: 56px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-family: "微软雅黑", "宋体";color: #666666;margin-bottom: 7px;margin-right: 9px;}
.huace_left_page {height: 30px;line-height: 30px;width: 161px;margin: 0 auto;margin-top: 20px;}
#amount {float: right;margin-right: 22px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;font-family: "微软雅黑", "宋体";color: #666}
.rgb_c1:hover, .rgb_c2:hover, .rgb_c3:hover, .rgb_c4:hover, .rgb_c5:hover, .rgb_c6:hover, .rgb_c7:hover, .rgb_c8:hover, .rgb_c9:hover, .rgb_c10:hover, .rgb_c11:hover, .rgb_c12:hover, .color_default {width: 18px;height: 28px;line-height: 30px;border: 2px solid #83cd75;}
.color_default.rgb_all {border: 1px solid #83cd75;color: #24a206;width: 56px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;font-family: "微软雅黑", "宋体";color: #666666;}
a {text-decoration: none;}
.huace_left_title {text-align:left}
.mainpc {padding: 0 40px;}
.main_pc {margin-left:240px;float:none !important;width:auto !important;}
.expand li {width:33.33%;}
@media screen and (min-width: 1600px) {
	.expand li {width:25.0%;}
	.main_pic_shadow {width:300px;}
}
@media screen and (min-width: 1720px) {
	.expand li {width:25.0%;}
	.main_pic_shadow {width:330px;}
}
 @media screen and (max-width: 1440px) {
	 .main_pic_shadow {width:250px;}
	.main_prm {width:230px;}
	.main_pc li, .main_mob li {width:25%}
}
@media screen and (max-width: 1240px) {
	.main_pc li, .main_mob li {width:50%}
	.main_pic_shadow {width:360px;}
	.main_prm {width:290px;}
}
.main_pc ul {padding-top:0px;}
.colorpc .huace_left_common a:nth-child(2) {background:#fe0000;}
.colorpc .huace_left_common a:nth-child(3) {background:#ff6300;}
.colorpc .huace_left_common a:nth-child(4) {background:#fae242;}
.colorpc .huace_left_common a:nth-child(5) {background:#80d032;}
.colorpc .huace_left_common a:nth-child(6) {background:#198ede;}
.colorpc .huace_left_common a:nth-child(7) {background:#909;}
.colorpc .huace_left_common a:nth-child(8) {background:#ff68ff;}
.colorpc .huace_left_common a:nth-child(9) {background:#fff;border:1px solid #ccc;}
.colorpc .huace_left_common a:nth-child(10) {background:#999;}
.colorpc .huace_left_common a:nth-child(11) {background:#000;}
.mt20 {margin-top: 20px;}
/*main css*/
.main-im {position:fixed;right: 10px;top:300px;z-index: 100;width: 110px;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;}
.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;border-bottom: 1px solid #dddddd;}
.main-im .im_main .im-tel div {font-weight:bold;font-size: 12px;margin-top:11px;}
.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: 112px;height: 142px;background: #ffffff;border-radius: 10px;border: 1px solid #dddddd;position: absolute;left: -125px;top: -82px;display:none}
.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: 112px;top: 100px;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: 112px;top: 100px;position: absolute;}
.main-im .im_main .weixing-show .weixing-ma {width: 104px;height: 103px;padding-left: 5px;padding-top: 5px;}
.main-im .im_main .weixing-show .weixing-txt {position:absolute;top:110px;left:7px;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;margin-left: 68px;width: 40px;height: 133px;background: url(../images/open_im.png) no-repeat left top;}
.bor-ul li {height: 42px;line-height: 42px;text-align: center;border-bottom: 1px solid #f0f0f0;padding-left: 7px;}
.bor-ul li.ico-bg {background: url(../images/q3.png) no-repeat;background-position: 19px -210px;}
.txtScroll-left {padding-top:15px;}
.txtScroll-left li span {float:right;color:#333;padding-right:15px;}
.header_search {height: 69px;line-height: 69px;width: auto;background: url("../images/header_two_bj.png") repeat-x;padding-top: 26px;}
.search_div {width: 762px;margin: 0 auto;overflow: hidden;position: relative;}
.input_search {float: left;border:2px solid #45b7f5;height: 34px;line-height: 34px;width: 595px;padding-left: 33px;}
.input_submit {float: left;height: 38px;line-height: 38px;text-align: center;background: url("../images/search_bj.jpg") repeat-x;width: 128px;color: #fff;font-size: 17px;font-family: '微软雅黑', '宋体';border:none;}
.input_submit:hover {background: url("../images/search_bj_h.jpg") repeat-x;}
.input_submit:active {background: url("../images/search_bj_c.jpg") repeat-x;}
.search_bj {width: 12px;height: 13px;background: url("../images/search.png") no-repeat;position: absolute;left: 13px;top: 13px;}
.serc {padding:50px 0px 0px;}
.arrow-begin {text-align:center;padding:50px;clear:both}
.moremb {background:url(../images/moremb.png) no-repeat center center;display:block;width:100%;height:100%;opacity:0.5}
.moremb:hover {opacity:1}