@charset "utf-8";
/* CSS Document */

html{min-width:1200px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{
	color:#666;
	font-size:16px;
	font-family:"华文中宋",Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1110{width:1200px; margin:0 auto; clear:both}
.header{width:1200px; height:110px; margin:0 auto; position:relative; z-index:99; clear:both}
.logo{position:absolute; left:0px; top:0px;}
#nav{width:800px; height:55px; padding-top:30px; text-align:center; float:right}
#nav ul{width:100%; float:left}
#nav li{float:left; width:114px; height:55px; position:relative; background:url(/images/menu_bg.png) no-repeat right center; z-index:9; font-size:16px;}
#nav a{display:block; float:left; height:50px; padding-top:5px; line-height:25px; color:#000; width:123px; blr:expression(this.onFocus=this.blur());outline:none;position:relative;}
#nav a span{font-size:10px;-webkit-text-size-adjust:none;line-height:12px; display:block;cursor:pointer; font-weight:300; color:#949494; position:relative}
#nav li a:hover,#nav li a.active{color:#2b80ff;}
#nav li a:hover span,#nav li a.active span{color:#2b80ff;}
#nav li ul{display:none;position:absolute;top:55px; left:0px; width:100%; padding:10px 0; background:#2b80ff; z-index:11}
#nav li ul li{line-height:35px;height:35px;margin:0;background-image:none;position:relative;z-index:2}
#nav li ul a{height:35px; line-height:35px; font-weight:300; color:#fff; width:100%; font-size:14px; padding-top:0px; float:none;}
#nav li ul a:hover{background:#333333; color:#fff;}

.loading{background:rgb(255, 255, 255); left:50%; top:50%; position:absolute; z-index: 11; opacity: 0.8;}
.pad50{padding:35px 0px;}
.title{width:100%; height:120px; text-align:center; background:url(/images/tit_bg.png) no-repeat top center; clear:both}
.title h2{height:36px; padding-top:20px; line-height:36px; font-size:30px; font-weight:normal; font-weight:normal; clear:both}
.title p{height:24px; line-height:24px; color:#999; font-size:18px; clear:both}
.intro{width:100%; height:400px; overflow:hidden; margin:20px 0px; line-height:30px; float:left}
.intro a{color:#666; display:block;}
.intro a:hover{color:#2b80ff;}
.icon{width:100%; float:left;}
.icon li{width:240px; text-align:center; float:left}
.icon li img{display:block; margin:0 auto; transition:all 0.8s ease-in-out;}
.icon li h4{height:30px; line-height:30px; color:#666; padding-top:5px; font-weight:normal; clear:both}
.icon li p{color:#999; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.icon li:hover img{transform:rotate(360deg);}
.icon li:hover h4{color:#2b80ff}
.icon li:hover p{color:#2b80ff}
.news_wrap{width:100%; background:url(/images/news_bg.jpg) no-repeat top center; clear:both}
.news{width:100%; clear:both}
.list1{width:100%; padding-top:30px; clear:both;}
.list1 li{width:350px; position:relative; margin:0px 10px; padding-bottom:10px; background:#fff; float:left;}
.list1 li img{width:350px; height:228px; float:left;}
.list1 li h4{padding:5px 10px 0px; height:30px; line-height:30px; color:#666; overflow:hidden; clear:both}
.list1 li div{height:40px; line-height:20px; padding:0px 10px; color:#999; overflow:hidden;}
.list1 li span{width:74px; height:74px; position:absolute; right:0px; top:154px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:url(/images/black_bg.png) repeat; color:#fff;}
.list1 li:hover span{background:url(/images/green_bg.png) repeat;}
.list1 li span p{padding-top:10px; line-height:30px; clear:both}
.news font em{width:14px; height:14px; margin:0 5px; background:url(/images/white.png) no-repeat; display:inline-block; cursor:pointer;}
.news font em.emon{width:14px; height:14px; background:url(/images/green.png) no-repeat; border:none;}
#list_mark{padding:20px 0px; clear:both; display:block; text-align:center;}
.more{width:100%; text-align:right; color:#2b80ff; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:-10px; clear:both}
#scrollbox{width:100%; position:relative; margin-top:20px; float:left;}
#scrollbox li{width:350px; height:338px; padding-top:8px; position:relative; text-align:center; background:url(/images/pro.jpg) no-repeat top center; margin:0px 10px; float:left;}
#scrollbox li p{line-height:50px; color:#666; clear:both}
#scrollbox li:hover{background:url(/images/pro_hover.jpg) no-repeat top center;}
#scrollbox li:hover p{color:#fff;}
.tj{position:absolute; top:0px; right:0px;}
.bot_wrap{width:100%; background:#f3f3f3; padding:30px 0px; clear:both}
.bot_v1{width:100%; padding:10px 0px; color:#999; border-bottom:#ddd 1px solid; float:left;}
.bot_v1 img{vertical-align:middle; padding-right:20px;}
.bot_v1 a{color:#999; padding:0px 15px;}
.bot_v1 a:hover{color:#333;}
.bot_v2{width:100%; padding-top:25px; float:left;}
.f_logo{float:left;}
.f_copy{float:left; color:#999; line-height:27px; padding-left:60px; font-size:12px; padding-top:10px;}
.footer{width:100%; height:50px; line-height:50px; color:#fff; background:#2b80ff; clear:both}
.f_l{float:left;}
.f_l a{padding:0px 20px; color:#fff;}
.f_r{float:right; position:relative;}
.f_r li{width:100px; float:left;}
.f_r li a{ color:#FFF;}
.f_r li img{vertical-align:middle; padding-left:8px;}
#sjewm{display:none; height:120px; position:absolute; width:120px; left:0px; bottom:65px;}
#sjewm img{width:120px; height:120px;}
#wxewm{display:none; height:120px; position:absolute; width:120px; left:100px; bottom:65px;}
#wxewm img{width:120px; height:120px;}

/*about*/
.ny_banner{width:100%; height:400px; border-top:#ddd 1px solid; clear:both;}
.about{
	background-image: url(../images/about_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#news{background:url(/images/news_banner.jpg) no-repeat top center;}
#pro{background:url(/images/pro_banner.jpg) no-repeat top center;}
#per{background:url(/images/per_banner.jpg) no-repeat top center;}
#ser{background:url(/images/ser_banner.jpg) no-repeat top center;}

.pos{width:100%; height:68px; line-height:68px; border-bottom:#e6e6e6 1px solid; float:left}
.pos_l{float:left;}
.pos_l h2{float:left; color:#4f4f4f; font-weight:normal; font-size:22px;}
.pos_l h2 span{color:#bbb; padding-left:10px;}
.pos_r{float:right; font-size:12px; color:#999;}
.pos_r a{color:#999;}
.pos_r a:hover{color:#000;}
.ny_wrap{width:100%; background:#fcfcfc; padding:40px 0px; clear:both}
.sub{width:100%; clear:both;}
.sub li{width:125px; height:35px; margin-right:5px; text-align:center; line-height:35px; float:left; overflow:hidden;}
.sub li a{display:block; background:url(/images/sub.png) no-repeat center top; color:#666; }
.sub li a:hover,.sub li a.active{background:url(/images/sub_hover.png) no-repeat center top; color:#fff;}
.ny{width:1140px; padding:30px; line-height:35px; border:#eee 1px solid; background:#fff; margin:40px auto 0px; overflow:hidden;}

/*news*/
.manage{width:100%; clear:both}
.manage li{width:970px; height:135px; padding:20px; border-bottom:#e6e6e6 1px dashed; float:left}
.manage li a img{float:left; width:206px; height:135px;}
.manage li h3{height:30px; line-height:30px;}
.manage li p{font-size:12px; color:#999; line-height:26px;}
.list-left{width:730px; margin-left:20px; float:left;}
.list-left a{width:108px; height:24px; line-height:24px; text-align:center; font-size:12px; background:#2b80ff; color:#fff; display:block;}
.list-left span{color:#777; line-height:24px; height:48px; margin-bottom:5px; font-size:12px; overflow:hidden; display:block;}
.list-left p{color:#555;}
.manage li:hover{background:#f9f9f9;}

/*products*/
.pro_list{width:100%; clear:both;}
.pro_list li{width:260px; margin:0px 11px 11px; border:#ddd 1px solid; text-align:center; float:left;}
.pro_list li img{width:260px; height:189px; float:left;}
.pro_list li p{clear:both; height:40px; line-height:40px; color:#666; overflow:hidden; background:#eee;}
.pro_list li:hover p{background:#d22f2f; color:#fff;}

/*contact*/
.con_m{width:350px; line-height:28px; float:right}
.con_m h3{line-height:40px; font-size:18px; clear:both}
.con_m li{width:140px; padding-right:10px; margin-top:10px; float:left;}
.con_m li img{width:140px; height:140px; float:left}
.con_m li p{text-align:center; clear:both}

/*honor*/
.honor{width:100%; clear:both;}
.honor li{width:240px; margin:0px 5px 10px; text-align:center; float:left;}
.honor li img{width:230px; height:180px; border:#ddd 1px solid; padding:4px; float:left;}
.honor li p{clear:both; height:35px; line-height:35px; color:#666; overflow:hidden;}
.honor li:hover p{color:#2b80ff;}

#lanren #audio-btn{width: 44px;height: 44px; position:fixed; z-index:999999; top:0; left:0;}
#lanren .on{background: url(/images/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#lanren .off{background: url(/images/music_off.png) no-repeat 0 0;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.qq{width:150px; position:fixed; top:215px; right:0px;}
.qq_tit{width:100%; height:34px; line-height:34px; background:#484848; text-indent:1em; color:#fff; float:left}
.qq_tit span{float:left;}
.qq_tit a{float:right;}
.qq_main{width:100%; float:left;}
.qq_main img{float:left;}
.qq_main p{background:#fff; text-align:center; color:#333; padding:10px 0px; font-size:12px; line-height:18px; clear:both}
.qq_main h3{text-align:center; background:#fff; height:30px; font-size:16px; color:#e81a2b; clear:both}
.qq_zk{width:25px; height:90px; position:fixed; top:215px; right:0px; cursor:pointer; display:none; z-index:9999}

.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:300px;
    width: 77px;
    z-index:999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size:16px;
    height:40px;
    line-height:40px;
    margin-top:0px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.wx_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(/images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#2b80ff;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}

.yqlj{line-height:30px;margin:5px  auto;}
.yqlj a{color:#666}