body {font-family: "宋体";font-size: 12px;line-height: 18px;background: #fff;color: #58595b;}
h1,h2,h3,h4,h5,h6 {font-family: "microsoft yahei";font-size: 12px;font-weight: normal;}
* {margin: 0;padding: 0;list-style:none;}
img {border: 0;}
a {text-decoration: none;color: #58595b;}
a:hover {text-decoration: none;color: #0066b3;}
ul,li,p {float: left;}
.w_auto {margin: auto;}
.w_fl {float: left;}
.w_fr {float: right;}
.overflow,li {overflow: hidden;}
.table_box {width: 100%;background: #a8a9ad;margin-bottom: 10px;}
.table_box tr {background: #fff;text-align: center;}
.td_tit {background: #c7d6ee;}
#table_box {float: left;width: 100%;background: #b6c5cc;margin: 10px 0 15px;}
#table_box tr {background: #fff;text-align: center;}
#table_box td {height: 38px;}
#td_tit {background: #eff4f8;font-size: 14px;color: #2e3a41;}

#head {width: 100%;border-top: 2px solid #0d2c41;overflow:hidden;}
#head .head {padding: 0 5%;font-size: 0;line-height: 0;background: #e2e7ea;}
#head .head .logo {width: 48%;}
#head .head .logo img {width: 100%;max-height: 400px;}
#head .head .t400 {width: 36%;}
#head .head .t400 img {width: 100%;max-width: 300px;}
#head .menu {height: 30px;line-height: 32px;padding: 0 5%;background: #0065b3;font-size: 14px;}
@media screen and (max-device-width: 320px) {
#head .menu {line-height: 32px;}
}
#head .menu a {float: left;width: 16.66%;height: 100%;text-align: center;color: #fff;}
#head .menu a:hover {background: #f8c300;color: #201b18;}
#head .menu a#active {background: #f8c300;color: #201b18;}
.foot {width: 100%;padding: 12px 0;margin-bottom: 62px;background: #43515a url(../images/foot.gif) repeat-x 0 bottom;text-align:center;color: #fff;}
.foot a {color: #fff;}
@media screen and (max-device-width: 320px) {
.foot {margin-bottom: 58px;}
}
#foot {width: 100%;padding: 7px 0 3px;background: #0066b3;position: fixed;_position: absolute;z-index: 1000;bottom: 0;left: 0;}
#foot a {float: left;width: 25%;padding-top: 34px;background: url(../images/foot.png) no-repeat;background-size: 78px;text-align:center;color: #fff;}
#foot a#home {background-position: center 0;}
#foot a#homeactive {background-position: center -65px;color: #f8c300;}
#foot a#home:hover {background-position: center -65px;color: #f8c300;}
#foot a#map {background-position: center -130px;}
#foot a#mapactive {background-position: center -195px;color: #f8c300;}
#foot a#map:hover {background-position: center -195px;color: #f8c300;}
#foot a#message {background-position: center -260px;}
#foot a#messageactive {background-position: center -325px;color: #f8c300;}
#foot a#message:hover {background-position: center -325px;color: #f8c300;}
#foot a#tel {background-position: center -390px;}
#foot a#telactive {background-position: center -455px;color: #f8c300;}
#foot a#tel:hover {background-position: center -455px;color: #f8c300;}
@media screen and (max-device-width: 320px) {
#foot a {padding-top: 30px;background-size: 72px;}
#foot a#home {background-position: center 0;}
#foot a#homeactive {background-position: center -60px;}
#foot a#home:hover {background-position: center -60px;}
#foot a#map {background-position: center -120px;}
#foot a#mapactive {background-position: center -180px;}
#foot a#map:hover {background-position: center -180px;}
#foot a#message {background-position: center -240px;}
#foot a#messageactive {background-position: center -300px;}
#foot a#message:hover {background-position: center -300px;}
#foot a#tel {background-position: center -360px;}
#foot a#telactive {background-position: center -420px;}
#foot a#tel:hover {background-position: center -420px;}
}
.page {width: 100%;padding: 20px 0 12px;margin-top: -1px;border-top: 1px solid #ddd;text-align: center;font-size: 14px;}
.page a {padding: 6px 8px;margin: 0 5px;border: #a6a1a7 1px solid;color: #485156;}
.page a:hover {border: #0066b3 1px solid;color: #0066b3;}
.page span {padding: 6px 8px;margin: 0 5px;border: #0066b3 1px solid;color: #0066b3;}
.page .arrow {padding: 7px 8px;font-size: 12px;}
.history {width: 100%;margin: 23px 0 -6px;padding-top: 7px;border-top: #ddddde 1px solid;}
.history li {width: 100%;height: 20px;margin-top: 10px;color: #898989;}
.history li a {color: #898989;}
.history li a:hover {color: #0065b3;}

.menulist {width: 88%;padding: 0 1% 10px;margin: 15px auto 0;border: 1px solid #e2e7ea;text-align:center;}
.menulist a {float: left;width: 21%;height: 30px;line-height: 32px;margin: 10px 2% 0;background: #e2e7ea;color: #42515a;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.menulist a:hover {background: #0066b3;color: #fff;}
.menulist a#active {background: #0066b3;color: #fff;}
.main {padding: 15px 5% 10px;margin-bottom: 62px;}
@media screen and (max-device-width: 320px) {
.main {margin-bottom: 58px;}
}
.main .tit {width: 100%;text-align: center;}
.main .tit h1 {width: 100%;height: 24px;font-size: 18px;color: #42515a;}
.main .tit h2 {width: 100%;height: 18px;background: url(../images/tit01.png) repeat-x 0 3px;color: #65727f;}
.main .tit h2 span {padding: 0 10px;background: #fff;}

/**首页**/
#slides {width: 100%;position: relative;z-index: 100;}
#slides .next {width: 0;height: 0;display: block;position: absolute;top: 0;z-index: 101;}
#slides .prev {left: 3%}
#slides .next {right: 3%}
.slides_container {width: 100%;position: relative;}
.pagination {display: inline;position: absolute;bottom: 10px;left: 50%;margin-left: -45px;z-index: 9999;}
.pagination li {zoom: 1;display: inline-block;}
.pagination li a {float: left;width: 18px;height: 6px;margin: 0 3px;zoom: 1;display: inline-block;background: url(../images/slide.png) no-repeat -42px 0;background-size: 60px;}
.pagination li.active a {width: 38px;background-position: 0 0;}
.slides_container > div {position: absolute;top: 0;left: 0}
.slides_container > div img {width: 100%;}

.part1 {padding: 15px 5% 10px;}
.part1 .tit {width: 100%;text-align: center;}
.part1 .tit h1 {width: 100%;height: 24px;font-size: 18px;color: #42515a;}
.part1 .tit h2 {width: 100%;height: 18px;background: url(../images/tit01.png) repeat-x 0 3px;color: #65727f;}
.part1 .tit h2 span {padding: 0 15px;background: #fff;}
.part1 .con {width: 100%;font-size: 14px;}
.part1 .con .pic {width: 100%;height: 130px;margin: 15px 0 8px 0;line-height: 0;font-size: 0;}
.part1 .con .pic img {width: 100%;}
.part1 .con .list {width: 100%;}
.part1 .con .list li {width: 100%;height: 28px;line-height: 28px;color: #58595b;}
.part1 .con .list li span {float: right;}
.part1 .con .list li a {color: #58595b;}
.part1 .con .list li a:hover {color: #0066b3;}
@media screen and (min-device-width: 801px) {
.part1 .con {width: 100%;font-size: 14px;}
.part1 .con .pic {width: 38%;height: 125px;margin: 15px 0 0 0;line-height: 0;font-size: 0;}
.part1 .con .pic img {width: 100%;}
.part1 .con .list {float: right;width: 60%;height: 140px;margin-top: 8px;}
.part1 .con .list li {width: 100%;height: 28px;line-height: 28px;color: #58595b;}
.part1 .con .list li span {float: right;}
.part1 .con .list li a {color: #58595b;}
.part1 .con .list li a:hover {color: #0066b3;}
}
.part2 {padding: 15px 5% 18px;background: #e2e7ea;}
.part2 .tit {width: 100%;text-align: center;}
.part2 .tit h1 {width: 100%;height: 24px;font-size: 18px;color: #42515a;}
.part2 .tit h2 {width: 100%;height: 18px;background: url(../images/tit02.png) repeat-x 0 3px;color: #65727f;}
.part2 .tit h2 span {padding: 0 10px;background: #e2e7ea;}
.part2 .list {width: 100%;}
.part2 .list ul {width: 105%;}
.part2 .list li {width: 45%;margin: 15px 5% 0 0;}
.part2 .list li a img {float: left;width: 100%;display: block;overflow: hidden;}
.part2 .list li a p {width: 95%;height: 30px;line-height: 30px;padding-left: 5%;margin-top: -5px;background: #0066b3;font-size: 14px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.part2 .list li a:hover p {color: #f8c300;}

.part3 {padding: 15px 5% 12px;}
.part3 .tit {width: 100%;text-align: center;}
.part3 .tit h1 {width: 100%;height: 24px;font-size: 18px;color: #42515a;}
.part3 .tit h2 {width: 100%;height: 18px;background: url(../images/tit01.png) repeat-x 0 3px;color: #65727f;}
.part3 .tit h2 span {padding: 0 10px;background: #fff;}
.part3 .con {width: 100%;line-height: 22px;font-size: 14px;}
.part3 .con img {width: 100%;margin: 15px 0 8px;overflow: hidden;}
.part3 .con a {color: #0066b3;}

/**内容**/
.detail {width: 100%;line-height: 22px;margin-top: 15px;font-size: 14px;color: #58595b;}
.detail a {color: #58595b;}
.detail p {width: 100%;}
.detail img {width: 100%;max-width: 742px;padding-top: 5px;}
.detail .culture {width: 100%;line-height: 30px;font-size: 14px;}
.detail .culture strong {color: #014ba2;}
.detail .no {width: 100%;line-height: 0;font-size: 0;overflow: hidden;}
.detail .no img {padding: 0;}
.productcon {width: 90%;margin-top: 10px;}
.productcon img {width: 100%;}
.productcon .protit {width: 100%;height: 34px;line-height: 32px;margin: 10px 0;text-indent: 15px;background: #9fa0a0;font-family: "microsoft yahei";font-size: 14px;color: #fff;}
.partnerscon {padding: 9% 0 0 32%;background: url(../images/case_2_02.jpg) no-repeat;background-size: 70%;background-max-size: 100%;}
.detail .partners {float: left;width: 100%;line-height: 24px;}
.servicecon {margin: 15px 0 5px;}
.detail .sertit {width: 100%;height: 40px;line-height: 42px;background: #0065b3;font-family: "microsoft yahei";text-align: center;font-size: 16px;color: #fff;}
.detail .servicecon01 {width: 100%;padding-top: 42%;margin: 20px 0 15px;background: url(../images/service_1_01.jpg) no-repeat;background-size: 100%;}
.detail .servicecon02 {padding: 15px 0;}
.detail .contactcon01 {width: 100%;}
.map {float: left;width: 100%;height: 280px;margin-top: 15px;overflow: hidden;}

/**图片**/
.photo {width: 105%;margin: 15px 0 0;}
.photo li {width: 45%;margin: 0 5% 0 0;}
.photo li a img {float: left;width: 100%;display: block;overflow: hidden;}
.photo li a p {width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.photoview {width: 100%;margin-top: 4px;}
.photoview .pic {margin-top: 15px;border: 1px solid #014da1;line-height: 0;font-size: 0;text-align: center;}
.photoview .pic img {width: 100%;}
.photoview .propage2 {width: 100%;height: 40px;line-height: 42px;margin: 20px 0 15px;font-family: "microsoft yahei";font-size: 16px;text-align: center;}
.photoview .propage2 a {width: 45%;height: 100%;border: 2px solid #0066b3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #0066b3;}
.photoview .propage2 a:hover {border: 2px solid #f8c300;color: #f8c300;}
.photoview .propage2 p {width: 45%;height: 100%;border: 2px solid #0066b3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #0066b3;}

/**留言**/
.message {width: 100%;margin-top: 15px;}
.message_box {width: 90%;height: 295px;padding: 0 5%;margin-bottom: 22px;background: #e2e7ea;position: relative;}
.message_box input {width: 90%;height: 36px;text-indent: 3%;background: #fff;border: 2px solid #0066b3;font-size: 14px;color: #9ba3a8;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;position: absolute;left: 50%;margin-left: -45.5%;}
.message_box .input1 {top: 15px;}
.message_box .input2 {top: 70px;}
.message_box .input3 {top: 125px;}
.message_box .input4 {width: 91%;height: 40px;text-indent: 0;background: #0066b3;color: #fff;cursor: pointer;bottom: 15px;}
.message_box textarea {width: 85%;height: 82px;padding: 6px 2% 8px 3%;line-height: 20px;background: #fff;border: 2px solid #0066b3;font-size: 14px;color: #9ba3a8;overflow: hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;position: absolute;left: 50%;margin-left: -45.5%;}
.message_list {width: 100%;margin: -2px 0 12px;border-top: #0065b3 1px solid;}
.message_list .user {width: 100%;height: 25px;margin-top: 10px;font-size: 14px;color: #42515a;}
.message_list .user span {float: right;font-family: Arial;font-size: 12px;color: #939598;}
.message_list .con {width: 100%;line-height: 20px;color: #58595b;}
.message_list .reply {line-height: 20px;padding: 10px 0px 0 40px;margin-top: 9px;border-top: #b6c7cf 1px dotted;color: #808284;position: relative;}
.message_list .reply span {position: absolute;top: 10px;left: 0;}

/**新闻**/
.newslist {margin: 0 0 5px;background: url(../images/news.gif);}
.newslist .list {width: 90%;margin: 0 5%;background: url(../images/newslist.gif) repeat-y right 0;}
.newslist .list li {width: 100%;height: 54px;}
.newslist .list li a {float: left;width: 100%;height: 100%;}
.newslist .list li a p {float: left;width: 90%;height: 18px;margin: 10px 0 2px;font-size: 14px;overflow: hidden;}
.newslist .list li a span {float: left;width: 100%;overflow: hidden;}
.newslist .list li a:hover {background: url(../images/newslista.png) no-repeat right 0;}
.newstit {width: 90%;padding: 0 5%;text-align: center;}
.newstit h3 {width: 100%;line-height: 22px;margin: 18px 0;font-size: 16px;color: #595757;}
.newstit p {width: 100%;height: 26px;line-height: 26px;border: 1px solid #e2e7ea;color: #898989;}

/**产品**/
.productlist {background: url(../images/news.gif);}
.productlist .list {width: 90%;margin: 0 5%;background: url(../images/newslist.gif) repeat-y right 0;}
.productlist .list li {width: 100%;height: 54px;}
.productlist .list li a {float: left;width: 100%;height: 100%;}
.productlist .list li a p {float: left;width: 90%;height: 54px;line-height: 54px;font-size: 14px;overflow: hidden;}
.productlist .list li a:hover {background: url(../images/newslista.png) no-repeat right 0;}
.producttop {width: 100%;}
.producttop p {width: 100%;text-align: center;line-height: 0;font-size: 0;}
.producttop h3 {width: 90%;padding: 0 5%;line-height: 22px;margin: 18px 0;font-size: 16px;}
.producttop span {width: 90%;padding: 0 5%;line-height: 22px;font-size: 14px; display: none;}