@charset "utf-8";

/*body{font-size:14px; color:#666666; font-family:"微软雅黑" }
*{ margin:0px; padding:0px; }
img{border:0px; display:block}
a{ text-decoration:none;color:#666666}
li{ list-style:none}
.clear{ clear:both}
a:hover{ color:#F00}*/
.smallmiddle{ margin:0px auto; width:62.3%; position:relative}
/*.top{ position:fixed; left:0px; top:0px; width:100%; background:#FFF; z-index:1000000;}
.waptop{ display:none}
.top1{ background:#4c4c4c; color:#cccccc; width:100%; height:45px; line-height:45px;}
.top1 a{ color:#CCCCCC;}
.top1 a:hover{ color:#F00}
.top1 img{ float:left; padding-right:1.8%;}
.gonggao{ float:left; height:100%; width:60%;}*/
.commontitle{ width:100%; text-align:center; position:relative; padding-bottom:3.1%; padding-top:2.1% }
.commontitle p.big{line-height:330%;}
.commontitle p.big span.ch{ display:inline-block; padding-right:1%; width:48.6%; text-align:right; font-size:28px; color:#666; *float:left;}
.commontitle p.big span.tupian{ display:inline-block; width:0.8%; *float:left;}
.commontitle p.big span.tupian img{ width:100%;}
.commontitle p.big span.en{display:inline-block;padding-left:1%; width:48.6%;*float:left;font-size:28px; text-align:left; color:#666;}
.commontitle p.small{ font-size:16px; color:#999; font-weight:bold; color:#0089D0;}
div.ge{ width:100%; text-align:center; margin:20px auto}
div.ge img{ display:block; width:3%; display:inline-block}
.gonggao img{ width:3.3%;}
.gonggao h1{ float:left; font-size:12px;}
.serv{ padding-top:2%; padding-bottom:10%; position:relative}
.serv img{}
.servsi{ margin:0px auto; width:89.3%; text-align:center;}
.servsizi{ display:inline-block; width:18.3%; padding-left:3%; padding-right:3%; float:left; }
.servsizi img{ width:100%}
.servsizi img.mm{ display:block}
.servsizi img.aa{ display:none}
.servsizi:hover img.mm{ display:none}
.servsizi:hover img.aa{ display:block}
.servsizi a{ color:#008dd2; font-size:20px}
.servsizi p{ text-align:left; color:#999999; font-size:14px; line-height:160%; display:block; width:120%; margin-left:-10%; padding-top:2% }
.shoucang{ float:right; height:100%;width:40%;}
.shoucang img{ width:2.2%; padding-left:10px; padding-right:5px; float:right}
.shoucang a{ float:right;}
/*div.nav{ width:100%; display:block}
div.nav img.logo{ width:14.2%; float:left;}
div.nav ul{ float:right; width:83.8%;}
div.nav ul li{ float:left; width:14.2%}
div.nav ul li img{ width:100%;}
div.nav ul li img.an{ display:block}
div.nav ul li img.shen{ display:none}

div.nav ul li:hover img.an{ display:none}
div.nav ul li:hover img.shen{ display:block}

div.nav ul li.hover img.an{ display:none}
div.nav ul li.hover img.shen{ display:block}*/
a.gege{ display:none}
.hdp{ width:100%;}
.bigserv{position:relative; width:100%; background:url(../imagess/bg1.jpg) center top no-repeat; /*background-size:auto 100%;*/ }
.serv{  width:100%;}
img.imgserv{ position:absolute; left:50%;  top:0px; width:3%; height:auto}
img.imgserv1{ position:absolute; left:50%;  bottom:0px; width:3%; height:auto;}
.tabtitle{ text-align:center; margin-bottom:2.7%;}
.tabtitle a{ min-width:8.5%; display:inline-block; height:30px; line-height:30px; text-align:center; font-size:16px; color:#999;}
.tabtitle a.ses{ color:#FFF; background:#008dd2;}
.tabtitle a.hoverss{ color:#FFF; background:#008dd2;}
.tabtitle a:hover{ color:#FFF; background:#008dd2;}
.tabtitle span{ display:inline-block; font-size:16px; display:inline-block; padding-left:1.9%; padding-right:1.9%; color:#999; text-align:center;}
.tabnr{ margin:0px auto; width:98.9%; position:relative}
.tabnr dl{ display:none; position:absolute; left:0px; top:0px; }
.tabnr dl ul li{ float:left; width:48.9%;  margin-bottom:0.8%; }
.tabnr dl ul li.lir{ float:right}
.tabnr dl ul li div.date{ height:100%; float:left;background:#e8e8e8; width:13.9%; text-align:center;}
.tabnr dl ul li div.date p.year{ font-size:14px; line-height:200%;}
.tabnr dl ul li div.date p.month{ display:block; border:1px solid #999999; width:59.7%; margin:0px auto; line-height:200%}
.tabnr dl ul li div.date p.day{ font-size:26px; color:#008dd2}
.tabnr dl ul li div.neirong{ float:right; height:100px; display:block; width:84.6%;background:#e8e8e8; position:relative}
.tabnr dl ul li div.neirong img{ position:absolute; right:2%; bottom:5px; width:13.2%;}
.tabnr dl ul li div.neirong a{ font-size:16px; width:95%; line-height:200%; display:block; margin:0px auto; color:#333;}
.tabnr dl ul li div.neirong p{ font-size:14px;width:95%; margin:0px auto;}
.aboutnr{ font-size:14px; line-height:200%;}
a.ckxq{ display:block; margin:20px auto; text-align:center; line-height:34px; height:34px; border-radius:17px; font-size:20px; color:#008dd2; border:1px solid #008dd2; width:10.7%;}
.linktitle{ text-align:center; width:100%; height:46px; display:block; border-bottom:1px solid #ababab;}
.linktitle img{ display:inline-block; margin-bottom:-44px; }
div.linknr{ margin:20px auto}
div.linknr a{ display:inline-block; font-size:14px; color:#FFF; line-height:200%; padding-left:2%; padding-right:2%}
.erwei{ text-align: center; width:18.4%; padding-left:30%;}
.erwei dl{ display:inline-block;  width:47%; margin-right:3%; overflow:hidden; float:left; line-height:100%}
.erwei dl img{ width:100%}
.erwei dl span{ color:#FFF; display:inline-block;}
div.bignew{ position:relative;  width:100%; background:url(../imagess/bg2.jpg) center top no-repeat;  /*background-size:auto 100%*/ }
.qqqq{ float:right; text-align:center; width:30%; position:absolute; left:50%; top:36%; color:#FFF; line-height:200%}
.qqqq img{ width:25%; margin-left:10%; margin-top:10px; float:left;}
.qqq{ float:right; text-align:center; width:30%; position:absolute; left:50%; top:0; color:#FFF; line-height:200%}
.qqq img{ width:25%; margin-left:10%; margin-top:10px; float:left;}
div.qqdiv{ padding-left:59px;}
/*.foot{ background:#464646; position:relative; }
.foot p{ font-size:14px; text-align:center; line-height:150%; padding:30px 0px;}
*/

/*手机头部*/
.waphead{ width:100%; background:#FAFAFA; position:relative;}
.smallwaphead{ width:100%}
img.waplogo{ float:left; width:40%; margin-left:2%}
.smallwaphead p{ float:right; font-size:12px; margin-right:3%;}
.smallwaphead p select{border-radius:10px;color:#969696;}
.smallwaphead a.dh{ display:block; float:right; width:7%; margin-right:2%; cursor:pointer}
.smallwaphead a.dh img{ width:100%}
.wapnav{ width:100%; height:auto;  background:#70D3D6; display:none; padding-left:2%; padding-top:10px; padding-bottom:10px; line-height:200%;}
.wapnav div.yi{ width:100%; float:left;}
.wapnav div.yi a{ font-size:16px; color:#FFF; display:block;}
.wapnav div.yi dl{ padding-top:0px; padding-bottom:0px; display:none;   margin:0px; padding:0px; padding-left:3% }
.wapnav div.yi dl li a{ font-size:14px}
.wapnav div.yi dl li dd{ padding-top:0px; padding-bottom:0px; display:none;   margin:0px; padding:0px;padding-left:3%}
/*手机头部*/

.casewap{ display:none}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li { overflow:hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }






.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }




/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:20px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:11px;background:url(../imagess/t1.png) no-repeat;height:11px;margin-left:5px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{outline: none; display:inline-block;width:11px;height:11px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF; background:url(../imagess/t2.png) no-repeat;outline: none; }

/* Callback example */

.callbacks_container {
  margin-bottom: 2px;
  position: relative;
  float: left;
  width: 100%;
  max-width: 100%;
  text-align: center;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }





.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.6;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;

  margin-top: -30px;
  display:none;
  }
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active {
  opacity: 1.0;
  }
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.rslides li dl{ float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; position:relative; overflow:hidden}
.rslides li dl.end{ margin-right:0px;}
.rslides li dl img{ width:100%;}
.rslides li dl p{ z-index:9999; width:100%; height:100%; display:block; background:url(../imagess/t.png); position:absolute; left:0px; top:0px; }
.rslides li dl p a{ color:#FFF; font-size:14px; line-height:100%; display:inline-block; width:95%; text-align:center; }


/*内页*/
.banner{ text-align:center; width:100%; position:relative; }
.banner img.bigimgbanner{ width:100%; }
.banner img.imgpng{ width:3%; position:absolute; left:50%; margin-left:-1.5%; top:0px; margin-top:23.5%;}
.bannertitle{ position:absolute; top:0px; padding-top:7.2%; left:0px; width:100%;}
.bannertitle span{ color:#FFF; font-size:28px; width:49.75%; display:block; float:left; text-align:right;}
.bannertitle span.ddds{ width:0.5%;font-size:28px; text-align:center; padding-top:12px; }
.bannertitle span.ddds img{ width:100%;}
span.spanrr{ text-align:left;}
img.bannerdians{ position:absolute; width:0.5%; left:50%; margin-left:-0.25%; top:0px; padding-top:8%;}
.banner p.pabotbigp{ width:70%; margin:0px auto; color:#FFF; text-align:left; font-size:16px; left:50%; margin-left:-35%; position:absolute; top:0px; padding-top:10%; }
.banner p.pabotbigp span{ width:100%; display:block; text-align:center}
.banner p.pabotbigp{  line-height:180%; color:#FFF}
.aboutli{ margin-top:5%;}
p.penglish{ font-size:44px;}
p.pchina{ color:#008dd2; font-size:24px;}
p.pjianjie{ font-size:14px; padding-top:1.8%; padding-bottom:1.8%;}
p.pjianjie span{ font-size:20px;}
.aboutlisi{  }
.aboutlisi img{padding-top:1px; width:25%;border-top:2px solid #008dd2; float:left; margin-right:1px;}
.aboutlisi img.end{ margin-right:-3px;}
img.fengjinghua{ position:absolute; left:0px; top:0px; z-index:0px;}
li.aboutlia{ position:relative; z-index:1; z-index:1; margin:0px; padding:0px;}
.shijianzhou img{ width:100%;}
.teamnr li{ float:left; margin-left:-1px; width:25%; margin-top:2.9%; border-left:1px solid #bdbdbd}
.teamnr li:hover{ border-left:1px solid #da444d}
.teamnr li a{padding-left:6%; font-size:22px; line-height:200%; color:#333 }
.teamnr li p{ padding-left:6%; font-size:14px; }
.team{ padding-bottom:7%; position:relative;}
.team img.teamimg{ width:100%; position:absolute; left:0px; top:0px;}
.team div.smallmiddle{ position:relative; padding-top:4.5%; z-index:1}
.fenbu{ padding-bottom:3%;}
.fenbusi{ float:left; width:24%; margin-right:1.0%; position:relative}
.fenbusi.end{ margin-right:0px;}
img.fbtoptu{ position:absolute; left:0px; top:0px; z-index:0; width:100%;}
.fenbusi{ height:426px;}
.fenbusi dd{ position:relative; z-index:1; text-align:center; padding-top:35%;}
.fenbusi dd span{ font-size:20px}
.fenbusi dd p{ font-size:14px; width:95%; margin:0px auto; text-align:left;}
img.fbditu{ width:100%; position:absolute; bottom:0px; left:0px; }
a.xxtu{ margin:5% auto; width:30%; display:block;}
a.xxtu img{ display:block; width:100%;}
.banner1{ width:100%; display:block}
.banner1 img{ border-bottom:2px solid #bf2973;}
.route span.spancase{ color:#008dd2; font-size:48px; font-weight:bold;}
.route div dl{ font-size:36px; float:left;}
.route div p{ font-size:18px; line-height:110%; padding-top:0.5%; padding-left:1%; float:left;}
.route div span{ font-size:12px;}
.ernav{ margin:2% auto; border:1px solid #CCC; border-left:0px; border-right:0px;}
.ernav ul{ padding-left:1.3%;}
.ernav ul a{ float:left; font-size:16px; display:inline-block;  padding-left:1%; padding-right:1%; text-align:center; line-height:200%;}
.ernav ul a:hover{ border-bottom:2px solid #008dd2; color:#008dd2; margin-bottom:-2px;}
.ernav ul img{ display:inline-block; float:right; width:0.6%; margin-right:2%;}
.anlinrs li{ float:left; width:32.6%; text-align:center; margin-right:1.1%;margin-bottom:1.1%; background:#f1f1f1; text-align:center; position:relative;}
.anlinrs li div{ position:relative;padding-top:3.5%;padding-bottom:3.5%; display:block; margin:0px auto; width:92.8%;}
.anlinrs li img{ padding:0px;  float:none; display:block;  margin:0px auto; width:100%;}
.anlinrs li.end{ margin-right:0px;}
.anlinrs li dd{ position:absolute; bottom:4.2%; left:0px; height:80px; text-align:left; display:none; width:100%; background:#000 }
.anlinrs li:hover dd{ display:block}
.anlinrs li dd span{ display:inline-block; padding-top:2%; color:#FFF; text-align:left; padding-left:3.5%}
.anlinrs li dd span span{ font-size:18px; color:#ffde00; padding:0px;}
.anlinrs li dd img{ display:inline-block; width:13.2%; float:right; margin-right:4.9%; margin-top:4.4%}

.newlist{ background:#fff; width:100%; margin-bottom:1.5%;padding-bottom:1.5%;}
div.newdate{ float:left; width:7.6%; margin-left:4.1%; background:#008dd2; text-align:center;}
div.newdate span{ color:#FFF; font-weight:bold; font-size:36px; line-height:120%; display:inline-block}
div.newdate p{color:#FFF; font-size:16px; line-height:200%; padding-left:1%; padding-right:1%; display:inline-block;}
.newlist img{ float:left; margin-left:4%; margin-top:1.4%; width:18.1%;}
div.newr{ float:left; margin-left:3.3%; margin-top:3%; width:61%;}
div.newr a{ color:#333; font-size:20px; line-height:200%;}
div.newr p{ font-size:14px; line-height:150%;}
div.newr a.newmore{font-size:14px; color:#666; line-height:240%}
.contactustitle{ padding:3.5% 0px 3.5% 0px; border-bottom:1px dashed #CCC; }
.contactustitle li{ float:left; width:25%;}
.contactustitle li img{ float:left; width:16.6%; margin-left:14.3%;}
.contactustitle li p{ float:left; color:#008dd2; font-size:16px; line-height:150%; width:60%; margin-left:3%; }
.contactustitle li p span{ color:#666;}
.cnr{ margin:auto; padding:2% 0px; line-height:200%; overflow: hidden;}




.tong_con_title{font-size:22px; font-weight:bold;  text-align:center;}
.tong_liulan{border-bottom:#999 1px dotted; margin:10px auto; width:100%; line-height:25px; height:25px; color:#666; text-align:center;}
.tong_back{margin:10px auto; width:100%; line-height:25px; height:25px; color:#666; text-align:center;}
.tong_back a{ color:#666;}
.tong_back a:hover{ color:#F00;}
.tong_connr{ margin:10px auto; width:100%; text-align:left; line-height:180%; font-size: 16px;}
.tong_connr img{ display:block; margin:0px auto}
.pian{ margin:auto; padding:20px 0px; width:100%; text-align:left; line-height:22px;}
.pian span{ font-weight:bold;}
a.relative{ display:block; width:33.3%; float: left; margin:5px auto;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}





/*内页*/




@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
    .tong_con_title{ font-size: 18px; }
  }
@media screen and (min-width:1445px){
	.smallmiddle{ width:1197px;}
}
@media screen and (max-width:1444px){
	.smallmiddle{ width:85%;}
}
@media screen and (max-width:1024px){
.content{ margin:0px auto; width:98%}
.smallmiddle{ width:100%;}
a.relative{ width: 50%; }
}
@media screen and (max-width:800px){
	.qqqq{ display:none}
	.anlinrs li{  width:100%; margin-right:0px; }
	a.gege{ display:block}
	.casewap{ display:block}
	.smallmiddle{ width:100%;}
	.waptop{ display:block; }
	.top{ display:none}
	.top2{ display:none}
	.servsi{ width:100%;}
	.commontitle p.small{ font-size:12px; width:95%; margin:auto}
	.commontitle p.big span.ch{ display:inline-block; padding-right:1%; width:48.6%; text-align:right; font-size:16px; color:#666;}
.commontitle p.big span.tupian{ display:inline-block; width:0.8%; }
.commontitle p.big span.en{font-size:16px; }
.servsizi{ display:inline-block; width:42%; padding-left:3%; padding-right:3% }
.servsizi img{ width:100%}
.servsizi a{ color:#008dd2; font-size:14px}
.servsizi p{ text-align:left; color:#999999; font-size:12px; line-height:160%; display:block; width:90%; margin-left:10%; padding-top:2% }
.callbacks_container {
  margin-bottom: 2px;
  position: relative;
  float: left;
  width: 90%; margin-left:5%;
  text-align: center;
  }
.callbacks_container{ display:none}
.half{ width:45%; text-align:center; float:left}
.half img{ width:100%;}
.half a{ line-height:150%; font-size:14px}
.halfr{ float:right}
.casewap{ margin:0px auto; width:95%}
.tabnr{ width:95%;}
.tabnr dl ul li{  width:100%;   }
.tabnr dl ul li.lir{ float:left}
.tabnr dl ul li div.neirong a{ font-size:12px;}
.tabnr dl ul li div.neirong p{font-size:12px;}
.tabnr dl ul li div.neirong img{ position:absolute; right:2%; bottom:5px; width:23.2%;}
.tabtitle a{ font-size:14px}
.aboutnr{ width:95%; margin:auto;font-size:12px;}
a.ckxq{ border:none; font-size:12px;   width:20.7%;}
div.linknr{ width:95%; margin:20px auto}
div.linknr a{ display:inline-block; font-size:12px; color:#FFF; line-height:200%; padding-left:2%; padding-right:2%}
/*.foot p{ font-size:12px; line-height:100%}*/
.erwei dl span{ display:none}
.erwei dl{  width:16.2%;}

.new{ margin-bottom:-60px;}
.about{ margin-top:-20px;}
.tabnr{ margin-bottom:-70px;}
div.newdate{ display:none;}

div.newr{ float:left; margin-left:3.3%; margin-top:3%; width:71%;}
div.newr a{ color:#333; font-size:14px; line-height:120%;}
div.newr p{ font-size:12px; line-height:120%;}
div.newr a.newmore{font-size:14px; color:#666; line-height:240%}
.anlinrs li dd{ height:70px;}
.anlinrs li dd span{ font-size:12px}
.anlinrs li dd span span{ font-size:12px; }
.anlinrs li dd img{ display:inline-block;width:4.2%; float:right; margin-right:4.9%;margin-top:2.4%; }
.contactustitle li{ width:50%; margin-top:4%}

}
@media screen and (max-width:640px){
.anlinrs li dd img{ margin-top:5.4%; }
.contactustitle li{ width:100%; margin-top:4%}
a.relative{  width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media screen and (max-width:360px){
a.relative{ display:inline-block; width:100%; float:left;}
.anlinrs li dd img{ margin-top:7.4%; }
}
@media screen and (max-width:320px){
}