@charset "utf-8";
/* CSS Document */
html{font-family:"Microsoft YaHei"; font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,b,img{padding:0;margin:0;border:0 none}
a,input,buttom{outline:none} 
img,input{border:0;vertical-align:middle;}
ul,li{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
img{border:0}
a{COLOR:#707070;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
a:hover{color:#0e67ab;text-decoration:none;transition:0.4s ease-out;-moz-transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.top_box{width:100%; background:#eeeeee; height:40px; line-height:40px; overflow:hidden; min-width:1200px;display:none}
.top{width:1200px; margin:0 auto; font-size:14px;color:#707070;}
.top span{ float:right}
.top span a{ padding:0 5px}
.header{width:100%;in-width:1200px;position: fixed;z-index: 9999;}
.head{ margin:20px auto;width:1200px}
.logo{ float:left; margin-bottom:20px; margin-top:-10px}
.logo img{width:500px}
.nav{ float:right; font-size:16px; color:#707070;}
.nav ul li{ float:left; position:relative;}
.nav ul li:last-child:before{ display:none;}
.nav ul li a{color:#fff; padding:12px 16px; display:block}
.nav ul li a span{ display:block; text-align:center}
.nav ul li ul{ position:absolute; z-index:999; background:#0e67ab; display:none;}
.nav ul li ul li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px dashed #f1f1f1;text-align:center;width:100%; }
.nav ul li ul li:before{content:''}
.nav ul li ul li a{color:#fff; padding:0; }
.nav ul li:hover{ background:#0e67ab}
.nav ul li:hover a{color:#fff;}
.nav ul li:hover:before{content:''}
.nav ul li:hover ul{ display:block}
.nav ul li ul li:last-child{ border:none}
.scroll{ background:#fff;border-bottom:1px solid #f1f1f1;}
.scroll .nav ul li a{ color:#707070;}
.scroll .nav ul li a:hover{color:#fff}
.header1{width:100%;in-width:1200px;}
.header1 .nav ul li a{color:#707070;}
.scroll .nav ul li:hover ul li a{color:#fff}
.scroll .nav ul li:hover a{color:#fff}
.header1 .nav ul li:hover a{color:#fff}

.slideBox {width:100%;margin:0 auto;overflow:hidden;position:relative;min-width:1200px}
.slideBox .hd {height:15px;overflow:hidden;position:absolute;left:49%;bottom:10px;z-index:1;}
.slideBox .hd ul {overflow:hidden;zoom:1;float:left;}
.slideBox .hd ul li {float:left;margin-right:10px;width:10px;height:10px;line-height:14px;text-align:center;background:#ff0000;cursor:pointer;border-radius:50%; color:#ff0000;}
.slideBox .hd ul li.on {background:#fff;color:#fff;}
.slideBox .bd {position:relative;height:100%;z-index:0;width:100%;}
.slideBox .bd li {zoom:1;vertical-align:middle;}
.slideBox .bd img {width:100%;display:block;}
.slideBox .prev,.slideBox .next {position:absolute;left:3%;top:50%;margin-top:-3%;display:block;width:32px;height:40px;filter:alpha(opacity=50);opacity:0.5; font-family:"宋体"}
.slideBox .next {left:auto;right:3%;background-position:8px 5px;}
.slideBox .next {font-size:58px;color:#fff;}
.slideBox .prev {font-size:58px;color:#fff;}
.slideBox .prev:hover,.slideBox .next:hover {filter:alpha(opacity=100);opacity:1;}
.title{ margin-top:50px; overflow:hidden;}
.title span{ display:block; font-size:36px; color:#000; text-align:center}
.title em{ background:#0e67ab; width:70px; height:3px; display:block; margin:10px auto}
.title p{ font-size:18px; color:#000; opacity:0.3; text-align:center; text-transform:uppercase;}
.newstype{width:100%; text-align:center; overflow:hidden; margin:30px auto}
.newstype a{ width:130px; height:60px; line-height:60px; border:1px solid #eeeeee; display:inline-table; margin:0 1px; font-size:16px; color:#939393; }
.newstype a.cur{ background:#0e67ab; color:#fff;}
.container{width:1200px; margin:0 auto}
.newslist{ background:url(../images/news_bg.jpg) no-repeat center bottom; min-width:1200px; overflow:hidden}
.listbox{ margin-top:50px; position:relative}
.news_box{width:100%; overflow:hidden; display:none; padding-bottom:60px; min-width:1200px}
.news_box ul li{ float:left; width:285px; overflow:hidden; margin-right:20px;}
.news_box ul li dl{ position:relative; overflow:hidden; width:100%; }
.news_box ul li dl dd{width:100%; height:275px; overflow:hidden}
.news_box ul li dl dd img{width:100%; height:100%;transition: all 0.6s; }
.news_box ul li dl dt{background:#fff;background:#fff;  padding:10px 20px;}
.news_box ul li dl dt em{ background:url(../images/riqi.png) no-repeat left center; height:50px; line-height:50px; overflow:hidden; display:block; border-bottom:1px solid #707070; font-size:14px; font-style:normal; text-indent:2em;}
.news_box ul li dl dt span{ display:block;color:#383838; height:50px; line-height:50px; font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_box ul li dl dt p{ font-size:14px; color:#a1a1a1; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:75px}
.news_box ul li dl dt .more{ width:100px; height:35px; line-height:35px; border:1px solid #0e67ab; color:#0e67ab; text-align:center; margin:20px auto; font-size:14px;}
.news_box ul li:hover dl dt .more{ background:#0e67ab; color:#fff;}
.news_box ul li:hover dl dd img{transform: scale(1.1);  } 
.news_box .hd {height:15px;overflow:hidden;position:absolute;left:49%;bottom:20px;z-index:1;}
.news_box .hd ul {overflow:hidden;zoom:1;float:left;}
.news_box .hd ul li {float:left;margin-right:10px;width:6px;height:6px;line-height:14px;text-align:center;background:#0e67ab;cursor:pointer;border-radius:50%; color:#0e67ab; border:1px solid #fff}
.news_box .hd ul li.on {background:#fff;color:#fff;border:1px solid #fff}
.news_box ul li:hover dl dt em{color:#707070}
.news_box ul li:hover dl dt span{color:#0e67ab}
.news_box .prev,.news_box .next {position:absolute;top:30%;display:block;width:40px;height:60px;font-family:"宋体"; background:#000000; text-align:center; line-height:60px}
.news_box .next {left:auto;right:3%;background-position:8px 5px;}
.news_box .next {font-size:40px;color:#fff;right:-60px;}
.news_box .prev {font-size:40px;color:#fff;left:-60px;}
.news_box .prev:hover,.news_box .next:hover {filter:alpha(opacity=100);opacity:1;}
.about{ background:#f0f0f0; width:100%; min-width:1200px; overflow:hidden}
.about_box{ background:url(../images/about_bg.png) no-repeat top center; width:1200px; overflow:hidden; height:550px; margin:60px auto 0px; position:relative;}
.box_left{ position:absolute;width:490px; height:365px; overflow:hidden; top:104px; left:18px; background:#fff;}
.box_left video{background:#000}
.box_right{width:605px; position:absolute; top:70px; left:596px;}
.about_title{ font-size:30px; font-weight:bold; color:#000}
.box_right p{ font-size:16px; color:#707070; line-height:35px; margin-top:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden;}
.youshi{ margin-top:70px;height:120px; overflow:hidden}
.youshi dl{ float:left; overflow:hidden;width:190px;}
.youshi dl dd{overflow:hidden; font-size:30px; font-weight:bold; color:#1068ab; padding-left:20px}
.youshi dl dd em{ font-family:'Impact'; color:#3f3f3f; font-size:48px; font-style:normal}
.youshi dl dt{ font-size:20px; color:#707070; overflow:hidden; padding-left:20px; line-height:40px}
.box_right .more{width:120px; height:40px; line-height:40px; background:#1068ab; text-align:center; font-size: 16px; margin-top:30px; border:1px solid #1068ab;}
.box_right .more a{color:#fff; display:block}
.box_right .more:hover{ border:1px solid #1068ab; background:#fff;}
.box_right .more:hover a{ color:#1068ab;}
.casestype{width:100%; text-align:center; overflow:hidden; margin:30px auto}
.casestype a{ width:130px; height:60px; line-height:60px; border:1px solid #eeeeee; display:inline-table; margin:0 1px; font-size:16px; color:#939393; }
.casestype a:hover{ background:#0e67ab; color:#fff;}
.cases{padding-bottom:40px; min-width:1200px;position:relative;}
.cases ul li{width:382px; float:left; border:1px solid #d1cfcf; margin-right:24px; height:285px; margin-bottom:20px; position:relative; overflow:hidden}
.cases ul li div{width:382px; height:285px; overflow:hidden}
.cases ul li div img{width:100%; height:100%}
.cases ul li:nth-child(3n){ margin-right:0}
.cases ul li span{ position:absolute; left:20px; width:302px; height:50px; line-height:50px; background:rgba(59,76,89,0.85); bottom:20px; font-size:16px; color:#fff; padding:0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.2s;}
.cases ul li span:before{content:'>'; font-family:"宋体"; position:absolute; right:10px; font-size:18px;}
.cases ul li dl{width:382px; height:285px; background:rgba(59,76,89,0.85); overflow:hidden; bottom:-285px;transition: all 0.6s; position:absolute ;}
.cases ul li:hover dl{ bottom:0}
.cases ul li:hover span{bottom:-50px}
.cases ul li dl dd{ padding:40px 40px 30px; font-size:14px; color:#fff; line-height:25px;}
.cases ul li dl dt{ background:#1766a1; width:100px; height:45px; line-height:45px; font-size:16px; text-align:center;color:#fff; margin-left:40px}
.cases .hd {height:15px;overflow:hidden;position:absolute;left:49%;bottom:0px;z-index:1; display:none;}
.cases .hd ul {overflow:hidden;zoom:1;float:left;}
.cases .hd ul li {float:left;margin-right:10px;width:10px;height:10px;line-height:14px;text-align:center;background:#ccc;cursor:pointer;border-radius:50%; color:#ccc; border:1px solid #ccc}
.cases .hd ul li.on {background:#0e67ab;color:#0e67ab;border:1px solid #0e67ab}
.cases .prev,.cases .next {position:absolute;top:44%;display:block;width:40px;height:60px;font-family:"宋体"; background:#ccc; text-align:center; line-height:60px}
.cases .next {left:auto;right:3%;background-position:8px 5px;}
.cases .next {font-size:40px;color:#fff;right:-60px;}
.cases .prev {font-size:40px;color:#fff;left:-60px;}
.cases .prev:hover,.cases .next:hover { background:#0e67ab}
.adv{width:100%; height:315px; background:url(../images/gg_bg.jpg) no-repeat top center; overflow:hidden; min-width:1200px}
.adv ul{ padding-top:80px; overflow:hidden;}
.adv ul li{width:25%; text-align:center; float:left; overflow:hidden;}
.adv ul li span{ font-size:72px; font-family:'Impact'; color:#fff;}
.adv ul li p{ font-size:16px; color:#fff; line-height:60px}
.honor{min-width:1200px; background:#f0f0f0; overflow:hidden;}
.honorbox{ margin:50px 0; position:relative; }
.honorbox ul li{width:280px;overflow:hidden; float:left; padding:10px}
.honorbox ul li div{width:276px; height:211px; overflow:hidden; border:2px solid #fff; background:#fff; text-align:center}
.honorbox ul li div img{height:100%; max-width:100%}
.honorbox ul li p{ font-size:16px; color:#333333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; text-align:center; line-height:50px}
.honor .hd {height:15px;overflow:hidden;position:absolute;left:49%;bottom:0px;z-index:1; display:none;}
.honor .hd ul {overflow:hidden;zoom:1;float:left;}
.honor .hd ul li {float:left;margin-right:10px;width:10px;height:10px;line-height:14px;text-align:center;background:#ccc;cursor:pointer;border-radius:50%; color:#ccc; border:1px solid #ccc}
.honor .hd ul li.on {background:#0e67ab;color:#0e67ab;border:1px solid #0e67ab}
.honor .prev,.honor .next {position:absolute;top:33%;display:block;width:40px;height:60px;font-family:"宋体"; background:#0e67ab; text-align:center; line-height:60px}
.honor .next {left:auto;right:3%;background-position:8px 5px;}
.honor .next {font-size:40px;color:#fff;right:-60px;}
.honor .prev {font-size:40px;color:#fff;left:-60px;}
.honor .prev:hover,.honor .next:hover { background:#0e67ab}
.honorbox ul li:hover div{box-shadow: 0px 0px 10px #888888;}
.honorbox ul li:hover p{color:#0e67ab}
.footer{width:100%;background:#434343; padding-bottom:20px}
.foot{width:100%; overflow:hidden; padding:5px 0}
.foot_left{width:700px; overflow:hidden; float:left; border-right:1px solid #616161; padding-top:20px}
.foot_left ul li{ width:18%; overflow:hidden; float:left; text-align:center}
.foot_left ul li span{ font-size:16px;  display:block; line-height:50px;}
.foot_left ul li span a{color:#fff;}
.foot_left ul li p{ font-size:14px; line-height:30px; display:block}
.foot_left ul li p a{color:#fff;opacity:0.6; }
.dizhi{ width:320px; float:left; margin:25px 0 0 30px;}
.dizhi ul{ width:320px;  }
.dizhi ul li{ width:320px;  font-size:14px; color:#fff; margin-top:10px; padding-bottom:10px;}
.dizhi ul li.dianhua{  overflow:hidden; background:url(../images/dianhua.jpg) no-repeat;  color:#fff;line-height:30px;padding-left:60px; }
.dizhi ul li.youxiang{ width:288px;  overflow:hidden; background:url(../images/youxiang.jpg) no-repeat; color:#fff; line-height:30px; line-height:20px; padding-left:60px;}
.dizhi .first{color:#fff; font-size:16px; line-height:28px;}
.dizhi p{height:30px;}
.dizhi ul li a{margin:0 5px;}
.erweima{ float:right; width:116px; text-align:center; margin-top:40px;}
.weixin{float:right; color:#fff;}
.dibu{ width:100%; height:62px; background-color:#393939; line-height:62px; overflow:hidden; margin:0 auto; max-width:1920px;}
.dibu_center{ width:1200px; overflow:hidden; margin:0 auto;}
.banquan{ float:left; color:#fff;}
.cnzz{ float:left; width:50px; height:13px; margin:24px 0 0 15px;}
.banquan a{color:#fff}
.m-mulu{ display:none}
.m-close{ display:none}
.g-adv{ display:none}
.n_banner{width:100%;min-width:1200px;}
.n_banner img{width:100%;}
.n_banner img:nth-child(2){ display:none;}
.navurl{ background:#eeeeef; height:60px; line-height:60px; overflow:hidden; width:100%; min-width:1200px}
.navurl_box{width:1200px; overflow:hidden; margin:0 auto;}
.nav_left{ float:left;width:400px; overflow:hidden; font-size:14px;color:#595959}
.nav_right{ float:right;}
.nav_right ul li{ float:left; overflow:hidden; font-size:14px; padding:0px 20px}
.about_body{width:1200px; overflow:hidden; margin:50px auto; font-size:16px; line-height:30px;color:#222;}
.about_body img{max-width:100%; height:auto}
.about_body iframe{ width:800px; height:600px; margin:0px auto}
.about_left{ float:left; overflow:hidden;width:460px}
.about_right{ float:right; overflow:hidden; width:740px}
.nav_right ul li.cur a{color:#0e67ab}
.tpxw{ width:1200px;overflow:hidden;color:#555;padding:20px 0px; margin:0px auto;}
.tpxw ul{ width:1200px;overflow:hidden;color:#555;padding:20px 0px; margin:0px auto;}
.tpxw ul li{float:left; width:274px; height:223px; overflow:hidden; background:#fff;margin:13px; margin-bottom:17px;-webkit-box-shadow:0 0 8px #CCC;   -moz-box-shadow: 0 0 8px #CCC;   box-shadow: 0 0 8px #CCC; position:relative;}
.tpxw ul li div{width:250px; height:170px; overflow:hidden; margin:10px  auto 0; text-align:center}
.tpxw ul li h3{width:250px; height:40px; line-height:40px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; font-size:14px; font-weight:bold; text-align:center;  margin:0px  auto;}
.tpxw ul li div img{ -moz-transition:.5s ease-in;-webkit-transition:.5s ease-in; -o-transition:.5s ease-in; -ms-transition:.5s ease-in;transition:.5s ease-in;max-width:100%; height:100%}
.tpxw ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.pages{ width:1000px; overflow:hidden; padding:20px 0; text-align:center; margin:0 auto;}
.tpxw ul li:hover{background:#00a0ea;transition:0.4s ease-out;-moz-transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.tpxw ul li a{display:block;}
.tpxw ul li:hover h3{ color:#fff;}
.news{width:100%; overflow:hidden; margin:50px 0}
.news dl{width:100%; overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f1f1f1;}
.news dl dd{ float:left; width:350px; height:248px; border:1px solid #f1f1f1;}
.news dl dd div{ margin:5px; width:340px; height:238px; overflow:hidden;}
.news dl dd div img{ -moz-transition:.5s ease-in;-webkit-transition:.5s ease-in; -o-transition:.5s ease-in; -ms-transition:.5s ease-in;transition:.5s ease-in;width:100%; height:100%}
.news dl:hover dd div img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.news dl:hover dd{ border:1px solid #0e67ab}
.news dl dt{ float:right; width:820px; overflow:hidden}
.news dl dt span{ font-size:18px;color:#000000; line-height:40px; height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news dl dt span a{color:#000000; }
.news dl:hover dt span a{color:#0e67ab}
.news dl dt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden; color:#707070; line-height:25px; font-size:14px; margin-top:10px; height:125px}
.news dl dt em{ float:right; font-size:12px; color:#707070; font-style:normal}
.news dl dt .more{width:120px; height:40px; line-height:40px; overflow:hidden; background:#0e67ab; text-align:center; float:right; margin-top:20px; border:1px solid #0e67ab; font-size:14px}
.news dl dt .more a{ color:#fff; display:block}
.news dl:hover dt .more{border:1px solid #0e67ab; background:#fff;}
.news dl:hover dt .more a{color:#0e67ab}
.project{width:100%; overflow:hidden; margin:50px 0}
.project dl{width:49%; overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f1f1f1; float:left;}
.project dl dd{ float:left; width:270px; height:190px; border:1px solid #f1f1f1;}
.project dl dd div{ margin:5px; width:260px; height:180px; overflow:hidden;}
.project dl dd div img{ -moz-transition:.5s ease-in;-webkit-transition:.5s ease-in; -o-transition:.5s ease-in; -ms-transition:.5s ease-in;transition:.5s ease-in;width:100%; height:100%}
.project dl:hover dd div img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.project dl:hover dd{ border:1px solid #0e67ab}
.project dl dt{ float:right; width:300px; overflow:hidden}
.project dl dt span{ font-size:18px;color:#000000; line-height:40px; height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block}
.project dl dt span a{color:#000000; }
.project dl:hover dt span a{color:#0e67ab}
.project dl dt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; color:#707070; line-height:25px; font-size:14px; margin-top:10px; height:75px}
.project dl dt .more{width:120px; height:40px; line-height:40px; overflow:hidden; background:#0e67ab; text-align:center; float:right; margin-top:10px; border:1px solid #0e67ab; font-size:14px}
.project dl dt .more a{ color:#fff; display:block}
.project dl:hover dt .more{border:1px solid #0e67ab; background:#fff;}
.project dl:hover dt .more a{color:#0e67ab}
.project dl:nth-child(2n){ margin-left:2%}
.xq_title{ font-size:24px; text-align:center; color:#000; font-weight:bold; margin-top:40px}
.xq_time{ background:#f1f1f1; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#707070; text-align:center; font-size:14px; margin-top:30px}
.shangxia{width:100%; overflow:hidden; margin:20px auto 0; border-top:1px #ccc solid; margin-bottom:20px; font-size:14px}
.shangxia ul{width:100%; overflow:hidden; margin:0px auto; float:left}
.shangxia ul li{width:100%; height:30px; line-height:30px; overflow:hidden; margin-top:10px;}
.cases1{padding-bottom:40px; min-width:1200px;margin-top:40px; overflow:hidden}
.cases1 ul li{width:382px; float:left; border:1px solid #d1cfcf; margin-right:24px; height:285px; margin-bottom:20px; position:relative; overflow:hidden}
.cases1 ul li div{width:382px; height:285px; overflow:hidden}
.cases1 ul li div img{width:100%; height:100%}
.cases1 ul li:nth-child(3n){ margin-right:0}
.cases1 ul li span{ position:absolute; left:20px; width:302px; height:50px; line-height:50px; background:rgba(59,76,89,0.85); bottom:20px; font-size:16px; color:#fff; padding:0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.2s;}
.cases1 ul li span:before{content:'>'; font-family:"宋体"; position:absolute; right:10px; font-size:18px;}
.cases1 ul li dl{width:382px; height:285px; background:rgba(59,76,89,0.85); overflow:hidden; bottom:-285px;transition: all 0.6s; position:absolute ;}
.cases1 ul li:hover dl{ bottom:0}
.cases1 ul li:hover span{bottom:-50px}
.cases1 ul li dl dd{ padding:40px 40px 30px; font-size:14px; color:#fff; line-height:25px;}
.cases1 ul li dl dt{ background:#1766a1; width:100px; height:45px; line-height:45px; font-size:16px; text-align:center;color:#fff; margin-left:40px}
.fenye{overflow:hidden;margin:0 auto 10px;text-align:center;padding-top:15px;height:50px;clear:both; font-size:16px}
div.flickr a{border:1px solid #ccc;padding:10px 15px;border-radius:2px;margin:0 5px;color:#666}
div.flickr a:hover{border-right:#0e67ab 1px solid;border-top:#0e67ab 1px solid;background-image:none;border-left:#0e67ab 1px solid;color:#fff;border-bottom:#0e67ab 1px solid;background-color:#0e67ab}
div.meneame a:active{border-right:#0e67ab 1px solid;border-top:#0e67ab 1px solid;background-image:none;border-left:#0e67ab 1px solid;color:#fff;border-bottom:#0e67ab 1px solid;background-color:#0e67ab}
div.flickr span.current{margin-right:5px;padding:10px 15px;color:#fff;font-weight:700;background:#0e67ab;border-radius:2px;border:1px solid #0e67ab}
div.flickr span.disabled{color:#adaaad;margin-right:10px;border:1px solid #ccc;padding:10px 15px;border-radius:2px}
div.flickr{padding:0;margin:0;text-align:center;font-family:Verdana;font-size:12px;text-align:center;}
.lianxiwm{width:1200px; overflow:hidden; margin:0px auto; text-align:center;}
.lianxiwm .ditu span{ margin-right:20px; margin-bottom:20px; display:inline-table}
.lianxiwm h3{font-size:24px; text-align:center; background:url(../images/about_05.png) no-repeat center bottom; height:50px; margin-bottom:15px; margin-top:15px;}
.lianxiwm i{ margin:0 10px; height:50px; font-size:16px; font-style:normal;}
.lianxiwm  dd img{ width:100%}
.jiaru{width:1200px; overflow:hidden; margin-top:20px;}
.ruzhu_left{width:517px; background:##fdf8ea; overflow:hidden;float:left;}
.ruzhu_left h3{font-size:24px; text-align:center; background:url(../images/about_05.png) no-repeat center bottom; height:50px; margin-bottom:15px; margin-top:15px;}
.ruzhu_left ul{ width:470px; margin:0px auto; overflow:hidden;}
.ruzhu_left ul li{width:470px; margin-top:13px; font-size:14px; color:#666; line-height:16px; overflow:hidden;}
.ruzhu_left ul li p{ line-height:30px}
.ruzhu_left ul li span{width:100px; line-height:30px; display:block; float:left; text-align:right;}
.ruzhu_left ul li label{ float:left;}
.ruzhu_left ul li input{ float:left}
.ruzhu_left ul li label.xieyi{margin-left:81px;}
.ruzhu_left ul li a{color:#06C;}
.ruzhu_left ul li i{color:#f00; font-style:normal;}
.ruzhu_left ul li.msg{height:130px}
.ruzhu_left ul li.msg p{ clear:both; margin-left:100px}
.text_s{width:368px;height:105px;border: 1px solid #ccc;}
.ruzhu_left ul li p{ float:left; color:#f00}
.ruzhu_left ul li .bott{ margin-left:97px}
.yonghuxieyi{width:980px; overflow:hidden; border:10px #f1f1f1 solid; margin:10px auto;}
.yonghuxieyi h2{padding:10px; text-align:center; line-height:50px;}
.yonghuxieyi div{padding:10px; line-height:24px; font-size:14px; color:#666;}
.inpt{width:75px; height:28px; line-height:28px;  border:1px #ccc solid; padding-left:8px; color:#666;} 
.inpt1{width:110px; height:28px; line-height:28px;  border:1px #ccc solid;padding-left:8px; margin-left:10px;color:#666;}
.inpt2{width:208px; height:28px; line-height:28px;  border:1px #ccc solid;padding-left:8px;color:#666; float:left}
.select_box {width:215px;float:left;color:#666; height:30px; line-height:30px; border:#ccc 1px solid; appearance:none; -moz-appearance:none; -webkit-appearance:none;padding-right: 14px; }
.bott{width:315px;height:50px; background:#00a0ea; font-size:18px; color:#fff; text-align:center; margin-left:15px; border-radius:8px;}
.bott:hover{ background:#09C; cursor:pointer;}
.message{ width:627px; height:auto;float:right; border-left:1px #ccc solid;}
.message h3{font-size:24px; text-align:center; background:url(../images/about_05.png) no-repeat center bottom; height:50px; margin-bottom:15px; margin-top:15px;}
.message ul{width:518px; float:right;}
.message li{ width:500px;height:40px; float:left; margin:13px 0 0 0; padding:0px; cur/sor:pointer; font-size:14px; color:#666;}
.message li p.message_title{ width:100px; height:30px; float:left; text-align:right; line-height:30px;}
.message li p.message_content{ width:220px; height:30px; float:left;}
.message li.contentb{ width:500px;height:130px; float:left;}
.message li.contentb .error{ clear:both;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li .message_sub{ background:none; border:none; width:100px; height:30px; float:left; text-align:center; line-height:30px; background-color:#42b6fe; border-radius:3px; margin:0px 0 0 100px; color:#fff}
.message li p.error{ color:#f00; text-align:left; line-height:20px}
.message li .bookbut{ background:#4ab7fe; border:0; font-size:14px; font-weight:bold; color:#fff; line-height:30px;height:30px;}
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
.message_content p{color:#f00}

@media screen and (max-width:1200px){.cases .prev,.cases .next{ display:none;}}
@media screen and (max-width:1000px){
.top_box{display:none;}
.header{ min-width:inherit; background:#fff}
.header1{ position:fixed; background:#fff}
.head{width:100%; margin:0.2rem 0}
.logo{width:70%; margin-left:0.1rem; margin-bottom:0.2rem}
.logo img{width:100%}
.m-mulu{width:0.6rem; float:right; height:0.5rem; margin-top:0.2rem; margin-right:0.3rem; display:block}
.m-mulu img{width:100%}
.m-close{width:0.45rem; float:right; height:0.5rem; margin-top:0.3rem; margin-right:0.3rem; display:none;}
.m-close img{width:100%}
.nav{ min-width:inherit; top:1.2rem; overflow-y:scroll; height:100vh;right: -100%;position: fixed; background:#fff; z-index:999999; padding-top:0.3rem; border-top:1px solid #f1f1f1;width:100%}
.nav ul li{width:100%; line-height:1rem; font-size:0.35rem; background:url(../images/nav_ico.png) no-repeat 0.5rem center; text-align:left; text-indent:0.9rem; border-bottom:1px dashed #f1f1f1; float:none;}
.nav ul li:before{ display:none;}
.nav ul li.cur a{ color:#0e67ab}
.nav ul li a span{ display:none}
.nav ul li a{color:#707070}
.slideBox{ display:none;}
.g-adv{position:relative;width:100%;margin:0 auto 0 auto;z-index:15; display:block; display:block; top:1.2rem}
.g-adv .m-box img{display:block;position:relative;width:100%}
.g-adv .m-cnt{width:100%;position:absolute;bottom:0;left:0;z-index:10;height:4px}
.g-adv .m-cnt li{float:left;width:100%;height:4px}
.g-sbox .m-cnt{background:#dfdfdf;position:relative;border-bottom:1px solid #bdbab7}
.g-sbox .m-cnt li{position:relative}
.m-cnt li{text-align:center;width:32%}
.g-adv .m-cnt{background:#333}
.g-adv .m-cnt .z-on{background:#e60012}
.title{ margin-top:0.4rem}
.title span{ font-size:0.5rem;}
.title em{width:1rem; margin:0.2rem auto}
.title p{ font-size:0.35rem}
.newstype{ margin:0.4rem auto}
.newstype a{width:2.5rem; height:0.8rem; line-height:0.8rem; font-size:0.35rem}
.newslist{ min-width:inherit}
.container{width:100%}
.listbox{ margin:0.4rem;}
.news_box{ min-width:inherit; padding-bottom:0.5rem}
.news_box ul li{width:7.5rem;margin-right:0}
.news_box ul li dl{height:13.5rem}
.news_box ul li dl dd{height:7.5rem}
.news_box ul li dl dt{top:6rem;width:6.7rem;left:0.5rem;padding:0.4rem;}
.news_box ul li dl dt em{height: 0.8rem;line-height: 0.8rem;font-size: 0.4rem;background-size: 9%;}
.news_box ul li dl dt span{height:1rem;line-height:1rem;font-size: 0.4rem;}
.news_box ul li dl dt p{font-size: 0.35rem; line-height:0.6rem; height:1.8rem;}
.news_box ul li dl dt .more{width:3rem; height:1rem; line-height:1rem; margin:0.3rem auto; font-size:0.35rem}
.news_box .prev, .news_box .next{ display:none;}
.news_box .hd{ bottom:-0.2rem;left:25%; height:0.5rem}
.news_box .hd ul li{width:0.2rem; height:0.2rem}
.about{ min-width:inherit;}
.about_box{width:auto; margin:0.5rem 0.2rem; background:none; height:auto}
.box_left{ display:none;}
.box_right{ float:none; position:inherit; top:inherit; left:inherit; width:94%; margin:0 auto}
.about_title{ font-size:0.4rem; line-height:0.8rem; text-align:center;}
.box_right p{ font-size:0.35rem; margin-top:0.3rem; line-height:0.6rem}
.youshi{ height:auto; margin-top:0.4rem}
.youshi dl{width:33.3%; border-right:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.youshi dl dd{ font-size:0.4rem; padding-left:0; text-align:center}
.youshi dl dd em{ font-size:0.8rem}
.youshi dl dt{ font-size:0.3rem;padding-left:0; line-height:0.8rem; text-align:center}
.youshi dl:nth-child(3){ border:none}
.box_right .more{width:3rem; height:1rem; line-height:1rem; font-size:0.35rem; margin:0.5rem auto}
.casestype{ margin:0.4rem auto}
.casestype a{width:2.5rem; height:0.8rem; line-height:0.8rem;}
.cases{width:94%; margin:0 auto; min-width:inherit; overflow:hidden; height:24.8rem}
.cases ul li{width:100%; height:6rem; margin-bottom:0.4rem;margin-right:0}
.cases ul li div{width:100%; height:6rem;}
.cases ul li span{width:85%; left:0.3rem; height:1rem; line-height:1rem; font-size:0.35rem;padding:0 0.5rem 0 0.1rem}
.cases1{width:94%; margin:0 auto; min-width:inherit; overflow:hidden; height:24.8rem; margin-top:0.5rem}
.cases1 ul li{width:100%; height:6rem; margin-bottom:0.4rem;margin-right:0}
.cases1 ul li div{width:100%; height:6rem;}
.cases1 ul li span{width:85%; left:0.3rem; height:1rem; line-height:1rem; font-size:0.35rem;padding:0 0.5rem 0 0.1rem}
.cases .hd{ display:block}
.adv{ min-width:inherit; height:auto;background-size: 100% 100%;}
.adv ul{ padding-top:0.3rem}
.adv ul li{width:50%; margin-bottom:0.5rem}
.adv ul li span{ font-size:0.8rem;}
.adv ul li p{ font-size:0.4rem; line-height:1rem}
.honor{ min-width:inherit}
.honorbox{width:94%; margin:0.4rem auto; position:inherit; height:24rem; overflow:hidden}
.honorbox ul li{ width:100%; padding:0;}
.honorbox ul li div{width:100%; height:5rem}
.footer{padding-bottom:0}
.foot{padding:0.1rem 0}
.foot_left{width:100%;padding-top:0.4rem}
.foot_left ul li{width:25%}
.foot_left ul li:nth-child(5){ display:none;}
.dizhi{width:100%; margin:0.3rem 0.3rem 0; font-size:0.35rem; border-top:1px solid #f1f1f1;width:auto; padding-top:0.3rem}
.dizhi ul li:nth-child(3){ display:none;}
.erweima{ float:none; margin:0.3rem auto;width:3rem}
.foot_left ul li span{ font-size:0.35rem;line-height:0.8rem}
.foot_left ul li p{ font-size:0.3rem; line-height:0.8rem;}
.dizhi .first{font-size:0.35rem;}
.dizhi ul li.dianhua{width:100%; font-size:0.35rem;margin-top:0.2rem}
.dibu{height:1rem; line-height:1rem;}
.dibu_center{width:100%}
.banquan{float:none; font-size:0.3rem; padding:0 1rem}
.honor .hd{ display:none;}
.honor .prev, .honor .next{ display:none;}
.n_banner img:nth-child(1){ display:none;}
.n_banner img:nth-child(2){ display:block;}
.n_banner{ min-width:inherit; padding-top:1.2rem}
.navurl{ min-width:inherit;width:auto;overflow:inherit; height:auto; line-height:inherit; background:none;}
.navurl_box{width:100%; overflow:inherit}
.nav_left{font-size:0.35rem; background:#eeeeef; height:1rem; line-height:1rem; padding:0 0.2rem; float:none; display:block;width:auto}
.nav_right{ float:none;width:100%; overflow:hidden;}
.about_body{width:auto;margin:0.4rem 0.2rem; overflow:hidden;font-size:0.35rem; line-height:0.8rem}
.about_body img{max-width:100%}
.about_left{width:100%; float:none;}
.about_right{width:100%; float:none; overflow:hidden;}
.nav_right ul li{width:2.5rem; float:left; background:#f1f1f1; margin:0.2rem 0 0 0.2rem; padding:0; height:0.8rem; line-height:0.8rem; text-align:center; font-size:0.35rem}
.nav_right ul li:nth-child(3n){ margin-right:0}
.nav_right ul li a{display:block}
.nav_right ul li.cur{ background:#0e67ab}
.nav_right ul li.cur a{color:#fff; }
.tpxw{width:100%; padding:0.3rem 0}
.tpxw ul li{width:7.7rem; height:6.5rem; margin:0.3rem 0.3rem 0}
.tpxw ul li div{height:5rem; margin:0.2rem;width:7.3rem;}
.tpxw ul li h3{height:1rem; line-height:1rem; font-size:0.35rem;padding:0 0.2rem;}
.tpxw ul{width:100%;padding:0.2rem 0}
.news{ margin:0.3rem auto;width:94%;}
.news dl{ margin-bottom:0.2rem; border-bottom:5px solid #f1f1f1; padding-bottom:0.2rem}
.news dl dd{width:100%; height:5rem; float:none; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.news dl dd div{ margin:0.2rem; width:7.4rem; height:4.6rem;}
.news dl dt{ float:none;width:100%}
.news dl dt span{ font-size:0.35rem; height:0.8rem; line-height:0.8rem; display:block}
.news dl dt em{ display:none;}
.news dl dt p{ font-size:0.3rem;margin-top:0.1rem; height:auto; line-height:0.6rem;}
.news dl dt .more{ display:none;}
.project{ margin:0.3rem auto;width:94%;}
.project dl{ margin-bottom:0.2rem; border-bottom:5px solid #f1f1f1; padding-bottom:0.2rem;width:100%}
.project dl dd{width:100%; height:5rem; float:none; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.project dl dd div{ margin:0.2rem; width:7.4rem; height:4.6rem;}
.project dl dt{ float:none;width:100%}
.project dl dt span{ font-size:0.35rem; height:0.8rem; line-height:0.8rem; display:block}
.project dl dt em{ display:none;}
.project dl dt p{ font-size:0.3rem;margin-top:0.1rem; height:auto; line-height:0.6rem;}
.project dl dt .more{ display:none;}
.xq_title{ font-size:0.4rem; width:94%; margin:0.4rem auto 0}
.xq_time{ height:0.8rem; line-height:0.8rem; font-size:0.3rem; margin-top:0.2rem}
.shangxia{margin:0.2rem auto; font-size:0.35rem}
.shangxia ul li{width:94%; margin:0 auto; height:0.8rem; line-height:0.8rem;}
.loading{width:100%; height:100vh; z-index:999999; background:#fff url(../images/loading.gif) no-repeat center center; text-align:center;position: fixed; top: 0;}
.fenye{ margin:0; height:0.6rem; line-height:0.6rem; padding-top:0.1rem; font-size:0.3rem; margin-bottom:0.3rem}
div.flickr span.disabled{ margin-right:0.1rem;padding:0.1rem 0.2rem;}
div.flickr span.current{ margin-right:0.1rem;padding:0.1rem 0.2rem;}
div.flickr a{ margin-right:0.1rem;padding:0.1rem 0.2rem;}
.lianxiwm{width:100%}
.lianxiwm h3{ font-size:0.5rem; height:1rem; margin:0.4rem 0}
.lianxiwm .ditu span{ font-size:0.3rem; margin-bottom:0; display:block; margin-right:0}
.jiaru{width:100%;margin-top:0.2rem;}
.ruzhu_left{width:100%; float:none}
.ruzhu_left ul{width:100%}
.ruzhu_left ul li{width:100%;margin-top:0;font-size:0.3rem; line-height:0.6rem; height:1.2rem}
.ruzhu_left ul li span{width:2.2rem;line-height:0.6rem}
.lianxiwm i{ margin:0 0.1rem; font-size:0.35rem; height:0.6rem}
.inpt2{width:5rem; height:0.6rem;line-height:0.6rem}
.ruzhu_left ul li.msg{height:auto}
.text_s{width:5.2rem; height:2rem; float:left}
.bott{width:5rem; height:1rem; line-height:1rem; font-size:0.4rem}
.ruzhu_left ul li p{ margin-left:2.2rem}
.ruzhu_left ul li .bott{margin-left:2.2rem; margin-top:0.2rem}
.message{width:100%}
.message ul{width:100%; padding-bottom:0.2rem}
.message li.contentb textarea{width:5.2rem; height:2rem; float:left}
.message li.contentb{width:7.5remrem; height:auto}
.message li p.message_content{width:5.2rem;height:auto}
.message li{ margin:0;width:100%; height:1.2rem; font-size:0.3rem}
.message li p.message_title{width:2.2rem; height:0.6rem; line-height:0.6rem}
.message li.yzm{width:5rem; height:1rem; line-height:1rem; font-size:0.4rem; margin-left:2.2rem; margin-top:0.2rem}
.message li.yzm .bott{ margin-left:0}
.about_body iframe{ width:100%; height:230px; margin:0px auto}
}