/*@ home page

=========================== */

body{ background:#f5f5f5;}





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







/*℅車2角*/

.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: "?⊿豕赤??o迆","??足?"; 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: "?⊿豕赤??o迆","??足?"; 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: "?⊿豕赤??o迆","??足?"; 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: "?⊿豕赤??o迆","??足?"; 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: "?⊿豕赤??o迆","??足?"; 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: "?⊿豕赤??o迆","??足?"; 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: "?⊿豕赤??o迆","??足?"; color: #666666;}





a {

    text-decoration: none;

}

.huace_left_title {

	text-align:left

}

.main_pc{ padding: 0 40px;}

 

@media screen and (min-width: 1600px) {

	.expand li{width:20.0%;}

	.main_pic_shadow{ width:90%;}
	
	.pt_sous{ display:none}

	}
@media screen and (min-width: 1000px) {
 
	.pt_sous{ display:none}

	}
@media screen and (min-width: 1720px) {

	.expand li{width:20%;}

	.main_pic_shadow{ width:90%;}

	}



@media screen and (max-width: 1440px) {

    

	.main_pic_shadow{ width:90%;}

	.main_prm{ width:90%;}

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

}

@media screen and (max-width: 1240px) {
	.main_pc li, .main_mob li { width:20%}

	.main_pic_shadow{ width:90%;}

    .main_prm{ width:90%;}

}



.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: '?⊿豕赤??o迆','??足?'; 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:25px 0px 0px; background: url(../images/templeta_banner.jpg) no-repeat center;}



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


.pt_sous{ text-align:center; margin-bottom:60px;}
	.pt_sous .ssk{ width:350px; height:40px; border:1px solid #ccc; padding:0 10px; box-sizing:border-box}
	.pt_sous .ssan{ width:80px; height:40px; border:none; background:#2086ee; color:#fff}
 
	@media screen and (max-width: 768px) {
    .pt_sous .ssk{  width: 76%;  box-sizing: border-box; float: left;}
	.pt_sous .ssan{  width: 24%; box-sizing: border-box;}
	#select_case{ display:none}
	
	}



.newcase-meau{width:98%; margin:0 auto; border: 1px solid #d3d3d3;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background: #fff;margin-bottom:50px; -webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #ccc;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.newcase-meau-o{background: #dbdbdb;height: 54px;}
.newcase-meau-o ul{float: left;}
.newcase-meau-o ul li{float: left;width: 460px;text-align: center;height: 53px;line-height: 53px;background: #dbdbdb;color: #333;font-size: 16px;cursor: pointer;border-top: 1px solid #dbdbdb;border-right: 1px solid #d3d3d3; padding-bottom:0}
.newcase-meau-o ul li:hover{color: #2086ee;}
.newcase-meau-o ul li.on{border-top-color: #2086ee;background: #fff;color: #2086ee;border-bottom-color: #fff;}
.newcase-meau-o ul li:nth-child(2){width:800px; color: #ed2d38; height: 53px;line-height: 53px;border-bottom: none; font-weight:bold}
.newcase-meau-o .sea{float: right; padding-right:20px;}
.newcase-meau-o .sea .input{height: 33px;line-height: 33px;width: 180px;padding: 0 25px;background: #fff;font-size: 13px;color: #333;border: 0;font-family: "?⊿豕赤??o迆";float: left;margin-top: 12px; margin-left:10px; border-top-left-radius:5px; border-bottom-left-radius:5px}
.newcase-meau-o .sea .searchbtn{display: block;float: left;width: 33px;height: 33px;    background:#2086ee url(../images/search.png) no-repeat center;margin-top: 12px; border:none}

.select_case{width:100%; background:#fff; )}
.select_case h1{ padding:30px 0; text-align:center; font-size:16px; font-weight:500}
.select_case h1 strong{ font-size:22px; padding:0 6px; letter-spacing:2px;}
.select_case table{border-collapse:collapse;border-bottom:1px solid #eee}
.select_case table td{line-height:30px;border-bottom:1px dotted #eee;font-size:14px; padding:8px 0}
.select_case table td.td_left{background:#f7f7f7;text-align:center;color:#000}
.select_case table td a{margin-left:8px; display:inline-block;white-space:nowrap; padding:0 5px;}
.select_case .ajax_select_a a:nth-last-child(5){color:#2086ee; font-weight:bold}
.select_case .ajax_select_a a:nth-last-child(2){color:#FF9900; font-weight:bold}
.select_case table a.hover{margin-left:8px;  display:inline-block;white-space:nowrap; background:#E53E40; padding:0 5px; height:25px; line-height:25px; border-radius:1px; color:#fff !important}
.select_case table a:hover,.select_case table span{margin-left:8px;display:inline-block;white-space:nowrap;background: #2086ee;padding:0 5px;height:25px;line-height:25px;border-radius:5px;color:#fff !important;}
.quanbu{margin-left:23px;margin-right:3px;padding:0 14px;display:inline-block;white-space:nowra}

.ajax_select_a a{width:60px; text-align:center; }
.ajax_select_a a:hover{width:60px; text-align:center;  }
.ajax_select_a span{width:60px; text-align:center;}
.ajax_select_a a:nth-last-child(4){width:80px;}
.ajax_select_a a:hover:nth-last-child(4){width:80px; text-align:center;  }
.ajax_select_a span:nth-last-child(4){width:80px;}

.ajax_select_b a{min-width:60px; text-align:center;}
.ajax_select_b a:hover{min-width:60px; text-align:center;  }


.pagess{height:45px;line-height:35px;margin:50px auto 70px auto; text-align:center}
.pagess ul{ display:inline-block; margin:0 auto}
.pagess li{line-height:40px; display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px; float:left; background-color:#FFF; cursor:pointer;}
.pagess li a{line-height:40px; height:40px; padding:0 15px; display:block; color:#333}
.pagess li.thisclass, .pagess ul li.thisclass a, .pagess ul li.thisclass a:hover{color:#fff; background-color: #2086ee; line-height:40px; height:40px; padding:0 15px;}
.pagess li span{padding:0 15px;}