@charset "utf-8";
* {margin: 0;padding: 0;}

body {font-family: "Microsoft YaHei";}
ul,ol,li {list-style: outside none none;}
a {text-decoration: none;}


.bg{ width:100%; height:240px; min-width:1200px; overflow:hidden; position:relative}
.bg .bg1{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%;
 transition-duration:3s; height:100%}
.bg .bg1:hover{ transform:scale(1.05 )}


.succ{ width:100%; min-width:1200px;  overflow:hidden; padding-bottom:53px; }
.succ1{ width:1200px; margin:0 auto;}
.succ1 h2{ font-size:20px; color:#333; line-height:1; width:243px; height:38px; margin:38px auto 0 ; background:url(../img/line.jpg) no-repeat bottom center; text-align:center}
.succ1 ul{ width:366px; height:39px; margin:34px auto 0;}
.succ1 ul li a{ padding:7px 24px; border-radius:15px; color:#333; background:#ebebeb; text-align:center; line-height:24px; font-size:15px; display:block; float:left; margin-right:16px; transition-duration:500ms}
.succ1 ul .last a{ float:right; margin-right:0}
.succ1 ul .on a{ background:#f86603; color:#fff;}
.succ1 ul li a:hover{background:#f86603; color:#fff;}

.new-le{ width:800px; float:left;}
.new-ri{ width:240px; float:right; padding-top:30px;}
.new-ri h1{ color:#f86603; font-size:18px; padding-bottom:15px;}
.new-ri ul{ border:1px solid #e0dbdb; padding:15px; box-sizing:border-box; margin-bottom:40px;}
.new-ri ul li a{ display:block; position:relative; padding-left:15px; font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#333; margin-bottom:6px;}
.new-ri ul li a:before{ content:""; position:absolute; width:4px; height:4px; border-radius:50%; background:#f86603; top:50%; margin-top:-2px; left:0;}


.new{width:100%; min-width:1100px;  overflow:hidden;}
.new .news{ width:1200px; margin:0 auto; overflow:hidden;}
.news li a{ width:1160px; height:218px; margin:0 auto; border-bottom:1px solid #f2f6fa; display:block; position:relative}
.news li .img{ width:235px; height:165px;float:left; margin-left:40px; margin-top:28px; position:relative; overflow:hidden }
.news li .img img{ width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;transition-duration:500ms;}
.news li .new1{ width:820px; height:218px; float:right;}
.news li .new1 h2{ font-size:18px; line-height:1; color:#333; margin-top:53px; visibility:hidden}
.news li .new1 p{ font-size:14px; color:#666; line-height:30px; padding-right:33px; margin-top:21px;visibility:hidden}
.news li .new1 p span{ color:#f86603;}
.news li a:hover{ background:#f2f6fa}
.news li a:hover img{ transform:scale(1.18);}
.news li .new2{ width:63px; height:63px; background:#f86603; border:1px solid #fff; border-radius:5px; position:absolute; left:245px; top:81px;visibility:hidden }
.news li .new2 h3{ font-size:36px; font-family:Arial; line-height:26px; text-align:center; margin-top:9px; color:#fff;font-weight:normal}
.news li .new2 hr{ border:1px solid #fff; width:47px; margin:4px auto 0;}
.news li .new2 .data{ font-size:12px; color:#fff; font-family:Arial; text-align:center; margin-top:5px;}
/*第一个新闻*/
.news .one .new1 h2{animation:fadeInUp 1 1.5s;visibility:visible}
.news .one .new1  p{animation:fadeInUp 1 2s;visibility:visible}
.news .one .new2{animation:hinge 1 2s;visibility:visible}
/*第二个新闻*/
.news .two .new1 h2{animation:fadeInUp 1 1.5s;visibility:visible}
.news .two .new1  p{animation:fadeInUp 1 2s;visibility:visible}
.news .two .new2{animation:hinge 1 2s;visibility:visible}
/*第三个新闻*/
.news .thr .new1 h2{animation:fadeInUp 1 1.5s;visibility:visible}
.news .thr .new1  p{animation:fadeInUp 1 2s;visibility:visible}
.news .thr .new2{animation:hinge 1 2s;visibility:visible}
/*第四个新闻*/
.news .for .new1 h2{animation:fadeInUp 1 1.5s;visibility:visible}
.news .for .new1  p{animation:fadeInUp 1 2s;visibility:visible}
.news .for .new2{animation:hinge 1 2s;visibility:visible}




/*新闻内页*/

.box{ width:100%; min-width:1200px; overflow:hidden; margin-top:80px;}
.box .box0{ width:1100px; margin:0 auto;}
.box .box0 h3{ font-size:18px; color:#111; text-align:center; }
.box .box0 .data{ font-size:14px; color:#999; text-align:center; margin-top:23px;}
.box .box0 hr{ width:100%; border:1px dashed #999; margin-top:20px; margin-bottom:30px;}
.box .box0 .new{ font-size:14px; color:#333; line-height:2; text-indent:28px;}
.box .box0 img{ margin:20px auto; display:block; margin-bottom:50px; max-width:100%;}


.jianT{ width: 100%; overflow: hidden; padding-top: 23px; padding-bottom:81px; min-width: 1200px; }
.jianT .anniu{ width:1131px;margin: 0 auto; }
.jianT .anniu1{ margin-left: 35%;}
.jianT .anniu1 li{ width:27px; height: 27px; float: left; margin-right: 10px; background: #dcdbdb; display: block; text-align: center;
line-height: 27px; font-size: 16px; color: #3a3a3a; cursor: pointer}
.jianT .anniu1 .first{ background: #dcdbdb url("../img/jiantou.png") no-repeat center;}
.jianT .anniu1 .on{ color: #fff; background: #6ea403}
.jianT .anniu1 .last{ background: #3d3d3d url("../img/jiantou1.png") no-repeat center;}