﻿@charset "utf-8";
@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}
body {font-family:microsoft yahei;font-size:14px;color:#333;text-decoration:none; min-width:1200px;}
button,input,select,textarea{vertical-align:middle}
input,textarea{font-family:"microsoft yahei";vertical-align:middle}
.input{width:80%;border:1px solid #dedbd7;padding:1em .4em;font-size:12px;color:#666;}
a {color:#333;text-decoration:none;}
img{border:0;}
ul,li,ol {list-style-type:none;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span {font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
ul,p{ margin:0; padding:0;} 
.ov{overflow:hidden;}
 
 
.wrap { width:1200px; margin:0 auto;}
.topHeader{height:29px;background:#ededed;/*overflow:hidden;*/ position:relative; z-index:20; color:#000;}
.topHeader a{color:#000;}
.topHeader a:hover{color:#000;}
.time{float:left;line-height:29px;}
.set{float:right;padding-top:5px;*padding-top:8px; position:relative;}
.set a{padding:5px;}
.set a img{margin-right:5px;*margin-top:-3px; }
.wechat_qr { position:absolute; top:29px; right:0; display:none;}
.header { position:relative; z-index:10;}
.header .wrap {position:relative;}

.topArea {background:#d7d7d7;height:100px; position:relative; z-index:10;}
.topArea .wrap{padding-top:px;}
.logo { float:left; width:500px; height:72px; margin-top:5px;}
.logo a { display:block; width:100%; height:100%; }
.other{height:72px;float:right;}
.other .tel{font-family:"微软雅黑";font-size:20px;color:#0101ff; margin-top: 7px;text-align:right;}
.other .tel a{color:#888787;font-size:18px;}
.other .tel span{}
.other .tel b{padding:0 3px}
.other .search{width:205px;height:22px;background:url(../images/search.png) right no-repeat;margin-top: 8px;float:right}
.other .search .search-input-box{width:170px;height:21px;line-height:21px;padding-left:5px;border:none;background:none;color:#999;float:left;outline:none;}
.other .search .search-btn{width:29px;height:21px;background:none;border:none;float:right;cursor:pointer;}

.nav{width:100%; height:30px; background:#eee; color:#000;font-family:microsoft yahei; font-weight:100;}
.menu{ width:1200px;height:30px; margin:0 auto;}
.menu ul li{  float:left; text-align:center; color:#FFFFFF;margin-right:5px; font-size:14px; position:relative;/*margin-top:-16px;*/}
.menu ul li a{ display:block; float:left; width:120px; height:30px;color:#000; line-height:30px;}
.menu ul li:hover{height:30px;}
.menu ul li:hover a{color:#fff;background:#6f6f6f; }
.menu ul li.noBG{background:none;}
.menu ul li:hover dl a{background:#e6e6e6;color:#333;}
.menu ul li dl{ width:120px;display:none;position:absolute; left:0px; top:30px; z-index:1000;}
.menu ul li dl dd{ height:30px; line-height:30px;font-size:12px; text-align:center;}
.menu ul li dl dd a{ color:#000;font-size:12px; display:block; width:120px; height:30px; line-height:30px;background:#e6e6e6;}
.menu ul li dl dd a:hover{ background:#a1a0a0; color:#fff; border:none;}
<!--.menu ul li dl dd a:active{background:#ccc;}-->
.menu ul .other{ width:120px;}
.menu ul .other  dl{ width:120px;}
.menu ul .other  dl dd a{ width:120px;}
.menu ul li .current{background:#6f6f6f; color:#fff;}

/*banner图片轮转开始*/
.banner{width:100%; height:260px;position: relative;}
div#slideshow { float:left; width:100%; height:260px; overflow:hidden;}
.slider-item {  width:100% !important; height:260px;}
.slider_content_inner img { border:none; }
/*.controls-center { width:910px; margin:0 auto; }
*/#slider_controls {/* float:right;*//* padding:5px 0 0 0;*/ position:absolute; z-index:1000; margin:230px 48%; width:10%;}
#slider_controls ul {/* margin:0 auto;*//* padding:2px 3px; *//*width:90px; height:19px; */position:relative; left:0; top:px; }
#slider_controls ul li { margin:0; padding:5px; list-style:none; }
#slider_controls ul li { float:left; display:block; }
#slider_controls ul li a { cursor:pointer;width:12px; height:12px;/* no-repeat center center; */ background:url(../images/tabs_1.gif) no-repeat /*center center*/;display:block; float:left; padding:0; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover, #slider_controls ul li a.activeSlide { background:url(../images/tabs_2.gif) no-repeat /*center center*/; }
/*banner图片轮转结束*/
.nybanner{width:100%; height:260px;}
.nybanner .ny{height:260px;}


/*注册*/
.banner .registration {position: absolute;z-index: 99;top: 0;right:0;background: #ffce34;width: 250px;height: 250px;float: right;border-radius: 15px;margin-top:5px;}

.registration .rtTite {	margin: 0 30px;margin-top: 10px;text-align: center;border-bottom: 2px solid #333333;padding-bottom: 10px;}

.registration .rtTite h1 {font-size: 18px;font-weight: bold;}

.registration .rtTite h2 {font-size: 12px;font-weight: bold;margin-top: 10px;}

.registration .input {width: 170px;margin: auto;padding: 0px 0;overflow: hidden;}

.registration .input input {width: 100%;padding-left: 10px;border: 0;margin: auto;margin-top: 7px;height: 25px;}

.registration #btn {background: #f14c4c;border: 0;width: 215px;height: 33px;display: block;margin: auto;margin-top: 10px;color: #fff;font-weight: bold;border-radius: 7px;cursor:pointer;}
.registration #btn:hover{color: #00BCD4;}
.registration #btn:active{position: relative;top: 1px;}


.chanpins{width:100%;margin-top:30px;}
.pro_left{width:240px;}
.pro_left_more{text-align:center; background-color:#6f6f6f;height:40px;line-height:40px;font-size:16px;color:#fff;font-weight:bold;padding:0 20px; color:#FFFFFF;}
.pro_left .pro_left_con{background:#fff;padding:0;margin:0 0 15px;border:1px solid #dedede;position:relative;border-bottom:0;}
.pro_left .pro_left_con .each_li{background:#f3f1ef;}
.pro_left .pro_left_con .each_li .name{cursor:pointer;border-bottom:1px dotted #b2b2b2; padding-left:30px;display:block;line-height:34px;height:34px;overflow:hidden;}
.pro_left .pro_left_con .each_li .name a{ display:block;background: url(../images/icon_lead_4.png) no-repeat 0px 50%;padding-left: 10px;}
.pro_left .pro_left_con .each_li .name a:hover,.pro_left .pro_left_con .each_li .name a.current{color:#e6b06c;}
.pro_left .pro_left_con .each_li .third_li{ background-color:#fff;}
.pro_left .pro_left_con .each_li .third_li .name a {color: #666;display: block;padding: 0 20px 0 40px;background:url(../images/xg_ico.jpg) no-repeat 20px center;}
.pro_left .pro_left_con .each_li .third_li .name a:hover{color:#e6b06c;}
.pro_right{width:940px;}
.pro_right_tit,.about_con_tit{ background-color:#6f6f6f;line-height:40px; color:#FFFFFF; font-size:16px;}
.pro_right_tit_fr{}
.pro_right_tit_fr a{color:#fff;}
.pro_right_tit_fr a.moreeee{ float:right;width:13px; height:13px; margin-top:14px;display:block; text-align:center; color:#333; text-align:center; line-height:13px;background-color:#fff; font-size:14px;margin-right:15px;}
.pro_right_tit_fr a span{padding-right:5px;}

.pro_right_con,.about_con_con{border:1px solid #d9d9d9;}
.pro_right_con .proUL{ width:100%;overflow:hidden;}
.pro_right_con .proUL li{float:left;height:auto;margin:10px 14px;overflow:hidden;width:204px;padding:0px;border:1px solid #d7d7d7;text-align:center;}
.pro_right_con .proUL li img{display:block;margin:0 auto; width:auto; height:180px;}
.pro_right_con .proUL li span{display:block;height:25px;width:100%;line-height:25px;text-align:center;border-top: 1px #d7d7d7 solid;}

.about_con_tit{margin-top:20px;}
.about_con_con{padding:16px 10px;}
.about_con_con img{float:right;padding-left:5px;}
.about_con_con p{line-height:23px;}
.abouttop{border:1px solid #d9d9d9;border-bottom:none; height:40px; background-image:url(../images/xhx.png); background-position:bottom left; background-repeat:no-repeat; margin-top:10px;}
.about_con .abouttop p{text-align:left;width:125px; font-size:24px; color:#333333; text-indent:0em;}
.about_con a.about_more{float:right;display:block;background:#6f6f6f;text-align:center;width:106px;line-height:30px;color:#FFF;margin-top:5px;margin-right:10px;}
.abouttop div.fl span a{text-align: left;display: block;width: 334px;color:#ccc;font-size:26px;height: 30px;margin: 0 auto;}



.GD_CONTENT{ margin-top:10px;}

.rongyu{ width:100%; height:280px; background:url(../images/fanwei.png) no-repeat center;padding-top:10px; margin-top:10px; overflow:hidden; clear:both;}
.GD_CONTENT{ margin-top:10px;}
.center07{ width:100%; margin:0 auto; text-align:center;}
.center07 .title{color:#fff;margin:25px 0 10px; width:100%;}
.center07 span{font-size:27px; width:100%; margin:0 auto;text-align:center; display:block; }
.center07 span strong{color:#fff;}
.center07 p{ font-size:20px;}
.center07 .ms{width:100%; height:20px; margin:0 auto; text-align:center;}
.center07 .ms a{ }
.ms1{ width:100%; margin:0 auto;height:20px; background-image:url(../images/baixian.png); background-position:50% 49% ; background-repeat:no-repeat;}
.more1{ margin:0 auto;  padding-top:0px;}
.zhengshu{width:1200px; margin:0 auto;}
.zhengshu p.moreee a{display:block;width:106px;font-size:14px;height:35px;line-height:35px;background:#3e3e3e;text-align:center;margin:15px auto 0 auto;color:#fff;}
.zhengshu1{ width:222px; height:80px; float:left;margin-left:16px; margin-top:15px;-webkit-border-radius: 10px;cursor:pointer;}
.zhengshu1 p{ color:#FFF; font-size:17px;}
.zhengshu1 p a{ color:#FFF;}
.zhengshu1:hover{}
.zhengshu .zhengshu1 .zhengshu2 img{}



.pinz_bj{ margin-top:-70px; background:url(../images/pinz_bj.png) no-repeat center top; height:780px; overflow:hidden;}
.pinz{ width:1200px; height:780px; font-family:"Microsoft Yahei"; margin:0 auto; position:relative; overflow:hidden;}
.pinz h2{margin-top:70px;background:url(../images/coo_line.gif) repeat-x center 61px;text-align:center;overflow:hidden;height:63px;font-size:30px;}
.pinz h2 a{ display:inline-block; height:59px;/* border-bottom:4px solid #333333; */color:#333333; line-height:59px;}
.pinz h2 em{ display:inline-block; padding:0 6px;}
.pinz h3{ display:block; position:absolute; font-size:24px; color:#fff; width:120px; line-height:30px; text-align:center; overflow:hidden;}
.pinz h3 span{ display:block; font:28px "Times New Roman", Times, serif; line-height:30px;}
.pinz .b01{ top:184px; left:410px;}
.pinz .b02{ top:184px; left:670px;}
.pinz .b03{ top:420px; left:302px;}
.pinz .b04{ top:420px; left:783px;}
.pinz .b05{ top:647px; left:412px;}
.pinz .b06{ top:647px; left:675px;}
.pinz p{ position:absolute; font-size:16px; line-height:22px; color:#555555;}
.pinz .p01{ top:192px; left:171px; width: 222px;}
.pinz .p02{ top:185px; left:819px; width: 242px;}
.pinz .p03{ top:424px; left:100px; width: 190px;}
.pinz .p04{ top:414px; left:914px; width: 185px;}
.pinz .p05{ top:668px; left:137px; width: 255px;}
.pinz .p06{ top:655px; left:815px; width: 205px;}
.pinz p b{ color:#0000ff;}

.center05{ width:100%;background-image:url(../images/news.png); background-position:50% 5% ; background-repeat:no-repeat;}
.news{ width:1200px; margin:0 auto; margin-top:7px;overflow:hidden;padding-bottom:10px;}
.dongtaileft{ width:565px;float:left; color:#000; padding-left:35px;}
.dongtaileft01{ width:580px; height:68px; float:left; border-bottom:1px #989898 dashed;}
.date{ width:60px; height:58px; float:left; text-align:center; background-color:#3e3e3e; color:#fff; margin-left:8px; margin-top:5px;}
.date a{ font-size:24px; display:block;margin-top:px; color:#fff;}
.date span{text-align:center; line-height:16px; margin-left:0px; margin-bottom:0px; font-size:14px;}
.textn{ float:right; height:58px; width:490px; margin-top:2px; margin-left:12px;}
.textn p.d1{ font-size:16px; color:#5a5a5a; font-weight:bold;}
.textn p.d1 a{}
.textn p a{color:#5a5a5a;font-family:宋体;}
.textn p{ font-size:14px; color:#5a5a5a;}
.dongtairight{ width:585px; float:left; margin-left:0px;}
.xinwenliebiao1{ width:600px; float:left; margin-top:7px;font-family:宋体;}
.xinwenliebiao1 ul { line-height:18px; height:18px; width:575px;}
.xinwenliebiao1 li{ float:left; }
.xinwenliebiao1 .av{ float:left;width:49%; padding-left:0px;color:#333333;}
.av a{ color:#333333;}
.xinwenliebiao1 .av_time{float:left;width:48%;}
.xinwenliebiao1 span{ display:inline-block;width:110px; text-align:right;height:12px;float:right; } 
.npart1{ width:10px; height:60px; float:left; }
.npart1 img{ display:block; }
.new2{width:622px; height:422px;  float:left; }
.sibuqutop{ width:574px; float:left;margin-top:5px; margin-bottom:5px;}
.sibuqutop1{ width:574px;float:left;margin-top:5px; margin-bottom:5px;}
.npart2{float:left; width:100%; background-image:url(../images/bottom3.png); background-repeat:no-repeat;background-position:bottom; margin-left:4px;}
.nleft{ float:left; font-size:24px; margin-left:0px; padding-bottom:0px;color:#000;background-image:url(../images/newb.png); background-repeat:no-repeat;background-position:bottom; line-height:40px }
.nright{ float:right;line-height:40px;}
.nright a.moreeee{ float:right;width:13px; height:13px; margin-top:13px;display:block; text-align:center; color:#FFFFFF; text-align:center; line-height:13px;background-color:#000; font-size:14px}
.nright span{ float:left; margin-right:5px;}

.footer{ width:100%; background-color:#3e3e3e; text-align:center; margin-top:0px;}
.center08{ width:1202px; margin:0 auto;font-family:microsoft yahei; font-size:15px; color:#FFF; padding:15px 0;position: relative;}
.center08 p{ line-height:20px; }
.ss{ background-color:#d7d7d7;color:#000000;font-size:14px;height:30px;  /*width:675px;*/ width:1200px;margin:0 auto;margin-bottom:10px;text-align:center; line-height:30px;}
.ss a{padding: 0 25px;color: #000000;}
.center08 p a{color:#fff;padding:0 10px;}

.wzba{width:100px;}
.zycp{width:630px;text-align:left;}
.zycp a{color:#fff;padding-right:10px;display:block;float:left;}
.copy{width:430px;}
.copy p{text-align:left;}

.f_link{text-align:center;margin-top:10px;border-top: 1px solid #fff;padding-top:10px;}
.f_link a{padding-right:10px;color:#fff;}

/*mian*/
.top-vrank{width:1200px;margin:0px auto;position:relative;padding:5px 0 0 0;}
.top-vrank .mod-hd:before,.top-vrank .mod-hd:after{content:"";display:table}
.top-vrank .mod-hd:after{clear:both}
.top-vrank .mod-hd{*zoom:1;margin-bottom:0px; margin-top:0px;}
.top-vrank .mod-bd{margin-top:0px;}
.top-vrank h3{font-size:12px;float:left;color:#bbbccd;margin-right:20px;margin-top:3px}
.top-vrank .tabs{ margin:0 auto; width:448px;font-size:12px}
.top-vrank .tabs span{ font-size:14px;}
.top-vrank .tabs li{width:122px;height:30px;float:left;text-align:center;line-height:30px;background-position:0 -72px; background: #6f6f6f;  margin-right: 26px;position:relative;z-index:9999;}
.top-vrank .tabs li:hover{background:#3e3e3e;}
.top-vrank .tabs a{color:#fff; width:122px; height:30px; display:block; font-size:18px;}
.top-vrank .tabs a:hover{color:#fff;text-decoration:none;background:#3e3e3e;}
.top-vrank .tabs .active{background:#3e3e3e;}
.top-vrank .tabs .active a{color:#fff;}

.tabs li ul.tab_xiala{display:none;}
.tabs li:hover ul.tab_xiala{display:block;}
.tabs li:hover ul.tab_xiala li a{font-size:14px;background:#e6e6e6;color:#333;}
.tabs li:hover ul.tab_xiala li a:hover{background:#a1a0a0;color:#fff;}

.top-vrank .more{position: absolute;top:17px;right: 17px;font-size:12px;}
.top-vrank .more a{color:#a5a5b5}
.top-vrank .more a:hover{color:#5db538;text-decoration:none}
.top-vrank .mod-bd .views{width:1200px;overflow:hidden;}
.top-vrank .views .view-item{}
.top-vrank .views .active{z-index:2}
.top-vrank .views .first{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:1200px; margin-top:5px;overflow:hidden;}
.top-vrank .view-list li{position:relative;width:140px; font-size:12px;text-align:center;float:left;margin-right:9px;z-index:2;overflow:hidden; /*border:1px #eaeaec solid;*/border: 1px #bababa solid;margin-top: 8px;}
.top-vrank .view-list li:last-child{margin-right:0px;}
.top-vrank .view-list li a{text-decoration:none;color:#888999}
.top-vrank .view-list li a:hover{color:#5db538}
.top-vrank .view-list li img{width:auto;height:140px;}
.top-vrank .view-list li .mask{width:92px;height:86px;position:absolute;top:-86px;left:-92px;z-index:3;background:url(http://p8.qhimg.com/t0129d4cce7a885cf2e.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:100%;border-top: 1px #bababa solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0px; line-height:30px;font-size:14px;color:#000;}
************/
.sogoulyb{left:0px !important;}
#sogoubox{left:0px !important;}
/* 留言板 */
.basic-grey {position:fixed;z-index:999;right:0;bottom:0;/*margin-left:-139px;margin-top:-101px;*/width: 250px;background: #f00;padding: 5px 15px 5px 10px;border:1px solid #E4E4E4;}
.ddh1 {
position:fixed;
z-index:999;
bottom:0;
right:0;
width: 200px;
background: #f00;
padding: 5px 15px 5px 10px;
border:1px solid #E4E4E4;
text-align:center;
}
.basic-grey h1 {
font-size: 20px;
padding: 0px 0px 3px 0px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: 0px 0px 0px 0px;
color: #fff;
text-align:center;
font-weight:bold;
}

.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
text-align:center;
}
.basic-grey label>span {
width: 35%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 15px;
margin-bottom: 5px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 61%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey textarea{
height:60px;
margin-left:34px;		
}
.sub{width:100%;}
.basic-grey .button {
background: #E27575;
border: none;
width:58px;
height:30px;
margin:0 auto;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
display:block;
}
.basic-grey .button:hover {
background: #CF7A7A
}
.ewmp img{
	
}
.ewmp p{
	font-size:15px;
	color:#fff;	
	text-align:center;
	font-weight:bold;
}
#close{cursor:pointer;background:url(../images/gb.png) no-repeat;width:15px;height:15px;position:absolute;right:5px;top:5px;}
.ddd{position: fixed;right: 0px;bottom:0px;}
.ddh1{font-size: 20px;cursor:pointer;color:#fff;}