@charset "utf-8";
@import url('flexslider.css');
/*公共部分*/
*{outline:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;transition-property:all 0.3s ease-in-out;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display: block}
html{overflow:scroll;overflow-x:hidden;overflow-y:scroll}
body{margin:0 auto;padding-bottom:50px;background-color:#fff;font-family:"Microsoft YaHei"}
h1,h2,h3,h4,h5{font-weight:100}
img{max-width:100%;border:0}
ul,li{list-style:none}
a:link,a:visited{font-size:12px;color:#272727;text-decoration:none;transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
a:hover{font-size:12px;color:#272727;text-decoration:none;transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.all{position:relative;z-index:1;width:100%;max-width:600px;margin:0 auto;overflow:hidden}
.wrapper{overflow:hidden;width:100%;height:auto;margin:0 auto;text-align:left}
.clear,.cb{clear:both;height:1px}
.red{color:red}
.red2{color:#ba1019}
.blank{height:10px}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.none{display:none}
.cen{text-align:center}
.mt10{height:0;margin-top:10px}
.mt17{height:17px}
.mr16{margin-right:16px}
.of,.of *{overflow:visible}
.transparent{background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
.vs,.vs *{overflow:visible}
.hd,.hd div,.hd ul,.hd li,.hd dl,.hd dt,.hd dd,.hd h1,.hd h2,.hd h3,.hd h4,.hd h5,.hd Table,.hd tr,.hd td{overflow:hidden}
.shade{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}
.shade2{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
.db{display:block}
.mask{position:fixed;z-index:2;left:0;top:0;display:none;width:100%;height:10000px;background-color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
.no_transition,.no_transition *,.no_transition a,.no_transition a:link,.no_transition a:visited,.no_transition a:hover,.no_transition a:active{transition-property:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.transition,.transition *,.transition a,.transition a:link,.transition a:visited,.transition a:hover,.transition a:active,.transition a *{transition-property:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.box-sizing{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.ib{display:inline-block;**zoom:1}
.ovs{overflow:hidden}
.a:hover{cursor:pointer}
.a:hover *{text-decoration:none}
.od{overflow:hidden;display:block}
/*header*/
header{width:100%;padding:15px 0;text-align:center}
header img{max-width:80%;margin:0 auto}
/*nav*/
.all_shadow{position:fixed;z-index:998;left:0;top:0;width:100%;height:10000px;background-color:#000;-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
/*footer*/
footer{width:100%;padding:15px 3%;background-color:#ed0001;line-height:24px;font-size:12px;color:#fff}
footer a:link,footer a:visited,footer a:hover{color:#fff}
.topTel{width:100%;margin:10px 0;background-color:#00598c;text-align:center;line-height:240%;font-size:22px;font-family:"Microsoft YaHei";color:#fffef;font-weight:bold;color:#fff}
/*focus*/
.topFocus{position:relative;z-index:0;width:100%;margin-top:10px}
.topNav{overflow:hidden;width:100%;padding:5px;background:linear-gradient(to top,#106799,#00598c)}
.topNav a{position:relative;z-index:0;float:left;width:25%;height:40px;text-align:center;line-height:40px;font-size:15px;color:#fff}
.topNav a:nth-child(2),.topNav a:nth-child(3){border-bottom:1px solid #fff}
.topNav a:nth-child(1):before,.topNav a:nth-child(2):before,.topNav a:nth-child(3):before{content:'';position:absolute;z-index:999;bottom:0;right:0;width:1px;height:34px;background:url(../images/nline1.gif) no-repeat}
.topNav a:nth-child(5):before,.topNav a:nth-child(6):before,.topNav a:nth-child(7):before{content:'';position:absolute;z-index:999;top:0;right:0;width:1px;height:34px;background:url(../images/nline1.gif) no-repeat;transform:rotate(180deg)}
.topNav a:nth-child(1):after{content:'';position:absolute;z-index:999;bottom:0;right:0;width:100%;height:1px;background:url(../images/nline2.gif) no-repeat right bottom}
.topNav a:nth-child(4):after{content:'';position:absolute;z-index:999;bottom:0;right:0;width:100%;height:1px;background:url(../images/nline3.gif) no-repeat left bottom}
/*other*/
.positions{position:relative;z-index:0;width:100%;height:29px;margin-top:5px;border-bottom:1px solid #ccc}
.positions .cn{width:143px;height:29px;background:#00598c;text-align:center;line-height:29px;font-size:14px;color:#fff}
.positions .en{width:200px;height:16px;margin-top:10px;line-height:16px;text-transform:uppercase;font-size:10px;color:#383838}
.positions a{position:absolute;z-index:999;top:0;right:0;line-height:29px;font-size:12px;color:#383838}
.sorts{width:100%;margin-top:14px}
.sorts a{width:48%;height:38px;margin-bottom:6px;border:1px solid #ddd;text-align:center;line-height:38px;font-size:14px;color:#272727}
.sorts a.active{background-color:#00598c;font-size:14px;color:#fff}
.sorts a:nth-child(2n+2){margin-left:4%}
.mh{position:relative;z-index:0;width:100%;margin-top:5px;border-bottom:1px solid #cfcfcf;line-height:180%;font-size:14px;color:#252525}
.otherMain{overflow:hidden;width:96%;margin:0 2%}
/*main content*/
.introduction{width:100%;padding:10px 0;text-align:justify;line-height:250%;font-size:12px;color:#666}
.introduction div,.introduction p{font-size:12px;color:#666}
.articleTitle{overflow:hidden;width:100%;padding:17px 0 10px 0;text-align:center;line-height:28px;font-size:16px;font-family:"Microsoft YaHei";color:#333}
.articleTime{width:100%;text-align:center;line-height:32px;font-size:14px;font-family:"Microsoft YaHei";color:#3d3d3d}
.articlePic{width:100%}
.articlePic img{max-width:100%}
.articleContent{overflow:hidden;width:100%;padding-top:15px;text-align:left;line-height:30px;color:#555}
/*文章列表*/
.newslist{width:100%;margin:10px 0}
.newslist li{position:relative;z-index:0;width:100%;height:40px;padding-right:80px;background:url(../images/line.gif) left bottom repeat-x;line-height:40px}
.newslist a{font-size:12px;color:#272727}
.newslist span{overflow:hidden;position:absolute;z-index:0;right:0;top:0;width:80px;text-align:right;line-height:40px;font-size:12px;color:#272727}
/*index*/
.indexMain{overflow:hidden;width:98%;margin:14px 1% 0 1%}
.indexMain li{position:relative;z-index:0;float:left;width:32%}
.indexMain li:nth-child(3n+2){margin-left:2%;margin-right:2%}
.indexMain a{overflow:hidden;display:block;width:100%;border:1px solid #d7d7d7}
.indexMain a:hover{background-color:#2d2f92}
.indexMain .pic,.indexMain .none{display:block;width:100%;text-align:center}
.indexMain .pic img,.indexMain .none img{max-width:45%;vertical-align:middle}
.indexMain .title{position:absolute;z-index:999;left:0;bottom:31px;overflow:hidden;display:block;width:100%;text-align:center;line-height:100%;font-family:"Microsoft YaHei";font-size:16px;color:#2f2f2f}
.indexMain a:hover .title{color:#fff}
.indexMain a:hover .none{display:block;width:100%;text-align:center}
.indexMain a:hover .none img{max-width:45%;vertical-align:middle}
.indexMain a:hover .pic{display:none}
.indexMain li .border{width:100%;height:18px;background:url(../images/slist.gif) center top no-repeat}
/*案例列表*/
.picslist{padding:20px 0 0}
.picslist li{width:48%}
.picslist li:nth-child(2n+2){margin-left:4%}
.picslist li .img{width:100%;height:250px;text-align:center}
.picslist img{display:block;height:250px;margin:0 auto}
.picslist span{display:block;width:100%;height:28px;text-align:center;line-height:28px;overflow:hidden;font-size:14px}

.pictextlist{margin-bottom:10px}
.pictextlist li{padding:18px 0;background:url(../images/line.gif) left bottom repeat-x}
.pictextlist li:last-child{background:none}
.pictextlist img{width:35%}
.pictextlist .text{width:63%}
.pictextlist .title{width:100%;line-height:28px;font-size:14px;color:#272727}
.pictextlist .body{max-height:72px;line-height:24px;font-size:12px;color:#272727}
.pictextlist .a:hover .title,.pictextlist .a:hover .body{color:#383838}
/*产品列表*/
.productslist{width:100%;margin:10px 0}
.productslist li{width:48.5%}
.productslist li:nth-child(even){margin-left:3%}
.productslist .img{width:100%;height:132px;border:1px solid #e1e1e1}
.productslist img{height:130px;margin:0 auto}
.productslist .title{width:100%;height:45px;text-align:center;line-height:45px;font-size:14px;color:#272727}
.productPhoto{max-width:100%;max-width:100%;margin:0 auto;border:1px solid #e1e1e1}
/*留言样式*/
.guestbook,.guestbook *{font-family:宋体}
.guestbook{width:100%;height:auto;padding:20px 0}
.guestbook li{width:100%;padding-bottom:15px}
.guestbook li.mb0{padding-bottom:0}
.guestbook .wz{width:22%;line-height:35px;font-size:12px;color:#666}
.guestbook .wz2{cursor:pointer;width:80px;padding-left:0;text-align:left;line-height:32px;font-size:12px;color:#484848}
.guestbook .radio{width:100%;text-align:left;line-height:32px;font-size:12px;color:#484848}
.guestbook .star{width:30px;text-align:center;line-height:35px;font-size:14px;font-weight:bold;color:#c6020c}
.guestbook .star.ml8{margin-left:8px}
.guestbook .wbk{width:55%;height:33px;background-color:#fff;border:1px solid #d7d7d7;line-height:33px}
.guestbook .yy{position:relative;z-index:0;width:127px}
.guestbook .yy .plus{position:absolute;z-index:999;top:0;right:1px;width:20px;height:17px;background:url(../images/ctrl.gif) no-repeat;border:0;cursor:pointer}
.guestbook .yy .minus{position:absolute;z-index:999;top:17px;right:1px;width:20px;height:16px;background:url(../images/ctrl.gif) 0 -17px no-repeat;border:0;cursor:pointer}
.guestbook .wbk2{width:125px;height:33px;background-color:#fff;border:1px solid #d7d7d7;line-height:33px}
.guestbook .wbk3{width:90%;height:33px;background-color:#fff;border:1px solid #d7d7d7;line-height:33px}
.guestbook .wby{width:65%;height:96px;border:1px solid #d7d7d7;line-height:32px;font-size:14px;color:#484848}
#vercodeimg{margin:5px 26px 0 6px}
.guestbook .wbk:focus,.guestbook .wbk2:focus,.guestbook .wbk3:focus,.guestbook .wby:focus{border:1px solid #0190f5}
.guestbook .btnSubmit{width:126px;height:33px;margin-left:22%;background-color:#00598c;border:0;cursor:pointer;text-align:center;line-height:30px;font-size:14px;color:#fff}
.guestbook .btnSubmit.btn2{margin:0}
.guestbook .lil{width:100%}
.guestbook .bt{width:100%;margin:22px 0 14px 0;line-height:100%;font-size:12px;font-family:宋体;color:#666}
.guestbook .li2{width:100%}
.guestbook .warn{width:100%;padding:10px 5px;line-height:170%;font-size:12px;color:#c6020c}
/*联系我们*/
.contact{width:100%}
.contact .companyName{line-height:47px;font-size:22px;color:red}
.contact li{line-height:55px;padding-bottom:1px;background:url(../images/line.gif) left bottom repeat-x;font-size:12px;color:#3d3d3d;font-family:宋体}
.contact li:last-child{background:none}
.contactBody{width:100%;margin-top:15px;text-align:justify;line-height:28px;font-size:12px;color:#3d3d3d}
/*底部固定导航*/
.fixedMenu{position:fixed;z-index:9999;left:0;bottom:0;width:100%;height:50px;background-color:#00598c}
.fixedMenu a{width:50%;text-align:center;line-height:50px;font-size:16px;color:#fff}
.fixedMenu a img{vertical-align:middle;margin-right:5px}
.fixedMenu a:first-child{border-right:1px solid #ccc}/*分页*/
.pages{overflow:hidden;width:100%;padding:20px 0;text-align:center;line-height:24px;font-size:12px;color:#333}
.pages a,.pages span{display:inline-block;*display:inline;*zoom:1;height:24px;margin-right:10px;padding:0 5px;border:1px solid #ccc;line-height:24px}
.pages span.red{background-color:red;color:#fff}
@media (max-width:320px){
.topTel{font-size:20px}
.topNav a{height:35px;line-height:35px}
.positions .en{width:130px}
.productslist .img{height:102px}
.productslist img{height:100px}
}