﻿@charset "utf-8";
/* CSS Document */
/* Auther: Puyuan */
/* WebSite: http://www.ipuyuan.com/ */
/*公共样式与首页样式*/
A{TEXT-DECORATION: none;}
A:link {color: #666666;}
A:visited {color: #666666}
A:active {color: #666666}
A:hover{COLOR:#ff0000}
BODY
{
margin:0px; font-family:"微软雅黑"; background:#e5e5e5; font-size:1.3em;line-height:150%;color:#666666;}
p,h1,h2,h3,h4,h5,h6,ul,li,input,dl,dt,dd,header,article,iframe,footer,ol,div,img{margin:0px; padding:0px; }
input{ border:0px;}
img{border:0px; vertical-align:middle; -webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;}
li{ list-style:none;}
a{outline:none; -webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear;}
b{ font-weight:normal;}
input,button,select,textarea{outline:none;font-family:"微软雅黑"; font-size:12px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; margin:0px; padding:0px; height:0px;}
.fullSlide2 .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide2 .bd ul{width:100% !important;}
.fullSlide2 .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; display:none;}
.fullSlide2 .hd ul{text-align:center;}
.fullSlide2 .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide2 .hd ul .on{background:#f00;}

@media only screen and (max-width:900px){
.fullSlide2{width:100%;position:relative;height:400px;background:#000000 ;}
.fullSlide2 .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:400px;}
.fullSlide2 .prev,.fullSlide2 .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-20px;left:3%;z-index:1;width:40px;height:40px;background: url(../images/m1_43.png) no-repeat; background-size:100% 100%;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide2 .next{left:auto;right:3%; background:url(../images/m1_46.png) no-repeat; background-size:100% 100%;}
}
@media only screen and (max-width:700px){
.fullSlide2{width:100%;position:relative;height:350px;background:#000000;}
.fullSlide2 .bd li{width:100% !important;height:350px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:350px;}
}
@media only screen and (max-width:600px){
.fullSlide2{width:100%;position:relative;height:300px;background:#000000;}
.fullSlide2 .bd li{width:100% !important;height:300px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:300px;}
}
@media only screen and (max-width:450px){
.fullSlide2{width:100%;position:relative;height:200px;background:#000000;}
.fullSlide2 .bd li{width:100% !important;height:200px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:200px;}
.fullSlide2 .prev,.fullSlide2 .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-15px;left:3%;z-index:1;width:30px;height:30px;background: url(../images/m1_43.png) no-repeat; background-size:100% 100%;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide2 .next{left:auto;right:3%; background:url(../images/m1_46.png) no-repeat; background-size:100% 100%;}
}
@media only screen and (max-width:320px){
.fullSlide2{width:100%;position:relative;height:160px;background:#000000;}
.fullSlide2 .bd li{width:100% !important;height:160px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:160px;}
}
@media only screen and (min-width:900px){
.fullSlide2{width:100%;position:relative;height:740px;background:#000000;}
.fullSlide2 .bd li{width:100% !important;height:740px;overflow:hidden;text-align:center;}
.fullSlide2 .bd li a{display:block;height:740px;}
.fullSlide2 .prev,.fullSlide2 .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-35px;left:3%;z-index:1;width:70px;height:70px;background: url(../images/m1_43.png) no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide2 .next{left:auto;right:3%; background:url(../images/m1_46.png) no-repeat;}
}

@media only screen and (max-width:1080px){

.main{ width:100%; margin:0px auto;}
}

@media only screen and (min-width:1080px){

.main{ width:1080px; margin:0px auto;}
}


@media only screen and (max-width:1080px){
.top{ width:100%; background:#ffffff; height:55px;}
.top .main{ height:55px; position:relative;}
a.logo{ background:url(../images/z1_03.png) no-repeat; background-size:100% 100%; width:125px; height:40px; position:absolute; left:3%; top:10px;}
.cd_t{ color:#999999; line-height:20px; width:94%; margin:10px 0px 10px 3%; float:left; font-size:1em;}
.cd_t a{ color:#999999;}
.cd_t a:hover,.cd_t a.on{ color:#000000;}
.cd_t li{ float:left; height:20px; }
.cd_t .l_cd{width:100%; text-align:center;}
.cd_t .l_cd a{ float:left; width:12%;}
.cd_t .l_x{ background:url(../images/z1_1_03.jpg) center center no-repeat; width:2%; display:none; }
.cd_t .l_ss{ width:100%; float:left; margin:5px 0px 10px 0px;}

.cd_t .l_ss #ss{ width:94%; float:left;  border:solid 1px #dddddd; background:#ffffff; }
.ss_tx{ width:70%; height:30px; line-height:30px; font-size:1em; color:#999999; float:left; padding-left:8px;}
.ss_an{ width:30%; height:30px; background:#000000; color:#ffffff; font-size:1em; line-height:100%; cursor:pointer; float:right;}


a#cd_ss{ background:url(../images/z1_06.png) center center no-repeat; display:none; width:20px; height:20px; }
.menu{margin:0px 0px 10px 0%; float:left; font-size:1em; width:100%;}
.menu li{ float:left;  width:100%; border-top:solid 1px #c6c6c6;}
.menu a.dbt{ display:block; width:100%; padding:8px 0px; text-align:left; padding-left:3%; color:#333333;}
.menu li a.dbt:hover{background:#333333; color:#ffffff;}
.menu2{ width:32px; height:20px; display:block; position:absolute; right:3%; top:18px;}
.menu2 a{ background:url(../images/d2_1_03.png) no-repeat; outline:none; display:block; background-size:100% 100%; width:32px; height:20px; line-height:20px;}
.menu2 a.on{background: url(../images/d2_2_03.png) no-repeat; background-size:100% 100%; }
.menu a.dbt:hover,.menu li.on a.dbt{ }
.menu li dl{ width:100%; float:left; background:#ffffff; padding:5px 0px; font-size:0.95em; border-top:solid 1px #c6c6c6;}
.menu li dd{ float:left; width:31.33%; float:left; margin:1px 1%;}
.menu li dd a{ float:left; padding:2px 5px; color:#666666;}
.menu li dd a:hover{ background:#4d4d4d; color:#ffffff;}
#navk{ width:100%; display:none; background:#ffffff; position:absolute; left:0px; top:55px; z-index:20; border-top:solid 1px #333333;}
.top_jg{ display:none;}
}
@media only screen and (max-width:380px){
.menu li dd{ float:left; width:48%; float:left; margin:2px 1%;}

}
@media only screen and (min-width:1080px){
/*box-shadow:0 1px 2px rgba(0,0,0,.2);*/
#navk{}
.menu2{ display:none;}
.top{ width:100%; background:#ffffff; height:80px; position:fixed; top:0px; left:0px; z-index:10; }
.top .main{ height:80px; position:relative;}
.top_jg{ height:80px;}
a.logo{ background:url(../images/z1_03.png) no-repeat; background-size:100% 100%; width:235px; height:55px; position:absolute; left:0px; top:13px;}
.cd_t{ color:#999999; height:20px; line-height:20px; position:absolute; right:0px; top:13px;}
.cd_t a{ color:#999999;}
.cd_t a:hover,.cd_t a.on{ color:#000000;}
.cd_t li{ float:left; height:20px;}
.cd_t .l_cd a{ margin-right:12px; font-size:12px;}
.cd_t .l_x{ background:url(../images/z1_1_03.jpg) center center no-repeat; margin-right:0px; width:1px;}
.cd_t .l_ss{ width:30px; text-align:right; position:relative; z-index:900; height:25px;}
.cd_t .l_ss #ss{ width:290px; height:33px; border:solid 1px #dddddd; display:none; background:#ffffff; position:absolute; top:25px; right:0px;}
.ss_tx{ width:225px; height:31px; line-height:31px; font-size:14px; color:#999999; float:left; margin-left:10px;}
.ss_an{ width:45px; height:27px; background:#000000; color:#ffffff; font-size:13px; line-height:100%; cursor:pointer; float:right; margin:2px;}
a#cd_ss{ background:url(../images/z1_06.png) center center no-repeat; width:20px; height:20px; display:inline-block;}
.menu{ position:absolute; height:40px; line-height:38px; font-size:14px; right:0px; top:40px; z-index:888;}
.menu li{ height:40px; float:left; margin-left:40px; width:60px;}
.menu li.l1{ width:80px;}
.menu a.dbt{ line-height:24px; display:inline-block; color:#666666;}
.menu a.dbt:hover,.menu li.on a.dbt{ border-bottom:solid 3px #000000;}
.menu li dl{ width:620px; background:#e6e6e6; top:40px; left:40px; font-size:13px; display:none; position:absolute; z-index:889; padding:10px 0px;}
.menu li dd{ float:left; width:30.3333%; float:left; margin:3px 1.5%;}
.menu li dd a{ float:left; padding:3px 5px; color:#010101;}
.menu li dd a:hover{ background:#4d4d4d; color:#ffffff;}
}

@media only screen and (max-width:1080px){
.top2{ padding:15px 0px 0px 0px;}
.sy1{ width:100%; float:left; margin-bottom:10px; background:#ffffff; }
.p1{ width:100%; float:left; margin:10px 0px 10px 0px;}
.p1 li{ float:left; width:23%; margin:5px 1%; background:#000000;}
.p1 li img{ width:100%; float:left;}
.p1 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.sy_r{ width:100%; background:#ffffff; float:right; }
.dz_nr{ float:left; width:92%;  margin:0px 0px 15px 4%; padding:0px 5px;  color:#cccccc; }
.sy_r .sy_bt{ float:left; width:100%;  color:#333333; font-size:1.3em; float:left; padding:12px 0px; text-align:center; margin:0px 0px 10px 0px; border-bottom:solid 1px #696969;}
.sy_r .lm1,.sy_r .lm2{ float:left; width:96%; margin-left:2%; font-size:1em; }
.sy_r .lm1 li{ float:left; width:46%; margin:3px 2%;}
.sy_r .lm1 a,.sy_r .lm2 a{ padding:0px 5px; display:inline-block;}
.sy_r .lm2 li{ float:left; width:46%; margin:3px 2%;}
.sy_r{ background:#4d4d4d; padding-bottom:10px; margin-bottom:0px;}
.sy_r .sy_bt{ color:#ffffff;}
.sy_r .lm1 a,.sy_r .lm2 a{ color:#cccccc;}
.sy_r .lm1 a:hover,.sy_r .lm2 a:hover{ background:#000000;}
.sy2{ width:100%; float:left; margin-left:0%; margin-bottom:15px; background:#ffffff; }
.sy2 .sy_r{}
.pic{ float:left; width:100%;}
.pic img{ width:100%; }
img{ max-width:100%; height:auto;}
}

@media only screen and (min-width:1080px){
.top2{ padding:55px 0px 10px 0px;}
.sy1{ width:100%; float:left; margin-bottom:55px; background:#ffffff; height:370px;}
.p1{ width:700px; float:left; margin:10px 0px 10px 10px;}
.p1 li{ float:left; width:165px; height:165px; margin:5px; background:#000000;}
.p1 li img{ width:165px; height:165px;}
.p1 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.sy_r{height:370px; width:360px; background:#ffffff; float:right; -webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
transition:all 0.2s linear; }
.dz_nr{ float:left; width:310px;  margin:-10px 0px 30px 30px; padding-top:20px; border-top:1px solid #dddddd;}
.sy_r .sy_bt{ float:left; width:330px; height:35px; line-height:35px; color:#333333; font-size:24px; float:left; margin:30px 0px 20px 30px;}
.sy_r .lm1,.sy_r .lm2{ float:left; width:335px; margin-left:25px; font-size:14px; }
.sy_r .lm1 li{ float:left; width:49%; height:26px; line-height:26px; margin:1px 0px;}
.sy_r .lm1 a,.sy_r .lm2 a{ padding:0px 5px; display:inline-block;}
.sy_r .lm2 li{ float:left; width:100%; height:26px; line-height:26px; margin:1px 0px;}
.sy_r:hover{ background:#4d4d4d;}
.sy_r:hover .sy_bt{ color:#ffffff;}
.sy_r:hover .lm1 a,.sy_r:hover .lm2 a,.sy_r:hover .dz_nr{ color:#cccccc;}
.sy_r:hover .lm1 a:hover,.sy_r:hover .lm2 a:hover{ background:#000000;}
.sy2{ width:100%; float:left; margin-bottom:55px; background:#ffffff; height:375px;}
.sy2 .sy_r{height:375px;}
.pic{ float:left; width:720px; height:375px;}
.pic img{ width:720px; height:375px;}

}
@media only screen and (max-width:1080px){
.foot{ width:100%; background:#666666; color:#ffffff; font-size:1em; padding:10px 0px;}
.foot a{ color:#ffffff;}
.foot a:hover{ text-decoration:underline;}
.foot .d1{ float:left; width:70%; margin-left:3%;}
.foot .d2{ width:20%; float:right; margin-right:3%;}
.foot .d2 img{ width:100%;}
.cd_f{ float:left; margin-top:10px; width:100%; margin-bottom:8px;}
.cd_f li{ float:left;}
.cd_f li.l_x{ color:#999999; margin:0px 5px;}
.cd_f li.l_tel{ background:url(../images/z1_32.png) left no-repeat; padding-left:20px;}
.f_nr{ width:100%; float:left;}
}
@media only screen and (max-width:380px){
.cd_f li.l_tel{ background:url(../images/z1_32.png) left no-repeat; padding-left:20px; margin-top:8px;}
}
@media only screen and (min-width:1080px){
.foot{ width:100%; background:#666666; color:#ffffff; font-size:1em; padding:10px 0px;}
.foot a{ color:#ffffff;}
.foot a:hover{ text-decoration:underline;}
.foot .d1{ float:left; width:900px;}
.foot .d2{ width:84px; float:right;}
.foot .d2 img{ width:100%;}
.cd_f{ float:left; margin-top:20px; width:900px; margin-bottom:8px;}
.cd_f li{ float:left;}
.cd_f li.l_x{ color:#999999; margin:0px 15px;}
.cd_f li.l_tel{ background:url(../images/z1_32.png) left no-repeat; padding-left:20px;}
.f_nr{ width:900px; float:left;}
}
@media only screen and (max-width:1080px){
.dqwz{ width:100%; padding:8px 0px 8px 3%; font-size:1em;
background-image: -moz-linear-gradient(top, #e2e2e2, #f7f7f7); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e2e2), color-stop(1, #f7f7f7)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#f7f7f7', GradientType='0'); /* IE*/
}
}

@media only screen and (min-width:1080px){
.dqwz{ width:100%; height:40px; line-height:40px; font-size:14px;
background-image: -moz-linear-gradient(top, #e2e2e2, #f7f7f7); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e2e2e2), color-stop(1, #f7f7f7)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#f7f7f7', GradientType='0'); /* IE*/
}
}

.ban{ width:100%;}
.ban img{ width:100%; display:block;}

@media only screen and (max-width:1080px){
.top3{ padding:15px 0px 15px 0px;}
.g_bt{ width:100%; float:left; font-size:1.3em; color:#000000; text-align:center; padding:5px 0px 15px 0px;}
.p2{ width:100%; float:left; overflow:hidden; margin-bottom:10px; font-size:1em;}
.p2 ul{ float:left; width:100%;}
.p2 li{ float:left; width:23%; margin:0px 1% 10px 1%; text-align:center;}
.p2 li .imgk{width:100%; height:100%; background:#000000; float:left;}
.p2 li img{ width:100%;  display:block;}
.p2 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.p2 li p{ padding-top:8px; color:#000000; width:100%; float:left;}

.p2_3{ width:100%; float:left; overflow:hidden; margin-bottom:10px; font-size:1em;}
.p2_3 ul{ float:left; width:100%;}
.p2_3 li{ float:left; width:23%; margin:0px 1% 10px 1%; text-align:center;}
.p2_3 li .imgk{width:100%; height:100%; background:#000000; float:left;}
.p2_3 li img{ width:100%;  display:block;}
.p2_3 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.p2_3 li p{ padding-top:8px; color:#000000; width:100%; float:left;}

.p2_2{ width:100%; float:left; overflow:hidden; margin-bottom:0px; margin-top:10px; font-size:1em;}
.p2_2 ul{ float:left; width:100%;}
.p2_2 li{ float:left; width:23%; margin:0px 1% 10px 1%; text-align:center;}
.p2_2 li .imgk{width:100%; height:100%; background:#000000; float:left;}
.p2_2 li img{ width:100%;  display:block;}
.p2_2 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

}
@media only screen and (max-width:500px){
.p2 li{ float:left; width:31.33%;  margin:0px 1% 10px 1%; text-align:center;}
.p2_3 li{ float:left; width:31.33%;  margin:0px 1% 10px 1%; text-align:center;}
.p2_2 li{ float:left; width:31.33%;  margin:0px 1% 10px 1%; text-align:center;}
}
@media only screen and (max-width:320px){
.p2 li{ float:left; width:48%; margin:0px 1% 10px 1%; text-align:center;}
.p2_3 li{ float:left; width:48%; margin:0px 1% 10px 1%; text-align:center;}
.p2_2 li{ float:left; width:48%; margin:0px 1% 10px 1%; text-align:center;}
}
@media only screen and (min-width:1080px){
.top3{ padding:30px 0px 30px 0px;}
.g_bt{ width:100%; float:left; font-size:20px; color:#000000; line-height:35px; margin-bottom:10px;}
.p2{ width:1080px; float:left; overflow:hidden; margin-bottom:20px; font-size:14px;}
.p2 ul{ float:left; width:1100px;}
.p2 li{ float:left; width:170px; height:220px; margin-right:12px; text-align:center;}
.p2 li .imgk{width:170px; height:170px; background:#000000; float:left;}
.p2 li img{ width:170px; height:170px; display:block;}
.p2 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.p2 li p{ padding-top:10px; color:#000000; width:100%; float:left;}

.p2_3{ width:1080px; float:left; overflow:hidden; margin-bottom:20px; font-size:14px;}
.p2_3 ul{ float:left; width:1120px;}
.p2_3 li{ float:left; width:160px; height:280px; margin-right:24px; text-align:center;}
.p2_3 li .imgk{width:160px; height:235px; background:#000000; float:left;}
.p2_3 li img{ width:160px; height:235px; display:block;}
.p2_3 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.p2_3 li p{ padding-top:10px; color:#000000; width:100%; float:left;}

.p2_2{ width:1080px; float:left; overflow:hidden; margin-bottom:30px; margin-top:12px; border-bottom:solid 1px #d4d4d4; padding-bottom:20px; font-size:14px;}
.p2_2 ul{ float:left; width:1100px;}
.p2_2 li{ float:left; width:170px; height:170px; margin-bottom:12px; margin-right:12px; text-align:center;}
.p2_2 li .imgk{width:170px; height:170px; background:#000000; float:left;}
.p2_2 li img{ width:170px; height:170px; display:block;}
.p2_2 li:hover img{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.p2_2 li p{ padding-top:10px; color:#000000; width:100%; float:left;}


}

@media only screen and (max-width:1080px){
.p3{ width:100%; float:left; overflow:hidden; margin-bottom:10px; font-size:1em; position:relative;}
.p3 ul{ float:left; width:100%;}
.p3 li{ float:left; width:31.33%;  margin:0px 1% 10px 1%; text-align:center;position:relative;}
.p3 li img{ width:100%;  display:block;}
.p3 li p{ height:30px; line-height:30px; position:absolute; left:0px; bottom:0px; color:#000000; width:100%; overflow:hidden; color:#ffffff; background:url(../images/z3_08.png);}

}

@media only screen and (max-width:550px){
.p3 li{ float:left; width:48%; margin:0px 1% 10px 1%; text-align:center;}
}
@media only screen and (min-width:1080px){
.p3{ width:1080px; float:left; overflow:hidden; margin-bottom:20px; font-size:14px; position:relative;}
.p3 ul{ float:left; width:1100px;}
.p3 li{ float:left; width:258px; overflow:hidden; height:258px; margin:0px 15px 15px 0px; text-align:center; position:relative;}
.p3 li img{ width:258px; height:258px; display:block;}
.p3 li p{ height:35px; line-height:35px; position:absolute; left:0px; bottom:-35px; color:#000000; width:100%; overflow:hidden; color:#ffffff; background:url(../images/z3_08.png);}
}


@media only screen and (max-width:1080px){
.pic2{ width:100%; float:left;  font-size:1em;}
.pic2 .txtk{ width:100%; padding:10px 3%; color:#ffffff;  background:#4d4d4d;; float:left;}
.pic2 .txtk b{ display:block; font-size:1.1em; font-weight:bold; padding-bottom:5px; line-height:normal;}
.pic2 img{ width:100%; display:block; float:left;}
.sj_bt{ width:100%; float:left; font-size:1.3em; color:#000000; font-weight:bold; padding:15px 0px; text-align:center;}
.sj1{ border-bottom:solid 1px #d4d4d4; padding:0px 0px 5px 0px; margin-bottom:15px;}
}

@media only screen and (min-width:1080px){
.pic2{ width:100%; float:left; position:relative; font-size:14px;}
.pic2 img{ width:100%; display:block;}
.pic2 .txtk{ width:100%; padding:15px 20px; color:#ffffff; background:url(../images/z3_08.png); position:absolute; top:0px; left:0px;}
.pic2 .txtk b{ display:block; font-size:16.5px; font-weight:bold; padding-bottom:5px; line-height:normal;}
.sj_bt{ width:100%; float:left; font-size:18px; color:#000000; font-weight:bold; height:55px; line-height:55px;}
.sj1{ border-bottom:solid 1px #d4d4d4; padding:0px 0px 5px 0px; margin-bottom:25px;}
}


@media only screen and (max-width:1080px){
.pt_nr{ width:94%; float:left; font-size:1em; margin-left:3%; color:#333333;}
.p4{ float:left; position:relative; width:96%; margin:15px 0px 15px 2%;}
.p4 li{ float:left; width:48%;  background:#d2d2d3; border:solid 5px #d2d2d3; margin:5px 1%; position:relative;}
.p4 li img{ float:left; width:100%; }
.p4 li .txtk{ float:left; width:100%;}
.p4 li p{ float:left; font-size:1em; font-weight: bold; color:#ffffff;  width:100%; height:28px; overflow:hidden; line-height:28px; text-align:center; background:#454545;}
.md30{ margin-bottom:15px;}
.lc_nr{ width:94%; margin-left:3%; float:left; font-size:1em; margin-bottom:15px; line-height:155%; color:#333333;}
.lc_nr strong{ font-size:1.15em; color:#000000;}
.zp_nr{ width:94%; margin-left:3%; float:left; font-size:1em; margin-bottom:15px; line-height:155%; color:#333333;}
.zp_bt{width:94%;  float:left; font-size:1.15em; font-weight:bold; color:#333333; margin:10px 0px 10px 3%;}
.zp_nr2{ width:94%; margin-left:3%;  float:left; font-size:1em;  color:#333333; margin-bottom:20px; margin-top:5px;}
.zp_nr2 b{ width:100%; float:left; font-size:1.3em; font-weight:bold; margin-bottom:8px;}
.zp_nr2 .s1{ width:48%; float:left; margin-right:2%; margin-bottom:5px;}
.zp_nr2 .s2{ width:100%; float:left; }

}

@media only screen and (min-width:1080px){
.pt_nr{ width:100%; float:left; font-size:16px; line-height:30px; color:#333333;}
.p4{ float:left; position:relative; width:860px; margin:30px 0px 35px 105px;}
.p4 li{ float:left; width:410px; height:290px; background:#d2d2d3; margin:10px; }
.p4 li img{ float:left; width:360px; height:240px; }
.p4 li .txtk{ width:360px; float:left; height:240px; position:relative; overflow:hidden; margin:25px 0px 0px 25px;}
.p4 li p{ position:absolute; font-size:15px; font-weight: bold; color:#ffffff; left:0px; bottom:-60px; width:360px; height:60px; line-height:60px; text-align:center; background:url(../images/z3_08.png);}
.md30{ margin-bottom:35px;}
.lc_nr{ width:100%; float:left; font-size:14px; line-height:24px; color:#333333;}
.lc_nr strong{ font-size:16px; color:#000000;}
.zp_nr{ width:100%; float:left; font-size:14px; line-height:26px; color:#333333;}
.zp_nr2{ width:100%; float:left; font-size:14px; line-height:26px; color:#333333; margin-bottom:30px;}
.zp_nr2 b{ width:100%; float:left; font-size:18px; font-weight:bold; margin-bottom:8px;}
.zp_nr2 .s1{ width:25%; float:left; margin-right:3%; margin-bottom:2px;}
.zp_nr2 .s2{ width:100%; float:left; }
.zp_bt{width:100%; float:left; font-size:15px; font-weight:bold; line-height:24px; color:#333333; margin:25px 0px 10px 0px;}
}

@media only screen and (max-width:1080px){
.zp_lb{ width:94%; float:left; overflow: hidden; float:left; margin:0px 0px 15px 3%;}
.zp_lb ul{ float:left; width:100%; background:#dadada;}
.zp_lb ul.ul1{ float:left;}
.zp_lb ul.ul2{ float:left;}
.zp_lb li{ float:left; width:94%; margin-left:3%; padding:8px 0px; border-bottom:solid 1px #c4c4c4;}
.zp_lb li a{ float:left; color:#333333;  overflow:hidden;}
.zp_lb li a:hover{ color:#ff0000}
.zp_lb li .sj{ float:right; color:#999999;}
}

@media only screen and (min-width:1080px){
.zp_lb{ width:1080px; float:left; overflow: hidden; float:left; margin:0px 0px 40px 0px;}
.zp_lb ul{ float:left; width:510px; background:#dadada; padding:10px 0px 30px 0px;}
.zp_lb ul.ul1{ float:left;}
.zp_lb ul.ul2{ float:right;}
.zp_lb li{ float:left; width:450px; margin-left:30px;   height:38px; line-height:38px; border-bottom:solid 1px #c4c4c4;}
.zp_lb li a{ float:left; color:#333333; width:360px; overflow:hidden;}
.zp_lb li a:hover{ color:#ff0000}
.zp_lb li .sj{ float:right; color:#999999;}
}

@media only screen and (max-width:1080px){
.xw1{  width:94%; background:#d7d7d7; margin:5px 3% 10px 3%;}
.x_bt{ font-size:1.3em; font-weight:bold; width:100%; color:#333333; border-bottom:solid 1px #c1c1c1; padding:12px 0px; float:left;}
.x_bt .s1{ float:left; margin-left:3%;}
.x_lb{ width:94%; float:left; margin:8px 3% 10px 3%; font-size:1em;}
.x_lb li{ width:100%; float:left; padding:5px 0px;}
.x_lb a{ float:left; width:100%; overflow:hidden; color:#333333; }
.x_lb a:hover{ color:#ff0000;}
.x_lb .sj{ float:left; color:#999999;}
.fy1{ width:100%; float:left; text-align:center; margin-bottom:15px;}
.fy1 a{ margin:0px 10px;}
.fy1 a.f1{ background: url(../images/xw_05.png) no-repeat; width:24px; height:24px; line-height:24px; display:inline-block;}
.fy1 a.f1:hover{ background:url(../images/xw_11.png) no-repeat;}
.fy1 a.f2{ background: url(../images/xw_12.png) no-repeat; width:24px; height:24px; line-height:24px; display:inline-block;}
.fy1 a.f2:hover{ background: url(../images/xw_07.png) no-repeat;}
}

@media only screen and (min-width:1080px){
.xw1{  width:100%; background:#d7d7d7; margin:15px 0px 30px 0px;}
.x_bt{ font-size:18px; font-weight:bold; width:100%; color:#333333; border-bottom:solid 1px #c1c1c1; height:60px; line-height:60px; float:left;}
.x_bt .s1{ float:left; margin-left:20px;}
.x_lb{ width:1040px; float:left; margin:5px 0px 20px 20px; font-size:14px;}
.x_lb li{ width:100%; float:left; height:45px; line-height:45px;}
.x_lb a{ float:left; width:930px; font-size:16px; overflow:hidden; color:#333333; }
.x_lb a:hover{ color:#ff0000;}
.x_lb .sj{ float:right; color:#999999;}
.fy1{ width:100%; float:left; text-align:center; margin-bottom:20px;}
.fy1 a{ margin:0px 10px;}
.fy1 a.f1{ background: url(../images/xw_05.png) no-repeat; width:24px; height:24px; line-height:24px; display:inline-block;}
.fy1 a.f1:hover{ background:url(../images/xw_11.png) no-repeat;}
.fy1 a.f2{ background: url(../images/xw_12.png) no-repeat; width:24px; height:24px; line-height:24px; display:inline-block;}
.fy1 a.f2:hover{ background: url(../images/xw_07.png) no-repeat;}
}


@media only screen and (max-width:1080px){
.sbt{ width:94%; margin-left:3%; font-size:1.3em;  font-weight:bold; text-align:center; float:left; color:#030302; margin-top:5px;}
.anbt{ width:94%; margin-left:3%; font-size:1.3em;  font-weight:bold; text-align:center; float:left; color:#030302; margin-top:5px;}
.ssj{width:94%; margin-left:3%; text-align:center; font-size:12px; color:#666666; padding:8px 0px 8px 0px; border-bottom:solid 1px #c7c7c7; float:left;}
.ssj span{ margin:0px 10px;}
.snr{width:94%;  float:left; font-size:1em;  color:#030302; margin:15px 3% 15px 3%;}
.snr img{ max-width:100%; height:auto;}
}

@media only screen and (min-width:1080px){
.sbt{ width:100%; font-size:30px; line-height:40px; font-weight:bold; text-align:center; float:left; color:#030302; margin-top:20px;}
.anbt{ width:100%; font-size:24px; line-height:35px; font-weight:bold; text-align:center; float:left; color:#030302; margin-top:20px;}
.ssj{ width:100%; text-align:center; font-size:12px; color:#666666; padding:10px 0px 10px 0px; border-bottom:solid 1px #c7c7c7; float:left;}
.ssj span{ margin:0px 15px;}
.snr{ width:100%; float:left; font-size:14px; line-height:24px; color:#030302; margin:30px 0px;}
.snr img{ max-width:100%; height:auto;}
}

@media only screen and (max-width:1080px){
.sl_bt{ width:94%; margin-left:3%; float:left; font-size:1.2em; line-height:155%; font-weight:bold; color:#000000; margin-bottom:12px;}
.sl_lb{ width:96%; margin-left:2%; float:left; border-bottom:solid 1px #c1c2c2; padding-bottom:10px; margin-bottom:12px; overflow:hidden;}
.sl_lb ul{ float:left; width:100%;}
.sl_lb li{ float:left; width:23%;  margin:0px 1% 10px 1%;}
.sl_lb li img{width:100%;}
.sl_nr{width:94%; margin-left:3%;  float:left; font-size:1.1em;  color:#333333; margin-bottom:15px;}
}
@media only screen and (max-width:480px){

.sl_lb li{ float:left; width:48%;  margin:0px 1% 10px 1%;}

}
@media only screen and (min-width:1080px){
.sl_bt{ width:100%; float:left; font-size:18px; font-weight:bold; color:#000000; margin-bottom:16px; line-height:30px;}
.sl_lb{ width:1080px; float:left; border-bottom:solid 1px #c1c2c2; padding-bottom:10px; margin-bottom:25px; overflow:hidden;}
.sl_lb ul{ float:left; width:1120px;}
.sl_lb li{ float:left; width:255px; height:170px; margin:0px 20px 20px 0px;}
.sl_lb li img{width:255px; height:170px;}
.sl_nr{ width:100%; float:left; font-size:16px; line-height:30px; color:#333333; margin-bottom:30px;}
}
@media only screen and (max-width:1080px){
.sc_nr{ width:94%; margin-left:3%; float:left; font-size:1em;  color:#333333; margin-bottom:15px; margin-top:10px;}
.sc_bt{ width:94%; margin-left:3%; float:left; border-top:solid 1px #c1c1c1; padding:10px 0px; color:#000000; font-size:1.2em;}
.sc_t{   width:94%; margin-left:3%; float:left; background:#ffffff;position:relative; margin-bottom:35px;}
.sc_t .imgk{ width:100%; float:left;}
.sc_t .imgk img{ width:100%; display:block; }
.sc_t .imgk2{ float:left; border:solid 4px #c8c9c9; border-top-width:0px; width:100%; }
.sc_t .imgk2 img{width:100%; display:block;  cursor:pointer; }
.sc_lb{ float:left; width:100%; border:solid 2px #c8c9c9;}
.sc_lb li{ float:left; width:20%; background:#c8c9c9; border:solid 2px #c8c9c9;}
.sc_lb li img{ width:100%; cursor:pointer;}
.sc_nr2{ width:94%; margin-left:3%; float:left; margin-bottom:15px; color:#333333;}
.sc_nr2 img{ max-width:100%;}
.ta1{ background:#ffffff; width:100%; border-top:solid 2px #c1c1c1;}
.ta1 td{ border:solid 1px #dddddd; padding:3px 3px;}
.sc_lb2{ width:96%; margin-left:2%; float:left; overflow:hidden; font-size:1em; margin-bottom:15px;}
.sc_lb2 ul{ float:left; width:100%;}
.sc_lb2 li a{ display:block; width:100%; padding:5px 0px; background:#ffffff;}
.sc_lb2 li i{ background:url(../images/dz4_19.png) no-repeat; background-size:100% 100%; width:15px; height:15px; display:inline-block; margin:0px 8px; vertical-align:middle;}

.sc_lb2 li{ float:left; width:31.33%; margin:0px 1% 5px 1%; }
}
@media only screen and (max-width:420px){

.sc_lb2 li{ float:left; width:48%; margin:0px 1% 5px 1%; }
}
@media only screen and (min-width:1080px){
.sc_nr{ width:100%; float:left; font-size:14px;  color:#333333; margin-bottom:15px;}
.sc_bt{ width:100%; float:left; border-top:solid 1px #c1c1c1; padding:25px 0px; color:#000000; font-size:24px;}
.sc_t{ width:100%; float:left; background:#ffffff; height:410px; position:relative; margin-bottom:35px;}
.sc_t .imgk{ width:722px; height:410px; position:absolute; right:0px; top:0px;}
.sc_t .imgk img{ width:722px; height:410px; }
.sc_t .imgk2{position:absolute; left:0px; top:140px; border:solid 8px #c8c9c9; width:362px; height:270px;}
.sc_t .imgk2 img{width:346px; height:250px; float:left; cursor:pointer; }
.sc_lb{ position:absolute; left:0px; top:0px; border:solid 6px #c8c9c9; width:362px;}
.sc_lb li{ float:left; width:70px; height:70px; background:#c8c9c9; }
.sc_lb li img{ width:66px; height:66px; float:left; margin:2px; cursor:pointer;}
.sc_nr2{ width:100%; float:left; margin-bottom:30px; color:#333333;}
.sc_nr2 img{ max-width:100%;}
.ta1{ background:#ffffff; width:100%; border-top:solid 2px #c1c1c1;}
.ta1 td{ border:solid 1px #dddddd; padding:7px 10px;}
.sc_lb2{ width:1080px; float:left; overflow:hidden; font-size:14px; margin-bottom:20px;}
.sc_lb2 ul{ float:left; width:1120px;}
.sc_lb2 li{ float:left; width:170px; height:40px; line-height:40px; margin:0px 12px 12px 0px; }
.sc_lb2 li a{ display:block; width:100%; height:40px; background:#ffffff;}
.sc_lb2 li i{ background:url(../images/dz4_19.png) no-repeat; width:20px; height:20px; display:inline-block; margin:0px 12px; vertical-align:middle;}

}



@media only screen and (max-width:1080px){
.f_d_k{ background:#000000; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; width:100%; height:100%; position:fixed; z-index:99991; top:0px; left:0px;}
.f_d_nr{ position:fixed; top:5%; left:0px; z-index:99992; width:100%;}
.f_d_zw{ width:94%; float:left;   position: relative;  margin:3% auto; z-index:99993; background:#ffffff; box-shadow:0 2px 8px rgba(0,0,0,.3);}
a.cd_gb{ width:25px; height:25px; line-height:25px; position:absolute; right:0px; top:-30px; background: url(../images/dll_03.png) no-repeat; background-size:100% 100%;}
#tc2,#tc3{ display:none;}
.tc_nr{ float:left; width:94%; margin:0px 3%; padding:10px 0px 5px 0px; text-align:center; color:#000000; font-size:1.1em; }
.tc_fo{ float:left; width:94%; margin:0px 3%; font-size:1em; }
.tc_fo dl{ width:100%; float:left; padding:2px 0px; color:#110406; border-bottom:solid 1px #110406;}
.tc_fo dt{ float:left; width:15%; line-height:32px;}
.tc_fo dd{ float:right; width:85%;}
.tc_fo a{ float:right; width:40%}
.tc_fo .tx2{ float:left;}
.tc_fo .tx_yz{ width:60%;}
.tc_fo .dl_an{ padding:10px 0px 10px 0px; border:0px;}
.tx2{ width:95%; height:32px; line-height:33px; background:none; border:0px; color:#000;}
a.cd_a_d5{ height:32px; line-height:32px;  text-align:center; font-size:0.9em; color:#ffffff; background:#000000;}
a.cd_a_d3{ height:32px; line-height:32px; text-align:center; font-size:0.9em; color:#ffffff; background:#919191;}
.an_d{ width:100%; text-align:center; font-size:1.1em; color:#ffffff; background:#919191; height:33px; line-height:100%; cursor:pointer;}
.gd1{ float:left; position:relative; width:100%; margin-bottom:15px; font-size:1em; }
.gd2{ float:left; position:relative; width:100%; margin-bottom:15px; font-size:1em; }
.tc_nr2{ float:left; width:94%; margin:0px 3%; padding:20px 0px; text-align:center; color:#909090; font-size:1em; line-height:26px; }
.tc_an{ width:100%; float:left; text-align:center; font-size:1.1em; margin-bottom:20px;}
#tc3 .f_d_nr{ top:30%}
#tc3 .f_d_zw{ width:94%; margin-left:3%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#tc3 .tc_nr2{ min-height:90px;}
}

@media only screen and (min-width:1080px){
.f_d_k{ background:#000000; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; width:100%; height:100%; position:fixed; z-index:99991; top:0px; left:0px;}
.f_d_nr{ position:fixed; top:15%; left:0px; z-index:99992; width:100%;}
.f_d_zw{ width:550px;   position: relative;  margin:0px auto; z-index:99993; background:#ffffff; box-shadow:0 2px 8px rgba(0,0,0,.3);}
a.cd_gb{ width:25px; height:25px; line-height:25px; position:absolute; right:0px; top:-30px; background: url(../images/dll_03.png) no-repeat; background-size:100% 100%;}
#tc2,#tc3{ display:none;}
.tc_nr{ float:left; width:470px; margin:0px 40px; padding:20px 0px; text-align:center; color:#000000; font-size:16px; line-height:26px; }
.tc_fo{ float:left;width:470px; margin:0px 40px 30px 40px; font-size:15px; }
.tc_fo dl{ width:100%; float:left; padding:5px 0px; color:#110406; border-bottom:solid 1px #110406;}
.tc_fo dt{ float:left; width:60px; line-height:35px;}
.tc_fo dd{ float:right; width:405px;}
.tc_fo a{ float:right;}
.tc_fo .tx2{ float:left;}
.tc_fo .tx_yz{ width:265px;}
.tc_fo .dl_an{ padding:20px 0px 0px 0px; border:0px;}
.tx2{ width:360px; height:35px; line-height:35px; background:none; border:0px; color:#000;}
a.cd_a_d5{ height:35px; line-height:35px; width:105px; text-align:center; font-size:13px; color:#ffffff; background:#000000;}
a.cd_a_d3{ height:35px; line-height:35px; width:105px; text-align:center; font-size:13px; color:#ffffff; background:#919191;}
.an_d{ width:100%; text-align:center; font-size:15px; color:#ffffff; background:#919191; height:35px; line-height:100%; cursor:pointer;}
.gd1{ float:left; position:relative; width:1090px; margin-left:-5px; margin-bottom:30px; font-size:14px;}
.gd2{ float:left; position:relative; width:1090px; margin-left:-5px; margin-bottom:30px; font-size:14px;}
.tc_nr2{ float:left; width:400px; margin:0px 10px; padding:40px 0px; text-align:center; color:#909090; font-size:14px; line-height:26px; }
.tc_an{ width:100%; float:left; text-align:center; font-size:16px; margin-bottom:25px;}
#tc3 .f_d_nr{ top:30%}
#tc3 .f_d_zw{ width:420px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#tc3 .tc_nr2{ min-height:120px;}

}

#img2{ cursor:pointer;}


@media only screen and (max-width:1080px){
.lyk{ width:94%; float:left; margin-left:3%; background:#ffffff; padding:15px 3% 0px 3%;}
.ly_bt{ width:100%; float:left; margin:0px 0px 0px 0px; font-size:1.3em; color:#000000; padding-bottom:10px; border-bottom:solid 1px #dcdcdc;}
.ly_ts{ width:100%; float:left; margin:0px 0px 0px 0px; font-size:1em; padding:10px 0px; }
.ly_fo{ float:left; width:100%; margin:5px 0px 10px 0px}
.ly_fo dl{ width:100%;  float:left;  margin-bottom:10px;}
.ly_fo dt{ float:left; width:100%; margin-bottom:8px; }
.ly_fo dd{ float:left; width:100%;}
.ly_fo .form-control{ color:#c9c9c9; }
.ly_fo dl.dl1{ padding:0px; margin-top:5px;}
.ly_fo dl.dl1 .form-control{  color:#c9c9c9;}
.ly_fo dl.dl2 .form-control{ float:left; width:60%;}
.ly_fo dl.dl2 .s_yzm{ float:left; margin-left:5%; height:30px; margin-top:-4px; width:35%}
.ly_fo dl.dl3{ border:0px; padding:0px; margin-top:5px;}
.ly_fo .an_ly{ width:100%; height:42px; line-height:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; border:solid 2px #000000; color:#000000; font-size:16px; background:#ffffff;}
.ly_fo .an_ly:hover{ background:#000000; color:#ffffff;}
}

@media only screen and (min-width:1080px){
.lyk{ width:100%; float:left; background:#ffffff; padding:30px 0px 40px 0px;}
.ly_bt{ width:1000px; float:left; margin:0px 0px 0px 40px; font-size:24px; color:#000000; line-height:50px; border-bottom:solid 1px #dcdcdc;}
.ly_ts{ width:1000px; float:left; margin:0px 0px 0px 40px; font-size:14px; padding:14px 0px; line-height:24px;}
.ly_fo{ float:left; width:340px; margin:40px 0px 10px 365px}
.ly_fo dl{ width:100%; line-height:22px; float:left; padding:10px 0px; border:solid 1px #e3e1e2; margin-bottom:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.ly_fo dt{ float:left; width:85px; height:22px; text-align:center; border-right:solid 1px #e3e1e2;}
.ly_fo dd{ float:right; width:245px; height:22px;}
.ly_fo .form-control{ height:22px; line-height:22px; color:#c9c9c9; border:0px; padding:0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;}
.ly_fo dl.dl1{ padding:0px;}
.ly_fo dl.dl1 .form-control{ height:auto; line-height:22px; border:0px; padding:8px 10px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#c9c9c9;}
.ly_fo dl.dl2 .form-control{ float:left; width:150px;}
.ly_fo dl.dl2 .s_yzm{ float:left; margin-left:10px; height:30px; margin-top:-4px;}
.ly_fo dl.dl3{ border:0px; padding:0px;}
.ly_fo .an_ly{ width:100%; height:42px; line-height:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; border:solid 2px #000000; color:#000000; font-size:16px; background:#ffffff;}
.ly_fo .an_ly:hover{ background:#000000; color:#ffffff;}
}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media only screen and (max-width:1080px){
#dituContent{ display:none;}
}

@media only screen and (min-width:1080px){
#dituContent{ width:1080px; border:solid 1px #cccccc; height:420px; }
}
