﻿.case_banner{ background-image:url(../image/case_banner.jpg); background-repeat:no-repeat; min-height:433px; background-position:center;}
.case_meau{ padding:40px 0 0 0; position:relative; z-index:3}
.case_meau_m{    height: 58px;
    
    float: left;
    width: 1180px;
    line-height: 58px;
    position: absolute;
    left: 0;
    top: -39px;
    padding: 0px 0px 20px 9px;
    background: #fff;}
.case_meau_m + div.clear{
    height: 20px;
    background: #f9f9f9;
    position: absolute;
    width: 100%;
    top: 38px;
}
.case_meau_m dl{ float:left;background-color: #fff;margin-right: 9px;border-radius: 5px;border: 1px solid #cccccc;width: 380px;}
.case_meau_m_o{ width:448px; position:relative; cursor:pointer;}
.case_meau_m dl dt{ color:#ff6800; font-size:16px; padding:0 15px 0 18px;}
.case_meau_m_o dd{ color:#999999; font-size:13px;}
.case_meau_m_o i{ display:block; position:absolute; right:10px; top:26px;}
.case_meau_m_t{ width:348px;}
.case_meau_m_t dd{ margin-top:22px;}
.case_meau_m_t dd img{ float:left; display:block; margin-right:4px; cursor:pointer;}
.case_meau_m_s{ width:350px; line-height:23px;}
.case_meau_m_s dd{ width:300px; margin-top:19px;height: 40px;}
.case_meau_m_s dd input{ width:100%; border:none; color:#999999; font-size:13px;outline: none}
.case_meau_m_s dt{ margin-top:20px; cursor:pointer;}
.case_meau_m dl:first-child dt{
	color: #0165f1;
	margin-left: 90px;
	font-size: 16px;
}
.case_meau_m dl:first-child dd{
	color: #0165f1;
	margin-left: 15px;
	font-size: 16px;
}


.case_fl{ position:absolute; top:50px; left:9px; z-index:2;  width:98%; display:none;background: #fff;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.case_fl img{
    width: 1170px;
}
.case_fl_m{ background:url(../image/case_21.png) repeat-y; padding-bottom:30px; position:relative; z-index:2}
.case_fl_m p{ height:1px; width:785px; background:#cccccc; position:absolute; top:0px; right:0px;}
.case_fl_m ul{ width:1100px; padding:20px 0 0 35px;}
.case_fl_m li { line-height:24px; width:219px; float:left;}
.case_fl_m li a{ color:#666666; font-size:13px;}
.case_fl_m li a:hover{color:#ff6800;}
.case_fl_m li.on a{ color:#ff6800;}

.left8 {position: absolute; right: 30px; border:1px solid #eee; padding:0px 15px; top:16px;}

.case_main{ position:relative; z-index:1}
.case_main_all{ display:none;position: relative;margin-top: 39px;}
.case_main_m dl{ width:190px; float:left; margin:45px 5px 0 6px;}
.case_main_m dl dt{ width:190px; height:190px; text-align:center; background:url(../image/case_15.gif) no-repeat;}
.case_main_m dl dt:hover{ background:url(../image/case_15_h.gif) no-repeat;}
.case_main_m dl dt img{ padding-top:11px; width:170px; height:168px;}
.case_main_m dl dd{ text-align:center; width:100%; height:36px; line-height:36px; overflow:hidden;}
.case_main_m dl dd a{ font-size:14px; color:#666;}
.case_main_m dl dd a:hover{ color:#ff6800;}
.case_main_meau{ padding:40px 0; text-align:center; clear:both; display:block;background:#f9f9f9;margin-left: -11px;}
.case_main_meau p a{ width:27px; height:27px; display:inline-block; background:url(../image/case_17.png) no-repeat; line-height:29px; text-align:center; margin:0 2px; color:#333333; font-size:14px;}

.case_main_meau p span{ width:27px; height:27px; display:inline-block; background:url(../image/case_17.png) no-repeat; line-height:29px; text-align:center; color:#333333; font-size:14px;}

.case_main_meau p a:hover,.case_main_meau p a.on{ color:#fff; background-color: #0165f1;
    border-radius: 4px;
    background-image: none;}
.case_main_meau p span:hover,.case_main_meau p span.current{
	color: #FFF;
    background-color: #0165f1;
    border-radius: 4px;
    background-image: none;

}
.case_main_meau p a.jt{ font-weight:bold;} 
.case_main_meau p span.disabled{ font-weight:bold;} 
.tem_meau_m.case{ width:1004px; background:url(../image/case_23.gif) no-repeat; margin: auto auto 10px auto;}
.tem_meau_m.case li{ width:251px; text-align:center; text-indent:0;}
.tem_meau_m.case li a{ width:250px;}
.pww_main_m{ width:1200px;}
.pww_main_m dl{ width:283px; height:226px; background:url(../image/case_24.gif) no-repeat; float:left; position:relative; margin:50px 78px 0 0}
.pww_main_m dt{ width:222px; text-align:center; margin:4px 0 0 5px; padding-top:11px; border:1px solid #e9e9e9}
.pww_main_m dt:hover{ border-color:#ff6800;}
.pww_main_m dt a{color:#999999; font-size:14px;}
.pww_main_m dt a:hover{ color:#ff6800;}
.pww_main_m dt img{ width:200px; height:150px; padding-bottom:12px; }
.pww_main_m dt p{ width:222px; height:44px; line-height:44px; border-radius: }
.pww_main_m dd{ margin:3px 4px 0 0;}
.pww_main_m dd p{ width:50px; margin-top:1px; text-align:center; color:#666; font-size:13px; line-height:16px; background:url(../image/case_25.gif) no-repeat top center; padding-top:24px; cursor:pointer; margin-top:19px;}
.pww_main_m dd p:hover{ color:#ff6800;}
.pww_main_m dd p.p2{ background:url(../image/case_26.gif) no-repeat top center; padding-top:34px; margin-top:24px;}
.pww_main_m_o{ width:222px; height:217px; text-align:center; position:absolute; left:6px; top:5px; display:none;}
.pww_main_m_o .bg{ width:100%; height:100%; background:#000; opacity:0.8; position:absolute; left:0; top:0; }
.pww_main_m_o img{ width:140px; height:140px; position:relative; z-index:1; margin-top:27px;}
.pww_main_m_o p{ position:relative; z-index:1; color:#ffffff; font-size:13px; line-height:35px;}
.pww_main_m_o i{ width:10px; height:19px; background:url(../image/case_28.png) no-repeat; position:absolute; top:38px; right:-10px;}
.pww_main_m_o.wap i{ top:120px;}



.fl{float:left;}
.fr{float:right}
.tem_banner{ background-image:url(../image/tem_banner.jpg); background-repeat:no-repeat; min-height:433px; background-position:center;}

.tem_meau_m{ width:1180px; height:62px;     padding: 10px 0px 10px 4px;
    background: #fff;}

.tem_meau_m li {
	width: 380px;
	height: 62px;
	cursor: pointer;
	float: left;
	text-align: center;
	position: relative;
	margin-right: 10px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background-color: #fff;
}
.tem_meau_m li.on a{Color: #0165f1;}
.tem_meau_m li a{
	color: #666666;
    font-size: 16px;
    height: 56px;
    line-height: 58px;
    width: 380px;
    display: block;
    margin-top: 2px;
	text-align: center;
	background-color: #fff;

}
.tem_meau_m li i{ position:absolute; right:15px; top:29px;}
.tem_meau_m li b{ color:#ff6800; font-size:13px; line-height:63px; position:absolute; left:95px; top:0; font-weight:normal;}
.tem_meau_m_m{ position:absolute; top:59px; left:-1px; width:380px; z-index:5; background:#fff; border:1px solid #cccccc; border-top:none; border-bottom:none; display:none;}
.tem_meau_m_m p{ line-height:52px; border-bottom:1px solid #cccccc; color:#666666; font-size:16px}
.tem_meau_m_m p:first-child{border-top: 1px solid #cccccc;}
.tem_meau_m_m p:hover{ background:#f6f8fb}
.tem_meau_m .tem_meau_m_m_t{ color:#ff6800; position:relative;}
.tem_meau_m .tem_meau_m_m_t img{ position:absolute; left:90px; top:19px;}

.tem_main_m{ width:1300px;    padding-top: 40px;
    background: #fff;    padding-top: 80px;}
.tem_main_m dl{ width:222px; height:217px; position:relative; float:left; margin:45px 95px 0 0; font-size:13px; margin:0 79px 32px 10px}


.tem_main_m dl:last-child{
    padding-bottom: 40px;
}
.tem_main_m dl dt{ width:228px; height:223px; text-align:center; background:url(../image/tem_6.gif) no-repeat; position:relative;}
.tem_main_m dl dt:hover{background:url(../image/tem_6_h.gif) no-repeat; color:#666666}
.tem_main_m dl dt img{ padding-top:14px; width:200px; height:150px;}
.tem_main_m dl dt .dt_o{ display:block; text-align:left; color:#666666; font-size:13px; padding:30px 15px 0 15px;}
.tem_main_m dl dt .dt_o em{ font-style:normal; color:#ff6800}
.tem_main_m dl dt .dt_o b{ font-weight:normal; color:#ff6800}
.tem_main_m dl i{ display:block; width:84px; height:53px; background:url(../image/tem_7.png) no-repeat; position:absolute; top:3px; right:-9px;}
.tem_main_m dl dt .dt_t{ position:absolute; left:3px; top:170px; width:222px; display:none;}
.tem_main_m dl dt .dt_t span{margin:0 0 0 12px; font-size:13px;}
.tem_main_m dl dt .dt_t em{ font-style:normal; color:#ff6800; }
.tem_main_m dl dt .dt_t a{ display:block; font-weight:normal; margin:0 13px 0 0; font-size:13px; background:url(../image/tem_9.gif) no-repeat left center; padding-left:12px;}
.tem_main_m dl dt .dt_s{ width:222px; height:25px; position:absolute; left:3px; top:165px; background:url(../image/tem_10.png) no-repeat}
.tem_main_m dl dt .bg{ width:222px; height:145px; background:#000; position:absolute; left:3px; top:3px; filter:alpha(opacity=20);  -moz-opacity:0.2; opacity:0.2; display:none}

.tymb .tem_main_m dl dt .dt_t{ display:block; position:inherit; left:inherit; top:inherit; width:inherit; text-align:left; color:#666666; font-size:13px; padding:20px 0 0 0;}
.tymb .tem_main_m dl dt .bg{ height:170px;}
.case_main_all .wwz_main_s_m{    width: 1300px;
    padding-top: 150px;
    background: #fff;}

.tem_main_m .pcwap_o{ width:274px; height:295px; background:url(../image/newtem-sprite-img.png) no-repeat -116px 0; position:relative; float:left; margin:0 11px 35px 10px}
.tem_main_m .pcwap_o:last-child{margin-bottom: 40px;}
.tem_main_m .pcwap_o a:hover{ color:#555}
.tem_main_m .pc_img{ margin:11px 0 0 2px; width:270px; height:203px;}
.tem_main_m .pc_bg{    
	width: 270px;
    height: 203px;
    top: 11px;
    left: 2px;
    background: #000;
    position: absolute;
    filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;
    display:none;}

.tem_main_m .pc_p{
	position: absolute;
	display: block;
    width: 274px;
    height: 70px;
    background: url(../image/newtem-sprite-img.png) no-repeat -547px 0;
    left: 0;
    bottom: 0;
}
.tem_main_m .pc_p .fl{
	font-size: 13px;
    line-height: 24px;
    margin: 17px 0 0 16px;
    width: 145px;
    height: 44px;
    overflow: hidden;
}
.tem_main_m .pc_p .fl p {
	font-size: 13px;
    color: #aaa;
}
.tem_main_m .pc_p .fl em {
	font-style: normal;
    color: #ff6800;
}
.tem_main_m .pc_p .fr{
	line-height: 26px;
    font-size: 13px;
    border: 1px solid #ff6800;
    padding: 0 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 24px 15px 0 0;
}


.tem_main_m .pc_log{ width:100%; position:absolute; left:0; top:75px; text-align:center; display:none;}
.tem_main_m .pc_log p{ color:#ffffff; font-size:13px; padding-top:5px;}
.tem_main_m .pcwap_o i {
	width: 84px;
    height: 53px;
    background: url(../image/newtem-sprite-img.png) no-repeat 0 -102px;
    right: inherit;
    left: -3px;
    top: 0;
    position: absolute;
}
.tem_main_m .wap_m{  
	position: absolute;  
	width: 90px;
    height: 178px;
    background: url(../image/newtem-sprite-img.png) no-repeat -425px 0;
    bottom: 68px;
    right: 0;
}
.tem_main_m .wap_img{
	width: 80px;
    height: 142px;
    margin: 12px 0 0 5px;
}
.tem_main_m .wap_bg{
	width: 80px;
    height: 142px;
    top: 12px;
    left: 5px;
	 background: #000;
	 position: absolute;
	 
	 filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;
}

.tem_main_m .wap_log{
	width: 27px;
    height: 27px;
    position: absolute;
    top: 50%;
    margin-top: -18.5px;
    left: 50%;
    margin-left: -13.5px;
    display: none;
}


 -moz-opacity:0.9; opacity:0.9;}
.wwz_main_o_m .wwz_main_o_m_f .p5 .p5_o{ background:url(../image/website_51.gif) no-repeat; background-size:183px 46px;}
.wwz_main_o_m .wwz_main_o_m_s .p5 .p5_o{ background:url(../image/website_45.gif) no-repeat;}

.wwz_main_t{ background:#fff; padding:45px 0;}
.wwz_main_t h3{ font-size:30px; color:#333333; text-align:center; line-height:30px; margin-bottom:40px}
.wwz_main_t_t ul{ width:297px;}
.wwz_main_t_t li{ width:297px; height:110px; float:left;}
.wwz_main_t_t li dl{ line-height:23px; background:url(../image/wwz_8.png) no-repeat left center; padding-left:50px; margin:34px 0 0 50px;}
.wwz_main_t_t li dl dt{ font-size:16px; color:#000; }
.wwz_main_t_t li dl dd{ font-size:14px; color:#7b7b7b;}
.wwz_main_t_t li.li2 dl{ background:url(../image/wwz_9.png) no-repeat left center;}
.wwz_main_t_t li.li3 { background:url(../image/wwz_22.gif) no-repeat;}
.wwz_main_t_t li.li3 dl dt,.wwz_main_t_t li.li3 dl dd{ color:#fff;}
.wwz_main_t_t li.li3 dl{ background:url(../image/wwz_10.png) no-repeat left center;}
.wwz_main_t_t li.li4 dl{ background:url(../image/wwz_11.png) no-repeat left center;}
.wwz_main_t_t li.li5 dl{ background:url(../image/wwz_12.png) no-repeat left center;}

.wwz_main_t_t li.li6 dl{ background:url(../image/wwz_13.png) no-repeat left center;}
.wwz_main_t_t li.li7 dl{ background:url(../image/wwz_14.png) no-repeat left center;}
.wwz_main_t_t li.li8 dl{ background:url(../image/wwz_15.png) no-repeat left center;}
.wwz_main_t_t li.li9 dl{ background:url(../image/wwz_16.png) no-repeat left center;}
.wwz_main_t_t li.li10 dl{ background:url(../image/wwz_17.png) no-repeat left center;}
.wwz_main_t_t img{ margin:10px 0 0 76px;}
.wwz_main_t_b{ width:1000px; height:173px; margin:30px auto auto auto; background:url(../image/wwz_25.gif) no-repeat;}
.wwz_main_t_b li{ float:left;}
.wwz_main_t_b li dl{ line-height:23px; background:url(../image/wwz_18.png) no-repeat; background-position:10px 0px; padding-top:50px; margin:43px 0 0 60px;}
.wwz_main_t_b li dl dt{ font-size:16px; color:#000; }
.wwz_main_t_b li dl dd{ font-size:14px; color:#7b7b7b;}
.wwz_main_t_b li.li1 dl{ background:url(../image/wwz_18.png) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li2 dl{ background:url(../image/wwz_19.png) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li3 dl{ background:url(../image/wwz_26.gif) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li4 dl{ background:url(../image/wwz_20.png) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li5 dl{ background:url(../image/wwz_21.png) no-repeat top center; padding-top:10px; margin-top:83px;}
.wwz_main_t_b li.li5 dl dt{ font-size:14px; color:#7b7b7b;}

.wwz_main_s{ background:#f2f2f2; padding:45px 0;}
.wwz_main_s h3{ font-size:30px; color:#666666; text-align:center; line-height:30px; margin-bottom:40px}
.wwz_main_s_m{ text-align:center;} 
.wwz_main_s_m dl{ width:216px; height:404px; background:url(../image/wwz_27.png) no-repeat; position:relative; float:left; margin:0 39px 80px 39px;}
.wwz_main_s_m dt{ padding:55px 0 0 14px; float:left;}
.wwz_main_s_m dt img{ width:185px; height:279px;}
.wwz_main_s_m dd{ width:185px; height:279px; top:55px; left:14px; text-align:center; position:absolute; display:none;}
.wwz_main_s_m dd h4{ color:#f7f8fa; font-size:20px; line-height:20px; margin:22px 0;}
.wwz_main_s_m dd p{ color:#f7f8fa; font-size:12px; line-height:18px; margin:22px 0;}
.wwz_main_s_m dd a{color: #fff;text-decoration: none; display:inline-block; padding-bottom: 4px; padding-top: 4px; border: #f76301 1px solid; margin-top: 0px; background-color: #f76301; width: 95px;
font-size: 12px; border-radius: 5px; -moz-border-radius: 5px;}
.wwz_main_s_m dd a:hover{ background:#e24524;}
.wwz_main_s_m dd img{ width:99px; height:99px;}
.wwz_main_s_m dl .bg{ width:185px; height:279px; background:#000; filter:alpha(opacity=70);  -moz-opacity:0.7; opacity:0.7; position:absolute; top:55px; left:14px; display:none;}
.wwz_main_s_m .more{ text-align:center; font-size:14px; color:#666666; border:2px solid #dfdfdf; display:inline-block; padding:2px 45px; border-radius: 25px; -moz-border-radius: 25px;}
.wwz_main_s_m .more:hover{color:#f86d0d;}
/*寰綉绔欑粨鏉�/