/* CSS Document */

*{ margin:0px; padding:0px; list-style:none; }
.clear_{clear:both;font-size:0;line-height:0;height:0;}
img{ border:0px;}
a{ color:#00569d; text-decoration:none;}
a:hover{ text-decoration:underline;}
body{ width:100%; font-family:"微软雅黑","宋体"; font-size:14px;color:#999; background:url(../images/bg.jpg) repeat;}
.box{ width:100%; height:auto; overflow:hidden;  margin:0 auto;}
.black_{ color:#333;}


.wrap960{ width:960px; margin:0 auto; text-align:left; } 
.wrapful1{ width:100%; height:100%;  overflow:hidden; padding:60px 0px;font-size:14px;background:url(../images/bg.jpg) repeat; }
.wrapful2{ width:100%; height:100%;  overflow:hidden; background-color:#f1f1f1; padding:60px 0px;font-size:14px;}


.head{ padding-top:20px; height:auto; padding-bottom:20px;}
.logo{ float:left; height:31px; width:259px; display: block; border:0px;}
.head ul{ float:right; display:block; height:20px; margin-top:10px;}
.head ul li{ float:left; margin-left:30px; height:20px; padding-left:30px; width:auto;}
.phone{ background:url(../images/phone1.jpg) no-repeat left 2px; }
.head ul li.mail{ background:url(../images/mail.jpg) no-repeat left 2px; padding-left:33px; }

.banner{  width:100%; overflow:hidden; margin:0 auto;}
.banner img{ width:100%;}


.left_side{ float:left; width:50%; }
.right_side{ float:right;}

.word{ width:400px; width:42%; padding-top:30px;}
.word h2{ color:#201b1f; font-size:32px; height:auto; width:100%;  padding-bottom:30px;}

.list_li li{ color:#666; list-style:none;line-height:25px; height:auto;background:url(../images/point.png) no-repeat left 14px;  padding-top:5px; padding-bottom:25px; padding-left:20px; padding-right:10px;}

.gongyi dt{ font-size:16px; color:#646464; font-weight:bold; padding-bottom:5px;}
.gongyi dd{ line-height:25px; padding-bottom:8px;}

.word p{ margin-bottom:15px; line-height:25px;}

.embed { float:left; width:350px; height:250px;}

.shiyan{ width:100%;  line-height:25px; background-color:#00559d; color:#fff; padding:18px; display:block; margin-bottom:15px;}


.bottom {width: 100%;text-align: center;color: #999;padding-top: 15px;margin-top: 30px;border: 1px solid #DDD;font-size: 12px;}
.bottom p {margin-top: 5px;margin-bottom: 5px;}
.grey_ a {color: #999;}

.box-g1{width:960px; height:400px;margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:0px;}

.box-g2{width:960px; margin-left:auto; margin-top:10px; margin-right:auto; margin-bottom:0px; }
.box-gq1{width:53%; margin-left:auto; float:left; }
.box-gq2{width:53%;margin-left:auto; float:right;  }
.word-gq1{ width:100%;  float:left;}
.word-gq2{ width:100%;  float:left;}
.word-gq3{ width:100%;  float:left;}
.word-gq1 ul{ padding-left:20px; padding-top:10px; padding-right:40px;}
.name1{  padding-left:20px; padding-top:5px; overflow:hidden;}
.name2{  padding-left:50%; padding-top:5px; }
.name3{  padding-left:20px; padding-top:5px; }
.name1 h4{ color:#000;}
.name1 li{ color:#666;width:100%; color:#666;font-size:14px; list-style:none;background:url(../images/point.png) no-repeat left 14px; line-height:25px; height:auto; padding-top:5px; padding-left:15px; }
.name2 h4{ color:#000;}
.name2 li{ color:#666;width:100%; color:#666;font-size:14px; list-style:none;background:url(../images/point.png) no-repeat left 14px;line-height:25px; height:auto; padding-top:5px; padding-left:15px; }
.name3 h4{ color:#000;}
.name3 li{ color:#666;width:100%; color:#666;font-size:14px; list-style:none;background:url(../images/point.png) no-repeat left 14px;line-height:25px; height:auto; padding-top:5px; padding-left:15px; }



.word-gq1 h2{ color:#0f695e;font-size:36px; height:auto;width:100%; padding-left:50px; padding-top:30px;}
.word-gq1 h4{ color:#b0b5ab;font-size:16px; font-family:height:auto;width:100%; padding-left:50px; padding-top:20px;}
.word-gq1 li{ width:100%; color:#666;font-size:14px; list-style:none;background:url(../images/point.png) no-repeat left 14px;line-height:25px; height:auto; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:40px;}
.word-gq2 ul{ padding-left:20px; padding-top:10px;}
.word-gq2 h2{ color:#0f695e;font-size:36px; height:auto;width:100%; padding-left:50px; padding-top:30px;}
.word-gq2 h4{ color:#b0b5ab;font-size:16px; font-family:height:auto;width:100%; padding-left:50px; padding-top:20px;}
.word-gq2 li{ width:100%; color:#666;font-size:14px;list-style:none;background:url(../images/point.png) no-repeat left 14px;line-height:25px; height:auto; padding-top:5px; padding-bottom:5px; padding-left:20px;}
.word-gq2 h3{ padding-left:40px; padding-top:30px;}
.word-gq1 h3{ padding-left:40px; padding-top:30px; }
.gq-right1{ width:47%; float:left; }
.gq-right1 img{ width:100%;}
.gq-right1_1{width:47%; float:left;}
.gq-right1_1 img{ width:90%; float:right; }
.gq-right2{ width:47%; float:left;  }
.gq-right2 img{ width:100%;}

.gq-bing{ width:960px;margin: 0 auto; overflow:hidden;}
.gq-bing-left{width:52%; float:left;}
.gq-bing-right{width:48%; float:left;}

.word-gq-bing{ width:96%; margin:0 2%;}
.word-gq-bing h2{ color:#201b1f; font-size:32px; height:auto; width:100%;  padding-bottom:30px; padding-top:80px;}
.word-gq-bing li{ color:#454545;list-style:none;background:url(../images/point.png) no-repeat left 14px;line-height:25px; height:auto; padding-top:5px; padding-bottom:25px; padding-left:20px; padding-right:10px;text-align:left;}
.gq-bing-right ul{ height:50px; position:relative;
 padding-bottom:22%; padding-right:10px; padding-left:71%; padding-top:61%;}
.gq-bing-right ul li{ background-color:#FFF; color:#454545; list-style:none; height:18px; line-height:18px; height:auto; padding:4px 7px; text-align:left;}
.gq-bing-right ul li img{ float:left; margin-right:4px; margin-top:4px;}
.gq-bing-right ul li span{ }
.gq-biao1{ width:960px;text-align:center; background-color:#A1A1A1; margin:0 auto; padding:10px 0; }
.gq-biao1 p{ color:#FFF;font-size:20px; }
.gq-biao2{ height:50px; width:100%;text-align:center; background-color:#0f695e; margin:0 auto; }
.gq-biao2 h2{ color:#f1f1f1;font-size:20px; padding-top:10px;}

@media (max-width: 960px) {
.wrap960,.gq-biao1,.gq-bing,.box-g1,.box-g2{ width:100%; margin:0 auto; height:100%; overflow:hidden;}
.wrap096{ width:96%; margin:0 auto; height:100%; overflow:hidden;}
.word h2,.word-gq1 h2,.word-gq-bing h2,.word-gq2 h2{ font-size:24px; padding-bottom:15px;}
.word{ width:46%; padding-top:15px;}
.list_li li{ font-size:12px;}
.name1 li{ width:46%; margin-right:4%; float:left;}
.name2{ padding-left:20px; margin:15px 0;}

}

@media screen and (min-width: 768px) and (max-width: 960px) {
.word h2,.word-gq1 h2,.word-gq-bing h2,.word-gq2 h2{ font-size:20px;}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
.word h2,.word-gq1 h2,.word-gq-bing h2,.word-gq2 h2{ font-size:20px;}
.word-gq-bing h2{ padding-top:30px;}
.word-gq2 h2{ padding-top:10px; padding-bottom:5px;}
.word-gq2 h3,.word-gq1 h3{ padding-top:10px;}
.gq-biao1 p{ font-size:16px;}
.gq-bing-right ul{ display:none;}
.gq-bing-left{ width:100%;}
.word-gq1 h2{ padding-top:10px;}
.word-gq1 ul{ padding-right:0;}
}

@media only screen and (max-width: 499px) {
.word h2,.word-gq1 h2,.word-gq-bing h2,.word-gq2 h2{ font-size:18px;}
.word-gq-bing h2{ padding-top:30px;}
.word-gq2 h3,.word-gq1 h3{ padding-top:10px;}
.gq-biao1 p{ font-size:14px;}
.gq-bing-right ul{ display:none;}
.gq-bing-left{ width:100%;}
.word-gq1 h2{ padding-top:0; padding-bottom:10px;}
.word-gq1 ul{ padding-top:0;}
.word-gq2 h2{ padding-top:0; padding-bottom:0;}
.word-gq1 ul{ padding-right:0;}
.word-gq1 li{ padding-right:0;}
}

@media only screen and (max-width: 350px) {
.left_side{ width:100%;}
.word{ width:100%; margin-top:20px;}
.gq-biao1 p{ font-size:12px;}
.box-gq1{ width:100%;}
.gq-right1{ width:100%;}
.box-gq2{ width:100%;}
.gq-right2{ width:100%;  margin-bottom:20px;}
.gq-right1_1{ width:100%;}
}