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

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

.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:55px;}
.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; animation:flipInX 1.4s 1;}
.succ1 ul{ width:1100px; 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;}

.anli{width:100%; min-width:1200px;  overflow:hidden}
.anli .anli1{width:1200px; margin:0 auto;}
.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;}


.anli1 li a{ width:1200px; height:320px; display:block; margin-bottom:39px;}
.anli1 li a .img{ width:480px; height:320px; float:left; position:relative; overflow:hidden}
.anli1 li a .shuomin{ width:720px; height:320px; float:right; background:#eee}
.anli1 li a .shuomin h4{ color:#534033; font-size:18px; margin-top:39px; margin-left:36px; font-weight:normal;  }
.anli1 li a .shuomin .title{ font-size:14px; color:#333; margin-top:25px; margin-left:38px;}
.anli1 li a .shuomin .new{ font-size:14px; color:#333; padding:8px 26px 0 38px; line-height:32px; }
.anli1 li a .shuomin .chakan{ font-size:14px; color:#fd9127; width:113px; height:23px; border:1px solid #fd9127; transition-duration:500ms; display:block; text-align:center; line-height:23px; letter-spacing:1px;margin-top:20px; margin-left:38px;}
.anli1 li a .shuomin .chakan:hover{ background:#fd9127; color:#fff; }
.anli1 .two a .img{ float:right}
.anli1 .two a .shuomin{ float:left}
.anli1 li a .img::before{background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
    background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);
    content: ''; position: absolute; width:80px; height:656px; overflow: hidden; z-index: 9999;top: 0;left:-475px;transform: skewX(-25deg);}
.anli1 li a:hover .img::before{ -webkit-animation:donghua9 0.8s 1 ease-in-out; -o-animation:donghua9 1s 1 ease-in-out;  -moz-animation:donghua9 1s 1 ease-in-out;  }
@-webkit-keyframes donghua9  {from{left: -200px} to{left:800px}}
@-o-keyframes donghua9  {from{left: -200px} to{left:800px}}
@-moz-keyframes donghua9  {from{left: -200px} to{left:800px}}


.anli1 li a .shuomin h4{ visibility: hidden}
.anli1 li a .shuomin .title{visibility: hidden }
.anli1 li a .shuomin .new{visibility: hidden}
/*第一个新闻*/	
.anli1 li:nth-child(1) a .shuomin h4{animation:fadeInUp 1 1.5s;visibility:visible}
.anli1 li:nth-child(1) a .shuomin .title{animation:fadeInUp 1 1.5s;visibility:visible}
.anli1 li:nth-child(1) a .shuomin .new{animation:fadeInUp 1 2s;visibility:visible}
/*第二个新闻*/
.anli1 .two1 a .shuomin h4{animation:fadeInUp 1 1s;visibility:visible}
.anli1 .two1 a .shuomin .title{animation:fadeInUp 1 1.5s;visibility:visible}
.anli1 .two1 a .shuomin .new{animation:fadeInUp 1 2.2s;visibility:visible}
/*第三个新闻*/
.anli1 .thr a .shuomin h4{animation:fadeInUp 1 1s;visibility:visible}
.anli1 .thr a .shuomin .title{animation:fadeInUp 1 1.5s;visibility:visible}
.anli1 .thr a .shuomin .new{animation:fadeInUp 1 2.2s;visibility:visible}
/*第四个新闻*/
.anli1 .for a .shuomin h4{animation:fadeInUp 1 1s;visibility:visible}
.anli1 .for a .shuomin .title{animation:fadeInUp 1 1.5s;visibility:visible}
.anli1 .for a .shuomin .new{animation:fadeInUp 1 2.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;}