@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
body{font-family:"Microsoft YaHei",Arial;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1680{max-width:1680px; width:89%;}
img{max-width:100%; max-height:100%;}

/*banner*/
.ck-slide { position: relative; overflow: hidden; width:100%; height:100vh; z-index:100;}
.ck-slide ul.ck-slide-wrapper,.ck-slide ul.ck-slide-wrapper li{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.ck-slide ul.ck-slide-wrapper li{display:none; }
.ck-slide ul.ck-slide-wrapper li.on{ display:block;}
.ck-slide ul.ck-slide-wrapper li div.bg{ background-repeat:no-repeat;display:flex;align-items:center; position: absolute; top:0px; left:0px; right:0px; bottom:0px; background-size:100% auto;}
@media only screen and (max-width:1920px){
	.ck-slide ul.ck-slide-wrapper li div.bg{ background-size:auto auto;}
}
.ck-slide ul.ck-slide-wrapper li div.bg div.width1680{ color:#ffffff;}
.ck-slide ul.ck-slide-wrapper li div.bg div.width1680 dd{ font-size:24px;}
.ck-slide ul.ck-slide-wrapper li div.bg div.width1680 dl{ font-size:42px; font-weight:bold; line-height:60px; margin:20px 0px 30px;}
.ck-slide ul.ck-slide-wrapper li div.bg div.width1680 ol{ font-size:18px;}
.ck-slide ul.ck-slide-wrapper li div.bg div.width1680 ol a{ display:block; width:178px; height:38px; line-height:38px; text-align:center; border:1px solid #ffffff; color:#ffffff;}

.ck-slidebox{position:absolute;z-index:30; width:140px; height:70px; top:50%; margin-top:-35px; right:60px;}
.ck-slidebox .slideWrap{ width:100px; height:70px; margin:0px auto;}
.ck-slidebox .slideWrap ul{ height:55px;}
.ck-slidebox .slideWrap ul li{ font-size:42px; color:#ffffff; font-weight:bold; text-align:center; display:none;}
.ck-slidebox .slideWrap ul li.current{ display:block;}

.ck-slidebox dl.f{ height:20px; line-height:20px; text-align:center; position:relative; font-size:14px; color:#ffffff; overflow:hidden;}
.ck-slidebox dl.f ol{ position:absolute; bottom:0px; left:0px; right:0px;}

.ck-slide .ck-prev,.ck-slide .ck-next{ position: absolute; font-size:24px; opacity:1 !important; top:12px; color:#ffffff;}
.ck-slide .ck-prev {left:0px;}
.ck-slide .ck-next {right:0px;}

.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;left:6%; bottom:180px; z-index:99;cursor:pointer;overflow:hidden; font-weight:bold; width:19px; height:49px;background:url(../images/gd.png) no-repeat;}
.arrow:hover{}
@keyframes arrow{ %0,%100{bottom:170px; opacity:1;} 50%{bottom:190px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:170px; opacity:1;} 50%{bottom:190px; opacity:.5}}

/*i_top*/
.i_top,.i_top .hidden{ height:100px;}
.i_top{ position:fixed; top:0px; width:100%; background-color:rgba(0,0,0,0.1); z-index:9999;}
.i_top.now{ background-color:rgba(0,0,0,0.8);box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14);}
.i_top .hidden{ margin:0px 60px; position:relative;}
.i_top .hidden a.logo{ position:absolute; top:0px; left:0px; bottom:0px; display:flex;align-items:center;}
.i_top .hidden .mu{ margin-left:340px; line-height:100px; overflow:hidden; width:40%; max-width:690px;}
.i_top .hidden .mu a{ font-size:18px; color:#ffffff; display:block;padding-right:8%; float:left;}

.i_top .hidden div.r{ position:absolute; right:0px; overflow:hidden; font-size:18px; line-height:100px; top:0px; color:#ffffff; /*width:31%;*/ width:24%;}
.i_top .hidden div.r dl.l{ float:left;width:80%;}
.i_top .hidden div.r dl.l i{ display: block;width:50%; float:left;}
.i_top .hidden div.r dl.l i.d{ /*width:80%;*/ width:100%; text-align:right;}
.i_top .hidden div.r dl.l i.q{ width:20%; text-align:right;}
.i_top .hidden div.r dl.l i b{ margin-right:5px;}
.i_top .hidden div.r dl.l i a{color:#ffffff;}
.i_top .hidden div.r dl.l i a:hover{ text-decoration:underline;}
.i_top .hidden div.r dl.r{ float:right; width:20px;}
.i_top .hidden div.r dl.r a{ color:#ffffff;}
.i_top .hidden div.r dl.r a.s{ float:left;}
.i_top .hidden div.r dl.r a.y{ float:right;}

/*ny_top*/
.ny_top,.ny_top .hidden,.ny_top_bg{ height:100px;}
.ny_top{ position:fixed; top:0px; width:100%; background-color:#ffffff; z-index:9999;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); border-bottom:1px solid #f2f2f2;}
.ny_top .hidden{ margin:0px 60px; position:relative;}
.ny_top .hidden a.logo{ position:absolute; top:0px; left:0px; bottom:0px; display:flex;align-items:center;}
.ny_top .hidden .mu{ margin-left:340px; line-height:100px; overflow:hidden; width:40%; max-width:690px;}
.ny_top .hidden .mu a{ font-size:18px; color:#333333; display:block;padding-right:8%; float:left;}

.ny_top .hidden div.r{ position:absolute; right:0px; font-size:18px; line-height:100px; top:0px; color:#333333; /*width:31%;*/ width:24%; max-width:555px;}
.ny_top .hidden div.r dl.l{ float:left; width:80%; overflow:hidden;}
.ny_top .hidden div.r dl.l i{ display: block; width:50%; float:left;}
.ny_top .hidden div.r dl.l i.d{ /*width:80%;*/ width:100%; text-align:right;}
.ny_top .hidden div.r dl.l i.q{ width:20%; text-align:right;}
.ny_top .hidden div.r dl.l i b{ margin-right:5px;}
.ny_top .hidden div.r dl.l i a{ color:#333333;}
.ny_top .hidden div.r dl.l i a:hover{ text-decoration:underline;}
.ny_top .hidden div.r dl.r{ float:right; width:20px;}
.ny_top .hidden div.r dl.r a{ color:#333333;}
.ny_top .hidden div.r dl.r a.s{ float:left;}
.ny_top .hidden div.r dl.r a.y{ float:right;}

/*i_dlpp*/
.i_dlpp{ position:absolute; height:90px; width:100%; left:0px; margin-top:-90px; z-index:111; background-color:rgba(0,0,0,0.5);}
.i_dlpp a{ display:block; float:left; width:33.333333333%; height:90px; position:relative;transition:all .5s ease;}
.i_dlpp a.on,.i_dlpp a:hover{background-image: linear-gradient(to right, #c0c1c8, #ffffff);transition:all .5s ease;}
.i_dlpp a img{ position:absolute; top:0px; bottom:0px; right:0px; left:0px; margin:auto; max-height:40px;}

/*i_dlpp_cp*/
.i_dlpp_cp{ position:relative; overflow:hidden;}
.i_dlpp_cp div.l{ position:absolute; top:0px; bottom:0px; width:50%; background-color:#212224;display:flex;align-items:center;}
.i_dlpp_cp div.l div.c{ width:75%; margin:0px auto; color:#ffffff;}
.i_dlpp_cp div.l div.c dd{ font-size:36px; font-weight:bold; position:relative; line-height:40px;}
.i_dlpp_cp div.l div.c dd img{ position:absolute; margin-left:15px;}
.i_dlpp_cp div.l div.c dl{ font-size:18px; line-height:30px; margin:30px 0px 40px;}
.i_dlpp_cp div.l div.c ol{ overflow:hidden;}
.i_dlpp_cp div.l div.c ol a{ display:block; border:1px solid #ffffff; height:46px; line-height:46px; width:198px; text-align:center; font-size:18px; color:#ffffff;}
.i_dlpp_cp div.l div.c ol a:hover{ background-color:#ffffff; color:#101010;}
.i_dlpp_cp img.r{ width:50%; margin-bottom:-4px;}
.i_dlpp_cp.l div.l{ left:0px;}
.i_dlpp_cp.l img.r{ float:right;}
.i_dlpp_cp.r div.l{ right:0px;}
.i_dlpp_cp.r img.r{ float:left;}

/*pf*/
.pf{ position:fixed; right:5px; z-index:999; background-color:rgba(0,0,0,0.5); top:50%; margin-top:-23px; padding:5px 10px;border-radius:8px;}
.pf a{ display:block; font-size:20px; color:#bfbfbf; margin:5px 0px;}
.pf a:hover{ color:#ffffff;}

/*i_bg*/
.i_bg{ width:100%; height:778px; background-repeat:no-repeat; background-size:100% auto; background-position:50%;display:flex;align-items:center;}
@media only screen and (max-width:1920px){
	.i_bg{ background-size:auto auto;}
}
.i_bg .width1680{ color:#ffffff;}
.i_bg .width1680 div.t,.i_bg .width1680 ul.f{ max-width:58%; overflow: hidden;}
.i_bg .width1680 div.t dd{ font-size:48px; font-weight:bold;}
.i_bg .width1680 div.t dl{ font-size:18px; line-height:30px; margin-top:30px;}
.i_bg .width1680 ul.f{ margin-top:65px;}
.i_bg .width1680 ul.f li{ float:left; width:33.3333333%;}
.i_bg .width1680 ul.f li dd{ margin-bottom:10px;}
.i_bg .width1680 ul.f li dd b{ font-size:48px;}
.i_bg .width1680 ul.f li dd i{ font-size:16px; margin-left:10px;}
.i_bg .width1680 ul.f li dl{ font-size:18px;}

/*i_lxwm*/
.i_lxwm{ width:100%; height:200px; background-color:#212224;display:flex;align-items:center;}
.i_lxwm .width1680{ color:#ffffff;}
.i_lxwm .width1680 div.l{ float:left; width:58%;}
.i_lxwm .width1680 div.l dd{ font-size:36px; font-weight:bold;}
.i_lxwm .width1680 div.l dl{ font-size:18px; margin-top:15px;}
.i_lxwm .width1680 div.r{ float:right; width:40%; margin-top:23px;}
.i_lxwm .width1680 div.r a{ display:block; border:1px solid #ffffff; height:38px; line-height:38px; text-align:center; width:47%; color:#ffffff; font-size:16px;}
.i_lxwm .width1680 div.r a:hover{ background-color:#ffffff; color:#101010;}
.i_lxwm .width1680 div.r a.z{ float:left;background-color:#ffffff; color:#101010;}
.i_lxwm .width1680 div.r a.j{ float:right;}

/*foot_bg*/
.foot_bg{ width:100%; background-color:#101010; overflow:hidden;}
.foot_bg .width1680{ padding:60px 0px 40px; position:relative;}
.foot_bg .width1680 div.t{ overflow:hidden; margin-bottom:140px;}
.foot_bg .width1680 div.t div.l{ float:left;overflow:hidden; width:25.5%;}
.foot_bg .width1680 div.t div.l ol{max-width:265px; margin-bottom:20px;}
.foot_bg .width1680 div.t div.l dd{ font-size:36px; font-weight:bold;color:#ffffff; max-width:265px; margin-bottom:20px;}
.foot_bg .width1680 div.t div.l dl{ font-size:16px; line-height:36px; color:#bfbfbf;max-width:265px; margin-bottom:20px;}
.foot_bg .width1680 div.t div.l del{ height:40px; display:block;}
.foot_bg .width1680 div.t div.l del a{ display:block; width:38px; line-height:38px; border-radius:50%; border:1px solid #bfbfbf; color:#bfbfbf; text-align:center; font-size:20px; float:left; margin-right:30px; position:relative;}
.foot_bg .width1680 div.t div.l del a:hover{border:1px solid #ffffff; color:#ffffff;}
.foot_bg .width1680 div.t div.l del a img.ewm{ display:none;position:absolute;max-width:120px;max-height:120px;bottom:45px;}
.foot_bg .width1680 div.t div.l del a:hover img.ewm{ display:block;}

.foot_bg .width1680 div.t ul.l{ float:left;overflow:hidden; width:20%;}
.foot_bg .width1680 div.t ul.l li{ overflow:hidden; color:#ffffff;}
.foot_bg .width1680 div.t ul.l li.t{ font-size:18px; margin-bottom:20px;}
.foot_bg .width1680 div.t ul.l li.c{ font-size:16px; line-height:35px;}
.foot_bg .width1680 div.t ul.l li.c a{ color:#bfbfbf;}
.foot_bg .width1680 div.t ul.l li.c a:hover{ color:#ffffff;}
.foot_bg .width1680 div.t ul.l li.f a{ color:#bfbfbf;}
.foot_bg .width1680 div.t ul.l li.f a i{ font-size:24px; margin-left:20px;}
.foot_bg .width1680 div.t ul.l li.f a:hover{ color:#ffffff;}

.foot_bg .width1680 div.f{ overflow:hidden; font-size:14px; color:#bfbfbf;}
.foot_bg .width1680 div.f p{    float: left;}
.foot_bg .width1680 div.f a{ color:#bfbfbf;}
.foot_bg .width1680 div.f a:hover{ color:#ffffff;}

.top{ position:absolute; width:30px; height:25px; background:url(../images/top.png) no-repeat; bottom:40px; right:0.5%;}

/*ny_banner*/
.ny_banner{ width:100%; height:640px; background-repeat:no-repeat; background-position:50% 50%; display:flex;align-items:center; background-size:100% auto;}
@media only screen and (max-width:1920px){
	.ny_banner{ background-size:auto auto;}
}
.ny_banner .width1680{ color:#ffffff;}
.ny_banner .width1680 dd{ font-size:42px; font-weight:bold;}
.ny_banner .width1680 dl{ font-size:24px; margin-top:30px;max-width: 1155px;}

/*关于我们*/
.about_ppjs{ padding:110px 0px 150px; color:#212121;}
.about_ppjs div.l{ float:left; font-size:36px; font-weight:bold;}
.about_ppjs div.r{ float:right; width:75%; max-width:1255px; overflow:hidden;}
.about_ppjs div.r div.t{ overflow:hidden; font-size:16px; line-height:36px;}
.about_ppjs div.r ul.f,.about_ppjs div.r ul.f li{ overflow:hidden;}
.about_ppjs div.r ul.f{ margin-top:95px; max-width:870px;}
.about_ppjs div.r ul.f li{ float:left; width:33.3333333%;}
.about_ppjs div.r ul.f li dd{ margin-bottom:10px;}
.about_ppjs div.r ul.f li dd b{ font-size:48px;}
.about_ppjs div.r ul.f li dd i{ font-size:16px; margin-left:10px;}
.about_ppjs div.r ul.f li dl{ font-size:18px;}

.about_zl{ color:#212121; padding:85px 0px;}
.about_zl dd{ font-size:36px; font-weight:bold; margin-bottom:20px;}
.about_zl dl{ font-size:16px; line-height:35px;}

.about_bg{ width:100%; height:900px; background-repeat:no-repeat; background-position:50%; background-size:auto 100%;}

.about_f,.about_f li{ overflow:hidden;}
.about_f{ margin:150px 0px;}
.about_f li{ height:418px;width:100%;background-repeat:no-repeat; background-position:50%; position:relative; background-size:auto 100%;}
.about_f li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:flex;align-items:center; font-size:24px; color:#ffffff;}
.about_f li a i{max-width:1680px;width:89%; display:block; margin:0px auto; background:url(../images/m.png) no-repeat scroll 125px center; height:48px; line-height:48px; transition:all .5s ease; background-size:auto 100%;}
.about_f li a:hover i{ background-position:140px center; transition:all .5s ease;}

/*大事记*/
.dsj{ padding:100px 0px 160px;}
.dsj .tit{ overflow:hidden; margin-bottom:140px; color:#212121;}
.dsj .tit dd{ font-size:36px; font-weight:bold; margin-bottom:35px;}
.dsj .tit dl{ font-size:16px; line-height:36px; max-width:975px;}
.dsj ul,.dsj ul li{ overflow:hidden;}
.dsj ul li{ margin-bottom:80px;}
.dsj ul li.c{ padding-bottom:50px;}
.dsj ul li.c div.l{ font-size:60px; color:#333333; font-weight:bold; float:left; width:25%; text-align:right;}
.dsj ul li.c div.c{ float:left; margin-left:8%; position:relative;}
.dsj ul li.c div.c img.bg{ margin-bottom:-4px;}
.dsj ul li.c div.c img.tb{ position: absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:1; margin:auto; max-height:40px;}
.dsj ul li.c div.r{ float:right; width:33%;}
.dsj ul li.c div.r dd{ font-size:24px; color:#28292b; line-height:36px; margin-bottom:15px;}
.dsj ul li.c div.r dl{ font-size:16px; color:#666666; line-height:30px;}
.dsj ul li.f{ font-size:16px;}
.dsj ul li.f div.l{ float:left; width:25%; height:1px;}
.dsj ul li.f div.r{ float:left; margin-left:8%;}

/*产品*/
.photo{ padding-bottom:100px; max-width:1560px; position:relative;}
.photo .tit{ border-bottom:1px solid #f2f2f2; height:72px; line-height:72px; font-size:14px; color:#333333;}
.photo .tit a{color:#333333;}
.photo .tit a:hover{ text-decoration:underline;}
.photo .lm_bg{margin-top:70px; height:54px; overflow:hidden;}
.photo .lm{ position:absolute; top:126px; width:100%; left:0px;}
.photo .so_lm_bg{ margin-top:0px; height:85px;}
.photo .so_ml{ top:185px;}
.photo .lm .xl{ border:1px solid #f2f2f2; float:left; position:relative; width:33%; max-width:505px; height:52px; cursor: pointer; margin-right:20px;}
.photo .lm .xl:hover{ border:1px solid #000000;}
.photo .lm .xl dd{ width:100%; height:52px; line-height:52px; font-size:16px; color:#333333; position:relative; text-align:center;}
.photo .lm .xl dd i{ color:#3b3b3b; font-size:24px; position: absolute; right:20px; top:50%; margin-top:-12px; z-index:2;}
.photo .lm .xl dd span{ position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-color:#ffffff; z-index:5; opacity:0;}
.photo .lm .xl dd span.on{ opacity:1;}
.photo .lm .xl dl{ position:absolute;border:1px solid #000000;left:0px; right:0px; padding:5px 0px; display:none; background-color:#ffffff; z-index:5;height:220px;overflow-x: hidden;overflow-y: auto;}
.photo .lm .xl:hover dl{ display:block;}
.photo .lm .xl dl a{ display:block;font-size:16px; color:#333333; line-height:32px; padding:0px 10px;}
.photo .lm .xl dl a:hover{background-color:#212121; color:#ffffff;}

.photo .lm .sl{ position:absolute; right:0px; height:54px; line-height:54px; font-size:16px; color:#333333; top:0px;}
.photo .lm .sl i{ margin:0px 10px;}

.photo .name{ font-size:36px;color:#212121; line-height:125px;}

.photo .lanren{ overflow:hidden; min-height:50vh;}
.photo .lanren ul.list,.photo .lanren ul.list li{ overflow:hidden; margin-bottom:60px;}
.photo .lanren ul.list li{ width:49.4%; max-width:770px;}
.photo .lanren ul.list li a .bg{ overflow:hidden;}
.photo .lanren ul.list li a .bg ol{ position:relative; max-height:420px; overflow:hidden;}
.photo .lanren ul.list li a .bg ol img{ margin-bottom:-4px;transition:all .5s ease;}
.photo .lanren ul.list li a:hover .bg ol img{transform: scale(1.1);transition:all .5s ease;}
.photo .lanren ul.list li a .bg ol i{ position:absolute; z-index:1; font-size:18px;color:#212121; background-color:#ffffff; width:120px; height:40px; right:20px; text-align:center; line-height:40px; top:20px;}
.photo .lanren ul.list li a .bg dd{ font-size:24px; color:#212224; margin-top:25px; height:30px;}
.photo .lanren ul.list li a .bg dl{ font-size:18px; color:#999999; margin-top:12px; height:24px;}

.so{ max-width:90%; max-width:900px; padding:0px 20px; margin:30px auto; overflow: hidden; border:1px solid #000000; height:48px; border-radius:40px;}
.so input{ float:left;outline:none; width:90%; border:0px; line-height:48px; font-size:20px; color:#000000;}
.so button{ float:right; width:10%; border:0px; line-height:48px; text-align:center; font-size:20px; color:#000000; background:none;}
.photo .lanren ul.list li.no{ width:98% !important; max-width:100% !important; font-size:24px; line-height:48px; text-align:center;}

.photo .lanren .more{ overflow:hidden;}
.photo .lanren .more a{ display:block; border:1px solid #f2f2f2; height:46px; line-height:46px; width:198px; text-align:center; margin:0px auto; font-size:16px; color:#212121;}
.photo .lanren .more a:hover{ background-color:#212121; color:#ffffff;}
.photo .lanren .more p{ text-align:center;font-size:16px; color:#212121;}

/*产品详情*/
.photo_show{ min-height:50vh; overflow:hidden;}
.photo_show li{ overflow:hidden;}
.photo_show li.t{ font-size:36px; color:#333333; font-weight:bold; margin-top:40px;}
.photo_show li.n{ font-size:18px; color:#333333; margin-top:30px;}
.photo_show li.c{ font-size:16px; color:#212121; line-height:32px; margin:50px 0px 100px; min-height:50vh;}
.photo_show li.c strong{ font-size:36px; font-weight:300;}
.photo_show li.f{ border-top:1px solid #f2f2f2; padding-top:80px;}
.photo_show li.f a{ display:block; float:right; font-size:16px; color:#212121; background:url(../images/fh.png) no-repeat scroll left center; padding-left:40px;}
.photo_show li.f a:hover{ text-decoration:underline;}

/*代理品牌*/
.dlpp{ padding:100px 0px 70px; overflow:hidden;}
.dlpp li{ overflow:hidden; margin-bottom:50px;}
.dlpp li a{ display:block; position:relative; overflow:hidden;}
.dlpp li a div.l{ position:absolute; width:50%; background-color:#efeded; top:0px; bottom:0px;}
.dlpp li a div.l img{ position: absolute; top:0px; bottom:0px; left:0px; right:0px; bottom:0px; margin:auto;transition:all .5s ease;}
.dlpp li a:hover div.l img{transition:all .5s ease;}
.dlpp li a img.r{ margin-bottom:-4px; width:50%;transition:all .5s ease;}
.dlpp li a:hover img.r{ opacity:0.5;transition:all .5s ease;}
.dlpp li.l a div.l{ left:0px;}
.dlpp li.l a img.r{ float:right;}
.dlpp li.r a div.l{ right:0px;}
.dlpp li.r a img.r{ float:left;}
.dlpp li.l a:hover div.l img{right:30px;}
.dlpp li.r a:hover div.l img{left:30px;}

/*品牌介绍*/
.dlpp_m{ border-bottom:1px solid #f2f2f2; height:70px;}
.dlpp_m ul{ max-width:1560px;}
.dlpp_m ul,.dlpp_m ul li{ height:70px;}
.dlpp_m ul li{ float:left; width:33.3333333%; text-align:center;}
.dlpp_m ul li a{ display:block; font-size:18px; color:#212121; line-height:70px; height:68px;}
.dlpp_m ul li.on a,.dlpp_m ul li a:hover{ border-bottom:2px solid #000000;}

.dlpp_js{ max-width:1560px;}
.dlpp_js ul,.dlpp_js li{ overflow:hidden;}
.dlpp_js ul{ margin-top:90px;}
.dlpp_js ul li{ margin-bottom:140px; position:relative;}
.dlpp_js ul li div.l{ width:47%; max-width:720px;display:flex;align-items:center; position:absolute; top:0px; bottom:0px;}
.dlpp_js ul li div.l .bg{ overflow:hidden; color:#212121;}
.dlpp_js ul li div.l .bg dd{ font-size:36px; font-weight:bold; margin-bottom:15px;}
.dlpp_js ul li div.l .bg dl{ font-size:16px; line-height:30px;}
.dlpp_js ul li img.r{ width:50%; max-width:770px;}

.dlpp_js ul li.l div.l{ left:0px;}
.dlpp_js ul li.r div.l{ right:0px;}
.dlpp_js ul li.l img.r{ float:right;}
.dlpp_js ul li.r img.r{ float:left;}

/*产品系列*/
.dlpp_cpxl{max-width:1560px;padding-bottom:100px;}
.dlpp_cpxl .tit{ margin:50px 0px 80px; overflow:hidden; line-height:48px;}
.dlpp_cpxl .tit span.l{ float:left; font-size:36px; font-weight:bold; color:#212121;}

.dlpp_cpxl .tit span.r{ float:right;}
.dlpp_cpxl .tit span.r a{ font-size:16px; color:#bfbfbf; margin-left:25px;}
.dlpp_cpxl .tit span.r a.on,.dlpp_cpxl .tit span.r a:hover{ color:#212121;}

.dlpp_cpxl .bg{ margin-bottom:20px; overflow:hidden;}
.dlpp_cpxl .bg img{ margin-bottom:-4px;}

.dlpp_cpxl .name{ font-size:36px;color:#212121; line-height:150px;}

.dlpp_cpxl .cpxl{ display:none;}

.dlpp_cpxl .cpxl,.dlpp_cpxl .cpxl li{ overflow:hidden; margin-bottom:60px;}
.dlpp_cpxl .cpxl li{ width:49.4%; max-width:770px;}
.dlpp_cpxl .cpxl li a .bg{ overflow:hidden;}
.dlpp_cpxl .cpxl li a .bg ol{ position:relative; max-height:420px; overflow:hidden;}
.dlpp_cpxl .cpxl li a .bg ol img{ margin-bottom:-4px;transition:all .5s ease;}
.dlpp_cpxl .cpxl li a:hover .bg ol img{transform: scale(1.1);transition:all .5s ease;}
.dlpp_cpxl .cpxl li a .bg ol i{ position:absolute; z-index:1; font-size:18px;color:#212121; background-color:#ffffff; width:120px; height:40px; right:20px; text-align:center; line-height:40px; top:20px;}
.dlpp_cpxl .cpxl li a .bg dd{ font-size:24px; color:#212224; margin-top:25px; height:30px;}
.dlpp_cpxl .cpxl li a .bg dl{ font-size:18px; color:#999999; margin-top:12px; height:24px;}
.dlpp_cpxl .cpxl li.more{ width:100%; height:48px; float:left; max-width:100%; margin-bottom:0px;}
.dlpp_cpxl .cpxl li.more a{ display:block; text-align:center; line-height:48px;font-size:24px; color:#212224;}

/*fenye*/
.fenye{ overflow:hidden; text-align:center; font-size:16px; line-height:32px;}
.fenye a{ color:#212121; border:1px solid #212121; padding:4.5px 10px; margin:0px 5px;}
.fenye span{border:1px solid #212121; padding:4.5px 10px; margin:0px 5px;}
.fenye span,.fenye a:hover{ background-color:#212121; color:#ffffff;}

/*行业应用*/
.dlpp_yy{ overflow: hidden; padding:90px 0px;max-width:1560px;}
.dlpp_yy .nav,.dlpp_yy .nav li{ overflow:hidden;}
.dlpp_yy .nav{ margin-bottom:60px;}
.dlpp_yy .nav li{margin-bottom:20px; float:left; height:70px; line-height:70px; text-align:center; background-color:#f2f2f2; margin-right:2%; width:25%; max-width:375px; text-align:center; font-size:18px; color:#212121;cursor: pointer;}
.dlpp_yy .nav li.on,.dlpp_yy .nav li:hover{ background-color:#212121; color:#ffffff;}
.dlpp_yy .tab,.dlpp_yy .tab .c{ overflow:hidden;}
.dlpp_yy .tab .c{ display:none; min-height:40vh; color:#212121;}
.dlpp_yy .tab .c dd{ font-size:36px; font-weight:bold; margin-bottom:30px;}
.dlpp_yy .tab .c dl{ font-size:16px; line-height:30px;}

.sjll ol{ position:relative; margin-bottom:100px;display:flex;align-items:center; }
/*.sjll ol i{ font-size:48px; color:#ffffff; position:absolute; text-align:center; left:0%; width:100%;}*/
.sjll dd{ margin-bottom:25px; color:#333333; font-size:36px; font-weight:bold;}
.sjll dl{ font-size:16px; color:#333333; line-height:32px; margin-bottom:200px;}

/*服务支持*/
.fwzz{ padding:100px 0px 160px; max-width:1560px;}
.fwzz .t{ overflow:hidden; color:#333333; margin-bottom:85px;}
.fwzz .t dd{ font-size:36px; font-weight:bold;}
.fwzz .t dl{ font-size:24px; margin-top:30px;}
.fwzz .t ol{ margin-top:60px;}
.fwzz .t ol img{ margin-bottom:-4px;}

.fwzz .name{ margin-bottom:50px; font-size:24px; font-weight:bold; color:#333333;}

.fwzz .c,.fwzz .c li{ overflow:hidden;}
.fwzz .c{ margin-bottom:90px; width:102%;}
.fwzz .c li{ float:left; width:23.57%; margin-right:1.25%; height:400px; position: relative;}
.fwzz .c li .bg{ border:1px solid #f2f2f2; position:absolute; padding-top:120px; top:0px; left:0px; right:0px; bottom:0px;}
.fwzz .c li .bg i{ position: absolute; height:48px; width:54px; background-repeat:no-repeat; top:40px; left:4.5%;}
.fwzz .c li .bg dd{ font-size:18px; color:#333333; font-weight:bold; width:91%; margin:0px auto 30px;}
.fwzz .c li .bg dl{ font-size:16px; color:#333333; width:91%; margin:0px auto; line-height:30px;}

.fwzz .f{ border-top:1px solid #f2f2f2; padding-top:65px; overflow:hidden;}
.fwzz .f div{ overflow:hidden; width:49.231%; height:340px;}
.fwzz .f div a{ display:block;}
.fwzz .f div a ol{ max-height:240px; margin-bottom:30px;}
.fwzz .f div a ol img{ margin-bottom:-4px;}
.fwzz .f div a dd{ font-size:24px; color:#212121; font-weight:bold;}
.fwzz .f div a dd i{ margin-left:10px;transition:all .5s ease;}
.fwzz .f div a:hover dd i{ margin-left:30px;transition:all .5s ease;}
.fwzz .f div.l{ float:left;}
.fwzz .f div.r{ float:right;}

/*联系我们*/
.lxwm{ padding:110px 0px 185px;}
.lxwm div{ overflow:hidden;}
.lxwm div.t{ margin-bottom:90px; height:300px;}
.lxwm div.t div.l{ float:left;}
.lxwm div.t div.l dd{ font-size:36px; font-weight:bold; color:#212121; margin-bottom:35px;}
.lxwm div.t div.l dl{ font-size:16px; color:#212121; line-height:32px;}
.lxwm div.t div.r{ float:right; font-size:16px; color:#999999; line-height:32px; padding-top:82px; width:47%;}
.lxwm div.c{ font-size:18px; color:#212121; line-height:40px;}
.lxwm div.c p{ margin-bottom:15px; padding-left:70px; position:relative;}
.lxwm div.c p img{ position:absolute; left:0px;}
.lxwm div.f{ margin-top:90px;}
.lxwm div.f div.l,.lxwm div.f div.r{ float:left; width:50%; height:520px;display:flex;align-items:center;}
.lxwm div.f div.l{ background-color:#fbfbfb; color:#212121;}
.lxwm div.f div.r{ background-color:#212121; color:#ffffff;}
.lxwm div.f div .bg{ width:90%; margin:0px auto; text-align:center;}
.lxwm div.f div .bg dd{ font-size:36px; font-weight:bold;}
.lxwm div.f div .bg dl{ font-size:18px; margin:24px 0px 40px;}
.lxwm div.f div .bg a{ display:block; font-size:18px; width:178px; height:48px; line-height:48px; text-align:center; margin:0px auto;}
.lxwm div.f div.l .bg a{ border:1px solid #212121;color:#212121;}
.lxwm div.f div.l .bg a:hover{ background-color:#212121;color:#ffffff;}
.lxwm div.f div.r .bg a{ border:1px solid #ffffff;color:#ffffff;}
.lxwm div.f div.r .bg a:hover{ background-color:#fbfbfb;color:#212121;}

/*动画效果*/

#i1,#i2,#i3,#i4,#i5{position:relative; padding-top:20rem; margin-top:-20rem;}
#i1{ z-index:5;}
#i2{ z-index:4;}
#i3{ z-index:3;}
#i4{ z-index:2;}
#i5{ z-index:1;}

#i1 .i_dlpp_cp img.r{ opacity:0;transition:all .5s ease;}
#i1.on .i_dlpp_cp img.r{ opacity:1;transition:all .5s ease;}
#i1 .i_dlpp_cp div.l div.c{opacity:0;transition:all .5s ease;}
#i1.on .i_dlpp_cp div.l div.c{ opacity:1;transition:all .5s ease;}

#i2 .i_dlpp_cp img.r{ opacity:0;transition:all .5s ease;}
#i2.on .i_dlpp_cp img.r{ opacity:1;transition:all .5s ease;}
#i2 .i_dlpp_cp div.l div.c{opacity:0;transition:all .5s ease;}
#i2.on .i_dlpp_cp div.l div.c{ opacity:1;transition:all .5s ease;}

#i3 .i_dlpp_cp img.r{ opacity:0;transition:all .5s ease;}
#i3.on .i_dlpp_cp img.r{ opacity:1;transition:all .5s ease;}
#i3 .i_dlpp_cp div.l div.c{opacity:0;transition:all .5s ease;}
#i3.on .i_dlpp_cp div.l div.c{ opacity:1;transition:all .5s ease;}

#i4 .i_bg .width1680{ opacity:0;transition:all .5s ease;}
#i4.on .i_bg .width1680{ opacity:1;transition:all .5s ease;}

@media only screen and (max-width:1920px){
	#i5{ padding-top:40rem; margin-top:-40rem;}
	#i5 .i_lxwm .width1680{opacity:0;transition:all .5s ease;}
	#i5.on .i_lxwm .width1680{ opacity:1;transition:all .5s ease;}
}