@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td,s{font-family:Microsoft Yahei,Avenir, tahoma,Arial,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}a, input,.featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn{}html, body { width: 100%; height: 100%; position: relative;  }h1,h2,h3,h4,h5,h6{ text-transform:capitalize}
.zoomimg img{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; }.zoomimg img:hover { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
/*超出的文字省略，要定义宽度*/
span.spanleft,.imgList ul li .imgName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
/*页面*/
body{ font-size:14px; line-height:1.5em; background:#f2f2f2;}
#header{ width:100%; height:100px; background:#fff; border-top:solid 3px #004a97}
.wrapper{ width:1200px; margin:0 auto;}
.logo{ background: url(images/logo.png) no-repeat; width:410px; height: 100px;}
.nav{ position:relative; z-index:1;border-left:solid 1px #eee;}
.nav ul{ float:left; position: relative; left: 50%;}
.nav .nLi{ float:left; position: relative; right: 50%;display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:16px; color: #444; text-transform:uppercase; overflow:hidden; line-height:30px; padding: 35px 30px 15px 30px;border-right:solid 1px #eee; }
.nav .on h3 a{background: #004a97; color: #fff}
.nav .sub{ display:none; position:absolute; top:80px;margin-left:-62px;  border:solid 1px #ddd;  background:#fff;}
.nav .sub li{ zoom:1; display:block; }
.nav .nLi .sub a{ padding:5px 0px; width:122px;display:block; color:#333; font-size:14px; text-align:center; line-height:20px; height:auto; text-transform:capitalize; font-weight:100;}
.nav .nLi .sub a:hover{ background:#f0f0f0; color:#000;  }
.more { font-size:12px; font-weight:100; overflow:hidden; }
.more a { color:#333;}
.more a:hover { color:#111; text-decoration:underline;}
.more .iconfont{ margin-left:5px; font-size:12px;}
.box{ background:#fff; padding: 15px;}
.box h3{ color:#004a97; font-size:20px; line-height:2rem; padding:0px 0 5px 10px; position:relative;}
.box h3 s,.box h3 span{ color:#777; font-size:12px; text-transform: uppercase;line-height: 1rem;}
.box h3 s{ margin:0 8px; text-decoration: none}
.box h3 .more{ position:absolute; top:2px; right:3px;}

.title{ height:80px; width:100%; position:relative; margin:20px auto;}
.title .title_line{ width:100%; height:1px; position:absolute; background:#999; left:0px; bottom:23px;}
.title h1{ font-size:30px; color:#00955b; line-height:40px; height:40px; text-align:center; letter-spacing:3px;}
.title h2{ font-size:15px; position:relative;z-index:2;  display:table; margin:0 auto; background:#f2f2f2; padding:0 20px; line-height:30px; color:#888; text-transform:uppercase}
#SubNav{ background:#eee; height:30px; border-top:solid 4px #eee; border-bottom:solid 2px #a51616}
.Subnav ul li{float:left; }
.Subnav ul li a{color:#333;margin:0 6px; padding:0 20px; line-height:30px; display:inline-block;}
.Subnav ul li a:hover{color:#333; background: #ddd;}
.Subnav ul li a.cur{color:#fff; background: #a51616; border-radius:8px 8px 0 0}
.place{font-size:12px; font-weight:100; color:#333; text-transform:capitalize; border-bottom: solid 1px #ddd;margin:10px 0 5px 0; padding:10px 10px 10px 20px}
.place a{ color:#333; line-height: 1.5rem; text-decoration:underline; }
.place a:hover{ color:#e0081c; text-decoration:none;}
.place .iconfont{ margin:0 5px; font-size:14px;}
.text{ padding:20px;}
.text p{ color:#333; font-size:15px; line-height:1.8rem;font-family: Microsoft Yahei}
.text img{max-width:900px}
.text h4{padding:15px 0px 5px 0; display:inline-block;color:#20a479; font-size:17px; font-weight:bold;}
.text table.table{ width:800px; margin:15px auto;}
.text table.table td{ border:solid 1px #ddd; padding:5px 8px; font-size:12px; line-height:1.2rem; color:#222;}
.side{ width:200px; margin-top:20px; position: relative; z-index: 999}
.side h3{font-size:20px; color:#fff; padding:20px 0 10px 20px;}
.sidenav{ background:#004a97;}
.sidenav ul{ padding:10px 0 50px 10px;}
.sidenav ul li{ }
.sidenav ul li a{ display:block; padding:5px 5px 5px 15px; border-bottom:solid 1px #6692c1; color:#fff;}
.sidenav ul li a .iconfont{ font-size:12px; margin-right:10px;}
.sidenav ul li a:hover{ background:#6692c1;}
.sidenav ul li a.cur{ background:#f2f2f2; color:#004a97;}
.content{ width:980px; margin-top: 20px}
.content .box{min-height:400px;margin-bottom:20px;}
#footer{ padding:20px 0; background: #004a97;}
#footer p{  font-size:14px; line-height:1.8rem; color:#fff;}
#footer a{ color:#fff; }
#footer a:hover{ color:#ff0; text-decoration: underline;}
.copyright{}
.copyright p{ line-height:2rem;text-align:center;}
#Contact{ padding:20px;}
#Contact h3{ font-size:20px; padding:15px; margin-bottom:10px;color:#004a97; border-bottom:solid 1px #ccc}
#Contact .text{ float:left; padding:0px; width:300px;}
#Contact .text p{}
#Contact .map{ width:720px; float:right}
#Contact .map #gaodi-map{ width:720px; height:380px; border:solid 1px #ccc;}
.mapInfo {padding:5px; width: 300px;}
.mapInfo h4{ font-size:18px; padding:5px 10px; margin-bottom:5px; color:#004a97; border-bottom:solid 1px #ccc}
.mapInfo p {font-size: 12px; line-height: 1.5rem; color: #333}
.Qrcode{ width:280px; margin-top:20px;}
.Qrcode ul li{ width:120px; float:left; padding:10px;}
.Qrcode ul li img{ width:120px; height:120px; margin:0; display:block}
.Qrcode ul li p{ font-size:14px; line-height:20px; color:#111; text-align:center; text-transform:capitalize}
/*banner*/
#swiperPic{ position:relative; width:100%;}
#swiperPic #slider{ height:450px; overflow:hidden;}
#swiperPic #slider li{ position:absolute; left:0; top:0; width:100%; background:url(js/fancybox_loading.gif) center center no-repeat}
#swiperPic #slider li a{ display:block; width:100%;}
#swiperPic .lastico{ height:20px; overflow:hidden; position:absolute; left:0; bottom: 10px; width:100%; z-index:1;}
#swiperPic .lastico ul{float:left; position:relative; left:50%;}
#swiperPic .lastico ul li{float:left;position:relative; right:50%; margin-right:10px;  width:10px; height:10px; border-radius:10px; cursor:pointer; text-indent:-990em; overflow:hidden; background:#fff;filter:alpha(opacity=80);opacity:0.8;transition: all 0.5s ease-out;}
#swiperPic .lastico ul li.high{background:#c61225;filter:alpha(opacity=100);opacity:1; width:30px; height:10px;}
#swiperPic,
#swiperPic #slider,
#swiperPic #slider li{ height:450px; }
#swiperPic.MainPic,
#swiperPic.MainPic #slider,
#swiperPic.MainPic #slider li{ height:350px; }
/*图片列表*/
.imgList ul li { float: left; margin:10px 20px 10px 0; padding:9px; border:#ddd solid 1px; overflow:hidden; position:relative;transition: all .2s ease-out; border-radius:3px; background:#fff;}
.imgName { font-size: 16px; text-align: left; color: #333; display:inline-block; text-transform:uppercase; padding:8px 10px;}
.imgList li a { float: left; overflow: hidden; text-align: center; position: relative; }
.imgList li a img { position: relative; vertical-align: text-top; background:url(js/fancybox_loading.gif) center center no-repeat;}
.imgList ul li:hover{box-shadow: 0 1px 20px 0 rgba(0,0,0,.19); border-color:#ccc; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) }
.imgList ul li:hover .imgName{ color:#f00; font-weight:bold;}
.Images { width:1200px; margin:0px auto}
.Images ul { width:1220px; padding:10px 0}
.content .Images{ width: 940px;}
.content .Images ul{ width: 960px;}
.environment ul li{ width: 280px; height: 190px;}/*企业环境*/
.environment ul li a { width: 280px; height: 160px;}
.environment ul li .imgName{width:260px;}
.col_3Body{width:880px;}/*首页环境*/
.col_3Body ul{width:900px;}
.col_3Body ul li{ width: 260px; height: 180px;margin:0px 20px 0px 0;}
.col_3Body ul li a { width: 260px; height: 150px;}
.col_3Body ul li .imgName{width:240px;}
.hd.PicPage a{}/*切换页码*/
.hd.PicPage{ height: 20px; margin-top: 10px}
.hd.PicPage ul{ padding:0; float:left; position:relative; left:50%;}
.hd.PicPage ul li{ float:left; position:relative; right:50%;text-indent:-90000px; width:12px; height:12px; background:#999;  margin-right:10px; border-radius:15px; cursor:pointer;transition: all 0.5s ease-out;}
.hd.PicPage ul li.on{ background:#c70c22; width:30px;}
.hd.PicPage a{ display:none;}
.Honors{width: 800px; margin: 0px auto; position: relative; padding: 20px 0}/*资质荣誉*/
.Honors .imgName { width: 780px;text-align: center}
.HonorsBody{ }
.HonorsBody ul li{ float:left; width: 800px; text-align: center;}
.HonorsBody ul li img{max-height: 450px; border: solid 1px #ddd;}
.Honors .hd.PicPage a{ display:block; position: absolute; width:50px; height:50px; border-radius: 50px; top:35%; border:solid 1px #ccc; color:#777; text-align:center; cursor:pointer;}
.Honors .hd.PicPage a .iconfont{ font-size:2.5rem; line-height:50px;}
.Honors .hd.PicPage a:hover{ color:#fff; border-color:#C61225; background:#C61225;}
.Honors .hd.PicPage a.prev{left:0}
.Honors .hd.PicPage a.next{ right:0}

/*新闻*/
.news_con{}
.news_con ul{ padding:1px;}
.news_con ul li{ font-size:14px; border-bottom:dashed 1px #ddd; padding:8px 6px 8px 20px; background:url(images/bot_black.gif) 10px 17px no-repeat;}
.news_con ul li a{ color:#333;}
.news_con ul li a span.spanleft{ width:660px; cursor:pointer;}
.news_con ul li a:hover{ color:#f30; text-decoration:underline;}
.news_con ul li span.time{ float:right; font-size:11px; color:#777; padding-right:10px;}
.news-list{border-bottom:dashed 1px #ddd; padding:10px 15px 15px 15px}
.news-list h4{ font-size:16px; line-height:20px; margin:8px 0;}
.news-list h4 a{ color:#004a97; text-decoration:none; font-weight:bold;}
.news-list h4 a:hover{ color:#c70000; text-decoration:underline;}
.news-list h4 span.time{ font-size:12px; margin-left:20px; background:#eee; padding:3px 10px; color:#777; border-radius:20px;}
.news-list p{ color:#555; line-height:1.6rem; height:54px; overflow:hidden;}
.news-list:hover span.time{ background:#004a97; color:#eee;}
.news-list:hover .detailed a{ background:#eee;}
.news-list .news-img{ float:left; margin-right:15px;}
.news-list .news-img img{ width:200px; height:110px;}
.news-list .detailed{ font-size:12px; float:right; margin:10px 0 0 0;}
.news-list .detailed a { background:#fff; padding:3px 15px; color:#777; border-radius:20px; border:solid 1px #ddd;}
.news-list .detailed a:hover { background:#004a97; color:#fff; border-color:#004a97}
.article{ padding:20px; margin-bottom:20px; }
.article h5{ display:block; overflow:hidden; padding-left:0; color:#444; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; background:#fff; padding:25px 0}
.article ul li{font-size:16px; padding:25px; line-height:26px; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ border-bottom:solid 1px #eee; font-size:12px; line-height:20px; padding:20px 0; text-align:center; color:#222;background:#fff}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 900px; _width: expression(this.width > 900 && this.width > this.height ? 900 :true);height: auto; margin:15px auto; display:table}
/*页码*/
.Mpage{ padding:15px 0px;}
.Mpage table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.Mpage table td {font-family:Microsoft Yahei, tahoma;}
.Mpage table td .iconfont{ font-size:14px;}
.Mpage table td input{padding:2px 4px; width:30px; height:20px; font-size:14px; line-height:15px; border:solid 1px ccc;}
.Mpage table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-left:-1px; text-decoration:none; display:block; padding:5px 12px; }
.Mpage table td a.current,.Mpage table td a.current:hover { color:#fff; background:#666; border-color:#666; cursor:default }
.Mpage table td a:hover { color:#fff; background:#222; }
/*浮动客服*/
#floatServiceIcon,#floatService .header,#floatService .footer{ background:url(images/floatService.png) no-repeat;}
#floatServiceIcon{ width:30px; height:140px;position:fixed;top:12%;right:150px;z-index:999; background-position: 0 0; cursor: pointer;}
#floatService{width:150px;position:fixed;top:10%;right:0;z-index:999;box-shadow: 0 0px 20px 0 rgba(0,0,0,.29)}
#floatService .header{ background-position:-140px 0px; height:10px;}
#floatService .body{ border:solid 5px #0065ce; background:#fff; border-top:0px; border-bottom:0; padding:0px; width:140px;}
#floatService .footer{background-position:-140px -30px; height:10px;}
#floatService .body h3{ line-height:24px;text-transform:capitalize; font-size:16px;font-weight: bold;color:#777; border-bottom:solid 1px #eee; margin:0 5px; padding:5px 0}
#floatService .body .floatServiceQQ ul li,
#floatService .body .floatServiceTel p{ padding: 5px 10px;text-align: center;}
#floatService .body .floatServiceQQ ul li{ padding:8px 0;}
#floatService .body .floatServiceRwm{ margin-top:5px; padding:5px 10px; overflow:hidden; margin-bottom:-5px;}
#floatService .body .floatServiceRwm p{ margin-bottom:10px; text-align:center;}
#floatService .body .floatServiceRwm p span{ display:block}
#floatService .body .floatServiceRwm img{ width:120px; height:120px; display:block}
/*滑动联系*/
.BackTop{ right: 1%; bottom: 2%; position: fixed; z-index:999;}
.BackTop a { display:block; width:50px; height:50px;background:#ddd; text-align: center;}
.BackTop a .iconfont{font-size:2rem; color: #000;line-height: 50px;}
.BackTop a:hover {background:#c70c22;}
.BackTop a:hover .iconfont {color:#fff;}
/*首页*/
.indL{width:940px; margin-top:20px;}
.col_1{width: 400px;}
.col_1 .text{padding:0px 10px; height: 170px; overflow: hidden;}
.col_2{width: 520px;}
.col_2 .news_con ul li{ padding:6px 6px 6px 20px; background:url(images/bot_black.gif) 10px 14px no-repeat;}
.col_2 .news_con ul li a span.spanleft{ width:400px;}
.col_3{margin:20px 0;}
.indR{width:240px; margin-top:20px;}
.indRPic{}
.indRPic ul li{ margin-bottom:2px;}
.indRPic ul li a{ display:block; width:240px; height: 80px; background: url(images/indRPic.jpg) no-repeat}
.indRPic ul li#RPic1 a{ background-position: 0 0}
.indRPic ul li#RPic2 a{ background-position: 0 -80px}
.indRNav{ width: 210px; overflow: hidden;}
.indRNav ul{ width:220px; padding: 10px 0 0 0}
.indRNav ul li{ float:left; margin-right:10px; margin-bottom: 10px}
.indRNav ul li a{ width:100px; font-size: 15px; height: 30px; line-height: 30px; text-align: center; border-radius:20px; color: #333; background: #f2f2f2; display: block}
.indRNav ul li a:hover{ background:#c70c22;color: #fff}
.indR .box{ padding:20px 15px 0 15px;}
.indR .text{ padding:0px 10px 20px 10px; height:170px;background: url(images/indR.png) center bottom no-repeat}
.indR .text p{font-size: 14px; line-height: 1.5rem; margin-bottom: 8px;}
.indR .text p span{ font-weight: bold; font-size: 16px; color: #004a97}

.highlight {color:red}
.msgTable td {padding:5px;font-size:14px}
.msgTable input[type="text"] ,.msgTable textarea {border:1px solid #ccc;padding:3px;border-radius:3px}
.ajaxMsg  {color:#666}
.ajaxMsg img {margin-top:-3px;}
.msgTable .submit {background:#ff6c00;color:#fff;border-radius:3px;padding:5px 10px;border:0;cursor:pointer}