@charset "utf-8";
body{font-family:Microsoft Yahei, STHeiti, Droid Sans Fallback, Sans-serif; font-size:100%; font-weight:normal; color:#333; background:url(../../../images/special/150113/bg.jpg) repeat;}
*{ margin:0; padding:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; -webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-ms-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; color:#cc0000;}
img{ vertical-align:middle; width:100%;}
.float_l{ float:left;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

.wrapper{ width:1000px; margin:0 auto;}
.header_box{ width:100%; height:118px; border-bottom:1px #bfbfbf solid; position:relative;}
.st_logo{ width:231px; height:66px; padding-top:37px;}
.tkp_logo{ width:87px; padding-top:71px; padding-left:15px;} 
.bdsharebuttonbox{ position:absolute; right:0; bottom:10px;}
.st_cont{ width:100%; padding-top:22px;}
.shengtai_l{ width:487px; height:476px; background:url(../../../images/special/150113/map_bg.png) no-repeat; float:left; position:relative;}
.shengtai_l .li_bg{ position:absolute; width:38px; height:35px; line-height:35px; text-align:center;background:url(../../../images/special/150113/layout.png) no-repeat scroll 0 0;}
.shengtai_l .li_bg a{ font-size:12px; color:#ffffff; }
.shengtai_l .js_li{ position:absolute; width:38px; height:35px; line-height:35px; text-align:center;background:url(../../../images/special/150113/layout.png) no-repeat scroll -40px 0;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);}
.shengtai_l .js_li a{ font-size:12px; color:#ffffff;}
.shengtai_l .map_01{ top:273px; left:134px;}
.shengtai_l .map_02{ top:295px; left:100px;}
.shengtai_l .map_03{ top:245px; left:98px;}
.shengtai_l .map_04{ top:272px; left:188px;}
.shengtai_l .map_05{ top:185px; left:188px;}
.shengtai_l .map_06{ top:247px; left:55px;}
.shengtai_l .map_07{ top:301px; left:328px;}
.shengtai_r{ width:456px; float:right;}
.cq_txt{ width:100%; padding-top:25px;}
.cq_txt img{ width:100%;}
.zong_bg{ width:390px; height:40px; line-height:40px; margin:0 auto; margin-top:52px; text-align:center; color:#666666;background:url(../../../images/special/150113/btn_bg.png) repeat;}
.zong_bg a{ width:100%; display:block;}
.nav_box{ width:420px; padding-left:33px; padding-right:13px;}

.nav_box li{ width:83px; height:40px; line-height:40px; text-align:center; float:left; margin:18px 18px 0 0;}
.nav_box .nav_li_bg a{ width:83px; height:40px; display:block; font-size:14px; color:#666666;background:url(../../../images/special/150113/btn_bg.png) repeat;}
.nav_box .nav_li_bg a:hover{ background:#c64734;font-size:16px; color:#ffffff;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1); transform:scale(1.1);}
.nav_box .js_nav_li_bg a{ width:83px; height:40px; display:block; font-size:14px; color:#ffffff;background:#c64734;}
@media screen and (max-width:900px){
.wrapper{ width:760px; margin:0 auto;}
.st_cont{ margin-top:10px;}
.header_box{ width:100%; height:90px;}
.st_logo{ width:175px; padding-top:25px;}
.tkp_logo{ width:66px; padding-top:52px; padding-left:15px;} 
.shengtai_l{ width:363px;background-size:100%;}
.shengtai_l .map_01{ top:200px; left:115px;}
.shengtai_l .map_02{ top:225px; left:80px;}
.shengtai_l .map_03{ top:184px; left:75px;}
.shengtai_l .map_04{ top:190px; left:160px;}
.shengtai_l .map_05{ top:139px; left:135px;}
.shengtai_l .map_06{ top:184px; left:35px;}
.shengtai_l .map_07{ top:213px; left:243px;}
.shengtai_r{ width:346px;}
.zong_bg{width:335px; margin-top:15px; height:35px; line-height:35px;}
.nav_box{ width:364px;padding:0; padding-left:5px;}
.nav_box li{ width:70px; height:35px; line-height:35px; margin:18px 18px 0 0;}
.nav_box .nav_li_bg a{ width:70px; height:35px;}
.nav_box .js_nav_li_bg a{ width:70px; height:35px;}
.nav_box .nav_li_bg a:hover{ font-size:13px;}
}
@media screen and (max-width:768px){
.wrapper{ width:600px; margin:0 auto;}
.st_cont{ margin-top:0px;}
.shengtai_l{ width:286px;background-size:100%;}
.shengtai_r{ width:273px;}
.zong_bg{width:263px; margin:0 auto; margin-top:15px;}
.nav_box{ width:290px;padding:0; padding-left:5px;}
.nav_box li{ width:55px; height:35px; line-height:35px; margin:13px 13px 0 0;}
.nav_box .nav_li_bg a{ width:55px; height:35px; font-size:12px;}
.nav_box .js_nav_li_bg a{ width:55px; height:35px; font-size:12px}
.shengtai_l .map_01{ top:155px; left:112px;}
.shengtai_l .map_02{ top:185px; left:80px;}
.shengtai_l .map_03{ top:148px; left:70px;}
.shengtai_l .map_04{ top:145px; left:157px;}
.shengtai_l .map_05{ top:110px; left:100px;}
.shengtai_l .map_06{ top:143px; left:30px;}
.shengtai_l .map_07{ top:180px; left:200px;}
}
@media screen and (max-width:600px){
.wrapper{ width:300px; margin:0 auto; padding:10px 0;}
.st_cont{ margin-top:0;}
.header_box{ width:290; padding-left:5px;padding-right:5px; height:90px;}
.bdsharebuttonbox{ display:none;}
.shengtai_l{ display:none;}
.shengtai_r{ width:290px; margin:0 auto;}
.zong_bg{width:285px; margin:0 auto; margin-left:5px; margin-top:26px; height:35px; line-height:35px;}
.nav_box{ width:293px;padding:0;}
.nav_box li{ width:63px; height:35px; line-height:35px; margin:10px 5px 0 5px;}
.nav_box .nav_li_bg a{ width:65px;}
.nav_box .js_nav_li_bg a{ width:65px}
.cq_txt{ padding-top:0;}
.tkp_logo{ padding-left:56px;}
.nav_box .nav_li_bg a:hover{background:url(../../../images/special/150113/btn_bg.png) repeat;font-size:14px; color:#666666; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
}