@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;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:750px;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}
a:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.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:70%;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}
.navCtrl{position:absolute;z-index:999;top:20px;right:10px;width:26px;height:22px;background:url(../images/navCtrl.gif) no-repeat}
.navCtrl.on{background-position:-26px 0 !important}
nav{overflow:scroll;overflow-x:hidden;ovreflow-y:scroll;position:absolute;z-index:9999;top:0;left:-50%;width:50%;height:100%;background-color:#fff}
nav ul{padding-top:10px}
nav li{width:100%;border-bottom:1px solid #ccc}
nav a{display:block;width:90%;padding:0 5%;line-height:300%;font-size:15px}
/*footer*/
footer{width:100%;padding:15px 3%;background-color:#111;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:#e1190d;text-align:center;line-height:240%;font-size:22px !important;font-family:"Microsoft YaHei";color:#fffef;font-weight:bold;color:#fff !important}
/*focus*/
.topFocus{position:relative;z-index:0;width:100%}
.topNav{width:100%}
.topNav li{width:33%;height:45px;margin-bottom:6px;background-color:#2182ed}
.topNav li:nth-child(3n+2){margin-left:0.5%;margin-right:0.5%}
.topNav a{display:block;width:100%;height:45px;text-align:center;line-height:45px;font-size:15px;color:#fff}
/*other*/
.positions{position:relative;z-index:0;width:100%;height:29px;margin-top:5px;background:url(../images/position.gif) no-repeat}
.positions .cn{width:143px;height:29px;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:#2182ed}
.positions a{position:absolute;z-index:999;top:0;right:0;line-height:29px;font-size:12px;color:#2182ed}
.sorts{width:100%;margin-top:14px}
.sorts a{width:33%;height:45px;margin-bottom:6px;border:1px solid #ddd;text-align:center;line-height:45px;font-size:14px;color:#272727}
.sorts a.active{background-color:#2182ed;font-size:14px;color:#fff}
.sorts a:nth-child(3n+2){margin-left:0.5%;margin-right:0.5%}
.mh{position:relative;z-index:0;width:100%;height:29px;margin-top:5px;background:url(../images/position2.gif) no-repeat}
.mh .cn{width:143px;height:29px;text-align:center;line-height:29px;font-size:14px;color:#fff}
.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}
/*案例列表*/
.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:#2182ed}
/*产品列表*/
.productslist{width:100%;margin:10px 0}
.productslist li{width:48.5%}
.productslist li:nth-child(even){margin-left:3%}
.productslist img{width:100%;border:1px solid #e1e1e1}
.productslist .a:hover img{border-color:#2182ed}
.productslist .title{width:100%;height:45px;text-align:center;line-height:45px;font-size:14px;color:#272727}
.productslist .a:hover .title{color:#2182ed}
.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:#2d3092;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}
@media (max-width:320px){
  .topTel{font-size:20px}
  .topNav li,.topNav a,.sorts a{height:35px;line-height:35px}
  .positions .en{width:130px}
}