/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei";line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{background: #f4f4f4;color:#333;}
ul,ol,li{list-style:none;margin: 0;padding: 0;}
a{color:#4b4848;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease;}
img{border:0;display: block;}
h1,h2,h3,h4,h5{font-weight:normal}
select::-ms-expand { display: none; } 
input{outline: none;}
b{font-weight:normal;}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left{ float:left; }
.right{ float:right;}
.hide{ display:none;}
.pager{width: 100%;color: #0f0b09;line-height: 30px;padding: 30px 0;font-size: 24px;text-align: center;opacity: .3;margin-bottom:50px;}
.pager a,
.pager span{text-decoration: none;height: 26px;line-height: 26px;display: inline-block;margin: 0 10px;font-size: 24px}
.pager a:hover{color: #0f0b09;opacity: 1}
.pager a:active{color: #0f0b09}
.pager span.now{color: #0f0b09}
.pager span.disabled{color: #0f0b09}
.current:first-child,
.pager .p1:last-child{display: none}
/* index */
.header{width:100%;padding:45px 0px;box-sizing:border-box;transition: all 0.6s;position: fixed;top:0px;background-color: #f4f4f4;z-index:99;}
.head{width:80%;margin: 0 auto;}
.header .logo{float: left;display:block;width:273px;height:83px;transition: all 0.6s;}
.header .menu{float: right;margin-top:10px;}
.header .logo img{width:100%;}
.header .menu li{float: left;}
.header .menu li:not(.contact){margin-right: 50px;}
.header .menu li:not(.contact) a{line-height: 60px;display: block;font-size:16px;position: relative;font-weight: bold;overflow: hidden;padding: 0px 5px;box-sizing:border-box;}
.header .menu li:not(.contact) a:after{display: block;content: '';position: absolute;width:0px;height: 2px;background-color: #000;top:49.5%;left:0px;transition: all 0.3s;}
.header .menu .contact{position: relative;overflow: hidden;margin-left:5px;}
.header .menu .contact a{display:block;width:240px;height:59px;border:1px solid #1b1b1b;text-align: center;line-height: 59px;font-size:16px;font-weight: bold;box-sizing:border-box;transition: all 0.3s;}
.header .menu .contact span{display: block;width:100%;height:100%;background-color: #000;position: absolute;top:0px;left:-100%;z-index: -1;}
.header .menu li:not(.contact).on a:after{width:100%;animation:none;}
.header .phonemenu{display:none;}

.down{padding:15px 0px;}
.down .logo{transform: scale(0.9);}
.header .menu li:not(.contact) a:hover:after{animation: delate 0.6s;}
.header .menu .contact a:hover{color:#fff;}
.header_bg{width:100%;height:170px;}
@keyframes delate
{
0%   {width: 0px;left:0px;}
50%  {width: 100%;left:0px;}
100% {width: 100%;left:100%;}
}
.na a{color:#fff;}
.na a:after{background-color:#fff!important;}
.na .contact{border:1px solid #fff;}
.na .contact span{background-color:#fff!important;}
.na .contact:hover  a{color:#333!important;}

.phone_menu{display:none;}


.index_wrap1{width:100%;height:358px;position:relative;padding:80px 0px 75px;box-sizing:border-box;}
.index_wrap1 .pos_in{position:absolute;left:60%;transform:translateX(-60%); width:62%;}
.index_wrap1 span{display: block;font-size:48px;color:#1b1b1c;line-height:1em;font-family:"PingFang";font-weight:bold;}
.index_wrap1 p{font-size:16px;color: #6c6c6c;margin-top:45px;font-family:"PingFang";line-height:1.6em;letter-spacing:1px;}
/* .index_wrap1 p i{display: block;width:8px;height: 2px;background-color: #aaaaaa;float: left;margin-right: 9px;margin-top: 15px;}
 */
.banner{width:100%;overflow: hidden;position: relative;}
.banner .ban_img li{cursor:pointer;}
.banner .content{width:27.3%;height:62%;background-color: rgba(255,255,255,.5);position: absolute;top:10vh;left:7.25%;z-index: 10}
.banner .content .ban_txt{position: relative;}
.banner .content li{position: absolute;left:68px;width:69.2%;display:none;}
.banner .content li:first-child{display:block;}
.banner .content li p{font-size:16px;line-height: 1em;margin-top:10vh;margin-bottom: 40px;}
.banner .content li span{display: block;height:115.2px;overflow:hidden;width:100%;font-size:24px;color:#1b1b1c;font-weight:bold;line-height:1.6em;}
.banner .content li a{display: block;width:58px;height: 58px;border:1px solid #8c8c8c;margin-top:10vh;transition: all 0.6s;overflow: hidden;position: relative;}
.banner .content li a i{display: block;width:58px;height: 58px;background:url(img/arrow.png) no-repeat center;position:absolute;right: 0px;z-index: 1;}
.banner .content li a span{color:#ffffff;display: block;position: absolute;left:-170px;background-color: #333;width:170px;height:58px;line-height: 60px;font-size:14px;transition:  all 0.6s;box-sizing:border-box;padding-left: 29px;z-index: 0;font-family: 'arial';}
.banner .content li a:hover{width:170px;border:1px solid #1b1b1b;}
.banner .content li a:hover span{left:0px;}

.banner .banner_pic{width:100%;height:100%;position: relative;overflow: hidden;padding-top: 20px;}
.banner ul{position:relative;height:100%;}
.banner .banner_pic li{position: absolute;top:0px;transform: translate(20%,0);transition: all 0.6s;width:90.856%;height:100%;}
.banner .banner_pic li img{width:100%;}
.banner .banner_pic li .masks{width:100%;;height:100%;background: rgba(0,0,0,0.8);position: absolute;top:0px;transition: all 0.6s;}
.banner .banner_pic li .masks span{display:block;width:70px;color:#fff;position: absolute;right:13%;bottom: 70px;}
.banner .banner_pic li .masks i{display: block;width:23px;height:8px;background:url(img/ban_next.png) no-repeat center;float: right;margin-top: 10px;}
.banner .banner_pic li.prev{transform: translate(-100%,0);z-index: 2;}
.banner .banner_pic li.on{transform: translate(0,0);z-index: 3;}
.banner .banner_pic li.next{transform: translate(20%,0);z-index: 1;}
.banner .banner_pic li.on .masks{opacity:0;}
.banner .banner_pic li.prev .masks{opacity:0;}
.banner .banner_pic li.nor{opacity: 0;}
.banner .banner_pic .on:hover{transform:translate(-4%,0);}
.banner .banner_pic .on:hover+.next{transform:translate(17%,0);}
.banner .banner_pic .on:hover+.next>.masks{background-color: rgba(0,0,0,0.7)}
.banner .banner_pic .next:hover{transform:translate(15%,0);}
.banner .banner_pic .next:hover .masks{background-color: rgba(0,0,0,0.5)}
.banner .banner_pic .move{transform:translate(-7%,0)!important;}
.ban_point{position:absolute;bottom:5%;text-align:center;width:100%;z-index:5;}
.ban_point ul{display:inline-block;}
.ban_point ul li{width:15px;height:15px;border-radius:100%;border:2px solid #fff;float:left;margin:0px 15px;line-height:15px;cursor:pointer}
.ban_point ul li i{display:block;width:7px;height:7px;background:#69635a;border-radius:100%;margin:4px auto;opacity:0;}
.ban_point ul li.on{border:2px solid #69635a;}
.ban_point ul li.on i{opacity:1;}

.phone_banner{display:none;}

.index_wrap2{width:80%;margin: 150px auto 0px;padding-bottom: 20px;overflow:hidden;}
.index_wrap2 .line{display: block;width:72px;height: 2px; background-color: #1b1b1c;float: left;transform:translateY(13px);margin-right:45px;}
.index_wrap2 .type_a{float: left;}
.index_wrap2 .type_a a{display:inline-block;margin-right:30px;}
.index_wrap2 .type_a a.on{text-decoration:underline;font-weight:bold;color:#000;}
.index_wrap2 .type_a a:hover{text-decoration:underline;color:#000;}
/* .index_wrap2 .tit p{font-size:16px;color:#1b1b1c;line-height: 1em;margin-bottom: 60px;}
.index_wrap2 .tit span{display:block;font-size:42px;color:#1b1b1c;line-height: 1.6em;}
.index_wrap2 .tit a{display: block;width:222px;height: 60px;background-color: #1b1b1c;padding-left:35px;line-height: 60px;color:#fff;box-sizing:border-box;padding-right: 25px;margin-top:30px;font-family: 'arial';}
.index_wrap2 .tit a i{float: right;width:24px;height: 60px;background: url(img/arrow.png) no-repeat center;} */
.index_wrap2 .case_list{margin-top:70px;}
.index_wrap2 .case_list  li{width:48%;float: left;margin-right:4%;margin-bottom:82px;cursor:pointer;}
.index_wrap2 .case_list  li:nth-child(even){margin-right:0px;}
.index_wrap2 .case_list  li a{display: block;width:100%;height: 100%;}
.index_wrap2 .case_list  li .pic_box{width:100%;margin:0 auto 50px;transition:all 0.3s;overflow: hidden;}
.index_wrap2 .case_list  li .pic_box img{transition:0.3s;width:100%;}
.index_wrap2 .case_list  li i{display: block;float: left;width:9.5%;height: 2px;margin: 5px 10.29% 0px 0px;position:relative;}
.index_wrap2 .case_list  li i:after{display:block;width:100%;height:2px;background: #1b1b1c;position:absolute;right:0px;content:'';transition:all 0.6s;}
.index_wrap2 .case_list  li .txt{float:left;width:53.7%;}
.index_wrap2 .case_list  li .txt p{color:#1b1b1c;font-family: 'arial';font-weight: bold;line-height: 1em;margin-bottom: 35px;}
.index_wrap2 .case_list  li .txt span{display: block;width:100%;overflow: hidden;font-size:24px;line-height: 1.5em;height:40px;}
.index_wrap2 .case_list  li:hover .pic_box{transform: scale(0.93);}
.index_wrap2 .case_list  li:hover .pic_box img{transform: scale(1.13);}
.index_wrap2 .case_list  li:hover i:after{animation:lr 0.8s;animation-iteration-count:1;animation-fill-mode:forwards;}


.index_wrap3{width:85%;padding:120px 2.5%;margin:0 auto;box-sizing:border-box;overflow:hidden;border-top: 1px solid #d9d9d9;}
.index_wrap3 .line{display: block;width:72px;height: 2px; background-color: #1b1b1c;float: left;margin: 7px 55px 0px 0px;}
.index_wrap3 .tit{float: left;}
.index_wrap3 .tit p{font-size:16px;color:#1b1b1c;line-height: 1em;margin-bottom:50px;}
.index_wrap3 .tit span{display:block;font-size:48px;color:#1b1b1c;line-height: 1em;font-family:"PingFang";font-weight:bold;}
.index_wrap3 .tit a{display: block;width:222px;height: 60px;background-color: #1b1b1c;padding-left:35px;line-height: 60px;color:#fff;box-sizing:border-box;padding-right: 25px;margin-top:80px;font-family: 'arial';}
.index_wrap3 .tit a i{float: right;width:24px;height: 60px;background: url(img/arrow.png) no-repeat center;}

/* .index_wrap4{width:100%;overflow: hidden;position: relative;}
.index_wrap4 .design{width:50%;position: relative;box-sizing:border-box;height: 803px;}
.index_wrap4 .design .pic_box{position:absolute;z-index:1;opacity:1;transition:all 0.6s;width:100%;height:100%;overflow:hidden;}
.index_wrap4 .design .txt{width:100%;height: 100%;position: absolute;left:0px;top:0px;padding: 70px;box-sizing:border-box;z-index: 4;transition: all 0.6s;}
.index_wrap4 .box_shadow{display: block;width:100%;height:100%;background-color:rgba(0,0,0,0.85);position:absolute;top:0px;left:0px;z-index: 3;} 
.index_wrap4 .design .txt .number{font-weight: bold;font-size:12px;color:#fff;font-family:'arial';font-style: normal; }
.index_wrap4 .design .txt b{font-size:38px;display: block;color:#fff;line-height: 1em;margin: 40px 0px 15px;}
.index_wrap4 .design .txt p{font-size:30px;color:#fff;font-family:'arial';line-height: 1em;}
.index_wrap4 .design .txt .line{display:block;width:72px;height: 2px;background-color:#fff;margin-top: 48px;margin-bottom: 90px;}
.index_wrap4 .design .txt span{display:block;width:450px;color:#fff;font-size:18px;line-height:2em;}
.index_wrap4 .design .txt a{display: block;width:58px;height: 58px;border:1px solid #8c8c8c;margin-top:210px;transition: all 0.6s;overflow: hidden;position: relative;}
.index_wrap4 .design .txt a i{display: block;width:58px;height: 58px;background:url(img/arrow.png) no-repeat center;position:absolute;right: 0px;z-index: 1;}
.index_wrap4 .design .txt a span{color:#1b1b1c;display: block;position: absolute;left:-170px;background-color: #fff;width:170px;height:58px;line-height: 60px;font-size:14px;transition:  all 0.6s;box-sizing:border-box;padding-left: 29px;z-index: 0;font-family: 'arial';}
.index_wrap4 .design .bg_video{width:100%;height:100%;position: absolute;top:0px;left:0px;overflow:hidden;transition: all 0.6s;}
.index_wrap4 .design .bg_video video{object-fit: cover;}
.index_wrap4  .rightline{width:1px;height:100%;display:block;position:absolute;top:0px;left:50%;background-color:#666;z-index:5;}
@media screen and (min-width:760px){
	.index_wrap4 .design{background:#fff;}
	.index_wrap4 .design:hover .txt a{width:170px;border:1px solid #fff;}
	.index_wrap4 .design:hover .txt span{left:0px;}
	.index_wrap4 .design:hover img{opacity:0;}
	.index_wrap4 .design1:hover .bg_video{width:200%;z-index: 2;}
	.index_wrap4 .design2:hover .bg_video{width:200%;z-index: 2;left:-100%;}
} */
.index_wrap4{width:100%;}
.index_wrap4 li{width:25%;float:left;border-right:1px solid rgba(255,255,255,0.1);box-sizing:border-box;background-repeat:no-repeat;background-position:center;}
.index_wrap4 .txt{width:100%;height:700px;background-color:rgba(0,0,0,0.5);padding:80px 100px;box-sizing:border-box;}
.index_wrap4 .txt .number{font-weight: bold;font-size:18px;color:#fff;font-family:'arial';font-style: normal;line-height:1em;}
.index_wrap4 .txt b{font-size:28px;display: block;color:#fff;line-height: 1em;margin:30px 0px 95px;}
.index_wrap4 .txt span{display:block;color:#fff;font-size:18px;line-height:2em;height:144px;}
.index_wrap4 .txt a{display: block;width:58px;height: 58px;border:1px solid #8c8c8c;margin-top:156px;transition: all 0.6s;overflow: hidden;position: relative;}
.index_wrap4 .txt a i{display: block;width:58px;height: 58px;background:url(img/arrow.png) no-repeat center;position:absolute;right: 0px;z-index: 1;}
.index_wrap4 .txt a span{color:#1b1b1c;display: block;position: absolute;left:-170px;background-color: #fff;width:170px;height:58px;line-height: 60px;font-size:14px;transition:  all 0.6s;box-sizing:border-box;padding-left: 29px;z-index: 0;font-family: 'arial';}

.index_wrap5{width:80%;margin:0 auto;padding:120px 0px;}
.index_wrap5 li{width:33.3333%;float:left;}
.index_wrap5 li dt{font-size:22px;color:#696969;line-height:1em;margin-bottom:35px;}
.index_wrap5 li dd a{color:#696969;letter-spacing:1px;}
.index_wrap5 li dd a:hover{text-decoration:underline;}
.clicknext{background-color:#f4f4f4;transition:all 0.6s;transform:translate(0,0);position: relative;z-index:6;}
.clicknext a{display:block;width:100%;padding: 105px 0px;transition:all 0.6s;box-sizing:border-box;}
.clicknext p{color:#000;text-align: center;line-height: 1em;font-family:'arial'; }
.clicknext span{display: block;text-align: center;font-size:24px;color:#000;line-height: 1em;margin:70px auto;}
.clicknext i{display: block;width:24px;height: 60px;background: url(img/arrow.png) no-repeat center;margin:0 auto;}
.clicknext .space{width:100%;height: 0px;transition:all 0.6s;}
.midcenter{padding-top:100px;margin-top:-60px;padding-bottom:60px;}
.midcenter a{margin-top:-80px;}


.footer{width:100%;box-sizing:border-box;background-color: #1b1b1c;padding:100px 0px;position: relative;z-index: 100;}
.footer .foot_con{width:80%;margin:0 auto;}
.footer .footer_left{width:18.66840731070496%;float:left;}
.footer .footer_left b{font-size:16px;color:#fff;font-family:'PingFang';font-weight: bold;display: block;line-height: 1em;margin-top:20px;}
.footer .footer_left span{display: block;color:#49494a;font-family:'arial';position:absolute;bottom:100px;}
.footer .footer_center{width:35%;float:left;}
.footer .msg_top span{display:block;font-size:24px;color:#fff;line-height: 1.7em;width: 788px;}
.footer .msg_top b{font-size:24px;color:#fff;border-bottom:2px solid #fff;display:block;width:240px;padding:2px 0px;margin-bottom:10px;}
.footer .msg_bottom{display: flex;flex-wrap: wrap;}
.footer .msg_bottom dl{width:50%;margin-bottom:40px;}
.footer .msg_bottom dt{color:#fff;font-size:16px;margin-bottom:40px;line-height:1em;}
.footer .msg_bottom dd,.footer .msg_bottom dd a{color:#fff;font-size:16px;font-family: "PingFang";}
.footer .msg_bottom img{margin-left: 24.98%;}
.footer .footer-right{width:36.42297650130548%;float:right;}
.footer .footer-right dl{float:left;margin-right:85px;}
.footer .footer-right dl:last-child{margin-right:0px;}
.footer .footer-right dt{font-size:30px;color:#fff;text-decoration:underline;font-family:"PingFang";margin-bottom:25px;line-height:1em;}
.footer .footer-right dd a{color:#fff;}
.footer .footer-right dd a:hover{text-decoration:underline;}
.ylink{display:inline-block;margin-left:18.66840731070496%;}
.ylink span{font-size:16px;color:#49494a;}
.ylink li{float:left;margin-right:10px;color:#49494a;}
.ylink li a{color:#49494a}
.ylink li:hover a{color:#fff;}
.qq{display:block;width:36px;height:36px;background:url(/static/img/qq.gif) no-repeat center;float:left;margin-right:10px;border:none!important;}
.phone_erweima{display:none;}
/* process */
/* .process_wrap1{width:85%;margin:140px auto;}
.process_wrap1 i{display: block;width:72px;height:2px;background-color:#232221;margin-right: 78px;margin-top:5px;}
.process_wrap1 div{width:480px;float:left;}
.process_wrap1 p{font-size:12px;font-family:"arial";font-weight: bold;line-height: 1em;color:#1b1b1c;margin-bottom: 60px;}
.process_wrap1 b{font-size:48px;color:#1b1b1c;display: block;line-height: 1.5em;}
.process_wrap1 span{display: block;font-size:24px;color:#232221;line-height: 1.8em;margin-top: 20px;}

.process_wrap2{width:100%;height: 1080px;}
.process_wrap2 .left{width:7.25%;height: 100%;background:url(img/proleft.jpg) no-repeat center;}
.process_wrap2 .right{width:23.75%;height: 100%;background:url(img/proright.jpg) no-repeat center;}
.process_wrap2 .process_con{width:69%;height: 1080px;box-sizing:border-box;padding: 115px 0px;background-color: #fff;float: left;}
.process_wrap2 dl{float: left;width:50%;box-sizing:border-box;padding-left:7.4vw;}
.process_wrap2 dt{font-size:24px;font-weight: bold;line-height: 1em;margin-bottom: 35px;}
.process_wrap2 dd{font-size:18px;padding-left: 20px;line-height: 1.5em;margin-bottom: 110px;}
.process_wrap2 dl:first-child{border-right:1px solid #aaaaaa;}
.process_wrap2 dd:last-child{margin-bottom:30px;}*/
.phone_processwrap2{display:none;} 
.process_wrap{position: relative;padding-top: 125px;box-sizing:border-box;}
.pic_slide{position: absolute;top:0px;width:100%}
.pic_slide ul{width:100%!important;}
.pic_slide li{width:100%!important;}
.pic_slide img{width:100%;}
.process_wrap1{width:85%;margin:0 auto;position: relative;z-index: 1;}
.process_wrap1 i{display: block;width:72px;height:2px;background-color:#fff;margin-right: 78px;margin-top:5px;}
.process_wrap1 div{width:480px;float:left;}
.process_wrap1 p{font-size:12px;font-family:"arial";font-weight: bold;line-height: 1em;color:#fff;margin-bottom: 60px;}
.process_wrap1 b{font-size:48px;color:#fff;display: block;line-height: 1.5em;}
.process_wrap1 span{display: block;font-size:24px;color:#fff;line-height: 1.8em;margin-top: 20px;}

.process_wrap2{width:85%;margin:195px auto 0;position: relative;z-index: 1;}
.process_wrap2 .process_con{width:81.29%;height:875px;box-sizing:border-box;padding:90px 0px;background-color: #fff;}
.process_wrap2 dl{float: left;width:50%;box-sizing:border-box;padding-left:7.4vw;}
.process_wrap2 dt{font-size:24px;font-weight: bold;line-height: 1em;margin-bottom: 35px;}
.process_wrap2 dd{font-size:18px;padding-left: 20px;line-height: 1.5em;margin-bottom:60px;}
.process_wrap2 dl:first-child{border-right:1px solid #aaaaaa;}
.process_wrap2 dd:last-child{margin-bottom:30px;}

.contact_wrap1{width:85%;padding-bottom:124px;border-bottom:1px solid #d9d9d9;margin:110px auto 0px;}
.contact_wrap1 .tit{width:25.3%;}
.contact_wrap1 .tit span{display: block;font-size:12px;color:#707070;font-family:"arial";position: relative;}
.contact_wrap1 .tit span:after{display: block;width:13px;height: 1px;background-color:#707070;content:'';position: absolute;top:55%;left:20px;}
.contact_wrap1 .tit b{font-size:12px;color:#1b1b1c;display: block;line-height: 1em;margin:12px 0px 10px;}
.contact_wrap1 .tit p{font-size:12px;color:#1b1b1c;line-height: 1em;}
.contact_wrap1 .contact_msg{}
.contact_wrap1  .msg_bottom{display: flex;flex-wrap: wrap;width: 60.7%;justify-content: space-between;}
.contact_wrap1  .msg_bottom dl{width:32%;margin-bottom:40px;}
.contact_wrap1  .msg_bottom dt{font-size:18px;color:#1f1f1f;font-weight: bold;margin-bottom: 30px;}
.contact_wrap1  .msg_bottom dd{color:#1f1f1f;font-size:16px;font-family: "arial";}

.contact_wrap2{width:85%;padding-bottom:124px;margin:120px auto 0px;}
.contact_wrap2 .tit{width:25.3%;float:left;}
.contact_wrap2 .tit span{display: block;font-size:12px;color:#707070;font-family:"arial";position: relative;}
.contact_wrap2 .tit span:after{display: block;width:13px;height: 1px;background-color:#707070;content:'';position: absolute;top:65%;left:20px;}
.contact_wrap2 .tit b{font-size:12px;color:#1b1b1c;display: block;line-height: 1em;margin:12px 0px 10px;}
.contact_wrap2 .tit p{font-size:12px;color:#1b1b1c;line-height: 1em;}
.contact_wrap2 .msg_form{width:50.7%;float:left}
.contact_wrap2 .form_box{width:814px;height: 677px;box-sizing:border-box;background: #fff;padding: 65px;}
.contact_wrap2 .form_box input{outline:none;}
.contact_wrap2 .form_box input[type="text"]{width:327px;height: 60px;border:1px solid #e9e9e9;padding-left: 20px;float: left;font-size:35px;color:#c5c5c5;background-color: #f4f4f4;box-sizing:border-box;margin-right: 30px;margin-bottom: 60px;}
.contact_wrap2 .form_box input[type="text"]:nth-child(2),.contact_wrap2 .form_box input[type="text"]:nth-child(4){margin-right: 0px;}
.contact_wrap2 .form_box textarea{width:100%;height: 167px;border:1px solid #e9e9e9;color:#c5c5c5;padding: 25px;box-sizing:border-box;}
.contact_wrap2 .form_box input[type="submit"]{display: block;width:100%;height: 64px;line-height: 64px;text-align: center;color:#fff;border:1px solid #9b9b9b;background-color: #1b1b1c;font-size:20px;margin-top: 35px;}
.contact_wrap2 .form_box .reset{font-size:16px;color:#8f8f8f;display:block;margin:35px auto 0px;width:64px;background:none;border:none;cursor:pointer}


/* case */
.case_wrap1{width:80%;margin:10px auto 65px;}
.case_wrap1 i{display: block;width:72px;height:2px;background-color:#1b1b1c;float: left;margin-right: 77px;margin-top: 5px;}
.case_wrap1 .tit{width:90%;float:left}
.case_wrap1 .tit p{font-size:12px;color:#1b1b1c;font-weight: bold;font-family:"arial"; line-height: 1em;}
.case_wrap1 .tit b{font-size:30px;color:#1b1b1c;display: block;line-height: 1em;margin:5px 0px 30px;}
.case_wrap1 .tit span{float: left;display: inline-block;margin-right: 45px;color:#b9b9b9;font-size:12px;font-family:"arial";}
.case_wrap1 .tit li{float: left;margin-right: 42px;}
.case_wrap1 .tit li:last-child{margin-right:0px;}
.case_wrap1 .tit li a{font-weight: bold;color:#1b1b1c;position: relative;overflow: hidden;display: inline-block;box-sizing:border-box;padding: 0px 5px;}
.case_wrap1 .tit li a:after{display: block;content: '';position: absolute;width:0px;height: 2px;background-color: #000;top:49.5%;left:-5px;transition: all 0.3s;}
.case_wrap1 .tit li:first-child a:after{left:-1px;}
.case_wrap1 .tit li a:hover:after{animation: delate2 0.6s;}
.case_wrap1 .tit .on a:after{width:110%;left:0px;}
@keyframes delate2
{
0%   {width: 0px;left:0px;}
50%  {width: 110%;left:0px;}
100% {width: 110%;left:110%;}
}
.case_wrap2 {width:85%;margin:70px auto 0px;}
.case_wrap2  li{width:46.86%;float: left;margin-right: 3.09%;margin-bottom:82px;cursor:pointer;}
.case_wrap2  li a{display: block;width:100%;height: 100%;}
.case_wrap2  li .pic_box{width:100%;margin:0 auto 50px;transition:all 0.3s;overflow: hidden;}
.case_wrap2  li .pic_box img{transition:0.3s;width:100%;}
.case_wrap2  li i{display: block;float: left;width:9.5%;height: 2px;margin: 5px 10.29% 0px 0px;position:relative;}
.case_wrap2  li i:after{display:block;width:100%;height:2px;background: #1b1b1c;position:absolute;right:0px;content:'';transition:all 0.6s;}
.case_wrap2  li .txt{float:left;width:53.7%;}
.case_wrap2  li .txt p{color:#1b1b1c;font-family: 'arial';font-weight: bold;line-height: 1em;margin-bottom: 35px;}
.case_wrap2  li .txt span{display: block;width:100%;overflow: hidden;font-size:24px;line-height: 1.5em;height:40px;}
.case_wrap2  li:hover .pic_box{transform: scale(0.93);}
.case_wrap2  li:hover .pic_box img{transform: scale(1.13);}
.case_wrap2  li:hover i:after{animation:lr 0.8s;animation-iteration-count:1;animation-fill-mode:forwards;}

/* news */
/* .news_list{width:85%;margin:0 auto;}
.news_list .news{width:100%;display: flex;margin-top: 155px;flex-wrap: wrap;}
.news_list .news li{width:30%;margin-right:3.33%;margin-bottom: 150px;cursor:pointer;}
.news_list .news li a{display: block;width:100%;height: 100%;}
.news_list .news li .pic_box{width:82.33%;margin:0 auto 50px;transition:all 0.3s;overflow: hidden;}
.news_list .news li .pic_box img{transition:0.3s;width:100%;}
.news_list .news li i{display: block;float: left;width:14.42%;height: 2px;margin: 5px 15.41% 0px 0px;position:relative;}
.news_list .news li i:after{display:block;width:100%;height:2px;background: #1b1b1c;position:absolute;right:0px;content:'';transition:all 0.6s;}
.news_list .news li .txt{float:left;width:53.7%;}
.news_list .news li .txt p{color:#1e1e1f;font-family: 'arial';font-weight: bold;line-height: 1em;margin-bottom: 35px;}
.news_list .news li .txt span{display: block;width:100%;overflow: hidden;font-size:18px;line-height: 1.5em;height:54px;}
.news_list .news li:hover .pic_box{transform: scale(0.93);}
.news_list .news li:hover .pic_box img{transform: scale(1.13);}
.news_list .news li:hover i:after{animation:lr 0.8s;animation-iteration-count:1;animation-fill-mode:forwards;} */
.news-list li{width:60.20833333333333%;margin:0 auto;padding: 55px 0;border-bottom: 1px solid #d9d9d9;}
.news-list li .imgbigout{width: 44%;float: left}
.news-list li .imgbigout img{width: 100%;height: auto}
.news-list li .news-summary{float: right;width: 49%}
.news-list li .news-summary h4{color: #000;margin-bottom: 30px;font-size: 16px;font-weight:bold;}
.news-list li .news-summary p{margin-bottom: 30px}
.news-list li .news-summary p a{color: #0f0b09;font-size: 24px;}
.news-list li .news-summary span{margin-bottom: 50px;display: block}
.news-list li .news-summary span a{font-size: 16px}
.news-list li .news-summary .more{text-decoration: underline;}
.news-read{width:90%;margin: 0 auto;padding-bottom:110px;}
.news-read .news-read-left{float: left}
.news-read .news-read-left h3{font-size: 24px}
.news-read .news-read-left h4{font-size: 16px}
.news-read .news-read-right{float: right;width: 75%;}
.news-read .news-read-right .title{font-size: 30px;line-height: 30px;padding-bottom: 10px;border-bottom: 1px solid #ccc;color: #0f0b09;margin-bottom: 40px;font-family: 'msyhl'}
.news-read .news-read-right .title h1{font-size: 30px;line-height: 30px;padding-bottom: 10px;color: #0f0b09;margin-bottom: 40px;font-family: 'msyhl'}
.news-read .content p,
.news-read .content span,
.news-read .content div{font-size: 16px}
.news-read .content img{max-width: 705px;height: auto;}
.news-read .content{padding-bottom: 50px;border-bottom: 1px solid #ccc;font-size: 16px}
.share-box .icon{background-image: url(img/icon.png);background-repeat: no-repeat}
#share{width: 28px;height: 26px;float: right;position: relative;z-index: 99}
.share{width: 28px;height: 26px;display: block}
.ico-share{width: 28px;height: 26px;display: block;background-position: 2px -231px}
.ico-share:hover{background-position: -33px -231px}
.share-list{width: 100px;padding: 10px 20px;background: #363636;position: absolute;right: 0;top: 32px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;visibility: hidden;z-index: -1;opacity: 0;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear}
.share-list.active{visibility: visible;z-index: 1;opacity: 1}
.share-list li a{height: 24px;line-height: 24px;display: block;padding-left: 34px;color: #FFF;font-size: 14px;position: relative}
.share-list li a:hover{color: #ffe514}
.share-list li .icon{width: 24px;height: 24px;display: block;position: absolute;left: 0;top: 50%;margin-top: -12px}
.share-list li .ico-weixin{background-position: -60px 0}
.share-list li .ico-xlwb{background-position: -100px 0}
.share-list li .ico-txwb{background-position: -140px 0}
.share-list li .ico-douban{background-position: -180px 0}
.share-list li .ico-tieba{background-position: -220px 0}
.share-list li a:hover .ico-weixin{background-position: -60px -40px}
.share-list li a:hover .ico-xlwb{background-position: -100px -40px}
.share-list li a:hover .ico-txwb{background-position: -140px -40px}
.share-list li a:hover .ico-douban{background-position: -180px -40px}
.share-list li a:hover .ico-tieba{background-position: -220px -40px}
.news-tool{margin-top: 26px}
.news-tool-right li{position: relative;height: 32px;float: left;margin: 0 7px}
.news-tool-right li .icon{background-image: url(img/icon.png);background-repeat: no-repeat;display: block;width: 26px;height: 26px}
.news-tool-right #close a{background-position: 0 -114px}
.news-tool-right #prev a{background-position: 0 -155px}
.news-tool-right #next a{background-position: 0 -194px}
.news-tool-right #close a:hover{background-position: -36px -114px}
.news-tool-right #prev a:hover{background-position: -36px -155px}
.news-tool-right #next a:hover{background-position: -36px -194px}
.news_center{width:100%;padding: 130px 155px;box-sizing:border-box;background-color: #1b1b1c;padding-left: 15vw;overflow: hidden;}
.phone_center{display:none;}
/* .news_center .tit i{display: block;width:72px;height:2px;background-color:#fff;float: left;margin-right: 77px;margin-top: 5px;}
.news_center .tits{width:50%;}
.news_center .tits p{font-size:12px;color:#fff;font-weight: bold;font-family:"arial"; line-height: 1em;}
.news_center .tits b{font-size:48px;color:#fff;display: block;line-height: 1em;margin:64px 0px 30px;}
.news_center .tits span{float: left;display: inline-block;color:#fff;font-size:18px;}

.news_center .con{width:200%;height:26.25vw;box-sizing:border-box;margin-top:55px;margin-left: 150px;position: relative;}
.news_center .con .pos_left{width:34.589%;}
.news_center .con .conleft{width:100%;position: relative;overflow:hidden;float:left;margin-right:45px;}
.news_center .con .conleft li{width:100%;position: absolute;z-index: 0;opacity: 0;transition: all 0.6s;transform: translate(0,-100%);background-color:#fff;}
.news_center .con .conleft .prev{transform: translate(0,-100%);opacity: 1;}
.news_center .con .conleft .on{transform: translate(0,0);z-index: 1;opacity: 1;}
.news_center .con .conleft .next{transform: translate(0,0);opacity: 1;}

.news_center .con .pos_right{float:left;width:34.589%;height:100%;}
.news_center .con .conright{position: relative;width:100%;overflow:hidden;height:100%;}
.news_center .con .conright li{width:100%;position: absolute;z-index: 0;opacity: 1;transform: translate(0,200%);opacity: 0;transition: all 0.6s;height: 100%;}
.news_center .con .conright .prev{transform: translate(0,100%);opacity: 1;}
.news_center .con .conright .on{transform: translate(0,0);z-index: 1;opacity: 1;}
.news_center .con .conright .next{transform: translate(0,0%);opacity: 1;}

.news_center .con .pic_left{width:50%;background-color: #f0f0f0;float: left;box-sizing:border-box;min-height:350px;height:100%;}
.news_center .con .pic_left img{width:100%;height:100%;}
.news_center .con .pic_left .pic{margin:45px auto 49px;}
.news_center .con .pic_left b{font-size:18px;color:#1c1c1c;font-family:"arial";float: left;}
.news_center .con .pic_left span{float: right;font-size:12px;color:#1c1c1c;font-family:"arial";margin-right: 66px;}
.news_center .con .pic_right{width:50%;background-color: #fff;float: right;box-sizing:border-box;height:100%;position:relative;}
.news_center .con .pic_right .local{width:68.316831683168316831683168316832%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.news_center .con .pic_right p{color:#181818;line-height: 1em;}
.news_center .con .pic_right b{font-size:24px;color:#181818;display: block;line-height: 1em;margin:14% 0px;}
.news_center .con .pic_right a{display: block;width:74.5%;height: 60px;padding-left:11%;line-height: 60px;color:#333;box-sizing:border-box;padding-right:30px;border:1px solid #3e3a39;letter-spacing:10px;}
.news_center .con .pic_right a i{float: right;width:24px;height: 60px;background: url(img/arrow.png) no-repeat center;}
.news_center .con .pager{width:154px;height: 21px;position: absolute;bottom:-5px;overflow: hidden;left:15%;}
.news_center .con .pager a{display: block;width:23px;height: 8px;margin-top: 10px;}
.news_center .con .pager a.prev{background:url(img/prev.png) no-repeat center;}
.news_center .con .pager a.next{background:url(img/next.png) no-repeat center;}
.news_center .con .pager .page_number{width:51px;color:#fff;float:left;margin-left: 27px;}
.news_center .con .pager ul{margin-right: 10px;position:relative;width:8px;height:28px;overflow:hidden;}
.news_center .con .pager li{color:#fff;position:absolute;opacity:0;transform: translate(0,200%);transition:all 0.4s;}
.news_center .con .pager span{color:#fff;}
.news_center .con .page_number .prev{transform: translate(0,-100%);opacity:0;}
.news_center .con .page_number .on{transform: translate(0,0);z-index: 1;opacity:1;}
.news_center .con .page_number .next{transform: translate(0,100%);opacity:1;}
.news_center .con img{max-width:100%;} */
/* artical */
.art_wrap1{width:100%;height: 870px;box-sizing:border-box;padding:327px 0px 300px;background-color: #1b1b1c}
.art_wrap1 .con{width:85%;margin:0 auto;}
.art_wrap1 .con i{display: block;width:33px;height: 2px;background-color: #fff;float: left;margin-top: 5px;margin-right: 10px;}
.art_wrap1 .con a{font-weight: bold;color:#fff;font-size: 16px;font-family:"arial";display:inline-block;float: left;line-height: 1em;}
.art_wrap1 .con .left:first-child{width:304px;}
.art_wrap1 .con p{font-size: 16px;color:#fff;font-family:"arial";line-height: 1em;font-weight: bold;}
.art_wrap1 .con b{font-size:48px;font-weight: bold;display: block;line-height: 1em;color:#ffffff;margin:50px 0px 100px;}
.art_wrap1 .con span{display: block;line-height:1.5em;font-size:30px;color:#ffffff;}
.art_wrap1 .con .left{max-width:1000px;}
.art_wrap2{width:100%;background-color:#fff;padding:165px 0px 240px;}
.art_wrap2 .con{width:1000px;margin:0 auto;}
.art_wrap2 .con img{max-width:100%;}
/* case-content */
.case-read{width:80%;margin:210px auto 0px;}
.case-read-top{padding:70px 0;color: #fff;height: 130px}
.case-read-top .left{width: 36%;text-align: right;font-size: 20px}
.case-read-top .right{width: 40%;margin-right: 20%;position: relative;height: 100%}
.case-read-top .right p{font-size: 20px;line-height: 1.8em;margin-bottom: 20px}
.case-read-top .right ul{position: absolute;bottom: 0}
.case-read-top .right ul li{font-size: 14px}
.case_content2{width:100%;}
.case_content2 .idea{float:left;}
.case_content2 .con{width:100%;margin:0 auto;}
.case_content3{width:62.5%;margin:0 auto;}
.case_content3 li{margin-bottom:24px;}
.case_content3 li,.case_content3 img{width:100%;}
/* about */
.about_wrap1{width:85%;margin:140px auto 120px;}
.about_wrap1 i{display: block;width:72px;height:2px;background-color:#232221;margin-right: 78px;margin-top:5px;}
.about_wrap1 p{font-size:12px;font-family:"arial";font-weight: bold;line-height: 1em;color:#1b1b1c;margin-bottom: 60px;}
.about_wrap1 b{font-size:48px;color:#1b1b1c;display: block;line-height: 1.5em;}
.about_wrap1 .tit{float:left;margin-bottom:162px;}
.about_wrap1 img{width:100%;}

.about_wrap2{width:85%;margin:0 auto;padding-bottom: 100px;border-bottom:1px solid #d9d9d9;overflow:hidden;}
.about_wrap2 .tit{width:18.85%;float:left;}
.about_wrap2 .tit span{position:relative;}
.about_wrap2 .tit span:after{display: block;width:13px;height: 1px;background-color:#707070;content:'';position: absolute;top:55%;left:20px;}
.about_wrap2 .tit b{font-size:12px;color:#1b1b1c;display: block;line-height: 1em;margin:12px 0px 10px;}
.about_wrap2 .tit p{font-size:12px;color:#1b1b1c;line-height: 1em;}
.about_wrap2 .con{width:74.7%;float:left;}
.about_wrap2 .con b{font-size:36px;color:#202021;display:block;line-height: 1em;}
.about_wrap2 .con p{font-size:18px;color:#2c2c2c;margin-top:40px;width:83.5%;text-align:justify;}
.about_wrap2 .con img{margin-top:110px;}

.about_newwrap{width:85%;margin:0 auto;padding:80px 0px;}
.about_newwrap .content{width:75%;margin:0 auto;}
.about_newwrap b{font-size:36px;font-weight:bold;line-height:1em;display:block;margin-bottom:80px;}
.about_newwrap em{font-style:normal;font-size:17px;color:#000;}
.about_newwrap p{font-size:28px;line-height:1em;margin:35px 0px 50px;font-weight:bold;}
.about_newwrap span{display:inline-block;font-size:18px;}
.about_newwrap span:first-child{display:block;}
.about_newwrap ul{display:flex;}
.about_newwrap ul li{margin-right:5%;}
.about_newwrap ul li:last-child{margin-right:0px;}

.about_wrap3{width:85%;margin:0px auto;overflow: hidden;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:100px 0px;}
.about_wrap3 .tit{width:18.85%;float:left;}
.about_wrap3 .tit span{position:relative;}
.about_wrap3 .tit span:after{display: block;width:13px;height: 1px;background-color:#707070;content:'';position: absolute;top:55%;left:20px;}
.about_wrap3 .tit b{font-size:12px;color:#1b1b1c;display: block;line-height: 1em;margin:12px 0px 10px;font-weight:bolder;}
.about_wrap3 .tit p{font-size:12px;color:#1b1b1c;line-height: 1em;}
.about_wrap3 .con{width:74.7%;float:left;}
.about_wrap3 .con p{font-size:36px;color:#2c2c2c;line-height: 1.9em;font-weight:bold;}
.about_wrap3 ul{width:105%;display: flex;flex-wrap: wrap;margin-top: 90px;}
.about_wrap3 ul li{width:21.66%;margin-right:2.8%;margin-bottom: 50px;}
.about_wrap3 ul li img{width:100%;}

.about_wrap4{width:85%;margin:170px auto 0px;}
.about_wrap4 .tit{width:18.85%;float:left;}
.about_wrap4 .tit span{position:relative;}
.about_wrap4 .tit span:after{display: block;width:13px;height: 1px;background-color:#707070;content:'';position: absolute;top:55%;left:20px;}
.about_wrap4 .tit b{font-size:12px;color:#1b1b1c;display: block;line-height: 1em;margin:12px 0px 10px;font-weight:bolder;}
.about_wrap4 .tit p{font-size:12px;color:#1b1b1c;line-height: 1em;}
.about_wrap4 .con{width:80%;float:left;}
.about_wrap4 .con b{font-size:36px;color:#202021;display:block;line-height: 1em;margin-bottom: 50px;}
.about_wrap4 .con p{font-size:24px;color:#2c2c2c;line-height: 1.9em;}

.about_wrap5{width:100%;overflow: hidden;margin-top:100px;padding-bottom:195px;position: relative;}
.about_wrap5 .con{width:107.552083333333%;height:34.5vw;position: relative;left:23.33333333333333%;display:flex;}
.about_wrap5 .conleft{width:52.6041666666%;float:left;margin-right:45px;overflow:hidden;}
.about_wrap5 .conleft ul{width:100%;position:relative;}
.about_wrap5 .conleft img{width:100%;}
.about_wrap5 .conright{width:52.6041666666%;float:left;overflow:hidden;}
.about_wrap5 .conright img{width:100%;}
.about_wrap5 .conright ul{width:100%;position:relative;}
.about_wrap5 .conleft li{width:100%;position: absolute;z-index: 0;opacity: 0;transition: all 0.6s;transform: translate(0,-100%);}
.about_wrap5 .conright li{position: absolute;z-index: 0;opacity:0;transform: translate(0,200%);opacity: 0;transition: all 0.6s;overflow:hidden;}
.about_wrap5 .conleft .prev{transform: translate(0,-100%);opacity: 1;}
.about_wrap5 .conleft .on{transform: translate(0,0);z-index: 1;opacity: 1;}
.about_wrap5 .conleft .next{transform: translate(0,0);opacity: 1;}

.about_wrap5 .conright .prev{transform: translate(0,100%);opacity: 1;}
.about_wrap5 .conright .on{transform: translate(0,0);z-index: 1;opacity: 1;}
.about_wrap5 .conright .next{transform: translate(0,0%);opacity: 1;}

.about_wrap5 .pager{width:154px;height: 21px;position: absolute;bottom:17.5%;overflow: hidden;left:50%;}
.about_wrap5 .pager a{display: block;width:23px;height: 8px;margin-top: 10px;}
.about_wrap5 .pager a.prev{background:url(img/a_prev.png) no-repeat center;}
.about_wrap5 .pager a.next{background:url(img/a_next.png) no-repeat center;}
.about_wrap5 .pager .page_numbers{width:65px;color:#333;float:left;margin-left: 22px;font-weight:bolder;}
.about_wrap5 .pager ul{margin-right: 10px;position:relative;width:8px;height:28px;overflow:hidden;}
.about_wrap5 .pager li{color:#333;position:absolute;opacity:0;transform: translate(0,200%);transition:all 0.4s;font-weight:bolder;}
.about_wrap5 .pager span{color:#333;font-weight:bolder;}
.about_wrap5 .page_numbers .prev{transform: translate(0,-100%);opacity:0;}
.about_wrap5 .page_numbers .on{transform: translate(0,0);z-index: 1;opacity:1;}
.about_wrap5 .page_numbers .next{transform: translate(0,100%);opacity:1;}
.phone_wrap5{display:none;}


.about_wrap6{width:85%;margin:170px auto 0px;}
.about_wrap6 .tit{width:18.85%;float:left;}
.about_wrap6 .tit span{position:relative;}
.about_wrap6 .tit span:after{display: block;width:13px;height: 1px;background-color:#707070;content:'';position: absolute;top:55%;left:20px;}
.about_wrap6 .tit b{font-size:12px;color:#1b1b1c;display: block;line-height: 1em;margin:12px 0px 10px;}
.about_wrap6 .tit p{font-size:12px;color:#1b1b1c;line-height: 1em;}
.about_wrap6 .con{float:left}
.about_wrap6 .con b{font-size:36px;color:#202021;display:block;line-height: 1em;margin-bottom: 50px;}
.about_wrap6 .con p{font-size:24px;color:#2c2c2c;line-height: 1.9em;}
.about_wrap6 ul{margin-top:55px;}
.about_wrap6 li{width:46.86%;float: left;margin-right: 3.09%;margin-bottom: 150px;}
.about_wrap6 li a{display: block;width:100%;height: 100%;}
.about_wrap6  li .pic_box{width:100%;margin:0 auto 50px;transition:all 0.3s;overflow: hidden;}
.about_wrap6 li .pic_box img{transition:0.3s;width:100%;}
.about_wrap6 li i{display: block;float: left;width:9.5%;height: 2px;margin: 5px 10.29% 0px 0px;position:relative;}
.about_wrap6  li i:after{display:block;width:100%;height:2px;background: #1b1b1c;position:absolute;right:0px;content:'';transition:all 0.6s;}
.about_wrap6  li .txt{float:left;width:53.7%;}
.about_wrap6  li .txt p{color:#1b1b1c;font-family: 'arial';font-weight: bold;line-height: 1em;margin-bottom: 35px;}
.about_wrap6  li .txt span{display: block;width:100%;overflow: hidden;font-size:24px;line-height: 1.5em;height:40px;}
.about_wrap6  li:hover .pic_box{transform: scale(0.93);}
.about_wrap6  li:hover .pic_box img{transform: scale(1.13);}
.about_wrap6  li:hover i:after{animation:lr 0.8s;animation-iteration-count:1;animation-fill-mode:forwards;}

.case-fixed{position: fixed;width: 28px;top: 35%;right:3%;display:none;}
.case-fixed li{position: relative;height: 26px;margin-bottom: 17px}
.case-fixed li .icon{background-image:url(img/icon.png);background-repeat:no-repeat;display: block;width: 28px;height: 26px}
.case-fixed #close a{background-position: 0 -117px}
.case-fixed #prev a{background-position: 0 -155px}
.case-fixed #next a{background-position: 0 -194px}
.case-fixed #close a:hover{background-position: -36px -117px}
.case-fixed #prev a:hover{background-position: -36px -155px}
.case-fixed #next a:hover{background-position: -36px -194px}
.share-box .icon{ background-image:url(img/icon.png);background-repeat:no-repeat;}
#share{ width:28px; height:26px; float:right;position:relative; z-index:99;}
.share{width:28px;height:26px;display:block;}
.ico-share{ width:28px; height:26px; display:block; background-position:2px -231px;}
.ico-share:hover{ background-position:-33px -231px;}
.share-list{width:100px;padding:10px 20px;background:#363636;position:absolute;right:0; top:32px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px; visibility:hidden;z-index:-1;opacity:0; -moz-transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.share-list.active{visibility:visible;z-index:1;opacity:1;}
.share-list li a{ height:24px; line-height:24px; display:block; padding-left:34px; color:#FFF; font-size:14px; position:relative;}
.share-list li a:hover{ color:#ffe514;}
.share-list li .icon{ width:24px; height:24px; display:block; position:absolute; left:0; top:50%; margin-top:-12px;}
.share-list li .ico-weixin{ background-position:-60px 0px;}
.share-list li .ico-xlwb{ background-position:-100px 0px;}
.share-list li .ico-txwb{ background-position:-140px 0px;}
.share-list li .ico-douban{ background-position:-180px 0px;}
.share-list li .ico-tieba{ background-position:-220px 0px;}
.share-list li a:hover .ico-weixin{ background-position:-60px -40px;}
.share-list li a:hover .ico-xlwb{ background-position:-100px -40px;}
.share-list li a:hover .ico-txwb{ background-position:-140px -40px;}
.share-list li a:hover .ico-douban{ background-position:-180px -40px;}
.share-list li a:hover .ico-tieba{ background-position:-220px -40px;}
.page{text-align:center;}
.page a,.page span{display:block;font-weight:bold;float:left;margin:0px 12.5px;color:#a3a3a3;}
.page .now{color:#000;}
@keyframes lr
{
0%  {width:100%;right:0%}
40%  {width:0%;right:0%}
60% {width:0%;right:100%}
100% {width:100%;right:0%}
}


@media screen and (min-width:760px) and (max-width:1366px) {
	.index_wrap4 li{width:50%;background-size:cover;}
	.index_wrap4 .txt{height:500px;padding:40px 70px;}
	.index_wrap4 .txt a{margin-top:50px;}
	.footer .footer_left,.footer .footer_center,.footer .footer-right{width:100%;float:none;}
	.footer .footer_center{margin:30px 0px 20px;}
	.footer .footer-right{margin-bottom:20px;}
}


@media screen and (min-width:760px) and (max-width:1800px) {
	.news_center .con .pic_right a{letter-spacing:5px;}
}

@media screen and (min-width:760px) and (max-width:1700px) {
   .banner .content li p{margin-top:6vh;margin-bottom:30px;}
   .process_wrap2 dl{padding-left:7vw;}
   .news_center .con .pic_right b{font-size:20px;margin:17% 0;}
   .news_center .con .pager{left:14.7%;}
}

@media screen and (min-width:760px) and (max-width:1550px) {
	.news_center .con .pic_right a{letter-spacing:3px;}
}
@media screen and (min-width:760px) and (max-width:1500px) {
   .banner .content li p{margin-top:6vh;margin-bottom:30px;}
   .banner .content li a{margin-top:7vh;}
   .ban_point ul li{transform:scale(0.8);}
   .banner .content{top:6vh;}
   .process_wrap2 dl{padding-left:5vw;}
   .news_center .con .pic_right{padding: 11% 7%;}
   .news_center .con .pager{left:13.6%;}
}


.footer_mid { 
	width: 100%
}
.footer_mid h2 {
	margin-bottom: 5px;
	margin-top: 25px;
	color: #000;
	font-size: 18px;
	line-height: 35px
}
.footer_mid h3 {
	width: 35px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 15px;
}
.footer_mid ul li {
	width: 46%;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
	border-bottom: 1px dashed #c6c6c6;
	line-height: 36px;float:left;
}
.footer_mid ul li:nth-child(2n){float:right;}
.footer_mid .cate {
	display: inline;
	font-size: 12px;
	color: #000;
	margin-right: 8px
}
.footer_mid .cate:hover {
	color: #0064d4
}
.footer_mid .title {
	display: inline;
	font-size: 12px;
	color: #d9d9d9
}
.footer_mid .title:hover {
	color: #000
}
.footer_mid span {
	font-size: 11px;
	color: #acacac
}

 


.footer_mid1 { 
	width: 100%
}
.footer_mid1 h2 {
	margin-bottom: 5px;
	margin-top: 25px;
	color: #000;
	font-size: 18px;
	line-height: 35px
}
.footer_mid1 h3 {
	width: 35px;
	border-bottom: 2px solid #ccc; 
}
.ul-imgtxt1 {
	overflow: hidden;
    margin: 0 -10px 20px;
    *zoom:1;
}
.ul-imgtxt1 li {
    width: 20%;
    float: left;
    margin-top: 20px;
}

.ul-imgtxt1 li a {
    margin: 0 10px;
    display: block;
    text-align: center;
}
.ul-imgtxt1 li a .pic {
    padding-top: 77%;
    height: 0;
    position: relative;
    overflow: hidden;
}
.ul-imgtxt1 li a .pic img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.ul-imgtxt1 li a:hover .pic img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
}
.ul-imgtxt1 li a p {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ul-imgtxt1 li a:hover {
    text-decoration: none;
}
.ul-imgtxt1 li a:hover p {
	background-color: #000;
    color: #fff;
}

@media only screen and (max-width: 767px)
	.ul-imgtxt1 li {
		width: 50%;margin-top: 10px;
	} 
}

a{cursor: pointer;}