/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px;background:#fff; font-family: microsoft yahei; color:#666; /* for IE6 */}
ol,ul{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;cursor:pointer; color:#f41e44;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
img{border:none;}
.of{height:0;display:block;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.bd_i1{ width:1002px; margin:0 auto; position:relative;}
.clr{clear:both;width:0px;height:0px;font:0px/0px;overflow:hidden;margin:0px;  display:block;}
.blk{ display:block;}
.bd_i{ width:1002px; margin:0 auto; overflow:hidden;}
::selection {background:#cf0000;color:#fff;}
::-moz-selection {background:#cf0000;color:#fff;}


/*top*/
.top{ width:100%;height:99px; border-bottom:1px solid #e8e8e8; z-index:9999; background:#fff; top:0; left:0;}
.top .bd_i1{ height:100px;}
.top .logo { display:block; width:273px; height:100px; text-indent:-99999px;background:url(../images/logo.png) left center no-repeat; overflow:hidden;}
.top .nav{ width:700px; height:100px;overflow:hidden;}
.top .nav li{ width:100px; float:left; line-height:100px; overflow:hidden;}
.nav .cli{ width:100px; height:100px; background:#cf0000; color:#fff;}
.top .nav li a{ display:block; height:100px; text-align:center; font-size:14px;}
.top .nav li a:hover{ background:#cf0000;height:100px; color:#fff; padding-top:2px;}

/*tog*/
.tog{width:100%;height:18px;background:url(../images/top_m.gif) 98% -4px no-repeat;position:absolute;z-index:900;cursor:pointer;  top:0px; border-top:3px solid #cf0000; text-align:right; line-height:60px; color:#FF3333;}
.togclose{width:100%;height:18px;background:url(../images/top_m.gif) 98% -4px no-repeat;position:absolute;z-index:900;cursor:pointer;border-top:3px solid #cf0000;}
.tog_contact{height:350px;width:100%;background:#FFF url(../images/tog_contact_bg.gif) 0 bottom repeat-x;position:absolute;z-index:800;display:none;top:0px;}
.t_con_box{width:1000px;margin:0 auto;position:relative;}
.drift_left{width:478px;/*height:135px;*/border-bottom:1px solid #EAEAEA;}
.drift_left p{padding:0 0 8px 0;line-height:28px;color:#666;font-size:14px;}
.phone{width:478px;height:147px;}
.phone dl{width:100%;padding:20px 0 0 0px;}
.phone dl dd{width:230px;}
.phone dl dd , .phone dl dd div, .phone dl dd img, .phone dl dd h3, .phone dl dd span, .phone dl dd p{float:left;}
.phone dl dd div{width:100%;padding:10px 0 4px;}
.phone dl dd img{padding-top:4px;}
.phone dl dd h3{width:160px;color:#d30000;font-size:16px;font-weight:normal;padding-left:10px;}
.phone dl dd span{width:160px;padding-left:10px;font-family:Segoe UI;color:#8E8C8C;}
.phone dl dd p{width:100%;color:#d30000;font-family:Impact;font-size:28px; padding-top:4px; line-height:42px;}
.phone dl dd .consult_img{padding-left:15px;}
.phone dl dd .online{float:left;width:113px;color:#3b3b3b;height:34px;line-height:34px;background:url(../images/icon_online.gif) 0 0 no-repeat; margin-top:10px;}
.phone dl dd .online q{float:left;line-height:30px;padding-left:46px;cursor:pointer;}
.phone dl dd a.online:hover{color:#D30000;}
.map{width:538px;height:350px;position:absolute;right:0;top:0;_clear:both; overflow:hidden; background:url(../images/map.gif) no-repeat;}

/*banner*/
#full-screen-slider { width:100%; height:480px; float:left; position:relative; overflow:hidden;}
#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {  list-style:none; position:absolute; right:10%; top:460px; z-index:9900;}
#pagination li { display:block; list-style:none; width:20px; height:6px;float:left; margin:6px 0 0 12px; background:#fff; overflow:hidden;}
#pagination li a { display:block; width:100%; height:100%; padding:0;text-indent:-9999px;}
#pagination li.current { background:#fc4b54; padding-top:6px; margin:0 0 0 12px;}



.title{ height:44px; overflow:hidden; margin:30px auto 20px; clear:both;}
.title h2{font:400 36px/43px microsoft yahei; height:43px; border-bottom:1px solid #000; width:294px; color:#000; float:left; margin-right:20px;}
.title span{ color:#a88b6b; font: normal 14px/14px simsun,arial;}
.title span b{ font-size:26px; font-family:arial; display:block; font-weight:normal; line-height:30px;}


/* servicesBox */
.servicesBox{width:1000px;height:236px;margin:60px auto;clear:both;line-height:18px;color:#999999;font-size:12px; overflow:hidden;}
.servicesBox .serBox{cursor:pointer;display:inline;width:250px;height:236px;float:left;overflow:hidden;position:relative;background:url(../images/ct_h.png) no-repeat center center #fff;}
.servicesBox .serBoxOn{display:none;width:250px;height:236px;background:url(../images/ct_h.png) no-repeat center center #ff0000;position:absolute;left:0px;top:0px;z-index:19;}
.servicesBox .serBox .pic1{width:250px;height:60px;text-align:center;position:absolute;top:40px;right:0px;z-index:99;}
.servicesBox .serBox .pic2{width:250px;height:60px;text-align:center;position:absolute;top:40px;left:-250px;z-index:99;}
.servicesBox .serBox .txt1{width:250px;height:100px;color:#999999;position:absolute;top:125px;left:0px;z-index:99;}
.servicesBox .serBox .txt2{width:250px;height:100px;color:#a9cf4f;position:absolute;top:125px;right:-250px;z-index:99;}
.servicesBox .serBox span.tit{font-size:16px;display:block;text-align:center;}
.servicesBox .serBox .txt1 .tit{color:#000000;line-height:30px;}
.servicesBox .serBox .txt2 .tit{color:#fff;line-height:30px;}
.servicesBox .serBox .txt2 .tit2{color:#fff;}
.servicesBox .serBox p{padding:0 10px;text-align:center;}

.case{ height:848px;background:url(../images/com_m.jpg) no-repeat center 50px #cf0000;}
.case_top{ height:50px; background:url(../images/com_t.gif) no-repeat center top #fff;}
.case_list{ width:1002px;height:710px; margin:0 auto; overflow:hidden;}
.case_bot{ height:88px; background:url(../images/com_bot.gif) no-repeat center top #fff;}

/* TabĒŠ»» */
.slideTxtBox{  width:1002px; height:460px; overflow:hidden;background:#fff;  text-align:left;  }
.slideTxtBox .hd{ height:34px; line-height:30px; margin-bottom:30px;}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; margin-right:15px;}
.slideTxtBox .hd ul li a{ display:block; padding:1px 15px; font-size:16px; color:#000; border:1px solid #000;}
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#ff0000; color:#fff;border:1px solid #ff0000;}
.slideTxtBox .bd{ width:1002px; overflow:hidden;}
.slideTxtBox .bd ul{ width:1020px;}
.slideTxtBox .bd li,.case_box li{ width:227px; height:172px; border:4px solid #D8D8D8;line-height:24px; float:left; margin:0 20px 20px 0; overflow:hidden;}
.slideTxtBox .bd li:hover,.case_box li:hover{ border:4px solid #a60101;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }


/* section */
.section{width:1002px;overflow:hidden;}
.section ul{width:1002px;}
.section ul li{float:left;display:inline;width:227px;height:172px;overflow:hidden;position:relative;}
.section ul li .photo{width:227px;height:172px;overflow:hidden; display:block;}
.section .rsp{width:227px;height:172px;overflow:hidden;position: absolute;background:#a60101 url(../images/case_ico.gif) no-repeat right bottom;top:0px;left:0px; cursor:pointer; display:block;}
.section .text{position:absolute;width:227px;height:172px;left:-227px;top:0px;overflow:hidden; display:block;}
.section .text h3{width:227px;margin-top:100px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
.section .text a{text-decoration:none; display:block; text-align:center; line-height:172px; font-size:24px; color:#fff; cursor:pointer;}
.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}


.news{ background:#fcf7f7; padding:30px 0; margin:10px auto; height:333px; overflow:hidden;}
.news ul{ width:280px; height:293px; padding:20px;background:url(../images/news_bg.png) #fff no-repeat left top; overflow:hidden;}
.news .news_tit{ display:block; padding:0 0 20px 75px;font-size:20px; color:#a88b6b;}
.news .news_tit b{ display:block; font-size:30px; color:#000; font-weight:normal;}
.news .news_tit:hover{ color:#ff0000;}
.news ul li { height:35px; overflow:hidden;}
.news ul li a{ color:#a88b6b; font-size:16px; line-height:39px; height:39px;display:block;border-bottom:1px dashed #fff;}
.news ul li a:hover{ color:#ff0000; border-bottom:1px dashed #ccc;}
.mar20{ margin-right:21px;}


/* allbrand */
.allbrand{ width:294px; height:412px;overflow:hidden;}
.allbrand .brand{width:300px;height:500px;overflow:hidden;}
.allbrand .brand a{display:inline;position:relative;float:left;width:145px;height:100px;line-height:100px;text-align:center;color:#fff;font-size:14px; margin:0 4px 4px 0; overflow:hidden;}
.allbrand .brand a img{position:absolute;left:0px;width:145px;height:100px;overflow:hidden;}
.allbrand .brand a b{display:none;position:absolute;top:50px;left:0px;width:145px;height:100px;background:#ff0000;cursor:pointer;overflow:hidden;}

.service{ width:684px;height:412px; overflow:hidden; background:url(../images/service_bg.png) no-repeat;}

.service li{ width:228px; height:206px; overflow:hidden; float:left;}
.service li a{ display:block; width:226px; height:174px; overflow:hidden; text-align:center; color:#b7a086; padding-top:30px; border:1px solid #fefdfd; }
.service li a b{ display:block; font-size:16px; margin-top:20px; line-height:34px; color:#836340;}
.service li a:hover{ border:1px solid #ff0000;}

.foot{margin:20px 0 0; background:#eee; border-top:1px solid #dadada;}
.link{ display:block; height:50px; overflow:hidden; line-height:50px;color:#555; margin-top:60px;}
.link a{ margin-right:8px; color:#999;}
.link a:hover{ color:#ff0000;}
.foot .bd_i{ background:url(../images/qr.gif) no-repeat right bottom; padding:40px 0; line-height:22px;  }
.ft_m a{ font-size:14px;}
.ft_m{ padding-top:14px;}

/*about*/

.web-design{ text-align:center; color:#fff; font-size:20px; padding-top:200px;}

.pg_ban{ height:180px; text-indent:-99999px; overflow:hidden;}
.pg_about{background:#f5f5f5 url(../images/pg_about.jpg) no-repeat center top; }
.pg_news{background:#f5f5f5 url(../images/pg_news.jpg) no-repeat center top;}
.pg_case{background:#f5f5f5 url(../images/pg_case.jpg) no-repeat center top;}
.pg_service{background:#f5f5f5 url(../images/pg_service.jpg) no-repeat center top;}
.pg_plan{background:#f5f5f5 url(../images/pg_plan.jpg) no-repeat center top;}
.pg_tit{ height:59px; overflow:hidden; border-bottom:1px solid #ebebeb; line-height:59px; border-top:1px solid #dadada;}
.pg_nav{ width:700px; height:59px; overflow:hidden;}
.pg_qq{ width:600px; height:40px; padding-top:10px; overflow:hidden;}
.pg_qq a{ float:left;}
.pg_qq span{ display:block; font-size:14px; height:50px; line-height:50px; float:left;}
.pg_qq span b{ color:#ff0000; margin-top:-4px;}
.pg_nav a{ margin:0 16px 0 0;font-size:14px;}
.pg_nav_h,.pg_nav a:hover{ border-bottom:2px solid #cf0000; margin:2px 16px 0 0;padding-bottom:2px;}

.pg_box{ padding:40px 0; line-height:180%; font-size:14px; min-height:500px;_height:500px;}
.pg_box p{line-height:180%;}
.pg_box img{ margin:25px 0px;}
.news_box{ width:1020px;}
.news_box li{ width:488px; margin:0 20px 10px 0; float:left; border:1px solid #eee; height:100px; overflow:hidden;}
.news_box li:hover{ border:1px solid #ff0000;}
.news_box li .news_img{ width:100px; display:block; float:left; height:100px; text-align:center; color:#aaa; overflow:hidden;}
.news_box li .news_img img{ width:80px; height:80px; margin:10px; overflow:hidden;}
/*.news_box li span b{ display:block; font-size:30px; padding-top:30px; color:#666; height:30px;}*/
.news_box li p{ width:380px; float:left; height:65px; overflow:hidden; padding:25px 0 10px;}
.news_box li p a{ display:block; overflow:hidden; height:25px;}
.news_box li p a:hover{ color:#ff0000; height:24px; border-bottom:1px dashed #ccc;}
.news_box li p i{ display:block; height:25px; overflow:hidden; color:#999; padding-top:4px; font-size:12px;}

.case_box ul{ width:1200px;}
.pg_box_tit{ text-align:center; display:block; line-height:60px; overflow:hidden; font-size:20px; color:#ff0000; font-weight:bold; background:#f6f6f6; }
.news_sour{ color:#999; display:block; line-height:30px; text-align:center; height:30px; overflow:hidden; margin:10px 0 20px; font-size:12px;}
.news_sour b{ color:#777;}
.case_left{ width:700px; overflow:hidden; min-height:500px;_height:500px;}
.case_left img{ max-width:700px;_width:700px; overflow:hidden;}
.case_right{ width:280px; overflow:hidden; min-height:500px;_height:500px;}
.case_right p{ line-height:30px; height:30px; overflow:hidden;}
.case_right p b{ color:#ff0000;}
.meto{ display:block; height:40px; width:110px; line-height:30px;background:url(../images/meto.gif) no-repeat; padding-left:40px; margin-top:10px;color:#000;}
.case_info{ color:#ff0000; font-weight:bold;}
.case_line{ display:block; border-top:1px solid #eee; margin:4px 0 10px;}

/*pagedown*/
.yesu{height:34px; margin:40px 0;}.yesuhove{width:32px;height:32px;line-height:32px;border:1px solid #ccc;float:left;margin-right:3px;text-align:center;font-size:14px;background-color:#F00;color:#FFF}
.yesu2{width:32px;height:32px;line-height:32px;border:1px solid #ccc;float:left;margin-right:3px;display:inline;text-align:center;font-size:14px;background-color:#ff0000; color:#fff;}
.yesu2 a{width:32px;height:32px;text-align:center;font-size:14px;line-height:32px;float:left;margin-right:3px;display:inline;background-color:#eee}.yesu2 a:hover{width:32px;text-align:center;font-size:14px;height:32px;line-height:32px;float:left;margin-right:3px;background-color:#F00;color:#FFF;font-weight:bold}.yesu3{width:60px;height:32px;line-height:32px;border:1px solid #ccc;float:left;margin-right:3px;display:inline;text-align:center;font-size:14px;background-color:#eee}.yesu3 a{width:60px;height:32px;text-align:center;font-size:14px;line-height:32px;float:left;margin-right:3px;display:inline-block;background-color:#eee}.yesu3 a:hover{width:60px;text-align:center;font-size:14px;height:32px;line-height:32px;float:left;margin-right:3px;background-color:#F00;color:#FFF;font-weight:bold}

.service_box{ width:1000px; height:670px; padding:20px 0 0; margin:0 auto;overflow:hidden; background:url(../images/sg_tree.png) no-repeat center 20px; position:relative;}
.sg_box{ width:158px;overflow:hidden; height:110px; position:absolute; background:url(../images/sg_arr.gif) no-repeat center 94px; }
.sg_box span{display:block; font-size:20px; padding-bottom:30px; height:30px; overflow:hidden;}
.s1{ left:170px; top:230px;}
.s1 span{ color:#7fbe26; }
.s2{ left:550px; top:70px;}
.s2 span{ color:#a88b6b;}
.s3{ left:420px; top:290px;}
.s3 span{ color:#f4752f;}
.s4{ left:660px; top:350px;}
.s4 span{ color:#ab95ac;}
.s5{ left:120px; top:450px;}
.s5 span{ color:#f77200;}
.s6{ left:530px; top:530px;}
.s6 span{ color:#464646;}
.s7{ left:380px; top:530px;}
.s7 span{ color:#464646;}

.plan_box{ padding:50px 0 20px;}
.pb_box{ width:1200px;}
.plan_box ul{ width:320px; float:left; margin-right:20px;}
.plan_box ul .plan_tit{ display:block; line-height:40px; font-size:20px; overflow:hidden; color:#ff0000; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:20px;}
.plan_box ul li{ width:320px; height:100px; overflow:hidden; margin-bottom:30px; border-bottom:1px dashed #f4f4f4;}
.plan_box ul li  img{ float:left; padding-right:20px;}
.plan_box ul li a{ color:#999;}
.plan_box ul li a b{ font-size:16px; color:#ff5151; display:block; margin-bottom:10px;}


.pg_f{ display:block; float:left; width:48%; padding-left:2%;height:50px; overflow:hidden; line-height:50px; background:#f6f6f6;}

.pg_cur_img{ width:280px; float:left; height:264px; overflow:hidden;}
.pg_cur_img a{ padding-bottom:10px; display:block;}
.pg_cur_news{ width:400px; float:right; overflow:hidden; height:264px; position:relative;}
.pg_cur_news span{ display:block; border-bottom:1px solid #fefefe; line-height:40px; font-size:16px; font-weight:bold; color:#f00;}
.pg_cur_news li{ line-height:35px; height:35px; border-bottom:1px dashed #efefef; overflow:hidden;}
.pg_cur_news .cur_more{ display:block; position:absolute; top:0; right:0; display:block; width:100px; height:40px; line-height:40px; color:#f00; text-align:right;}
.pg_cur_ct{ width:280px; height:264px; overflow:hidden; line-height:38px; font-size:14px; color:#222; float:left;}
.pg_cur_ct a{ padding-right:10px;}
.pg_cur{ width:1000px; margin:20px auto 40px; overflow:hidden;}
.pg_cur_map{ height:410px; overflow:hidden; margin-top:20px;border:1px solid #ddd;}
.my-map { margin: 0 auto; width:100%; height: 450px;}

.case_title{ width:980px; overflow:hidden; padding:10px; background:#eee;}
.case_title li{ float:left; line-height:30px;}
.case_l1{ width:30%;}
.case_l2{ width:30%;}
.case_l3{ width:20%;}
.case_l4{ width:20%;}
.case_all_img{ background:#212121; padding:30px 0;}
.case_int{ padding:10px; line-height:30px; background:#eee;}
.case_l4 a{ display:block; width:113px; height:34px; line-height:34px; background:url(../images/icon_online.gif) no-repeat center center; margin:10px 0 0 50px; overflow:hidden; text-indent:-99999px;}