﻿@charset "utf-8";
/* CSS Document */
.nav{ width:100%; height:100px; line-height:100px; background:#fff;}
.nav-left{ background:url(../images/logo.png) center no-repeat; height:100px; float:left; width:220px; padding-left:50px;}
.nav-right{ float:right; width:620px;}
.nav-right span{ font-size:12px;}
.nav-right li{ float:left; width:70px; font-size:18px; margin:0px 8px; line-height:24px; text-align:center; padding-top:25px;}
.nav-right li a{ color:#222; text-decoration:none; outline:none; display:block; height:70px;}
.nav-right li a:hover {color:#da251d; text-decoration:none; background:url(../images/nav-xian.jpg) no-repeat 17px 50px;}
.fixednav{
    position: fixed;
    top: 0px;
    left:0px;
    width: 100%;
	margin:0 auto;
	z-index:999;
}	







/* 焦点图效果 */
.picBtnTop{width:100%; position:relative;  zoom:1;    }
.picBtnTop .hd{ width:120px;  height:350px; position:absolute; right:15px; overflow:hidden; top:25%;}
.picBtnTop .hd ul li{ width:93px; text-align:center; padding:3px 0 3px 7px; }
.picBtnTop .hd ul li img{ width:100px; height:60px; border:1px solid #111; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#5be55b;  }
.picBtnTop .bd{ width:100%; height:100%; position:relative; z-index:-999;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{ width:100%;  height:100%; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:100%; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;}
.picBtnTop .bd li .title{ width:100%; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }








.js{ background:url(../images/js-bj.jpg) repeat-x center; width:100%; min-width:1200px; height:420px;}
.js-width{ width:1200px; margin:auto; padding-top:40px;}
.js-bt{ color:#da251d; font-size:36px; width:1200px; height:60px; line-height:50px; background:url(../images/lm-bt-tiao.jpg) no-repeat center 48px;}
.js-bt2{ color:#353535; font-size:24px; width:1200px; height:50px; line-height:35px;}
.js-nr{ color:#6e6e6e; font-size:14px; width:900px; height:50px; line-height:24px; margin:auto;}

.js-ys{ width:1200px; margin:auto; clear:both; margin-top:80px;}
.js-ys li{ float:left; background:url(../images/js-xian.jpg) repeat-y; height:110px;width:300px;}
.js-ys-bt{ font-size:20px; color:#333;margin-left:20px; height:30px;}
.js-ys-nr{ font-size:14px; color:#777;margin-left:20px; width:220px; line-height:23px; margin-top:8px}

.al{ width:100%; margin:auto; min-width:1200px; text-align:center;}
.lm-bt{ height:150px; width:1200px; margin:auto;}
.lm-bt p{ line-height:30px; height:30px; font-size:22px; color:#777;}




.box { width:100%; min-width:1200px; height:680px; text-align:center; text-align:center; margin-top:50px; }
.box ul li { float: left; margin:auto; list-style: none; position: relative; overflow: hidden; margin-bottom:20px; margin-left: 10px;}
.box ul img{ width:360px;; min-width:100%; height:260px;}
.box ul li .cover a { width:30px; height:30px; background: #ffffff; display: block; border-radius: 50%; line-height: 30px; margin: 50px auto;}
.box ul li .cover a i { color:#5fbf5f; font-size:18px; font-style:normal; }
.box ul li .cover { width:100%; height: 260px; background: rgba(88, 203, 88, 0.7); position: absolute; left: 0; top: 0; text-align: center; color: #ffffff; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.box ul li .cover p { margin-top: 10px; font-size: 14px; }
.box ul li:hover .cover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }

.gd-bt{ width:100px; height:90px; clear:both; margin:auto; background:url(../images/gd-bt1.png) no-repeat center 20px; padding-top:25px;}


.xw{ width:100%; min-width:1200px; height:690px; clear:both; text-align:center; }
.xw-cen{ width:1200px; margin:auto; text-align:center;}
.xw-cen li{ background:#FFF; border:1px solid #e9e9e9; height:180px; width:285px; float:left; margin-right:13px; margin-bottom: 15px;}
.xw-p1{ height:51px; width:230px; margin-left:25px; margin-top:15px; padding-left:15px; font-size:18px; color:#2e2e2e; line-height:24px; text-align:left; background:url(../images/xw-bt-xian.png) no-repeat;}
.xw-p2{ width:245px; margin-left:10px; margin-top:10px; padding-left:15px; font-size:13px; color:#888; line-height:24px; text-align:left;}
.xw-p3{ margin-top:10px; font-size:12px; color:#727272; line-height:16px; text-align:right; padding-right:35px;}

.fw{ width:100%; background:url(../images/fw-bj.png) no-repeat center; height:669px;}
.fw-cen{ width:1200px; margin:auto;}
.fw-left{ float:left; width:780px; height:669px; background:url(../images/fw-bt.png) no-repeat 0px 90px}
.fw-right{ float:right; width:420px; height:669px; background:url(../images/lxfs-bj.png) no-repeat center; text-align:center;}
.fw-left li{ background:url(../images/fw-bt-bj.png) no-repeat center; width:772px; height:100px; margin-bottom:18px;}
.fw-left p{ font-size:16px;text-align:center; color:#000; float:left; width:100px; padding-top:35px;}
.fw-left span{ font-size:13px; width:630px; margin-left:40px; padding-top:40px; float:right;}
.lxfs{ background:url(../images/lxfs-bj-xian.png) no-repeat 0px 20px; width:270px; height:400px; margin:auto; color:#000; font-size:26px; padding-top:60px; padding:0px 20px;}
.lxfs p{ height:50px; color:#000; font-size:14px; text-align:left;}


.yw-bj{ background:url(../images/yw-lx-bj.png) no-repeat center; width:100%; min-width:1200px; height:368px; text-align:center;}
.yw-cen{ width:1200px; margin:auto;}
.yw-cen p{ height:50px; line-height:80px; font-size:30px; color:#999;}
.yqlj{ height:160px; margin:auto;}
.yqlj-cen{ width:1078px; height:80px; line-height:80px; border:1px solid #bfbfbf; margin:auto; margin-top:50px; color:#666; text-align:center;}
.yqlj-cen span{ font-size:18px; margin-right:15px;}


.list_ban{ width:100%; min-width:1200px; margin:auto;}
.list_ban img{ width:100%;}
.list_cen{ width:1200px; margin:auto; margin-top:30px;}
.left{ float:left; width:392px; margin-right:20px;}
.list_right{ float:right; width:1150px;}
.left_bt{ background:url(../images/list_bt.png) no-repeat; height:58px; line-height:58px; background-color:#f7f7f7; color:#da251d; font-size:20px; padding-left:20px;}
.left li{ height:60px; line-height:60px; width:360px; margin:auto; background:url(../images/list-news-xx.png) repeat-x center 58px;}
.left span{ float:right; width:75px;}
.right-pro{ margin:auto; margin-top:20px;}
.right-pro li{ float:left; margin:13px 13px 0px 13px; font-size:16px;}
.left_bt em{float:right; font-style:normal; font-size:12px; padding-right:15px;}

.page{ text-align:center;clear:both; width:100%; margin:20px auto; color:#888; font-size:12px;}
.page a { font-size:14px;color:#777;text-decoration: none;}
.page a:hover {color:#09b700}
.f_l{ float:left;}

.right-list{ margin:auto; margin-top:20px;font-size:16px; line-height:30px; margin-bottom:50px;}
.right-list img{ width:700px; display:block; margin:5px auto; }
.right-list li{ width:1150px; float:left; height:60px; line-height:60px; background:url(../images/list-news-xx.png) repeat-x 0px 58px;}
.right-list span{width:90px;}
.right-list span{ padding-left:20px;}





.bottom{ background:#292929; width:100%; height:200px; min-width:1200px; color:#b8b8b8; padding-top:70px;}
.bottom a{ color:#b8b8b8;}
.bottom a:hover{ color:#b8b8b8;}
.ewm{ width:130px; margin-right:60px; float:left; text-align:center;}
.lianx{ width:270px; float:left; background:url(../images/sss.png) no-repeat; padding-top:60px; margin-right:60px; }
.bottom-list1{ float:left; width:90px; text-align:center; margin-right:60px;}
.bottom-list1 li{ float:left; width:90px;}
.bottom-list2{ float:left; width:90px; }
.bottom-list2 li{ float:left; width:90px;}
.bottom-list3{ float:left; width:90px; margin-right:60px;}
.bottom-list3 li{ float:left; width:90px;}



.beian{ width:260px; float:left;}
.beian p{ line-height:30px;}



.fuwu{background:#f7f7f7; width:100%; height:645px;}
.fuwu-cen{ background:url(../images/fw-bj.jpg) no-repeat center 470px; width:1200px; margin:auto; height:645px; }
.fw-bt{ height:150px;}
.fw-fl{ padding-top:260px; font-size:16px; background:url(../images/fw-bt.jpg) no-repeat center 60px;}
.fw-fl li{ width:141px; text-align:center; float:left; margin:0px 15px;}
.fw-fl li span{ display:block;}
.fw-span1{ font-size:12px; padding-top:0px;}


.anli-fl{ margin:auto; width:950px; height:40px; margin-top:45px;}
.anli-fl ul{ margin:auto;}
.anli-fl li{ float:left; background:url(../images/anli-list-niu.jpg) no-repeat 0px 6px; padding:0px 23px; font-size:16px;}

.gy-fl{ margin:auto; width:380px; height:40px; margin-top:45px;}
.gy-fl ul{ margin:auto;}
.gy-fl li{ float:left; background:url(../images/anli-list-niu.jpg) no-repeat 0px 6px; padding:0px 23px; font-size:16px;}




.lianxi-p{ line-height:40px;}








