@charset "utf-8";

/*header*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#666; font-size:14px; font-family:"微软雅黑";}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.wd1200{ width:1200px; margin:auto;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#666; text-decoration:none;}
a:hover {color:#0899d6; text-decoration:none; }
.layout{ max-width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}

.wd1100{ width:1100px; margin:0 auto;}
.wd1200{ width:1100px; margin:auto;}
/*header*/
.header{ position:relative; z-index:1000; width:100%; height:100px; min-width:1100px; background: url(../images/h_bd.jpg) repeat-x bottom; padding-bottom:4px;}
.head{ position:relative; height:100px;}
.logo{ position:absolute; left:0; top:0;}
.language{ position:absolute; top:19px; right:0; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #ccc; border-radius:4px;}
.language a{ color:#a5a5a5;}
.search{ position:absolute; top:19px; right:36px;}
.ser_text{ display:block; background:url(../images/ser_text.png) no-repeat;  color:#a5a5a5; font-size:12px; width:168px; height:27px; line-height:22px; padding:2px 9px 3px 9px; border:0; border:none;}
.ser_sub{ display:block; background:url(../images/ser_sub.png) no-repeat; width:26px; height:27px; border:none; cursor:pointer;}
.telphone{ position:absolute; top:19px; right:260px; background:url(../images/h_telicon.png) no-repeat left; padding-left:20px; color:#888; font-size:14px; line-height:27px; color:#F60;}
.mail{ position:absolute; top:19px; right:460px;background:url(../images/h_mailicon.png) no-repeat left; padding-left:25px; color:#888; font-size:14px; line-height:27px;}
.nav{ position:absolute; top:58px; right:-13px;}
.nav li{ float:left;}
.nav_name{ display:block; background:url(../images/nav_line.png) no-repeat right; font-size:14px; width:96px; height:42px; line-height:42px; text-align:center;}
.nav_name span{ display:block; height:42px;}
.nav li .nav_name:hover,.nav li.cur .nav_name{ color:#F60;}
.nav li .nav_name:hover span,.nav li.cur .nav_name span{ background:url(../images/nav_cur.png) no-repeat bottom; padding-bottom:4px;}

/*product*/
.product_list li{ float:left; position:relative; width:254px; height:321px; margin-right:28px; overflow:hidden;}
.pro_box{ width:254px; height:318px; background-color:#e0e0e0; border-bottom:3px solid #8f949e;}
.pro_infor{ width:180px; margin:14px  auto 0 auto; color:#454545; font-size:14px; line-height:30px;}
.pro_model{ height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.pro_power{ height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:12px;}
.pro_model{ border-bottom:1px solid #cacaca;}
.pro_show{ position:absolute; top:321px; left:0; background:url(../images/recom_shyy.png) repeat; width:254px; height:221px; padding-top:100px;}
.pro_shBox{ width:254px; height:221px; background:url(../images/recom_shdbd.png) no-repeat bottom;}
.pro_shModel{ color:#FFF; line-height:normal; height:44px; overflow:hidden; padding:0 4px; text-overflow:ellipsis; white-space:nowrap;   text-align:center;}
.pro_shModel{ font-size:22px;font-weight:bold;}
.pro_shPower{ font-size:14px; font-weight:300;  margin-top:12px; margin-bottom:45px; height:auto;padding:0 20px; color:#fff;text-align:center;}
.pro_shMore{ width:96px; height:32px; margin:0 auto;}
.pro_shMore a{ display:block; width:96px; height:32px; line-height:32px; background-color:#f60;  color:#FFF; font-size:18px; text-align:center;}
.oh{ height:auto; overflow:hidden;}
/*footer*/
.footer{ width:100%; height:auto; overflow:hidden;}
.foot_t{ width:100%; height:auto; overflow:hidden; background-color:#363739;}
.foot_top{ height:auto; overflow:hidden; padding:26px 0 36px;width:1100px; margin:auto;}
.foot_Tbox{ width:210px; padding-left:28px;height:auto; overflow:hidden;}
.foot_Tbox dt{ margin-bottom:16px;}
.foot_Tbox dt a{ color:#d7d7d7; font-size:16px;}
.foot_Tbox dd{ height:26px; line-height:26px;}
.foot_Tbox dd a{ display:block; color:#aeafb1; font-size:13px;}
.foot_cont{ color:#aeafb1; font-size:13px; line-height:26px; margin-bottom:6px;height:auto; overflow:hidden;}
.foot_shName{ color:#aeafb1; font-size:13px; height:30px; line-height:30px;}
.foot_share a{ display:inline-block; float:left; background-image:url(../images/foot_shareImg.png); width:30px; height:30px; margin-left:7px;}
.foot_share1{ background-position:0 0;}
.foot_share2{ background-position:-37px 0;}
.foot_share3{ background-position:-73px 0;}
.foot_share .foot_share1:hover{ background-position:0 -30px;}
.foot_share .foot_share2:hover{ background-position:-37px -30px;}
.foot_share .foot_share3:hover{ background-position:-73px -30px;}
.foot_d{ width:100%; height:44px; line-height:44px; background-color:#045eb0;}
.foot_down{ color:#FFF; height:44px; text-align:center;}
.footer a:hover,.foot_down a{ color:#FFF;}

/**内页**/
.bannerny{ position: relative;  width: 100%; margin:0 auto;}
.bannerny img{   position: relative; margin: 0 auto;  display: block;max-width: 100%; }
.bannerny .hdroup {position: absolute; color: #2d2d2d;top: 33%;left: 20%;  display: block;}
.bannerny .hdroup h2 { font-size: 36px;padding-bottom: 10px;font-weight: bolder;}
.bannerny .hdroup h3 {font-size: 22px;}
.mt{ margin:3% auto;}
.mts{ margin:3% auto 0 auto;}
.peBar{width:222px; margin-top:0px; position:relative;z-index:11; overflow:hidden; margin-bottom:3%;}
.left-title{background:#008dd7;color:#fff; text-align:center; padding:15px; }
.left-title h2{ font-size:30px;line-height:40px;}
.left-title p{font-size:14px; line-height:20px; color:#96b826; text-transform:uppercase;}

.left-nav{ padding:0px; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.left-nav li{ margin-top:1px;}
.left-nav li a{ font-size:16px; line-height:50px; height:50px; color:#555; display:block; position:relative; padding-left:35px; background-color:#eee; background-image:url(../images/icon-b-jiao.png); background-repeat:no-repeat; background-position:20px 50%;}
.left-nav li a:hover,.left-nav li a.active{ background-image:url(../images/icon-w-jiao.png); background-color:#f1974e; color:#fff;}
.left-contact-ti{ background:#759800; font-size:14px; line-height:40px; color:#fff; height:40px; padding:0 20px;}

.left_contact{ margin-top:10px; }
.left-contact-box{  overflow:hidden; border:1px solid #759800; background-color:#fff; padding:10px 10px;}
.list_pro_left{ background-color:#fff; margin-top:20px;}
.side-product-title{ padding-left:20px; background-color:#eee; font-weight:700; font-size:16px;line-height:46px; color:#555; }
.left-contact{ overflow:hidden; padding:15px 15px; border:1px solid #eee; border-top:none;}
.left-contact ul{}
.left-contact ul li{ margin-top:6px; padding:0 0 6px 26px; position:relative; font-size:14px; line-height:20px; color:#555; border-bottom:1px dotted #ddd;}
.left-contact ul li span{ width:22px; height:22px; position:absolute; left:-2px; top:-1px; background-position: left bottom; background-repeat:no-repeat;}
.left-contact ul li.icon-tel span{ background-image:url(../images/icon-contact-c.png);}
.left-contact ul li.icon-fax span{ background-image:url(../images/icon-contact-d.png);}
.left-contact ul li.icon-mail span{ background-image:url(../images/icon-contact-e.png);}
.left-contact ul li.icon-add span{ background-image:url(../images/icon-contact-f.png);}
.left-contact ul li:nth-last-child(1){ border:none;}
.main{ width:850px; float:left; margin-left:28px;}
.mainTop{ height:50px; position:relative; border-bottom:1px solid #bfbfbf;}
.mainTop h3{ font-size:24px; line-height:50px; color:#555;}
.mainTop .location{ position:absolute; right:0; top:0;}
.location{ font-size:12px; line-height:50px; color:#666;  }
.location a{ font-size:12px; line-height:50px; color:#666; display:inline-block; padding:0 10px 0 20px; position:relative;}
.location a.locationHome{ background-repeat:no-repeat; background-position:left 18px; padding-left:25px;}
.location a:after{ content:">"; font-family:"\5b8b\4f53"; font-weight:700; font-size:14px; line-height:50px; color:#888; position:absolute; right:-9px; top:1px;}
.location a:nth-last-child(1):after{ content:"";}
.location a:nth-last-child(1){ padding-right:0;}
.location a:hover{ color:#008dd7;}

/*honor*/
.pic-list{ width:100%;height:auto; overflow:hidden;}
.pic-list ul{margin-right:-3%;}
.pic-list ul li{ width:22%; height:auto; overflow:hidden; float:left; margin-right:3%; margin-top:28px;}
.pic-list ul li img{ width:193px; height:246px;}
.pic-list ul li h3{ line-height:45px; text-align:center;}

.conny{ width:100%; height:auto; overflow:hidden; margin:2% 0; line-height:27px;}
#bosi{ height:auto; overflow:hidden;}
.conimg img{ display:block; margin:3% auto 0 auto; clear:both;}
/*************分页css*************/
.cuspages{ width:100%; height:auto; overflow:hidden; margin:15px 0 25px 0;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

/**facty**/
.cases{ height:auto; overflow:hidden; margin-top:3%;}
.cases ul{margin-right:-6%;}
.cases li{ float:left; width:30%; position:relative; overflow:hidden;-webkit-animation: moveUp 0.65s ease forwards; color:#fff; margin-bottom:5.2%; margin-right:3%;}
.cases li img{ width:100%;}
.cases li .box{ position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; transition:all 0.5s; z-index:1; }
.cases li .box .title{ display:table; width:100%; height:100%; line-height:30px;}
.cases li .box .title .bt{ display:table-cell; vertical-align:middle; text-align:center; }
.cases li .box .title .bt span{  font-size:24px; font-weight:300;}
.cases li .box .title .bt h2{ text-transform:uppercase; padding:10px 12%; line-height:25px;font-size:13px;}
.cases li .box .title .bt p{  font-size:18px;  text-align:left; width:25%; margin:0 auto;}
.cases li .box .title .bt p a{ display:block; outline:medium; background:none;color:#fff;}
.cases li .box .title .bt p a:hover{ display:block; text-decoration:none; outline:medium; background:none;}
.cases li:hover .box{ position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:10;}
.cases li .bg{ background:#0683af; position:absolute; width:100%; height:100%; left:0px; top:0px;opacity:0; transition:all 0.5s;}
.cases li:hover .bg{ opacity:0.8;}


.pageBox{ line-height:27px !important; font-size:14px; }

#contactlb{width:595px;font-size:16px;color:#333;margin:25px auto 0;}
#contactlb span{font-weight:normal;font-family:arial;display:block;color:#999;}
#leavetable{margin-top:35px;}
#leavetable tr{height:40px;}
.contactnr{width:600px;margin:0 auto;}
.left_l{width:12%;font-size:14px;height:20px;line-height:20px;vertical-align:top;padding:5px;}
.left_cont{vertical-align:middle;}
.tc_name{width:300px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_zt{width:470px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_lz{width:250px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_nr{width:470px;height:140px;background:#fff;border:1px solid #ccc;padding:5px;margin-bottom:10px;}
.text-input{width:100px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;float:left;}
.tc_name:focus,.tc_zt:focus,.tc_lz:focus,.tc_nr:focus,.text-input:focus{border-color:#005eb8;outline:0;}
.suba{width:110px;height:35px;background:#005eb8;font-size:16px;text-align:center;line-height:35px;border:0px;cursor:pointer;display:block;float:left;margin-right:15px;color:#fff;border-radius:2px;}
.suba:hover{background:#3bb000;}

.news{ padding:10px; width:100%;}
.news dl{ background:url(../images/pic33.gif) no-repeat 0 35px; border-bottom:1px dashed #DDD; padding:20px;}
.news dt{ line-height:35px; font-size:16px;}
.news dt span{ float:right;font-size:12px!important; font-weight:normal;}
.news dd{ line-height:24px; color:#8c8c8c;font-size:13px!important;}
.news dl:hover{ background:#f1f1f1;}
.subnav{ margin-bottom:10%;}
.subnav h2{height:44px;line-height:44px;background:#da251e;font-size:18px;color:#fff;border-radius:4px 4px 0 0;margin-bottom:4%; padding-left:20px;}
.subnav ul{}
.subnav li{line-height:43px; margin-bottom:2%; position:relative;  background:#ddd url(../images/icone.png) no-repeat 185px center;}
.subnav li .pic{ width:15px; position:absolute; right:10%; top:13px;}
.subnav li img{ width:100%;}
.subnav li a{ padding-left:10%; display:block; font-size:14px;}
.subnav li a:hover{ padding-left:20%; display:block; color:#FFF; background:#da251e; text-decoration:none;}
.subnav li a.current{ color:#FFF; background:#da251e;}
.subnav li .active{ background:#da251e;}
.subnav li .active a{ color:#FFF;}
.subnav li .border{ font-size:16px;}
.subnav li dl{ display:none; line-height:37px; color:#999; background:#FFF;}
.subnav li dl dd a{ font-size:12px;}
.newsci{ width:100%; overflow:hidden; line-height:30px; }
.newsci h3{ line-height:70px; font-size:24px; text-align:center; color:#000;}
.art-sou {width:100%; overflow:hidden; margin-bottom:40px;}
.art-sou .stime {color: #636363; width:100%; text-align:center;margin-top: 15px;}
.art-sou .zixun {float: left;margin-left: 10px;margin-top: 9px;}
.art-sou .zixun a {display: inline-block;width: 70px;height: 25px;line-height: 25px;color: #fff;background: #3EC4DF;font-size: 14px;border-radius: 3px;text-align: center;margin: 0px 10px;}
.newsci p{ padding-bottom:2em !important; font-size:13px; padding:0 10px;}
.newsci img{ margin:auto; display:block; clear:both;}
.newsnp{ width:100%; border-top:1px #ddd solid; margin:30px 0; padding-top:19px;}
.newsnp a{ line-height:29px;}


.product{ overflow:hidden;}
.product ul{ margin-left:-2%; padding-top:0.5%;}
.product li{ float:left; width:23%; margin-left:2%; margin-bottom:2%; background:#FFF; transition:all 0.3s;}
.product li:hover{ box-shadow:0 10px 20px #DDD;}
.product li .pic{ overflow:hidden; margin:0;}
.product li img{ width:100%; transition:all 0.3s;}
.product li:hover img{ transform:scale(1.2);}
.product li .title_er{ border-top:1px solid #DDD; line-height:18px; padding:5% 0; text-align:center; background:url(../images/pic9.png) no-repeat 90% center; background-size:4%; transition:all 0.3s;}
.product li .title_er p{ font-size:12px;}
.product li:hover .title_er{ background:#ff7800 url(../images/pic9_1.png) no-repeat 90% center; color:#FFF; background-size:4%;}
.product li .title_er h3{ font-size:14px !important;}