@charset "utf-8";
body {
	margin: 0px;
	padding: 0px; font-size:12px; font-family: microsoft yahei; color:#333;
}
ul{ margin:0px; padding:0px; list-style:none;}
ul li{ margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal;}
dd{ margin:0px; padding:0px;}
img{ border:0px;}
p{ margin:0px; padding:0px;}
a { color:#555555; font-size:12px; text-decoration:none;}
a:hover { color:#f76e00; cursor:pointer;}
.fixer{ position:fixed; left:0px; top:0px;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px")}



/*案例开始*/
.case_banner{ background-image:url(../images/case_banner.jpg); background-repeat:no-repeat; min-height:433px; background-position:center;}
.case_meau{ padding:40px 0; position:relative; z-index:2}
.case_meau_m{ height:58px; background:url(../images/case_1.png) no-repeat; float:left; width:1180px; line-height:58px; position:relative;}
.case_meau_m dl{ float:left;}
.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;}
.case_meau_m_s dd input{ width:100%; border:none; color:#999999; font-size:13px;}
.case_meau_m_s dt{ margin-top:20px; cursor:pointer;}

.case_fl{ position:absolute; top:50px; left:0px; z-index:2;  width:100%; display:none;background: url(../images/case_21.png) repeat-y;}
.case_fl_m{ background:url(../images/case_21.png) repeat-y; padding-bottom:30px; position:relative; z-index:2}
.case_fl_m p{ height:1px; width:725px; background:#cccccc; position:absolute; top:0px; right:4px;}
.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;}
.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(../images/case_15.gif) no-repeat;}
.case_main_m dl dt:hover{ background:url(../images/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:60px 0; text-align:center; clear:both; display:block;}
.case_main_meau p a{ width:27px; height:27px; display:inline-block; background:url(../images/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(../images/case_17.png) no-repeat; line-height:29px; text-align:center; margin:0 2px; color:#333333; font-size:14px;}

.case_main_meau p a:hover,.case_main_meau p a.on{ color:#fff; background:url(../images/case_18.png) no-repeat;}
.case_main_meau p span:hover,.case_main_meau p span.current{ color:#fff; background:url(../images/case_18.png) no-repeat;}
.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(../images/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(../images/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; }
.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(../images/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(../images/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(../images/case_28.png) no-repeat; position:absolute; top:38px; right:-10px;}
.pww_main_m_o.wap i{ top:120px;}
/*案例结束*/

/*模板开始*/
.tem_banner{ background-image:url(../images/tem_banner.jpg); background-repeat:no-repeat; min-height:433px; background-position:center;}

.tem_meau_m{ width:1180px; height:62px; background:url(../images/tem_1.png) no-repeat; margin: auto auto 10px auto;}
.tem_meau_m li{ width:391px; height:62px; cursor:pointer; float:left; text-indent:15px; margin-left:1px; position:relative;}
.tem_meau_m li.on a{background:#ffffff; color:#ff6800;}
.tem_meau_m li a{color:#666666; font-size:16px; height:56px; line-height:58px; width:390px; display:block; margin-top:2px;}
.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:391px; 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: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;}
.tem_main_m dl{ width:222px; height:217px; position:relative; float:left; margin:45px 95px 0 0; font-size:13px}
.tem_main_m dl dt{ width:228px; height:223px; text-align:center; background:url(../images/tem_6.gif) no-repeat; position:relative;}
.tem_main_m dl dt:hover{background:url(../images/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(../images/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(../images/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(../images/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{ margin-top:45px;}

.tem_main_m .pcwap_o{ width:300px; height:238px; background:url(../images/tem_12.png) no-repeat; position:relative; float:left; margin:45px 133px 0 0}
.tem_main_m .pcwap_o a:hover{ color:#555}
.tem_main_m .pc_img{ margin:15px 0 0 5px; width:290px; height:218px;}
.tem_main_m .pc_bg{width: 290px;height: 218px;background: #000;position: absolute; left:5px;top:15px;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4; display:none;}
.tem_main_m .pc_p{ position:absolute; left:5px; bottom:5px; width:290px; height:38px; line-height:38px; background:#fff;  display:none;}
.tem_main_m .pc_p .fl{ margin-left:13px;}
.tem_main_m .pc_p em{  font-style: normal; color: #ff6800;}
.tem_main_m .pc_p .fll { margin-left:15px;}
.tem_main_m .pc_p b{  font-weight: normal; color: #ff6800;}
.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 {display: block;width: 84px;height: 53px;background: url(../images/tem_7.png) no-repeat;position: absolute;top: 4px;right: 0;}
.tem_main_m .wap_m{ width:78px; height:136px; background:url(../images/tem_14.png) no-repeat; position:absolute; bottom:-10px; right:-13px;}
.tem_main_m .wap_img{ margin:13px 0 0 7px; width:66px; height:100px;}
.tem_main_m .wap_bg{ width:66px; height:100px; background: #000;position: absolute; left:7px;top:13px;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4; display:none;}
.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;}
/*模板结束*/

/*微网站开始*/
.wwz_banner{ background-image:url(../images/wwz_banner.jpg); background-repeat:no-repeat; min-height:433px; background-position:center;}

.wwz_main_o{ background:#f2f2f2; padding:45px 0;}
.wwz_main_o_m{ width:993px; height:732px; margin:0 auto; background:url(../images/wwz_1.gif) no-repeat;}
.wwz_main_o_m_o{ width:213px; margin-top:85px;}
.wwz_main_o_m_o p{ color:#333333; font-size:14px; height:44px; line-height:44px; text-indent:36px;}
.wwz_main_o_m_o p.p1{ font-size:18px; height:101px; line-height:26px;}
.wwz_main_o_m_o p.p2{ height:70px; line-height:70px;}
.wwz_main_o_m_o p.p3{ height:130px; line-height:130px;}
.wwz_main_o_m .same{ width:260px; text-align:center; margin-top:90px;}
.wwz_main_o_m .same p{color:#333333; font-size:14px; height:44px; line-height:44px;}
.wwz_main_o_m .same p.p1{ font-size:24px; height:96px; line-height:28px; color:#fff;}
.wwz_main_o_m .same p.p1 span{ font-size:14px;}
.wwz_main_o_m .same .p2{height:70px; position:relative;}
.wwz_main_o_m .same .p2 p{ width:222px; height:39px; line-height:39px; background:url(../images/wwz_2.gif) no-repeat; float:left; margin:15px 0 0 20px; color:#ff6800; font-size:14px; font-weight:bold; text-align:left; cursor:pointer;}
.wwz_main_o_m .same .p2 span{ color:#333333; padding:0 15px;}
.wwz_main_o_m .same .p2 i{ padding-right:23px;}
.wwz_main_o_m .same .p2 ul{ position:absolute; z-index:2; top:50px; left:20px; width:182px; background:#fff; border:1px solid #cbcbcb; border-top:none; display:none;}
.wwz_main_o_m .same .p2 ul li{color:#ff6800; font-weight:bold; line-height:38px; font-size:14px; text-align:left; cursor:pointer;}
.wwz_main_o_m .same .p2 ul li:hover{ background:#f2f2f2;}

.wwz_main_o_m .same .p3{ height:130px;}
.wwz_main_o_m .same .p3 li{ color:#666; font-size:14px; background:url(../images/wwz_4.gif) no-repeat left center; padding-left:20px; display:table; line-height:30px; display:block; margin-left:85px; cursor:pointer; text-align:left;}
.wwz_main_o_m .same .p3 li.on{ background:url(../images/wwz_3.gif) no-repeat left center;}
.wwz_main_o_m .same .p3 li span{ padding:0 0 0 10px}
.wwz_main_o_m .same .p4 img{ padding-top:11px;}
.wwz_main_o_m .same .p5{ padding-top:10px; *padding-top:0;}
.wwz_main_o_m .same .p5 span a{ font-size:14px; color:#666666; line-height:26px;}
.wwz_main_o_m .same .p5 span a:hover{ color:#f86d0d;}
.wwz_main_o_m .same .p5 .p5_o{ display:block; background:url(../images/website_48.gif) no-repeat; width:183px; height:46px; line-height:46px; color:#fff; font-size:20px; text-align:center; margin:0 auto; }
.wwz_main_o_m .same .p5 .p5_o:hover{filter:alpha(opacity=90); /*IE滤镜，透明度50%*/ -moz-opacity:0.9; opacity:0.9;}
.wwz_main_o_m .wwz_main_o_m_f .p5 .p5_o{ background:url(../images/website_51.gif) no-repeat; background-size:183px 46px;}
.wwz_main_o_m .wwz_main_o_m_s .p5 .p5_o{ background:url(../images/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(../images/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(../images/wwz_9.png) no-repeat left center;}
.wwz_main_t_t li.li3 { background:url(../images/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(../images/wwz_10.png) no-repeat left center;}
.wwz_main_t_t li.li4 dl{ background:url(../images/wwz_11.png) no-repeat left center;}
.wwz_main_t_t li.li5 dl{ background:url(../images/wwz_12.png) no-repeat left center;}
/*.wwz_main_t_t li.li5 { background:url(../images/wwz_23.png) no-repeat;}*/
.wwz_main_t_t li.li6 dl{ background:url(../images/wwz_13.png) no-repeat left center;}
.wwz_main_t_t li.li7 dl{ background:url(../images/wwz_14.png) no-repeat left center;}
.wwz_main_t_t li.li8 dl{ background:url(../images/wwz_15.png) no-repeat left center;}
.wwz_main_t_t li.li9 dl{ background:url(../images/wwz_16.png) no-repeat left center;}
.wwz_main_t_t li.li10 dl{ background:url(../images/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(../images/wwz_25.gif) no-repeat;}
.wwz_main_t_b li{ float:left;}
.wwz_main_t_b li dl{ line-height:23px; background:url(../images/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(../images/wwz_18.png) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li2 dl{ background:url(../images/wwz_19.png) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li3 dl{ background:url(../images/wwz_26.gif) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li4 dl{ background:url(../images/wwz_20.png) no-repeat; background-position:10px 0px;}
.wwz_main_t_b li.li5 dl{ background:url(../images/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(../images/wwz_27.png) no-repeat; position:relative; float:left; margin:0 39px 25px 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); /*IE滤镜，透明度50%*/ -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;}
/*微网站结束*/