@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
ul{ list-style:none; margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none;}
a img{ border:0px;}
body{ font-family:"微软雅黑"; font-size:14px; color:#3c3c3c; margin:0px auto; line-height:24px; }

.width{ width:1100px; height:auto; margin:0px auto;}
#head{ width:100%; height:119px; margin:0px auto; background:url(head_bj.png) repeat-x left top; position:absolute; z-index:1000;}
.logo{ width:280px; height:110px; float:left;}
.nav{ width:720px; float:left;}

/*导航 menu */
.menu{width:720px;height:40px;display:block;padding:0px;margin-top:44px;margin-right:auto;margin-bottom:40px;margin-left:auto; float:left;}
.menu ul{list-style:none;padding:0;margin:0;}
.menu ul li{/* width and height of the menu items */float:left;overflow:hidden;position:relative;line-height:40px;text-align:center;}
.menu ul li a{/* must be postioned relative*/ position:relative;display:block;width:80px;height:40px;font-size:15px;
text-decoration:none;cursor:pointer;}
.menu ul li a span{/* all layers will be absolute positioned */position:absolute;left:0;width:80px;}
.menu ul li a span.out{top:0px;}
.menu ul li a span.over,.menu ul li a span.bg{/* hide */top:-40px;}
/** 1st example **/
#menu1 ul li a{color:#000;}
#menu1 ul li a span.over{color:#FFF;}
#menu1 ul li span.bg{/* height of the menu items */height:40px;background-image:url(nav_li.jpg);background-repeat:no-repeat;background-position:center center;}
/*导航 menu 结束 */

/*主体部分*/
.m_top{ margin-top:35px;}
.more{ color:#149aeb;}
.more:hover{ color:#e59304;}
.list{ width:1000px; height:45px; background:url(list.jpg) no-repeat center top; line-height:45px; text-align:center; color:#3ab4ff; font-size:30px;}
.list span{ font-size:16px; color:#ffba00; margin-left:15px;}

.company{ margin-top:15px;}
.company img{ width:272px; height:89px; border:4px solid #c5c0c0; float:left;}
.company p{ width:670px; float:left; font-size:12px; height:89px; padding:0px 20px 0px 30px}

.four{ width:1000px; height:150px; margin:0px auto;}
.four li{ width:250px; height:150px; float:left; text-align:center;}
.four li img{ width:150px; height:150px;}
/*产品展示图片特效*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
/* lanrenzhijia */
.lanrenzhijia{width:980px;padding:0px 10px; margin-top:20px;overflow:hidden;}
.lanrenzhijia ul{width:1000px;}
.lanrenzhijia ul li{float:left;margin-right:10px;margin-bottom:10px;display:inline;width:227px;height:140px;overflow:hidden;position:relative; border:4px solid #cacaca;}
.lanrenzhijia ul li .photo{width:227px;height:140px;overflow:hidden;}
.lanrenzhijia .rsp{width:228px;height:140px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.lanrenzhijia .text{position:absolute;width:227px;height:140px;left:-227px;top:0px;overflow:hidden;}
.lanrenzhijia .text h3{width:227px;margin-top:40px;height:40px;line-height:40px;text-align:center;color:#FFFFFF;font-size:14px;}
.lanrenzhijia .text a{text-decoration:none;}
.lanrenzhijia .text h3:hover{color:#f4850e;}
.lanrenzhijia .text div{text-align:center;color:#f4850e;font-size:12px;}
.lanrenzhijia .text div:hover{color:#FFFFFF;}
/*产品展示图片特效 end*/
.pro_m{ width:109px; height:30px; line-height:30px; background:url(ckqbal.jpg) no-repeat; text-align:center; margin:10px auto 0px auto; font-size:12px;}
.pro_m a{ color:#000;}
.pro_m a:hover{ color:#e26b0b;}

.news{ width:960px; margin:20px auto 0px 40px;}
.news li{ width:440px; margin-right:40px; margin-bottom:35px; float:left;}
.news li img{ width:86px; height:67px;  margin-right:20px; float:left;}
.news li a img{ border:4px solid #c9cacb;}
.news li a:hover img{ border:4px solid #37abe5;}
.n_w{ width:326px; float:left;}
.n_w h3 a{ color:#000;white-space: nowrap;}
.n_w h3 a:hover{color:#e59304;}
.n_w p{ font-size:12px;}

.link{ width:968px; height:38px; background:url(link_bj.jpg) repeat-x; border:1px solid #c8c6c6; line-height:40px; margin-bottom:35px; padding:0px 15px;}
.link span{ font-size:15px; font-weight:600;}
.link a{ color:#3c3c3c;}
.link a:hover{ color:#0168ab;}

.footer{ width:100%px; height:195px; padding-top:10PX; color:#FFF; background:#0277ba;}

.online{ width:480px; margin-right:45px; float:left;}
.online p{ width:100px; height:40px; font-size:16px; line-height:40px;padding-left:30px; background:url(online.png) no-repeat left 14px;}
.online table{ margin:0px; padding:0px}
.online table tr td{ border:1px solid #ffffff; /*padding-left:10px;*/  text-indent:10px;}

.contact{ width:390px; margin-right:45px; float:left;}
.contact p{ width:100px; height:40px; font-size:16px; line-height:40px; padding-left:25px; background:url(contact.png) no-repeat left center;}
.contact ul li{ color:#B8B8B8; line-height:28px;}
.ewm{ width:100px; margin-top:10px; float:right;}

.copy{ width:100%; height:50px; line-height:50px; text-align:center; color:#FFF; background:#04263c;}

.ny_banner{ width:1920px; height:280px; background:url(n_1.jpg) no-repeat center bottom; width:100%; padding-top:110px;}

.ny_top{ width:960px; height:30px; padding-left:40px; background:url(ny_top.jpg) no-repeat left center; line-height:30px;}
.ny_top a{ color:#000;}
.ny_top a:hover{ color:#0168ab;}

.ny_list{ width:1000px; height:40px; background:url(ny_list.jpg) no-repeat center top; text-align:center; font-size:24px; line-height:30px; color:#000; margin-top:10px;}
.content{ width:960px; padding:20px;}
.content img{margin-bottom:5px;}
/*.content p{ text-indent:24px;}*/

.service{ width:1000px; margin-left:10px; margin-top:20px; }
.service h3{margin-left:15px; margin-top:5px;}
.service p{ margin-left:15px; }
.service li { width:312px; height:338px; float:left;margin-right:10px; margin-bottom:20px; border:4px solid #FFF; background:#FFF; display:block;}
.service li:hover{ width:312px; height:338px; border:4px solid #d8d8d8; background:#d8d8d8;}

.service_z{ width:1000px; margin-left:10px; margin-top:20px; }
.service_z li { width:320px; text-align:center; float:left;margin-right:10px;}
.service_z li p a{font-size:14px; font-weight:normal; color:#000;line-height:45px;}
.service_z li img{width:308px; height:188px;  border:2px solid #d8d8d8; padding:4px;}
.service_z li img:hover{border:2px solid #a4a4a4; padding:4px;}
.service_z li p a:hover{ color:#767676;}


.zx { width:105px; height:30px; display:block; margin-top:10px;margin-left:15px;} 

/* 官方商城选项卡 top-vrank */
.top-vrank{overflow:hidden;width:985px; height:880px;margin-bottom:20px;cposition:relative;background:#0168ab;padding:0px 0px 15px 15px;padding-bottom:0;}
.top-vrank .mod-hd{height:30px;margin-bottom:12px}
.top-vrank h3{font-size:12px;float:left;color:#bbbccd;margin-right:20px;margin-top:3px}
.top-vrank .tabs{ /*width:750px; width:780px; */width:960px;min-height:50px;float:left; /*margin:0px 100px;*/ margin:0px 5px;}
.top-vrank .tabs li{ margin:0px 5px;height:24px;float:left;text-align:center;line-height:24px;background-position:0 -72px}
.top-vrank .tabs a{color:#FFF;}
.top-vrank .tabs a:hover{color:#35d709;text-decoration:none}
/*.top-vrank .tabs .active{background:#332f3a url(ico.png) no-repeat 0 0}*/
.top-vrank .tabs .active a{color:#35d709}
.top-vrank .more{position: absolute;top:17px;right: 17px;font-size:12px;}
.top-vrank .more a{color:#a5a5b5}
.top-vrank .more a:hover{color:#069afb;text-decoration:none}
.top-vrank .views{position:relative;width:970px;min-height:840px;overflow:hidden;-webkit-perspective:1500px;-moz-perspective:1500px;perspective:1500px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.top-vrank .views .view-item{position:absolute;left:0;top:0;z-index:1;background:#0168ab;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:fadeout .3s ease-in forwards;-moz-animation:fadeout .3s ease-in forwards;animation:fadeout .3s ease-in forwards}
.top-vrank .views .active{-webkit-animation:fadein .5s ease forwards;-moz-animation:fadein .5s ease forwards;animation:fadein .5s ease forwards;z-index:2}
.top-vrank .views .first{-webkit-animation:none;-moz-animation:none;animation:none;z-index:2;background:#443f4c}
@-webkit-keyframes fadeout{from{-webkit-transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,0,-300px);opacity:0}}@-moz-keyframes fadeout{from{-moz-transform:translate3d(0,0,0);opacity:1}to{-moz-transform:translate3d(0,0,-300px);opacity:0}}@keyframes fadeout{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,0,-300px);opacity:0}}@-webkit-keyframes fadein{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes fadein{from{-moz-transform:translate3d(-100%,0,0)}to{-moz-transform:translate3d(0,0,0)}}@keyframes fadein{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}
.top-vrank .view-list{width:970px}
.top-vrank .view-list li{position:relative;width:227px;text-align:center;float:left;margin:0px 7px;_margin:0px 5px;z-index:1;overflow:hidden}
.top-vrank .view-list li a{text-decoration:none;color:#FFF;}
.top-vrank .view-list li a:hover{color:#49b8ee;}
.top-vrank .view-list li img{width:227px;height:140px;border-radius:4px;box-shadow:0 1px 3px #222}
.top-vrank .view-list li .mask{width:227px;height:140px;position:absolute;top:-140px;left:-227px;z-index:3;background:url(c_p.png) no-repeat 0 0;-webkit-transition:.1s left,0.2s .1s top;-moz-transition:.1s left,0.2s .1s top;-ms-transition:.1s left,0.2s .1s top;-o-transition:.1s left,0.2s .1s top;transition:.1s left,0.2s .1s top;pointer-events:none}
.top-vrank .view-list li:hover .mask{left:0;top:0}
.top-vrank .view-list li .name{display:block;width:227px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 0 14px}
/* 官方商城选项卡 end */

.wh{ width:900px;}
.wh li{ line-height:40px; margin-bottom:20px;}
.wh li span{width:110px; text-align:center; height:40px; display:block; background:#F60; color:#FFF; }

.onepage{ text-align:center;font-size:24px; line-height:40px; color:#058AD5; margin-top:10px;}
.fb{ color:#999;}
/*分页样式*/
.pagelist{clear:both;line-height:30px; margin:10px auto;}
.pagelist strong{ color:#000;background-color: #FFFFFF;margin:0px 1px;padding:2px 10px ;border: solid 1px #CCCCCC;text-decoration: none;}
.pagelist a,.pagelist span{margin:0px 1px;padding-top: 2px;padding-right: 10px;padding-bottom: 2px;padding-left: 10px;background-color: #FFFFFF;color: #595959;border: solid 1px #CCCCCC;text-decoration: none;}
/*上一篇下一篇*/
.updown{  width:760px; border-top:1px solid #d1d1d1;  margin-top:15px; padding-top:5px;}
.updown p{ height:20px; line-height:20px;}
.updown a{ color:#999;}
.updown a:hover{color:#EB5865;}