/*@ 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: 66px; 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:288px;}

	.main_prm{ width:268px;}

    .main_pc li,.main_mob li{width:33.33%}

}

@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 }