@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/150309/bg_01.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;}
.main{ width:100%; min-height:760px;background:url(../../../images/special/150309/bg_01.png) repeat;}
.wrapper{ width:1000px; margin:0 auto; position:relative;}
.header_box{ width:100%; height:118px; border-bottom:1px #000 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; z-index:100000;}
.st_cont{ width:1065px; position:absolute; top:45px; left:-65px;}
.shengtai_l{ width:633px; height:614px; background:url(../../../images/special/150309/map.png) no-repeat; float:left; position:relative;}
.shengtai_l img{ width:100%; border:0;}
.li_bg_tl{ width:67px; height:79px; position:absolute; left:60px; top:310px;}
.li_bg_zx{ width:85px; height:79px; position:absolute; left:294px; top:241px;}
.li_bg_qj{ width:61px; height:110px; position:absolute; left:410px; top:355px;}
.js_hide{ display:none;}
.js_li{ display:block;}
.shengtai_r{ width:456px; position:absolute; left:532px; top:169px;}
.cq_txt{ width:100%; padding-top:25px;}
.cq_txt img{ width:100%;}
.zong_bg{ width:465px; height:47px; line-height:47px; margin:0 auto; margin-top:10px; text-align:center; background:url(../../../images/special/150309/tit_bg.png) no-repeat; font-size:20px; margin-left:48px;}
.zong_bg a{ width:100%; display:block;color:#fff;}
.nav_box{ width:517px; height:46px; padding-left:33px; padding-right:13px; background:url(../../../images/special/150309/nav_bg.png) no-repeat; margin-top:40px; position:relative;}
.nav_box_new{ width:100%; /*height:54px;*/}
.nav_box_new li{ width:110px; height:54px; line-height:54px; text-align:center; float:left; /*margin:18px 0 0 0;*/}
.nav_box_new .nav_li_bg a{ width:110px; height:54px; display:block; font-size:21px; color:#ffffff;}
.nav_box_new .nav_li_bg a:hover{*background:url(../../../images/special/150309/nav.png) no-repeat;font-size:21px; color:#ffffff;transform:scale(1)\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);}
.nav_box_new .js_nav_li_bg a{ width:110px; width:130px\0; height:54px; height:48px\0; display:block; font-size:21px; color:#ffffff;background:url(../../../images/special/150309/nav.png) no-repeat; background-size:100%;}
@media screen and (max-width:768px){
.main{ min-height:760px;}
.wrapper{ width:600px; margin:0 auto;}
.st_cont{ width:600px; margin-top:0px; top:69px; left:0;}
 
.shengtai_l{ width:410px;background-size:100%;}
.shengtai_r{ width:273px; left:342px; top:113px;}
.zong_bg{width:263px; margin:0 auto; margin-top:15px; background-size:100% 100%; margin-left:23px;}
.zong_bg a{ font-size:14px;}
.nav_box{ width:290px;padding:0; padding-left:5px; background-size:100% 100%; margin-top:20px;}
.nav_box_new li{ width:40px; height:50px; line-height:50px; margin:0 0 0 21px;}
.nav_box_new .nav_li_bg a{ width:55px; height:35px; font-size:12px;}
.nav_box_new .js_nav_li_bg a{ width:55px; height:50px; font-size:12px; background-size:100% 100%;}
.nav_box_new .nav_li_bg a:hover{ font-size:12px;}
.li_bg_tl{ width:43px; height:auto; position:absolute; left:37px; top:201px;}
.li_bg_zx{ width:58px; height:auto; position:absolute; left:189px; top:155px;}
.li_bg_qj{ width:38px; height:auto; position:absolute; left:267px; top:231px;}
}
@media screen and (max-width:600px){
.main{ min-height:560px;}
.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;}
.tkp_logo{ width:66px; padding-top:52px; padding-left:15px;}
.st_logo{ width:215px; height:auto; padding-top:8px;}
.st_cont{ position:static; width:300px}
.bdsharebuttonbox{ display:none;}
.shengtai_l{ display:none;}
.shengtai_r{ width:290px; margin:0 auto; position:static;}
.zong_bg{width:285px; margin:0 auto; margin-left:5px; margin-top:26px; height:35px; line-height:35px; background:url(../../../images/special/150113/btn_bg.png) repeat;}
.nav_box{ background:none;}
.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;line-height:40px; display:block; font-size:14px; color:#ffffff;background:url(../../../images/special/150113/btn_bg.png) repeat;}
.nav_box .nav_li_bg a:hover{ background:#009240;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; line-height:40px; display:block; font-size:14px; color:#ffffff;background:#009240;}
.nav_box{ width:293px;padding:0;}
.nav_box_new 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;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.cq_txt{ padding-top:0;}
.nav_box .nav_li_bg a:hover{background:#009240;font-size:14px; color:#ffffff; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
}