/* CSS Document */
@charset "utf-8";

/******************全局共用开始*****************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent; } 
ol, ul { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } ins { text-decoration: none; }  
html{ height:100%;}
img { border:0;}
body{ font-family:'Microsoft YaHei'; font-size:14px; color:#545454; width:100%; margin:auto; background:#fff;}
a,a:visited{ text-decoration:none; color:#545454;}
.clear{ clear:both;}
.more{ float:right;}
/******************头部开始*****************/
#header{ width:100%; border-bottom:1px solid #ccc; background:#000; height:50px; overflow:hidden;}
#header img { width:100%; height:auto;}
#header .left{ float:left; width:100%;}
#header .right{ float:left; width:33%;}
.nav{ width:100%; margin:auto; background-color:#000;}
.nav li{width:90%; padding:0 5%; text-align:left; height:40px; line-height:38px; list-style:none;border-bottom:1px solid #fff;}
.nav li a{ color:#FFFFFF;text-decoration: none}
.nav li span{ float:right}
.prolist{ width:90%; margin:auto; display:table}
.prolist dl{ float:left; width:45%; margin:1% 2% 3% 2%;border:1px solid #ccc; line-height:32px; text-align:center;border-radius:20px}

.xy{width:100%;overflow:hidden;margin:auto; margin-bottom:20px}
.xy img{width:100%;margin-bottom:5px}
td{ padding:20px; font-size:14px; text-align:left;border:1px solid #ccc; line-height:22px; color:#222}
.case{ margin:auto}
.case h3{ font-size:18px;text-align:center; line-height:30px; height:38px; margin-bottom:10px;margin-top:20px;border-bottom:1px solid #ccc;}
.case ul{ padding:2%; display:table}
.case ul li{ width:50%;float:left;text-align:center; padding-bottom:3%;font-size:12px}
.case ul li img{ max-width:95%;height: auto;background:#FFFFFF; }
.case li a{ color:#333;text-decoration: none}
.case h5{font-size:14px;text-align:center; width:30%; margin:auto; line-height:25px; height:25px; margin-bottom:25px;border:1px solid #ccc;border-radius:25px; font-weight:normal}

.caset{ margin:auto}
.caset h3{ font-size:18px;text-align:center; line-height:30px; height:38px; margin-bottom:10px;margin-top:20px;border-bottom:1px solid #ccc;}
.caset ul{ padding:2%; display:table}
.caset ul li{ width:33.3%;float:left;text-align:center; padding-bottom:3%; font-size:12px}
.caset ul li img{ max-width:95%;height: auto;background:#FFFFFF; }
.caset li a{ color:#333;text-decoration: none}
.caset h5{font-size:14px;text-align:center; width:30%; margin:auto; line-height:25px; height:25px; margin-bottom:25px;border:1px solid #ccc;border-radius:25px; font-weight:normal}

.about{padding-bottom:8px;background: #deecfb url(/img/about_bg.jpg) no-repeat center bottom; padding-top:8%}
.about h3{ font-size:18px;text-align:center; line-height:30px; height:38px; margin-bottom:10px;border-bottom:1px solid #ccc;}
.about ul{ padding:2% 4%; display:table;}
.about ul p{text-align:left; padding-bottom:1%;text-align:justify; line-height:28px}
.about h5{font-size:14px;text-align:center; width:30%; margin:auto; background-color:#FFFFFF; line-height:25px; height:25px; margin-bottom:25px;border:1px solid #ccc;border-radius:25px; font-weight:normal}

.news {padding-bottom:3%; padding-top:7%}
.news h3{ font-size:18px;text-align:center; line-height:30px; height:38px; margin-bottom:10px;border-bottom:1px solid #ccc;}
.news ul{display:table; width:94%;margin:auto;}
.news ul li{text-align:left;  width:95%;background:url(/img/dian.jpg) no-repeat left center; list-style:none;background-color:#FFFFFF; display:table; line-height:22px;border-bottom:1px dashed #ccc; padding-top:2%; padding-left:5%;padding-bottom:2% }
.news h5{font-size:14px;text-align:center; width:30%; margin:auto; line-height:25px; height:25px; margin-top:20px; margin-bottom:25px;border:1px solid #ccc;border-radius:25px; font-weight:normal}

#welcome{ width:100%;line-height:22px;color:#333; font-size:12px;text-align:center;border-top:1px solid #eee; padding:5% 0 18% 0; background-color:#fff;}
#welcome img{ width:95%}
/******************底部开始*****************/
#footer{ width:100%;line-height:18px;text-align:center;position:fixed;bottom:0px; padding-bottom:1%; background-color:#005bac; height:50px;}
#footer li{ float:left; width:25%;background:url(/img/footer_bg.png) no-repeat right;list-style:none; margin-top:2%;}
#footer li img{ width:20%;}
#footer li a{ color:#FFFFFF}


.kejian{ width:100%; margin:auto; text-align:center; padding-bottom:10px; display:table; padding-top:20px}
.kejian h2{ font-size:14px; background-color:#eee;height:36px; line-height:36px; text-align:center;color:#222}
.kejian li{ float:left;width:45%; margin:1% 2.5%; line-height:30px; height:30px;border-bottom:1px solid #ccc; list-style:none}
.kejiana { float:left;width:45%; margin:1% 2.5%; line-height:30px; height:30px;border-bottom:1px solid #ccc; list-style:none}
.kejiana a{color:#0086ff; font-weight:bold;}

/******************搜索开始*****************/
#search{ width:100%; padding:23px 0; background: url(/img/search_line.jpg) repeat-x center top; text-align:center;}
#search input{width:79px;height:31px;line-height:31px;border:0;padding-left:2px; background:url(../img/common/search_bg.jpg) no-repeat left center;}
/******************首页主体开始*****************/
#index{background:#ededed; width:100%;}
#index .service {padding:8px 0 2px 0;}
#index .service ul li{ margin-left:10%; width:80%; font-size:14px; padding-bottom:8px; border:1px solid #e0e0e0; background:#FFFFFF; float:left; margin-bottom:6px;}
#index .service ul li img { float:left; width:15%; margin-top:2%; margin-left:5%; margin-right:2%}
#index .service ul li p { line-height:16px; padding-top:7%;}

#index .link{width:100%; border-top:1px solid #035ca2; color:#fff; background:#0165b3; overflow:hidden; line-height:50px;}
#index .link ul{border-top:1px solid #1679c5;}
#index .link ul li{width:24%;text-align:center;float:left; border-left:1px solid #1679c5; border-right:1px solid #035ca2;}
#index .link ul li a{color:#fff;}

#n_index .link{width:100%; border-top:1px solid #035ca2; color:#fff; background:#0165b3; overflow:hidden; line-height:50px;}
#n_index .link ul{border-top:1px solid #1679c5;}
#n_index .link ul li{width:24%;text-align:center;float:left; border-left:1px solid #1679c5; border-right:1px solid #035ca2;}
#n_index .link ul li a{color:#fff;}


/******************内页主体开始*****************/
#n_index{width:100%;background-image:url(../img/common/bj_n_main.jpg);background-repeat:repeat-x;background-position:left bottom;background-color: #ededed;}
.top{height:25px;background:#ededed;border-bottom:1px solid #cecece; width:100%;}
.profile{ padding:18px 0 28px 18px;background:#fff;background-image: url(/img/profile_bottom_bg.gif);background-repeat: no-repeat;background-position: center bottom;}
.profile .left{width:22%;float:left;}
.profile .left img { width:100%;}
.profile .right{ width:64%;float:right;line-height:22px; margin-right:5%;}
.profile .right h3{font-size:16px;color:#c80002; margin:0px 0 10px 0;}
.profile .right p { font-size:13px; font-weight:bold;}
.casea1{ padding-left:3%; padding-right:3%;padding-top:18px; padding-bottom:12px; text-align:left}
.casea1 p{ line-height:25px; margin-bottom:8px;}
.casea1 img{ width:80%}
.casea{ padding-left:3%; padding-right:3%;padding-top:18px; padding-bottom:12px; text-align:center}
.casea p{ line-height:25px;}
.casea li{list-style-type: none; margin-bottom:5px;}
.casea img{ width:80%}



.news1 {padding-bottom:22px;}
.news1 h2{ text-align:center; font-size:14px; background-color:#CCCCCC; height:32px; line-height:32px}
.news1 ul{display:table; width:98%}
.news1 ul li{text-align:left; width:98%; background-color:#FFFFFF; line-height:30px; height:30px;border-bottom:2px solid #ccc;background:url(/img/ico-1.gif) left no-repeat; padding-left:16px;}
.news1 ul li span{ float:right; padding-right:12px; color:#999999}

.hao{ width:96%; margin:auto}
.hao h2{ text-align:center;font-size:16px; background-color:#fff; height:55px; line-height:65px;border-bottom:1px solid #ccc;}
.hao1{ display:table;padding:1% 3%;word-break: break-all; line-height:24px; }
.hao1 p{ padding-bottom:10px; line-height:24px; text-align:justify;text-justify:inter-ideograph;}
.hao2{ padding:2%}
.hao2 p{ padding-bottom:10px; line-height:24px; text-align:justify;text-justify:inter-ideograph;}
.hao2 img{ width:100%}
.hao1 img{ width:100%}
.hao1 dl{ padding:5%}
.hao1 dd{border:1px solid #ccc; margin-bottom:20px; text-align:center}
.hao1 dd img{ width:100%}
.tt{ margin:auto; text-align:center; display:table}
.tt h2{ line-height:40px;}
.tt h3{text-align:center;border-radius:30px; border:1px; background-color:#000000; color:#FFFFFF; padding:6px 20px; width:80px;margin:auto; margin-bottom:20px}
.weit img{ width:40%; margin:auto; text-align:center}
.weit{margin:auto; text-align:center}

.hao11{ padding:1%; width:98%;}
.hao11 p{ padding-bottom:10px; line-height:24px;}
.hao11 img{ width:95%}

.hao12{display:table; text-align:center}
.hao12 h2{font-size:18px;line-height:32px}


.case1 {padding-bottom:2px;}
.case1 h2{ text-align:center; font-size:14px; background-color:#eee; height:32px; line-height:32px}
.case1 ul{ padding:2%; display:table}
.case1 ul li{ width:50%;float:left;text-align:center; padding-bottom:2%}
.case1 ul li img{ width:90%;border:1px solid #e0e0e0;background:#FFFFFF; padding:1% }

.case2 {padding-bottom:2px;}
.case2 h2{ text-align:center; font-size:14px; background-color:#eee; height:32px; line-height:32px}
.case2 ul{ padding:2%; display:table}
.case2 ul li{ width:90%; text-align:center; padding-bottom:5%; display:table; margin:auto;}
.case2 ul li span{width:90%; text-align:center; line-height:24px}
.case2 ul h3{ font-size:16px}
.case2 ul li img{width:98%;border:1px solid #e0e0e0;background:#FFFFFF; padding:1% }

.case3 {padding-bottom:2px;}
.case3 h2{ text-align:center; font-size:14px; background-color:#eee; height:32px; line-height:32px}
.case3 ul{ padding:2%; display:table}
.case3 ul li{ width:100%; text-align:center; padding-bottom:5%; display:table; margin:auto;}
.case3 ul li span{width:100%; text-align:center; line-height:24px}
.case3 ul h3{ font-size:16px}
.case3 ul li img{width:98%;border:1px solid #e0e0e0;background:#FFFFFF; padding:1% }



.zucai {padding-bottom:8px;}
.zucai h2{ width:100%}
.zucai h2 img{width:100%}
.zucai ul{ padding:2%; display:table}
.zucai ul li{ width:50%;float:left;text-align:center; padding-bottom:2%}
.zucai ul li img{ width:90%;border:1px solid #e0e0e0;background:#FFFFFF; padding:1% }

.banner{ width:100%}
.banner img{ width:100%}


.xy1{width:100%;overflow:hidden;padding-bottom:20px}
.xy1 h2{font-size:18px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy1 ul{ width:100%; margin:auto;}
.xy1 ul li{ float:left; width:20%; text-align:center; padding-top:15px}
.xy1 ul li b{ font-size:14px; font-weight:normal}
.xy1 li img{width:80%;}
.xy1 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}



.xy5{width:98%;overflow:hidden;margin:auto;}
.xy5 h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy5 ul{ margin:auto; padding-top:10px}
.xy5 ul li{ float:left; width:50%;text-align:center;padding-top:8px; padding-bottom:15px}
.xy5 ul li b{ font-size:14px}
.xy5 ul li span{ font-size:14px; color:#666; line-height:20px}
.xy5 li img{width:70%; margin-bottom:5px}
.xy5 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.xy6{width:100%;overflow:hidden;margin:auto;}
.xy6 h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy6 ul{ margin:auto; padding-top:10px}
.xy6 ul li{width:98%; margin:auto; line-height:28px;margin-bottom:30px;background-color:#FFFFFF}
.xy6 ul li h3{ font-size:16px; width:90%;background-color:#72c13e; color:#FFFFFF; height:33px; line-height:35px; margin:auto; padding-left:15px}
.xy6 li p{margin-left:36px;font-size:16px; padding-top:10px}
.xy6 li p span{ color:#FF0000; font-size:20px}


.xy7{width:100%;overflow:hidden;margin:auto; margin-bottom:20px}
.xy7 h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy7 h3{ font-size:20px; text-align:center; line-height:32px}
.xy7 ul{ margin:auto; width:100%;padding-top:10px}
.xy7 ul li{ float:left; width:33%;text-align:center;padding-top:8px;}
.xy7 ul li b{ font-size:14px}
.xy7 ul li span{ font-size:14px; color:#666; line-height:20px}
.xy7 li img{width:60%;margin-bottom:5px}
.xy7 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.xy8{width:100%;overflow:hidden;margin:auto; margin-bottom:20px}
.xy8 h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy8 h3{ font-size:20px; text-align:center; line-height:32px}
.xy8 ul{ margin:auto; padding-top:20px}
.xy8 ul li{ float:left; width:50%; text-align:center; margin-bottom:30px;}
.xy8 ul li b{ font-size:16px}
.xy8 li img{width:80%;}
.xy8 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.xy9{width:100%;overflow:hidden;margin:auto; margin-bottom:20px}
.xy9 h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy9 h3{ font-size:20px; text-align:center; line-height:32px}
.xy9 ul{ margin:auto;padding-top:5px}
.xy9 ul li{float:left; width:33%;text-align:center; margin-bottom:10px; padding-top:15px;}
.xy9 ul li b{ font-size:16px; line-height:28px}
.xy9 li img{width:70%;}
.xy9 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}


.xy11{width:100%;overflow:hidden;margin:auto;}
.xy11 h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
.xy11 ul{ width:100%;margin:auto;text-align:center; }
.xy11 ul img{width:100%;}



.xy12{width:100%;overflow:hidden;margin:auto; margin-bottom:20px; padding-bottom:20px}
.xy12 h2{font-size:20px;width:90%;line-height:28px;margin:auto; height:65px;text-align:center;color:#FFFFFF; margin-top:20px;border-bottom:1px #fff solid;}
.xy12 h2 span{font-size:14px;}
.xy12 ul{ margin:auto; padding-top:10px; text-align:center;}
.xy11 ul img{width:100%;}


.xy13{width:100%;overflow:hidden;margin:auto; margin-bottom:20px; padding-bottom:20px}
.xy13 h2{font-size:20px;width:100%;line-height:28px;margin:auto;background:#72c13e;padding-top:15px; height:65px;text-align:center;color:#FFFFFF; margin-top:5px;}
.xy13 h2 span{font-size:14px;}
.xy13 ul{ margin:auto; padding-top:10px}
.xy13 ul li{ float:left; width:50%;  text-align:center;padding-top:15px;}
.xy13 ul li b{ font-size:16px; font-weight:normal}
.xy13 ul li span{ font-size:14px; color:#666; line-height:20px}
.xy13 li img{width:60%;height:60%; margin-bottom:5px}
.xy13 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.xy14{width:100%;overflow:hidden;margin:auto; padding-bottom:30px}
.xy14 h2{font-size:30px; line-height:28px; text-align:center; margin-top:15px;}
.xy14 img{width:100%;}

.xy15{width:1200px;height:794px;overflow:hidden;margin:auto;}
.xy15 h2{font-size:30px; line-height:28px; height:55px;text-align:center; margin-top:35px;}
.xy15 h3{ font-size:20px; text-align:center; line-height:32px}
.xy15 ul{ margin:auto; width:1230px; margin-left:-30px; padding-top:10px}
.xy15 ul li{ float:left; width:380px; height:258px; margin-left:30px; text-align:center; margin-bottom:10px; padding-top:25px;}
.xy15 ul li b{ font-size:16px}
.xy15 li img{width:250px;height:250px;}
.xy15 li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}





#content{ margin-bottom:20px}
#content P{ padding:10px;}
#content h2{font-size:20px; width:100%;background:#72c13e; color:#FFFFFF; line-height:40px; height:42px;text-align:center;}
#content h3{ padding-left:10px}
#content h4{ font-size:18px; margin-top:20px; text-align:center}

.case_l { padding-top:18px; padding-bottom:12px;}
.case_l ul li{ padding-left:3%; padding-right:2%;width:95%;float:left;text-align:left; padding-bottom:2%;line-height:25px; margin-bottom:15px;}
.case_l p{ margin-bottom:12px;}
.case_l a{color:#FF0000;
	text-decoration: underline blink;
}
.case_l li img{width:88%; text-align:center}

.Project .jd_top{background: url(../img/common/jd_top_bg.gif) no-repeat 9% top;height:53px; width:100%;}
.Project .jd_top h4{ font-size:16px; padding-left:26%; line-height:44px;}
.Project .jd_middle{background: url(../img/common/jd_middle_bg.gif) repeat-y 13% center; width:100%;}
.Project .jd_bottom{background: url(../img/common/jd_bottom_bg.gif) no-repeat 11% bottom; height:66px;}

.Project .time_b{width:100%;}
.Project .time_b ul li{height:68px; width:100%; line-height:68px;}
.Project .time_b ul li .time{float:left; background: url(../img/common/jd_dian_bg.gif) no-repeat 72% center; width:20%;}
.Project .time_b ul li .kg { float:left; width:80%; height:68px; background:url(../img/common/kg_bj.jpg) no-repeat left center;}
.Project .time_b ul li .kg .left { width:40%; padding-left:4%; float:left; height:68px; font-size:14px; font-weight:bold; color:#cf2224; }
.Project .time_b ul li .kg .center { width:30%; float:left;height:68px; font-size:12px; color:#5f5f5f; }
.Project .time_b ul li .kg .right {width:20%; float:right; height:64px; padding-top:4px;}

@media only screen and (max-width:320px) {
.Project .jd_top h4{ font-size:16px; padding-left:32%; line-height:50px;}
.Project .time_b ul li { margin-bottom:6px;}
.Project .time_b ul li .kg { width:80%; height:68px;}
.Project .jd_top{background: url(../img/common/jd_top_bg.gif) no-repeat 30px top;height:53px; width:100%;}
.Project .jd_middle{background: url(../img/common/jd_middle_bg.gif) repeat-y 53px center; width:100%;}
.Project .time_b ul li .time{ line-height:24px; float:left; background: url(../img/common/jd_dian_bg.gif) no-repeat 55px top; width:18%; padding-left:2%;}
.Project .time_b ul li .kg { width:68%; height:68px; background:url(../img/common/kg_bj.jpg) no-repeat left center; float:right; padding-left:12px;}
.Project .time_b ul li .kg .left { width:34%; float:left; height:68px; font-size:14px; font-weight:bold; color:#cf2224; }
.Project .time_b ul li .kg .center { width:19%; float:left;height:68px; font-size:12px; color:#5f5f5f; }
.Project .time_b ul li .kg .right {width:20%; float:right; height:50px; padding-top:18px; background:url(../img/common/kg_bj.jpg) no-repeat right center;}
.Project .jd_bottom{background: url(../img/common/jd_bottom_bg.gif) no-repeat 40px top; height:74px; margin-bottom:14px;}
}


/******************banner*****************/
.banner {margin:0 auto;}
#slides {display:none;position:relative;}
.slidesjs-pagination{float:left; width:100%; background:#b2b2b2; height:5px; overflow:hidden;}
.slidesjs-pagination li{float:left; width:50%; color:red;}
.slidesjs-pagination li a{display:block; height:5px; overflow:hidden; text-indent:999999px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background:#3f9809;}
.slidesjs-pagination li a:hover {background-position: 0 -26px}
@media (max-width: 767px) {
 .banner { width: auto }
}
@media (max-width: 480px) {
.banner { width: auto }
    }

.pages{clear:both;margin-top:2px;text-align:center; margin-bottom:10%; width:100%}
.pages ul{float:none;text-align:center;}
.pages li{float:none;display:inline;margin:0 12px;border:1px #ddd solid;padding:1px;font-family:"宋体"; font-size:12px}
.pages li.thisclass{font-weight:bold;color:#ff6600;border:1px #ff6600 solid;}