@charset "utf-8";
/* reset */
*{margin: 0;padding: 0;}
body{width: 100%;overflow-x: hidden;font-weight: 500;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,keygen,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,textarea,select,button{margin:0;padding:0;border:0;outline:0;font-size:100%;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none;}
sup,sub{font-size:83%}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
del{text-decoration:line-through}
ins,u,s,a,a:hover{text-decoration:none}
em,i,cite,var,address,dfn{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button,label{cursor:pointer}
body,textarea,input,button,select,keygen,legend{color:#666}
input::-webkit-input-placeholder{color: #ccc;}
input:-moz-placeholder{color: #ccc;}
input::-moz-placeholder{color: #ccc;}
input::-ms-input-placeholder{color: #ccc;}
textarea::-webkit-input-placeholder{color: #ccc;}
textarea:-moz-placeholder{color: #ccc;}
textarea::-moz-placeholder{color: #ccc;}
textarea::-ms-input-placeholder{color: #ccc;}
html{_background-image:url(about:blank);_background-attachment:fixed}
html{background-color:#fff}
img{ border: none;}
a{color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*a:hover{color:#ff571a;}*/
p{margin-bottom: 0;}
body{background-color:#fff;min-height: 100vh;}
/* function */
.dn{display:none}
.db{display:block}
.di{display:inline}
.di-b{ display: inline-block;}
.f-fl{float:left;}
.f-fr{float:right;}
.fn{float:none}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fwb{font-weight:bold}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.vam{vertical-align:middle}
.vat{vertical-align:top}
.wsn{word-wrap:normal;white-space:nowrap}
.ti{overflow:hidden;text-indent:-999em}
.ti2{text-indent:2em}
.cp{cursor:pointer}
.nus{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.clear,.cb{overflow:hidden;display:block;clear:both;height:0}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix,.zm{*zoom:1}
a:focus, a:hover{text-decoration: none !important;}
input::-webkit-input-placeholder { 
color: #888; 
} 
input:-moz-placeholder {  
color: #888; 
} 
input::-moz-placeholder { 
color: #888; 
} 
input:-ms-input-placeholder { 
color: #888; 
}

textarea::-webkit-input-placeholder { 
color: #888; 
} 
textarea:-moz-placeholder {  
color: #888; 
} 
textarea::-moz-placeholder { 
color: #888; 
} 
textarea:-ms-input-placeholder { 
color: #888; 
}

.container_box{width: 100%;margin: 0 auto;padding: 0 158px;box-sizing: border-box;}
.header_box{height: 92px;}
.header{width: 100%;position: fixed;left: 0;top: 0;z-index: 100;height: 92px;padding: 0 150px;box-sizing: border-box;display: flex;justify-content: space-between;overflow: hidden;}
.header .logo{line-height: 92px;}
.header .logo img{vertical-align: middle;}
.header .logo img.img2{display: none;}
.header .nav{line-height: 92px;}
.header .nav a{margin-left:15px;font-size: 20px;color: #fff;}
.header .nav a:hover{color: #e60012;}
.banner{width: 100%;}
.banner img{display: block;transform: scale(1.2);transition: 4s all; width: 100%}
.banner .swiper-slide{position: relative;}
.banner .box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;z-index:1000;width: 100%;font-size: 60px;color: #fff;font-weight: bold;}
.banner .swiper-slide{overflow: hidden;height:600px;}
.banner .swiper-slide-active img{transform: scale(1);}
.header.active{background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.header.active .nav a{color: #000000;}
.header.active .nav a:hover{color: #e60012;}
.header.active .logo img.img2{display: inline-block;}
.header.active .logo img.img1{display: none;}
.index1{width: 100%;box-sizing: border-box;margin-bottom: 70px;}
.index1 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index1 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index1 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index1 .bottom{width: 100%;}
.index1 .bottom ul{display: flex;justify-content: space-between;}
.index1 .bottom ul li{width: 20%;border-right:1px solid #fff ;border-left: 1px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;}
.index1 .bottom ul li img{display: block;width: 100%;transition: .3s all;    height: 320px;}
.index1 .bottom ul li .box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 10;text-align: center;}
.index1 .bottom ul li .box span{display: block;line-height: 35px;font-size: 22px;color: #fff;}
/*.index1 .bottom ul li .box :hover{color: #e60012;}*/
.index1 .bottom ul li .box i{display: block;width: 50px;height: 2px;background-color: #fff;margin: 0 auto;}
.index1 .bottom ul li .box p{font-size: 14px;color: #fff;line-height: 28px;text-transform: uppercase;}
.index1 .bottom ul li:hover img{transform: scale(1.1);}

.index1 .bottom ul li:hover .box span{color: #e60012;}
.index1 .bottom ul li:hover .box i{background-color: #e60012;}
.index1 .bottom ul li:hover .box p{color: #e60012;}



.index2{width: 100%;box-sizing: border-box;margin-bottom: 0px;}
.index2 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index2 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index2 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index2 .bottom{width: 100%;}
.index2 .bottom ul{display: flex;flex-wrap: wrap;}
.index2 .bottom ul li{width:33.33%;border-right:1px solid #fff ;border-left: 1px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;}
.index2 .bottom ul li .img{display: block;overflow: hidden;}
.index2 .bottom ul li .img img{display: block;width: 100%;height:265px;object-fit: cover;transition: .3s all;}
.index2 .bottom ul li .nr{padding: 19px 0 40px;box-sizing: border-box;}
.index2 .bottom ul li .nr span{display: block;font-size: 18px;color: #404041;line-height: 29px;height: 29px;overflow: hidden;}
.index2 .bottom ul li:hover .nr  span{color: #e60012;}
.index2 .bottom ul li:hover .nr  p{color: #e60012;}

.index2 .bottom ul li .nr p{line-height: 25px;height: 25px;overflow: hidden;overflow: hidden;font-size: 14px;color: #727272;}
.index2 .bottom ul li:hover .img img{transform: scale(1.1);}


.index3{width: 100%;box-sizing: border-box;margin-bottom: 0px;}
.index3 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index3 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index3 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index3 .bottom{width: 100%;}
.index3 .bottom ul{display: flex;flex-wrap: wrap;}
.index3 .bottom ul li{width:20%;border-right:1px solid #fff ;border-left: 1px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;}
.index3 .bottom ul li .img{display: block;overflow: hidden;}
.index3 .bottom ul li .img img{display: block;width: 100%;height: 436px;object-fit: cover;transition: .3s all;}
.index3 .bottom ul li .nr{padding: 19px 0 40px;box-sizing: border-box;}
.index3 .bottom ul li .nr span{display: block;font-size: 18px;color: #404041;line-height: 29px;height: 29px;overflow: hidden;}
.index3 .bottom ul li .nr p{line-height: 25px;height: 25px;overflow: hidden;overflow: hidden;font-size: 14px;color: #727272;}
.index3 .bottom ul li:hover .img img{transform: scale(1.1);}



.index4{width: 100%;box-sizing: border-box;margin-bottom:0px;}
.index4 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index4 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index4 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index4 .bottom{width: 100%;}
.roll_row{position: relative;}
.index4 .bottom .box{overflow:hidden;position:relative;width:100%;height:80px;margin:0 auto;}
.index4 .bottom ul{overflow:hidden;width:9999px;}
.index4 .bottom ul li{float:left;width:229px;height: 115px;}
.index4 .bottom .div1{width: 100%;height: 80px;margin: 1rem 0;position: relative;overflow: hidden;margin-bottom: 40px;}
.index4 .bottom .div1 ul{position:absolute;left: 0;top: 0;}
.index4 .bottom .div1 ul li {float: left;list-style: none;}
.index4 .bottom .div2{width: 100%;height: 80px;margin: 1rem 0;position: relative;overflow: hidden;margin-bottom: 40px;}
.index4 .bottom .div2 ul{position:absolute;right: 0;top: 0;}
.index4 .bottom .div2 ul li {float: left;list-style: none;}
.index4 .bottom .div1 img,.div2 img{ width: 100%;height: 100%}


.index5{width: 100%;box-sizing: border-box;margin-bottom:0px;}
.index5 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.index5 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index5 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index5 .bottom{width: 100%;}
.index5 .bottom .xxk_top{width: 100%;height: 55px;border-bottom: 1px dashed   #bcbcbd;display: flex;line-height: 55px;justify-content: space-between;}
.index5 .bottom .xxk_top .left a{font-size: 20px;color: #404041;}
.index5 .bottom .xxk_top .left img{vertical-align: middle;margin: -3px 5px 0;}
.index5 .bottom .xxk_top .more a{font-size: 20px;color: #404041;}
.index5 .bottom .xxk_top .left a.act{color: #e60012;}
.index5 .bottom .xxk_top .left a:hover{color: #e60012;}
.index5 .bottom .xxk_bottom{width: 100%;margin-top: 16px;}
.index5 .bottom .xxk_bottom .box{display: flex;justify-content: space-between;display: none;}
.index5 .bottom .xxk_bottom .box.block{display: flex;}
.index5 .bottom .xxk_bottom .left{width: 42%;height: 373px;position: relative;}
.index5 .bottom .xxk_bottom .left img{display: block;width: 100%;height: 373px;object-fit: cover;}
.index5 .bottom .xxk_bottom .left p{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,.3);height: 48px;line-height: 48px;padding: 0 10px;box-sizing: border-box;font-size: 17px;color: #fff;font-weight: bold;width: 100%;padding-right: 100px;box-sizing: border-box;overflow: hidden;}
.index5 .bottom .xxk_bottom .left p span{position: absolute;right: 10px;top:0;font-weight: normal;}
.index5 .bottom .xxk_bottom .right{width: 58%;padding-left: 14px;box-sizing: border-box;}
.index5 .bottom .xxk_bottom .right ul li {padding-bottom: 4px;border-bottom: 1px dashed   #bcbcbd;}
.index5 .bottom .xxk_bottom .right ul li a{display: flex;justify-content: space-between;}
.index5 .bottom .xxk_bottom .right ul li a .img{width: 36%;height: 183px;overflow: hidden;}
.index5 .bottom .xxk_bottom .right ul li a .img img{display: block;width: 100%;height: 183px;object-fit: cover;transition: .3s all;}
.index5 .bottom .xxk_bottom .right ul li:nth-of-type(2){padding-top: 4px;padding-bottom: 0;border-bottom: 0;}
.index5 .bottom .xxk_bottom .right ul li .nr{padding: 22px 20px 0 60px;box-sizing: border-box;flex: 1;}
.index5 .bottom .xxk_bottom .right ul li .nr h5{height: 48px;line-height: 48px;overflow: hidden;font-size: 17px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li .nr h5:hover{color: #e60012;}
.index5 .bottom .xxk_bottom .right ul li .nr p{line-height: 24px;height: 48px;overflow: hidden;font-size: 13px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li .nr div{line-height: 40px;display: flex;justify-content: space-between;font-size: 13px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li .nr div span{font-size: 13px;color: #404041;}
.index5 .bottom .xxk_bottom .right ul li:hover a .img img{transform: scale(1.1);}


.index6{width: 100%;padding: 62px 0 46px;}
.index6 .container_box{display: flex;justify-content: space-between;}
.index6 .left{width: 160px;}
.index6 .left span{line-height: 45px;display: block;font-size: 30px;color: #404041;}
.index6 .left p{line-height: 26px;font-size: 14px;color: #727272;}
.index6 .right{flex: 1;margin-top: 7px;}
.index6 .right a{display: inline-block;line-height: 30px;font-size: 14px;color: #404041;}
.index6 .right a:hover{color: #e60012;}

.footer{width: 100%;}
.footer .footer_top .container_box{padding:0 100px;}
.footer .footer_top{width: 100%;padding: 45px 0;background-color: #f5f5f5;}
.footer .footer_top .top{margin-bottom: 30px;line-height: 38px;color: rgba(17,17,17,0.8);font-size: 24px;text-align: center;}
.footer .footer_top .bottom ul{display: flex;justify-content: space-between;}
.footer .footer_top .bottom ul li{flex: 1;padding-right: 15px;box-sizing: border-box;}

.footer .footer_top .bottom ul li:hover p{color: #e60012}
.footer .footer_top .bottom ul li p{line-height: 25px;color: rgba(17,17,17,0.8);font-size: 14px;}
.footer .footer_bottom{width: 100%;line-height: 52px;height: 52px;overflow: hidden;text-align: center;background-color: #f5f5f5;font-size: 14px;color: rgba(17,17,17,0.8);}

.ny_banner{width: 100%;position: relative;}
.ny_banner img{display: block;width: 100%;}
.ny_banner p{position: absolute;left: 0;width: 100%;top: 50%;font-size: 48px;color: #fff;font-weight: bold;line-height: 68px;transform: translateY(-50%);padding: 0 158px;box-sizing: border-box;}


.news_list{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa; }
.news_list .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.news_list .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.news_list .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.news_list .top{width: 100%;}
.news_list .top {width: 100%;line-height: 55px;padding-top: 22px;border-top: 1px solid #c5c5c5;}
.news_list .top a{font-size: 20px;color: #939393;position: relative;}
.news_list .top img{vertical-align: middle;margin: -3px 5px 0;}
.news_list .top a.act{color: #404041;}

/*.news_list .top a:hover{color: #e60012;}*/
.news_list .top a:after{
	-webkit-transition: width .4s;
    transition: width .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #313131;
    top: 38px;
}
.news_list .top a:hover:after {
    width: 100%;
}

.news_list .top a.act:after{width: 100%;}

.news_list .bottom{width: 100%;padding-bottom: 25px;}
.news_list .bottom ul{display: flex;flex-wrap: wrap;}
.news_list .bottom ul li{padding: 0 5px;box-sizing: border-box;width: 25%;margin-top: 55px;}
.news_list .bottom ul li .img{width: 100%;overflow: hidden;}
.news_list .bottom ul li .img img{display: block;width: 100%;object-fit: cover;transition: .3s all;}
.news_list .bottom ul li .nr{padding: 18px 20px;box-sizing: border-box;}
.news_list .bottom ul li .nr p{line-height: 27px;height: 54px;overflow: hidden;font-size: 17px;color: #404041;overflow: hidden;}
.news_list .bottom ul li .nr p:hover{color: #e60012;}
.news_list .bottom ul li .nr div{margin-top: 24px;line-height: 38px;height: 38px;padding-right: 95px;box-sizing: border-box;position: relative;color: #939393;font-size: 14px;overflow: hidden;}
.news_list .bottom ul li .nr div span{position: absolute;right: 0;top: 0;}
.news_list .bottom ul li a{display: block;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.1);border-radius: 5px;}
.news_list .bottom ul li:hover .img img{transform: scale(1.1);}
.news_list  .more{width: 100%;line-height: 50px;text-align: center;font-size: 16px;color: #000;padding: 20px;box-sizing: border-box;}
.news_list  .more img {display: block;margin: 0 auto;}
.news_list  .more .loading {
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.news_xq{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;}
.news_xq .box{background-color: #fff;}
.news_xq .title{width: 100%;padding: 90px 0 32px;box-sizing: border-box;border-bottom: 1px solid #cacaca;}
.news_xq .title h5{font-size: 42px;line-height: 62px;color: #404041;text-align: center;}
.news_xq .title p{line-height: 56px;text-align: center;font-size: 20px;color: #939393;}
.news_xq .bottom{width: 100%;padding: 60px 10%;box-sizing: border-box;}
.news_xq .bottom p{line-height: 36px;font-size: 20px;color: #404041;}
.news_xq .bottom img{width: 100%;}
.news_xq .fanye{padding: 88px 0px;box-sizing: border-box;display: flex;justify-content: space-between;}
.news_xq .fanye a{flex: 1;display: block;padding: 0 20px;box-sizing: border-box;line-height: 48px;color: #404041;font-size:16px;    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.news_xq .fanye a:nth-of-type(2){text-align: right;}

.case_list{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;}
.case_list .title{width: 100%;padding:30px 0 30px;box-sizing: border-box;}
.case_list .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.case_list .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.case_list .top{width: 100%;}
.case_list .top {width: 100%;line-height: 55px;padding-top: 22px;border-top: 1px solid #c5c5c5;}
.case_list .top a{font-size: 20px;color: #939393;position: relative;}
/*.case_list .top a:hover{color: #e60012;}*/
.case_list .top a:after{
	-webkit-transition: width .4s;
    transition: width .4s;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #313131;
    top: 38px;
}
.case_list .top a:hover:after {
    width: 100%;
}


.case_list .top img{vertical-align: middle;margin: -3px 5px 0;}
.case_list .top a.act{color: #404041;}
.case_list .top a.act:after{width: 100%;}
/*.case_list .top a.act:hover{color: #e60012;}*/
.case_list .bottom{width: 100%;padding:55px 0 25px;}
.case_list .bottom ul{display: flex;flex-wrap: wrap;}
.case_list .bottom ul li{width:33.33%;border-right:1px solid #f5f5f5 ;border-left: 1px solid #f5f5f5;box-sizing: border-box;position: relative;overflow: hidden;}
.case_list .bottom ul li .img{display: block;overflow: hidden; position: relative;}
.case_list .bottom ul li .img img{display: block;width: 100%;height:318px;object-fit: cover;transition: .3s all;}

.case_list .bottom ul li .img span{position: absolute;left: 50%;top: 50%;background: url(../images/video1.png) center no-repeat;width: 96px;height: 97px;transform: translate(-50%,-50%);}
.case_list .bottom ul li .img span:hover{background: url(../images/video2.png) center no-repeat;}



.case_list .bottom ul li .nr{padding: 19px 0 40px;box-sizing: border-box;}
.case_list .bottom ul li .nr span{display: block;font-size: 18px;color: #404041;line-height: 29px;height: 29px;overflow: hidden;}
.case_list .bottom ul li:hover .nr span{color: #e60012;}
.case_list .bottom ul li:hover .nr p{color: #e60012;}
.case_list .bottom ul li .nr p{line-height: 25px;height: 25px;overflow: hidden;overflow: hidden;font-size: 14px;color: #727272;}
.case_list .bottom ul li:hover .img img{transform: scale(1.1);}
.case_list  .more{width: 100%;line-height: 50px;text-align: center;font-size: 16px;color: #000;padding: 20px;box-sizing: border-box;}
.case_list  .more img {display: block;margin: 0 auto;}
.case_list  .more .loading {
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.contact{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;}
.contact .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.contact .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.contact .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.contact .bottom{width: 100%;padding-bottom: 96px;}
.contact .bottom ul li{width: 100%;background-color: #fff;	box-shadow: 0px 0px 5px rgba(0,0,0,.2);height: 374px;margin-bottom:  38px;}
.contact .bottom ul li .img{float: left;width: 50%;}
.contact .bottom ul li .img img{display: block;width: 100%;height: 374px;object-fit: cover;}
.contact .bottom ul li .nr{float: right;width: 50%;padding: 58px 50px 0 120px;box-sizing: border-box;}
.contact .bottom ul li .nr h5{line-height: 42px;margin-bottom: 20px;font-size: 28px;color: #404041;}
.contact .bottom ul li .nr p{line-height: 38px;font-size: 18px;color: #404041;}
.contact .bottom ul li .nr p span{width: 25px;display: inline-block;}
.contact .bottom ul li .nr p span img{vertical-align: middle;}
.contact .bottom ul li:nth-of-type(2n) .img{float: right;}
.contact .bottom ul li:nth-of-type(2n) .nr{float: left;}

.gywm1{width: 100%;height: 816px;padding-top: 172px;box-sizing: border-box;}
.gywm1 .box{width: 760px;margin: 0 auto 0;}
.gywm1 .box h5{line-height: 86px;color: #fff;margin-bottom: 20px;text-align: center;font-size: 42px;}
.gywm1 .box p{line-height: 40px;color: #fff;font-size: 18px;text-align: center;text-indent: 2em;}

.gywm2{width: 100%;height: 798px;padding-top: 80px;box-sizing: border-box;}
.gywm2 .box{width: 760px;margin: 0 auto 0;}
.gywm2 .box h5{line-height: 86px;color: #fff;margin-bottom: 20px;text-align: center;font-size: 42px;}
.gywm2 .box p{line-height: 40px;color: #fff;font-size: 18px;text-align: center;}
.gywm2 .box span{display: block;font-size: 24px;color: #fff;margin: 24px 0 20px;text-align: center;}



.gywm3{width: 100%;height: 816px;padding-top: 40px;box-sizing: border-box;}
.gywm3 .box{width: 1250px;margin: 0 auto 0;}
.gywm3 .box h5{line-height: 86px;color: #fff;margin-bottom: 20px;text-align: center;font-size: 42px;margin-top: 78px;}
.gywm3 .box p{line-height: 40px;color: #fff;font-size: 18px;text-align: center;text-indent: 2em;}


.gywm4{width: 100%;padding-bottom: 124px;}
.gywm4 .title{width: 100%;padding: 70px 0 ;line-height: 96px;text-align: center;font-size: 42px;color: #404041;}
.gywm4 .bottom{width: 100%;position: relative;}
.gywm4 .bottom::before{width: 1px;height: 100%;content: ' ';background-color: #fff;position: absolute;left: 0px;top: 0;z-index: 10;}
.gywm4 .bottom::after{width: 1px;height: 100%;content: ' ';background-color: #fff;position: absolute;right: 1px;bottom: 0;z-index: 10;}
.gywm4 .bottom ul{display: flex;flex-wrap: wrap;position: relative;}
.gywm4 .bottom ul::before{width: 100%;height: 1px;content: ' ';background-color: #fff;position: absolute;left: 0;top: 0;}
.gywm4 .bottom ul::after{width: 100%;height: 1px;content: ' ';background-color: #fff;position: absolute;left: 0;bottom: 0;}
.gywm4 .bottom ul li{width:14.28% ;border: .5px solid #f2f2f2;box-sizing: border-box;}
.gywm4 .bottom ul li img{display: block;width: 100%;	}

.fuwu1{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #f5f5f5;}
.fuwu1 .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.fuwu1 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.fuwu1 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.fuwu1 .bottom{width: 100%;height: 594px;padding: 100px 15%;box-sizing: border-box;}
.fuwu1 .bottom h5{font-size: 40px;color: #fff;padding: 40px;line-height: 42px;box-sizing: border-box;text-align: center;}
.fuwu1 .bottom p{font-size: 18px;color: #fff;line-height: 40px;text-align: center;}
.fuwu2{width: 100%;padding-bottom: 124px;}
.fuwu2 ul li{width: 100%;background-color: #fff;	box-shadow: 0px 0px 5px rgba(0,0,0,.2);height: 559px;margin-top: 68px;}
.fuwu2 ul li .img{float: right;width: 50%;overflow: hidden;}
.fuwu2 ul li .img img{display: block;width: 100%;height: 559px;object-fit: cover;transition: .3s all;}
.fuwu2 ul li .nr{float: left;width: 50%;padding: 58px 30px 0 40px;box-sizing: border-box;}
.fuwu2 ul li .nr h5{line-height: 42px;margin-bottom: 20px;font-size: 28px;color: #404041;}
.fuwu2 ul li .nr p{line-height: 38px;font-size: 18px;color: #404041;height: 380px;overflow: hidden;}
.fuwu2 ul li:hover .img img{transform: scale(1.1);}
.fuwu2 ul li:nth-of-type(2n) .img{float: left;}
.fuwu2 ul li:nth-of-type(2n) .nr{float: right;}


.qyzz1{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;}
.qyzz1 .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.qyzz1 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.qyzz1 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.qyzz1 .bottom{width: 100%;}
.qyzz1 .bottom ul li{width: 100%;margin-bottom: 60px;}
.qyzz1  .bottom ul li img{display: block;width: 100%;}
.qyzz1 .bottom ul li:last-child{margin-bottom: 0;}
.qyzz2{width: 100%;box-sizing: border-box;margin-bottom:0px;background-color: #fafafa;}
.qyzz2 .title{width: 100%;padding: 52px 0 34px;box-sizing: border-box;}
.qyzz2 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.qyzz2 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.qyzz2 .bottom{width: 100%;padding-bottom: 124px;}
.qyzz2 .bottom ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.qyzz2 .bottom ul li{width: 25%;margin-top: 22px;padding: 0 5px;box-sizing: border-box;}
.qyzz2  .bottom ul li img{display: block;width: 100%;}
.qyzz2  .bottom ul li .nr{width: 100%;line-height: 64px;height: 64px;overflow: hidden;text-align: center;}





/* 新的 */


.index7{width: 100%;box-sizing: border-box;margin-bottom: 70px;}
.index7 .title{width: 100%;padding: 32px 0 34px;box-sizing: border-box;}
.index7 .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.index7 .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.index7 .bottom{width: 100%;}
.index7 .bottom ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index7 .bottom ul li{width:33.33%;border-right:3px solid #fff ;border-left: 3px solid #fff;box-sizing: border-box;position: relative;overflow: hidden;margin-bottom: 6px;}
.index7 .bottom ul li img{display: block;width: 100%;transition: .3s all;height:265px;}
.index7 .bottom ul li .box{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 10;text-align: center;}
.index7 .bottom ul li .box span{display: block;line-height: 35px;font-size: 22px;color: #fff;}
.index7 .bottom ul li .box p{font-size: 18px;color: #fff;line-height: 28px;text-transform: uppercase;font-weight: lighter;}
.index7 .bottom ul li:hover img{transform: scale(1.1);}

.index7 .bottom ul li:hover .box span{color: #e60012;}
.index7 .bottom ul li:hover .box p{color: #e60012;}

.index2 .bottom ul li .img{position: relative;}
.index2 .bottom ul li .img span{position: absolute;left: 50%;top: 50%;background: url(../images/video1.png) center no-repeat;width: 96px;height: 97px;transform: translate(-50%,-50%);}
.index2 .bottom ul li .img span:hover{background: url(../images/video2.png) center no-repeat;}

.case_list .top a.act{color: #404041;}
.case_list .top span{color: #404041;font-size: 22px;}
.case_list .top a{font-size: 22px;color: #939393;display: inline-block;}


.youshi .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.youshi .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.youshi .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}

.youshi{width: 100%;padding-bottom: 124px;    background-color: #fafafa;padding-top: 1px ;}
.youshi ul li{width: 100%;background-color: #fff;	box-shadow: 0px 0px 5px rgba(0,0,0,.2);height: 512px;margin-bottom:  68px;}
.youshi ul li .img{float: left;width: 50%;overflow: hidden;}
.youshi ul li .img img{display: block;width: 100%;height: 512px;object-fit: cover;transition: .3s all;}
.youshi ul li .nr{float: right;width: 50%;padding: 105px 30px 0 200px;box-sizing: border-box;position: relative;}
.youshi ul li .nr h5{line-height: 72px;margin-bottom: 0px;font-size: 35px;color: #404041;}
.youshi ul li .nr p{line-height: 46px;font-size: 18px;color: #404041;overflow: hidden;}
.youshi ul li:hover .img img{transform: scale(1.1);}
.youshi ul li:nth-of-type(2n) .img{float: right;}
.youshi ul li:nth-of-type(2n) .nr{float: left;}
.youshi ul li .nr span{color: #404041;opacity: .1;font-size: 80px;position: absolute;left:88px ;top: 82px;font-weight: bold;}


.fwlc .title{width: 100%;padding: 90px 0 60px;box-sizing: border-box;}
.fwlc .title span{display: block;text-align: center;line-height: 56px;color: #404041;font-size: 42px;}
.fwlc .title p{color: #727272;font-size: 20px;line-height: 30px;text-align: center;}
.fwlc .bottom{width: 100%;} 
.fwlc .container_box{padding: 0 110px;}
.fwlc .bottom ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.fwlc .bottom ul li{width: 20%;padding: 0 24px;box-sizing: border-box; margin-bottom: 85px;position: relative;}
.fwlc .bottom ul li a{ background-color: #fff;border-radius: 12px;box-shadow: 0px 0px 5px rgba(0,0,0,.3);padding:38px 20px 20px;box-sizing: border-box;position: relative;display: block; }
.fwlc .bottom ul li a p{line-height: 30px;height: 90px;font-size: 14px;color: #404041;text-align: center;overflow: hidden;margin-top: 5px;}
.fwlc .bottom ul li a h5{line-height: 40px;height: 40px;font-size: 20px;color: #404041;text-align: center;overflow: hidden;}
.fwlc .bottom ul li a .img{line-height: ;font-size: 0;line-height: 62px ;text-align: center;}
.fwlc .bottom ul li a .img img{display: inline-block;vertical-align: middle;}
.fwlc .bottom ul li a span{color: #404041;font-size: 24px;position: absolute;left: 20px;top: 20px;}
.fwlc .bottom ul li::before{content: ' ';position: absolute;width: 45px;height: 32px;right:-18px;top: 50%;margin-top: -16px;background: url(../img/fwlc_befor1.png);z-index: 0;}
.fwlc .bottom ul li:nth-of-type(5)::before{content: ' ';position: absolute;width: 32px;height: 45px;left:50%;right:auto;bottom: -40px;top:auto;margin-left: -16px;background: url(../img/fwlc_befor3.png);z-index: 0;}
.fwlc .bottom ul li:nth-of-type(6)::before{content: ' ';position: absolute;width: 32px;height: 45px;left:50%;right:auto;bottom: -40px;top:auto;margin-left: -16px;background: url(../img/fwlc_befor3.png);z-index: 0;}


.fwlc .bottom ul li:nth-of-type(7)::before{content: ' ';position: absolute;width: 45px;height: 32px;left:-18px;top: 50%;margin-top: -16px;background: url(../img/fwlc_befor2.png);z-index: 0;}
.fwlc .bottom ul li:nth-of-type(8)::before{content: ' ';position: absolute;width: 45px;height: 32px;left:-18px;top: 50%;margin-top: -16px;background: url(../img/fwlc_befor2.png);z-index: 0;}
.fwlc .bottom ul li:nth-of-type(9)::before{content: ' ';position: absolute;width: 45px;height: 32px;left:-18px;top: 50%;margin-top: -16px;background: url(../img/fwlc_befor2.png);z-index: 0;}
.fwlc .bottom ul li:nth-of-type(10)::before{content: ' ';position: absolute;width: 45px;height: 32px;left:-18px;top: 50%;margin-top: -16px;background: url(../img/fwlc_befor2.png);z-index: 0;}


.fwlc .bottom ul li:nth-of-type(15)::before{display: none;}


@media only screen and (max-width:1680px) {
.header{ padding: 0 80px;}	
.header .nav a {font-size:16px;}
}
@media only screen and (max-width:1500px) {
.header{ padding: 0 10px;}	
.header .nav a {font-size:16px;margin-left:10px;}
.t_phone .phone {font-size: 20px !important;padding-top:25px !important;}
}




















@media only screen and (max-width:1440px) {
	.container_box{width: 100%;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
	.header{padding: 0 10px;}
	.footer .footer_top .container_box{padding:0 30px;}
	.ny_banner p{padding: 0 58px;}
	
	.ny_banner img{height: 380px;object-fit: cover;}
	.contact .bottom ul li .nr{float: right;width: 50%;padding: 38px 50px;box-sizing: border-box;}
	
	.fwlc .container_box{padding: 0 10px;} 
}

