@charset "utf-8";
/* CSS Document coding:Twenya */
body { font-size: 14px; font-family: "Microsoft YaHei"; color: #666; margin: 0 auto;}
*{ padding:0; margin:0; table-layout: fixed; }
img { border: 0px; border: none; }
ul,ol,li { list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
.clear { clear: both; }
.clr { clear: both; }
a{ text-decoration: none; color: #333; }
a:hover{ color:#526df8;}
p { font-size: 14px; line-height: 24px; }
a:focus { outline: 0; }
.fl{ float: left; }
.fr { float: right; }
.w1400 { width: 1400px; margin: 0 auto; }
section{ display:block;}
table{border-collapse:collapse;width: 100%; margin-bottom:40px; background:#fff;}
table:nth-child(2n){ background:#fafafa;}
table,table tr th, table tr td { border:1px solid #ccc;}
table td{line-height: 52px;font-size:14px; padding-left:10px;}
table p{line-height: 52px;}   

/*top srart*/
.in-tel{ background:#526df8; width:100%; height:30px;}
.tel{ float:right; line-height:30px; font-size:16px; color:#fff; background:url(../images/tel.png) no-repeat left center; padding-left:30px; height:30px;}
.topbg.two { width: 100%; position: fixed; top: 0px; left: 0px; box-shadow: 0 2px 12px #ccc; z-index: 999; }
.topbg { width: 100%; height:106px; background: #fff; }
.top {height: 106px;}
.top-left{ width:506px; float:left;}
.ny-logo { width:126px; float: left; height:87px; margin-top:8px; border-right:1px solid #ccc; margin-right:40px; }
.logo-wz{ margin-top:24px;}
.logo-wz h2{color: #526df8;font-size:20px;}
.logo-wz h3{font-size:16px; line-height:30px; color:#333;}
.ny-nav { width: 800px; float: left; height:106px; overflow:hidden; }
/* Effect 16: fall down */
.cl-effect-16 a { color: #666; padding:0 22px; height:106px; line-height:106px; display:inline-block; font-size:16px; text-shadow: 0 0 1px rgba(111,134,134,0.3); }
.cl-effect-16 a::before { color: #526df8; content: attr(data-hover); position: absolute; opacity: 0; text-shadow: 0 0 1px rgba(255,255,255,0.3); -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; }
.cl-effect-16 a.navhover{color: #526df8;}
.cl-effect-16 a:hover{color: #526df8;}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before { -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); opacity: 1; }


.gai-nav{ width:800px; float:left; }
.gai-nav ul{}
.gai-nav ul li{ height:106px; line-height:106px; float:left; padding:0 22px;position:relative; overflow:hidden; z-index:999; }
.gai-nav ul li:hover{overflow:visible;}
.gai-nav ul li a{ display:block; font-size:16px; color:#333;}
.gai-nav ul li a:hover{ color: #526df8;}
.gai-nav ul li.gai-hov a{color: #526df8;}

.gai-nav ul li ul{ display:block; position:absolute; box-shadow:0 0 5px #eee; background:#fff;left:-28%; padding:20px 0; top:126px; transition:all 0.6s; opacity:0; overflow: hidden;}
.gai-nav ul li:hover ul{ display:block;transform: translate(0,-20px); transition:all 0.6s; opacity:1;}
.gai-nav ul li ul li{ width:130px;  line-height:42px; height:42px; background:#fff;   margin-bottom:2px;}
.gai-nav ul li ul li a{ display:block;background:#eee; font-size:13px; text-align:center; border-radius:4px;}


.ny-nav ul { width: 840px; margin: 0 auto; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 0 auto; }
.ny-nav ul li { float: left; height: 50px;margin: 0 15px; position: relative; margin-top:24px; }
.ny-nav ul li:first-child { border: none; }
.ny-nav ul li a { display: block; font-size: 15px; color: #333; line-height: 50px; height: 50px; padding:0 10px; }
.ny-nav ul li a:hover { color: #526df8; }
.ny-nav ul li.navhover a{color: #526df8;}
.ny-nav ul li:after { content: ""; display: block; position: absolute; left: 100%; right: 100%;bottom: 0px; height: 4px; opacity: 0; background-color: #526df8; }
.ny-nav ul li:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.ny-nav ul li.navhover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.nav-tel { width:80px; float: right;font-size: 14px; }
.nav-tel dt { float:right;  }
.nav-tel dd{ width:80px; float:left; margin-top:42px;}
.t-al{ float:left;}
.t-wx{ float:right; width:33px; height:33px; overflow:hidden; }
.t-wx:hover{ position:relative; overflow:visible;}
.t-ewm{width:280px; height:60px;top:0px; right:-140px; opacity:0; background:#fff; box-shadow:0 0 16px #ccc; }
.t-wx:hover .t-ewm{ display:block; transform: translate(0,-20px); transition:all 0.8s; opacity:1; position:absolute; z-index:10000; }

.search{width:258px;height:36px; background:#fff; border:1px solid #ccc;margin-top:12px; margin-left:10px;}
.in{outline:none;float:left;width:190px;height:36px;line-height:36px; background:none; border:none; color:#999;  vertical-align:bottom; text-indent:10px;}
.button{outline:none;text-align:center;float:right; font-weight:bold; width:50px;height:36px; background:url(../images/fdj.png) no-repeat center center; border:none; color:#4f8dca; cursor:pointer; border-radius:24px;}


@media (max-width:1420px) and (min-width:1220px) {
.w1400{ width:1200px; margin:0 auto;}
.top-left{ width:480px; float:left;}
.ny-logo { width:126px; float: left; height:87px; margin-top:8px; border-right:1px solid #ccc; margin-right:20px; }
/* .logo-wz{ margin-top:22px;} */
.logo-wz h2{color: #526df8;font-size:20px;}
.logo-wz h3{font-size:16px; line-height:30px; color:#333;}
.gai-nav { width: 670px; float: left; height:106px;}
.gai-nav ul li{padding:0 16px;}
.nav-tel { width:40px; float: right;font-size: 14px; }
.nav-tel dt { float:right;  }
.nav-tel dd{ width:40px; float:left; margin-top:42px;}
.t-ewm{width:280px; height:60px;top:0px; right:0px;}
}

.banner { width: 100%; height:650px; margin: 0 auto; overflow:hidden; }
/*top end*/

.sec1-box{ padding:70px 0;}
.about-tu{ width:46.2%; float:left; overflow:hidden;}
.about-tu img{transform:scale(1.0,1.0); transition:all 0.4s;}
.about-tu img:hover{ transform:scale(1.06,1.06); transition:all 0.4s;}
.about-right{ width:46.2%; float:right; margin-top:60px;}
.about-right h2{ font-size:36px; font-weight:bold; color:#222;}
.about-right .wz{ padding:30px 0;}
.about-right .wz p{ font-size:16px; line-height:30px;}
.about-right h6{  width:160px;margin-top:20px;}
.about-right h6 a{ display:block; width:160px; height:50px; text-align:center; line-height:48px;color:#666; border:2px solid #666; font-size:16px; position:relative;}
.about-right h6  a {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.about-right h6  a:hover, .about-right h6  a:focus {border-color: var(--hover);color: #fff;}
.slide:hover,
.slide:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide {--color: #333;--hover: #526df8;}
.about-right h6 a:hover{color:#fff;border:2px solid #526df8;}

/*第一块*/

.sec2-box{ width:100%; background:url(../images/cp-bj.jpg) no-repeat center center; margin:0 auto; height:852px;}
.in-cp{ padding:50px 0;}
.in-cp-tit{ height:100px; text-align:center;}
.in-cp-tit h2{font-size:36px; font-weight:bold; color:#fff;}
.in-cp-tit h2 a{ color:#fff;}

.in-cp-tit h3{font-size:16px;color:#fff; line-height:40px;}
.search2{width:528px;height:56px;border:1px solid #fff; margin:0 auto; margin-bottom:50px;}
.in2{outline:none;float:left;width:450px;height:56px;line-height:56px; background:none; border:none; color:#fff;  vertical-align:bottom; text-indent:20px;}
.button2{outline:none;text-align:center;float:right; font-weight:bold; width:50px;height:56px; background:url(../images/fdj2.png) no-repeat center center; border:none; color:#4f8dca; cursor:pointer; border-radius:24px;}

.in-cp-left{ width:270px; height:472px; float:left; background:#fff url(../images/smd.jpg) no-repeat center bottom;}
.cp-left-con{ width:204px; margin:0 auto; margin-top:45px;}
.cp-left-con h4{ font-size:24px; color:#000;}
.cp-left-con h5{ font-size:16px; color:#666; line-height:40px;}
.in-cp-right{ width:1100px; float:right;}
.in-cp-right ul li{ width:250px; float:left; background:#fff; padding-bottom:6px; margin-right:32px; margin-bottom:35px;}
.in-cp-right ul li:nth-child(4n){ float:right; margin-right:0;}
.in-cp-right ul li .cp-tu{ width:200px; height:151px; margin:0 auto; overflow:hidden;}
.in-cp-right ul li .cp-tu img{width:200px; height:151px;transform:scale(1.0,1.0); transition:all 0.4s;}
.in-cp-right ul li:hover .cp-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;}
.in-cp-right ul li .cp-wz{ text-align:center;}
.in-cp-right ul li .cp-wz h4{ font-size:16px;}
.in-cp-right ul li .cp-wz p{ line-height:40px; color:#666;}
@media (max-width:1420px) and (min-width:1220px) {
    .in-cp-left{ width:230px; height:472px; float:left;}
    .in-cp-right{ width:956px; float:right;}
    .in-cp-right ul li{ width:230px; margin-right:12px;}
}
/*第二块*/

.sec3-box{ width:100%; height:864px; background:url(../images/che-bj.jpg) no-repeat center center; margin:0 auto; overflow:hidden;}
.field{ padding-top:156px; position:relative; background:url(../images/che-tu.png) no-repeat 100px right;}
.field-left{ width:522px; float:left;}
.field-left h2{ height:136px;font-size:36px; font-weight:bold; color:#333;}
.field-left ul dl{ width:164px; height:164px; background:#fff; margin-right:10px; margin-bottom:10px; float:left;}
.field-left ul dl:hover{ box-shadow:0 0 20px #ccc;}
.field-left ul dl dt{ margin-top:38px; height:60px;}
.field-left ul dl dt img{ display:block; margin:0 auto;}
.field-left ul dl dd{ line-height:40px; text-align:center;}
.field-center{position:absolute; z-index:2; right:130px; top:100px;}
.field-right{ width:160px; float:right; font-size:12px; margin-top:25px;}
.field-right ul li{ line-height:24px;}

@media (max-width:1420px) and (min-width:1220px) {
    .mxls .bd2 ul li{width:390px; height:510px; margin-right:12px; border-radius:6px; float:left;background:#fff; border:1px solid #f1f1f1;box-shadow:0 0 30px #eee; }
}
/*第三块*/

.sec4-box{ padding:60px 0 80px;}
.sec4-box h2{ height:142px;font-size:36px; font-weight:bold; color:#333; text-align:center;}
.slideBox .bd ul { }
.slideBox .bd ul li { width:100%;}
.slideBox .bd ul li img{ width:100%;}
.slideBox .bd ul li dl{position:relative;}
.slideBox .bd ul li dl dt{ position:absolute; z-index:0;cursor: pointer;}
.slideBox .bd ul li dl dd{ position:absolute; z-index:1; top:142px; left:112px;}
.slideBox .bd ul li dl dd .ys-wz{ color:#fff;}
.slideBox .bd ul li dl dd .ys-wz h4{ height:60px; line-height:60px; font-size:24px; color:#fff;}
.slideBox .bd ul li dl dd .ys-wz p{ width:674px; margin-top:10px; line-height:30px;}
.slideBox .bd ul li dl dd .ys-logo{ margin-top:40px;}
.slideBox .bd ul li dl dd .ys-logo img{ width:196px; height:68px; margin-right:20px;}

.slideBox { width:100%;position:relative; }
.slideBox .hd { width:100%; height: 78px; margin-top:1px; z-index:999; }
.slideBox .hd ul {width:100%; }
.slideBox .hd ul li { float:left; width:24.94%; height:78px; cursor: pointer; margin-right:1px; background:#dcdcdc; font-size:16px; text-align:center; line-height:78px;}
.slideBox .hd ul li:last-child{ float:right; margin-right:0;}
.slideBox .hd ul li.on { background:#526df8; color:#fff; }
.slideBox .bd { position: relative; height: 100%; z-index:2; height:560px; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .prev,
.slideBox .next { position: absolute; display: block; }
.slideBox .prev { top: 324px; right:100px; z-index: 10; background:url(../images/left.png) no-repeat; }
.slideBox .next { top: 324px; right:0px; z-index: 10; background:url(../images/right.png) no-repeat; }
.slideBox .prev:hover {background:url(../images/left-a.png) no-repeat; }
.slideBox .next:hover {background:url(../images/right-a.png) no-repeat; }
.slideBox .prev:hover,
.slideBox .next:hover { filter: alpha(opacity=80); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
@media (max-width:1420px) and (min-width:1220px) {
    .slideBox .bd ul li dl dd{ top:70px;}
    .slideBox .hd ul li {width:24.93%;}
    .slideBox .bd { height:480px; }
}
/*第四块*/


.sec5-box{ width:100%;margin:0 auto; overflow:hidden; padding:40px 0; background:#f4f4f4;}
.sec5-box h2{ text-align:center;height:60px;font-size:36px; font-weight:bold;}
.sec5-box h2 a{color:#333;}
.sec5-box h2 a:hover{ color:#526df8;}
.sec5-box h3{ text-align:center;}
.sec5-box h3 a{ display:inline-block; width:132px; height:40px; text-align:center; line-height:40px;color:#666;font-size:16px; position:relative;}
.sec5-box h3 a {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.sec5-box h3 a:hover, .sec5-box h3 a:focus {border-color: var(--hover);color: #fff;}
.slide2:hover,
.slide2:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide2 {--color: #333;--hover: #526df8;}
.sec5-box h3 a:hover{color:#fff; background:#526df8;}

.in-news{position:relative;overflow:hidden; margin-top:40px;}
.news-con{ width:100%;margin:0 auto;}
.news-con .bd2 { }
.news-con .bd2 ul{height:440px;}
.news-con .bd2 ul li{width:450px; margin-right:28px;float:left; }
.news-con .bd2 ul li:last-child{ margin-right:0; float:right;}
.news-con .bd2 ul li .news-tu{ width:450px; height:250px; overflow:hidden;}
.news-con .bd2 ul li .news-tu img{width:450px; height:250px;transform:scale(1.0,1.0); transition:all 0.4s;}
.news-con .bd2 ul li:hover .news-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;}
.news-con .bd2 ul li dl{ }
.news-con .bd2 ul li dl dd{height:100px; border-bottom:1px solid #ccc; margin-top:20px; position:relative;}
.news-con .bd2 ul li dl dd h4 a{ font-size:18px;display:block;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.news-con .bd2 ul li dl dd h4 a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom:-1px; height: 1px; opacity: 0; background-color: #526df8; }
.news-con .bd2 ul li dl dd h4 a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.news-con .bd2 ul li dl dd p{ margin-top:10px;height:48px;line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news-con .bd2 ul li dl dt{ height:40px; line-height:40px; background:url(../images/time.png) no-repeat left center; padding-left:20px;}

.news-con .hd2 {width: 100%;height: 16px; margin:0 auto; text-align:center;margin-top:20px;}
.news-con .hd2 ul {height: 50px; overflow:hidden;}
.news-con .hd2 ul li {cursor: pointer; display:inline-block;zoom: 1; width: 12px;height:12px;margin: 0 5px; float: none;background: #e1e1e1;border-radius: 50%;line-height: 9999px;position: relative;
}
.news-con .hd2 ul .on { background-color: #526df8; }
@media (max-width:1420px) and (min-width:1220px) {
.news-con .bd2 ul{height:400px;}
.news-con .bd2 ul li{width:380px; margin-right:28px;float:left; } 
.news-con .bd2 ul li .news-tu{ width:380px; height:211px; overflow:hidden;}
.news-con .bd2 ul li .news-tu img{width:380px; height:211px;transform:scale(1.0,1.0); transition:all 0.4s;}  
}
/*第五块*/

.sec6-box{ padding:70px 0;}
.sec6-box h2{ text-align:center;height:60px;font-size:36px; font-weight:bold;}
.sec6-box h2 a{color:#333;}
.sec6-box h2 a:hover{ color:#526df8;}
.sec6-box h3{ text-align:center;}
.sec6-box ul{ margin-top:50px;}
.sec6-box ul li{ width:212px; float:left; margin-right:25px; margin-bottom:28px;}
.sec6-box ul li:nth-child(6n){ float:right; margin-right:0;}
.sec6-box ul li img{ width:210px; height:102px; border:1px solid #ccc;filter: grayscale(100%);}
.sec6-box ul li:hover img{ border:1px solid #526df8;}
.sec6-box ul li:hover img{filter: grayscale(0);}
@media (max-width:1420px) and (min-width:1220px) {
    .sec6-box ul li{ width:182px; float:left; margin-right:21px; margin-bottom:21px;}
    .sec6-box ul li img{ width:180px; height:87px;}
    }
/*第六块*/

.sec7-box{ width:100%;margin:0 auto; overflow:hidden; padding:60px 0; background:#f4f4f4;}
.sec7-box h2{ text-align:center;height:60px;font-size:36px; font-weight:bold; color:#333;}
.sec7-box h3{ text-align:center; height:50px;}
.in-ly{ width:800px; margin:0 auto;}
.in-ly ul li{float:left;  margin-bottom:20px; }
.in-ly ul li:nth-child(2n){ float:right;}
.input_out{ outline:none; text-indent:10px;height:56px; line-height:56px; width:388px;color:#666; }
.sub-con{ width:332px; margin:0 auto; margin-top:20px;}
.sub-con ul li{ float:left;}
.sub-con ul li:last-child{ float:right;}
.sub-con ul li a{ display:block; width:164px; height:50px; line-height:50px; border:none; background:#494949; color:#fff; text-align:center;}
.sub-con ul li a:hover{ background:#526df8;}
.f_submit{width:164px; height:50px; line-height:50px; border:none; background:#494949; color:#fff; text-align:center; position:relative;}
.f_submit:hover{ background:#526df8;}

.f_submit {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.f_submit:hover, .f_submit:focus {border-color: var(--hover);color: #fff;}
.slide3:hover,
.slide3:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide3 {--color: #fff;--hover: #526df8;}
.f_submit h3 a:hover{color:#fff; background:#526df8;}

.sub-con ul li a {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.sub-con ul lia:hover, .sub-con ul li a:focus {border-color: var(--hover);color: #fff;}
.slide4:hover,
.slide4:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide4 {--color: #fff;--hover: #526df8;}
.sub-con ul li a:hover{color:#fff; background:#526df8;}
/*第七块*/

/*底部 start*/
.footer { background:#333; width: 100%; padding:0px 0 90px; overflow:hidden;}
.f-con{color:#ababae;}
.f-con a{color:#ababae;}
.f-con a:hover { color: #fff; }
.f-left{ width:1188px; float:left; padding-top:60px;}
.f-lx{ width:394px; float:left;}
.f-lx dl{ height:66px; border-bottom:1px solid #5c5c5c;}
.f-lx dl dt{ float:left; width:50px;}
.f-lx dl dd{ width:324px; float:right; color:#fff;}
.f-lx dl dd h3{ font-size:14px;}
.f-lx dl dd h4{ font-size:24px;}
.f-lx ul{ margin-top:10px;}
.f-lx ul li{ line-height:30px;color:#ababae;}
.f-nav{ width:650px; float:right;}
.f-nav dl{ width:134px; margin-left:20px; float:left;}
.f-nav dl dt{ color:#fff; height:40px; font-size:14px;}
.f-nav dl dd a{ height:30px; line-height:30px;color:#ababae;}
.f-nav dl dd a:hover { color: #fff; }

.f-right{ width:194px; height:270px; background:#484848; float:right; text-align:center; color:#fff; }
.f-right img{ display:block; margin:0 auto; margin-top:54px;}
.f-right p{ font-size:14px; line-height:24px; margin-top:10px;}


.copy {background:#333; width: 100%; height:50px; border-top:1px solid #414141; }
.copy-con { height:50px; line-height:50px; color:#ababae;}
.copy-con h2{ float:left; font-size:14px;}
.copy-con h2 a { color:#ababae;}
.copy-con h2 a:hover { color: #fff; }
.copy-con h3{ float:right; font-size:14px;}
.copy-con h3 a { color:#ababae; padding:0 2px; }
.copy-con h3 a:hover { color: #fff; }
@media (max-width:1420px) and (min-width:1220px) {
.f-left{ width:1000px;}
.f-nav{ width:550px; float:right;}
.f-nav dl{ width:104px; margin-left:20px; float:left; font-size:12px;}
}

.link{ height:52px; line-height:52px; }
.link h2{ color:#333; font-size:14px; height:52px; background:url(../images/link.png) no-repeat left center; padding-left:30px;}
.link h2 a{color:#666; padding:0 10px;}
.link h2 a:hover{ color:#526df8;}
/*底部 end*/

/*返回顶部*/
.cd-top { z-index: 999; display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 40px; right: 10px; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #000 url(../images/cd-top-arrow.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 6px; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; cursor: pointer; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .9; }
.cd-top:hover { background: #526df8 url(../images/cd-top-arrow.png) no-repeat center 50%; opacity: 1; }

/*返回顶部 end*/


/*公共样式 start*/
.banner_warp { width: 100%; height: 450px; overflow: hidden; position: relative; overflow: hidden; }
.banner-ny { width: 1920px; margin-left: -960px; position: absolute; left: 50%; text-align: center; }
.banner-ny img { width: 1920px; height: 450px; }
/*.banner-ny img { transform: scale(1.0, 1.0); transition: all 2s; }
.banner-ny:hover img { transform: scale(1.02, 1.02); transition: all 2s; }*/
.banner-wz{ width: 1920px; margin-left: -960px; position: absolute; left: 50%;z-index:1; text-align:left;}
.b-wz-con{ height:122px;}
.b-wz-con h2{color:#fff; height:122px; font-size:30px; margin-top:12%; font-weight:bold;background:url(../images/bx1.png) no-repeat left bottom; }
.b-wz-con h3{color:#fff; height:60px; font-size:30px; margin-top:12%; font-weight:bold;background:url(../images/bx1.png) no-repeat left bottom;}

/*内页banner*/

.location { width: 100%; height:60px; background:#526df8;}
.location-con {line-height:60px; font-size:16px; }
.location-con a{ display:inline-block; color:#fff; width:140px; text-align:center;}
.location-con a:hover{ color:#526df8; background:url(../images/ny-nav.jpg) no-repeat;}
.location-con a.locnav{ color:#526df8; background:url(../images/ny-nav.jpg) no-repeat;}

.location2 { width: 100%; height: 50px; background:#f4f4f4; overflow:hidden; color:#999;}
.location2-con {line-height:50px; font-size: 12px; }
.location2-con a{color:#999;}
.location2-con a:hover{ color:#526df8;}
.loc2-left{ float:left;}
.loc2-right{ float:right;}
.loc2-right a{}

.location3.location3-dz{ position:fixed; left:0; top:0; z-index:999; transition:all 0.8s;}
.location3 { width: 100%; height:60px; background:#526df8;color:#fff;}
.location3-con {line-height:60px; font-size: 12px; }
.location3-con a{color:#fff;}
.loc3-left{ float:left;}
.loc3-left a:hover{ text-decoration:underline;}
.loc3-right{ float:right;}
.loc3-right a{ float:left; font-size:16px; height:60px; position:relative; margin:0 15px;}
.loc3-right a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom:0px; height:2px; opacity: 0; background-color: #fff; }
.loc3-right a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.loc3-right a.loc3hover:after{left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }

.location2-right { float:right; }
.location2-right a { color: #666; }
.location2-right a:hover { color: #526df8; }
.location2-right span { padding: 0 4px; }

.location2-left { float:left; }
.location2-left a { font-size:14px; display:inline-block; color: #666; line-height:60px; padding:0 30px;position: relative;}
.location2-left a:hover { background:#526df8; color:#fff;}
.location2-left a.p-nav{ background:#526df8; color:#fff;}
.location2-left a {color: var(--color);-webkit-transition: 0.6s;transition: 0.6s;}
.location2-left a:hover, .location2-left a:focus {border-color: var(--hover);color: #fff;}
.loc:hover,
.loc:focus { box-shadow: inset 10em 0 0 0 var(--hover);}
.loc {--color: #333;--hover: #526df8;}
.location2-left a:hover{ color:#fff;}


.position{ height:60px; line-height:60px; background:#ededed; margin:40px auto;}
.position a{ font-size:15px; color:#333;}
.position a:hover{ color:#526df8}
.position h2{ text-indent:40px; font-size:15px;}
.position h2 a{ padding:0 4px;}
.position span{ float:right; margin-right:40px;}

.position2{ height:30px; line-height:30px; margin-bottom:40px; color:#666;}
.position2 a{ font-size:15px; color:#333;}
.position2 a:hover{ color:#526df8}
.position2 h2{ font-size:15px;}
.position2 h2 a{ padding:0 4px;}
.position2 span{ float:right;}
/*面包屑 end*/

.page { text-align: center; margin: 40px auto; clear: both; line-height: 50px; }
.page a { margin: 0 2px; border: 1px solid #e3e3e3; padding: 4px 18px; color: #333; border-radius: 5px; }
.page span { margin: 0 7px; border: 1px solid #e3e3e3; padding: 4px 18px; color: #333; border-radius: 5px; }
.page a:hover { background: #526df8; color: #fff !important; border: 1px solid #526df8; }
/*分页 end*/
/*公共样式 end*/

/*产品详情*/
.product1{width: 100%; height:376px; background:#f4f4f4; overflow:hidden;}
.pro1{ padding-top:10px;}
.pro1-left{ width:534px; float:left;}
.cpBox .bd { width:410px; float:right;height:312px; }
.cpBox .bd li { zoom: 1; vertical-align: middle; }


.cpBox { width:528px; margin:0 auto;position:relative; }
.cpBox .hd { width:100px; float:left;z-index:999; }
.cpBox .hd ul li { width: 100px; height:78px; cursor:pointer;}
.cpBox .hd ul li img{ border:1px solid #ccc;}
.cpBox .hd ul li.on img{ border:1px solid #526df8;}

.pro1-center{width:550px; float:left; margin-left:50px;}
.pro1-center h2{ font-size:24px; color:#333; font-weight:bold; height:44px;}
.pro1-center .pro1-wz{ height:252px; overflow:auto;}
.pro1-right{ width:220px; float:right; height:312px; border-left:1px solid #ccc; padding-top:50px; text-align:center;}
.pro1-right span{ display:block; width:120px; height:40px; color:#fff; background:#526df8; text-align:center; line-height:40px; font-size:12px; margin:0 auto; margin-top:10px;transform:translate(0,0); transition:all 0.6s;}
.pro1-right span a{ display:block;width:120px; height:40px;text-align:center; line-height:40px; color:#fff; background:#526df8;}
.pro1-right span:hover{ transform:translate(-10px,0); transition:all 0.6s;}
.pro1-right p{ font-size:14px; line-height:30px; margin-top:20px;}
.pro1-right h3{ color:#526df8; font-size:16px;}

.pro2{ padding:40px 0;}
.pro2-left{ width:73.1%; float:left;}
.pro2-wz{ margin-top:20px;}
.pro2-left h3{ height:52px; border-bottom:1px solid #ccc; font-weight:bold; color:#333; font-size:24px;}
.pro2-right{ width:17.9%; float:right;}
.pro2-right h3{ height:52px;font-weight:bold; color:#333;font-size:24px;}
.xg-cp ul li{ width:250px; float:left; border:1px solid #ccc; background:#fff; padding-bottom:6px;margin-bottom:20px;}
.xg-cp ul li:hover{border:1px solid #526df8;}
.xg-cp ul li .cp-tu{ width:200px; height:151px; margin:0 auto; overflow:hidden;}
.xg-cp ul li .cp-tu img{width:200px; height:151px;transform:scale(1.0,1.0); transition:all 0.4s;}
.xg-cp ul li:hover .cp-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;}
.xg-cp ul li .cp-wz{ text-align:center;}
.xg-cp ul li.cp-wz h4{ font-size:16px;}
.xg-cp ul li .cp-wz p{ line-height:40px; color:#666;}
@media (max-width:1420px) and (min-width:1220px) {
    .cpBox .bd { width:420px;}
    .pro1-center{ width:492px;margin-left:20px;}
    .pro1-right{ width:140px; }
}
/*产品详情*/


/*技术支持*/
.ski1{padding:80px 0;}
.ski1 h2{ text-align:center; height:126px;font-weight:bold; color:#333;font-size:30px;}
.ski1 ul{}
.ski1 ul li{ width:31.8%; height:434px; float:left; margin-right:2.26%; background:#526df8;}
.ski1 ul li:last-child{ float:right; margin-right:0;}
.ski1 ul li .ski1-con{ width:340px; margin:0 auto; text-align:center;}
.ski1 ul li .ski1-con h4{ margin-top:68px; height:128px;}
.ski1 ul li .ski1-con h5{ font-size:24px; color:#fff; height:46px;}
.ski1 ul li .ski1-con .ski1-wz{ font-size:16px; color:#fff; line-height:30px;}
.ski1 ul li:hover img{ transform:translate(0,-10px); transition:all 0.6s;}
.ski1 ul li img{ transform:translate(0,0); transition:all 0.6s;}

.ski2-bj{width:100%; height:736px; overflow:hidden;background:url(../images/js-bj1.jpg) no-repeat center center;}
.ski2{ padding-top:120px;}
.ski2 h2{ text-align:center; height:100px;font-weight:bold; color:#fff;font-size:36px;}
.ski2 ul{}
.ski2 ul li{ width:19.4%; height:314px; float:left; margin-right:0.75%; background:#fff;}
.ski2 ul li:last-child{ float:right; margin-right:0;}
.ski2 ul li .ski2-con{ width:186px; margin:0 auto; text-align:center;}
.ski2 ul li .ski2-con h4{ margin-top:64px; height:84px;}
.ski2 ul li .ski2-con h5{ font-size:18px; color:#333; height:38px;}
.ski2 ul li .ski2-con .ski2-wz{ font-size:14px;line-height:26px;}
.ski2 ul li:hover img{ transform:translate(0,-10px); transition:all 0.6s;}
.ski2 ul li img{ transform:translate(0,0); transition:all 0.6s;}

.ski3{ padding:100px 0;}
.ski3-left{ width:50%; float:left; overflow:hidden;}
.ski3-left img{ width:100%;}
.ski3-left img{transform:scale(1.0,1.0); transition:all 0.4s;}
.ski3-left img:hover{ transform:scale(1.06,1.06); transition:all 0.4s;}
.ski3-right{ width:44%; float:right; margin-top:30px;}
.ski3-right h3{font-weight:bold; color:#333;font-size:36px;}
.ski3-right .ski3-wz{ padding:40px 0; line-height:30px; color:#666; font-size:16px;}
.ski3-right ul li{ width:160px; height:50px; line-height:50px; text-align:center; display:block; float:left; margin-right:10px; background:#f0f0f0; font-size:18px;}
.ski3-right ul li:hover{ color:#fff; background:#526df8;}
/*技术支持*/

/*服务保障*/
.ser1{ height:471px; padding:60px 0;}
.ser1 h2{ text-align:center; height:100px;font-weight:bold; color:#333;font-size:36px;}
.ser1 dl{ position:relative;}
.ser1 dl dt{ height:371px; position:absolute; z-index:1;}
.ser1 dl dd{ position:absolute; z-index:2; background:#526df8; width:735px; height:319px; top:27px; right:0;}
.ser1-wz{ width:516px; margin:0 auto; padding-top:56px; color:#fff; font-size:16px; line-height:36px;}

.ser2-bj{ width:100%; padding:72px 0; background:#f4f4f4;}
.ser2 h2{ text-align:center; height:100px;font-weight:bold; color:#333;font-size:36px;}
.ser2 ul{ width:1054px; margin:0 auto;}
.ser2 ul li{ width:182px; float:left; margin-right:36px; margin-bottom:30px;}
.ser2 ul li:nth-child(5n){ float:right; margin-right:0;}
.ser2 ul li img{ border:1px solid #ccc;}
.ser2 ul li:hover img{border:1px solid #526df8;}

.ser3{ padding:60px 0;}
.ser3 h2{ text-align:center; height:100px;font-weight:bold; color:#333;font-size:36px;}
.ser3 ul{ width:100%;}
.ser3 ul li{ width:24.8%; float:left; margin-right:0.25%; background:#526df8; height:416px;text-align:center;}
.ser3 ul li img{ transform:translate(0,0); transition:all 0.6s;}
.ser3 ul li:last-child{ margin-right:0; float:right;}
.ser3 ul li.ser3-1{ }
.ser3 ul li.ser3-1 h5{ height:124px; margin-top:130px;}
.ser3 ul li.ser3-1 h6{ font-size:24px; color:#fff;}
.ser3 ul li .ser3-2{}
.ser3 ul li .ser3-2 dl{ height:206px; border-bottom:3px solid #fff;}
.ser3 ul li .ser3-2 dl:last-child{ border:none;}
.ser3 ul li .ser3-2 dl dt{ height:92px; padding-top:45px;}
.ser3 ul li .ser3-2 dl dd{ font-size:24px; color:#fff;}
.ser3 ul li.ser3-1:hover img{ transform:translate(0,-10px); transition:all 0.6s;}
.ser3 ul li .ser3-2 dl:hover img{ transform:translate(0,-10px); transition:all 0.6s;}

.ser4-bj{ width:100%; padding:72px 0; background:#f4f4f4;}
.ser4{ width:1142px; height:372px; margin:0 auto; background:url(../images/lc-x1.png) no-repeat 85px 100px; }
.ser4 h2{ text-align:center; height:100px;font-weight:bold; color:#333;font-size:36px;}
.ser4-con{ position:relative;}
.ser4-1{ position:absolute; width:170px; height:104px; text-align:center; line-height:104px; background:#526df8; color:#fff; font-size:16px; top:76px;}
.ser4-2{ position:absolute;color:#666; font-size:16px; top:104px; left:210px;}
.ser4-3{ position:absolute;width:170px; height:104px; text-align:center; line-height:104px; background:#526df8; color:#fff; font-size:16px; top:76px; left:344px;}
.ser4-4{ position:absolute;color:#526df8; font-size:16px; top:64px; left:596px;}
.ser4-5{ position:absolute;color:#666; font-size:16px; top:178px; left:596px;}
.ser4-6{ position:absolute;width:170px; height:72px; text-align:center; line-height:72px; background:#526df8; color:#fff; font-size:16px; top:54px; left:670px;}
.ser4-7{ position:absolute;width:170px; height:72px; text-align:center; line-height:72px; background:#526df8; color:#fff; font-size:16px; top:138px;left:670px;}
.ser4-8{ position:absolute;width:214px; height:72px; text-align:center; line-height:72px; background:#526df8; color:#fff; font-size:16px; top:138px; right:0;}

.ser5{ padding:70px 0;}
.ser5 h2{ text-align:center; height:100px;font-weight:bold; color:#333;font-size:36px;}
.ser5 ul li{ width:45%; float:left; border:1px solid #ccc;margin-bottom:20px; padding:28px; }
.ser5 ul li:nth-child(2n){ float:right;}
.ser5 ul li h3{ height:40px;}
.ser5 ul li h3 a{ height:40px; line-height:40px; background:url(../images/wen.jpg) no-repeat left center; padding-left:35px; font-size:16px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.ser5 ul li p{background:url(../images/da.jpg) no-repeat left top; padding-left:35px;height:48px;line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.ser6-bj{ width:100%;margin:0 auto; overflow:hidden;background:url(../images/ly-bj.jpg) no-repeat center center;}

.ser6-ly{ padding:60px 0;}
.ser6-ly h2{ text-align:center;height:60px;font-size:36px; font-weight:bold; color:#333;}
.ser6-ly h3{ text-align:center; height:50px;}
.ser6-ly ul li{float:left;  margin-bottom:20px; margin-left:20px; }
.input_ser6{ outline:none; text-indent:10px;height:56px; line-height:56px; width:440px;color:#666; }
.ser6-con{ width:386px; margin:0 auto; margin-top:20px;}
.ser6-con ul li{ float:left;}
.ser6-con ul li:last-child{ float:right;}
.ser6-con ul li a{ display:block; width:164px; height:50px; line-height:50px; border:none; background:#494949; color:#fff; text-align:center;}
.ser6-con ul li a:hover{ background:#526df8;}
.f_submit{width:164px; height:50px; line-height:50px; border:none; background:#494949; color:#fff; text-align:center; position:relative; cursor:pointer;}
.f_submit:hover{ background:#526df8;}

.f_submit {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.f_submit:hover, .f_submit:focus {border-color: var(--hover);color: #fff;}
.slide3:hover,
.slide3:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide3 {--color: #fff;--hover: #526df8;}
.f_submit h3 a:hover{color:#fff; background:#526df8;}

.sub-con ul li a {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.sub-con ul lia:hover, .sub-con ul li a:focus {border-color: var(--hover);color: #fff;}
.slide4:hover,
.slide4:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide4 {--color: #fff;--hover: #526df8;}
.sub-con ul li a:hover{color:#fff; background:#526df8;}
@media (max-width:1420px) and (min-width:1220px) {
.input_ser6{ outline:none; text-indent:10px;height:56px; line-height:56px; width:375px;color:#666; }
}
/*服务保障*/

/*新闻列表*/
.newslist{ padding:54px 0;}
.newslist h2{ text-align:center;height:100px;font-size:36px; font-weight:bold; color:#333;}
.newslist ul{}
.newslist ul li{ width:32.1%; float:left; margin-right:1.85%; margin-bottom:10px;}
.newslist ul li:nth-child(3n){ margin-right:0; float:right;}
.newslist ul li img{ width:100%;}
.newslist ul li .newslist-tu{overflow:hidden;}
.newslist ul li .newslist-tu img{transform:scale(1.0,1.0); transition:all 0.4s;height: 250px;}
.newslist ul li:hover .newslist-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;}
.newslist ul li dl{ }
.newslist ul li dl dd{height:100px; border-bottom:1px solid #ccc; margin-top:20px; position:relative;}
.newslist ul li dl dd h4 a{ font-size:18px;display:block;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.newslist ul li dl dd h4 a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom:-1px; height: 1px; opacity: 0; background-color: #526df8; }
.newslist ul li dl dd h4 a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.newslist ul li dl dd p{ margin-top:10px;height:48px;line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.newslist ul li dl dt{ height:40px; line-height:40px; background:url(../images/time.png) no-repeat left center; padding-left:20px;}
/*新闻列表*/


/*新闻详情*/
.news{ width:900px; margin:0 auto; padding:40px 0;}
.news h2{ height:60px; line-height:60px; text-align:center;color:#333; font-size:24px; position:relative;}
.news h6{ font-size:14px; text-align:center;}
.news h6 span{ padding:0 20px;}
.ny-news{ width:900px; margin:0 auto; padding:20px 0;}
.ny-news img{ display:block; margin:10px auto;}
.ny-news p{ line-height:24px; margin-top:14px;}

.newslist h3{ height:60px; font-size:20px; color:#333;}

.news-page{ width:100%; height:58px; border-bottom:1px solid #ccc; text-align:center; color:#333; font-size:15px;}
.news-page a{  height:40px; color:#666; width:400px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden; }
.news-page a:hover{ color:#526df8;}
.news-page span{ padding:0 20px;}

/*新闻详情 end*/

/*案例*/
.case{ padding:50px 0;}
.case ul li{ float:left; width:49.2%; overflow:hidden; margin-bottom:30px;}
.case ul li:nth-child(2n){ float:right;}
.case ul li .case-tu{overflow:hidden;}
.case ul li img{ width:100%;}
.case ul li img{transform:scale(1.0,1.0); transition:all 0.4s;}
.case ul li:hover img{ transform:scale(1.06,1.06); transition:all 0.4s;}
.case ul li h3{ font-size:24px; color:#333; height:64px; line-height:64px; margin-top:8px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.case ul li p{ font-size:16px; color:#666; line-height:30px;height:60px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
/*案例*/

/*合作伙伴*/
.partner{ padding:50px 0;}
.par1{ padding-bottom:50px;}
.par-left{ width:42.8%; float:left; overflow:hidden;}
.par-left img{ width:100%;}
.par-left img{transform:scale(1.0,1.0); transition:all 0.4s;}
.par-left img:hover{ transform:scale(1.06,1.06); transition:all 0.4s;}
.par-right{ width:52.5%; float:right; margin-top:30px;}
.par-right h3{color:#333;font-size:30px;}
.par-right .par-wz{ padding:30px 0 0; line-height:30px; color:#666; font-size:14px;}

.par2{ padding-bottom:30px;}
.par2 h3{ height:50px; font-size:24px; color:#333;}
.par2 ul li{ width:162px; float:left; margin-right:14.5px; margin-bottom:12px;}
.par2 ul li:nth-child(8n){ float:right; margin-right:0;}
.par2 ul li img{ width:160px; height:78px; border:1px solid #ccc;}
.par2 ul li:hover img{border:1px solid #526df8;}
@media (max-width:1420px) and (min-width:1220px) {
    .par2 ul li{ width:142px; float:left; margin-right:9px; margin-bottom:9px;}
    .par2 ul li img{ width:140px; height:68px;}
}
/*合作伙伴*/

/*联系我们*/
.contact1{ padding:70px 0;}
.contact1 ul li{ width:32.4%; height:200px; border:1px solid #ccc; float:left; margin-right:1.15%; margin-bottom:14px;}
.contact1 ul li:nth-child(3n){ float:right; margin-right:0;}
.contact1 ul li .con1-con{ width:310px; margin:0 auto; text-align:center;}
.contact1 ul li .con1-con h4{ margin-top:28px; height:66px;}
.contact1 ul li .con1-con h5{ font-size:16px; color:#999; height:38px;}
.contact1 ul li .con1-con h6{ font-size:24px; color:#666; }
.contact1 ul li .con1-con .con1-wz{ font-size:16px;line-height:26px;}
.contact1 ul li:hover img{ transform:translate(0,-10px); transition:all 0.6s;}
.contact1 ul li img{ transform:translate(0,0); transition:all 0.6s;}

.contact2-bj{ background:#f2f2f2; height:600px; width:100%; overflow:hidden;}
.contact2{}
.con2-left{ width:750px; float:left; margin-top:110px;}
.con2-right{ width:630px; float:right;}

.con2-left h2{height:60px;font-size:36px; font-weight:bold; color:#333;}
.con2-left h3{ height:50px;}
.con2-ly{ width:750px;}
.con2-ly ul li{float:left;  margin-bottom:20px; margin-right:10px; }
.input_con2{ outline:none; text-indent:10px;height:56px; line-height:56px; width:354px;color:#666; }
.con2-con{ width:390px;margin-top:20px;}
.con2-con ul li{ float:left; margin-right:20px;}
.con2-con ul li a{ display:block; width:164px; height:50px; line-height:50px; border:none; background:#494949; color:#fff; text-align:center;}
.con2-con ul li a:hover{ background:#526df8;}
.f_submit{width:164px; height:50px; line-height:50px; border:none; background:#494949; color:#fff; text-align:center; position:relative;}
.f_submit:hover{ background:#526df8;}

.f_submit {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.f_submit:hover, .f_submit:focus {border-color: var(--hover);color: #fff;}
.slide3:hover,
.slide3:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide3 {--color: #fff;--hover: #526df8;}
.f_submit h3 a:hover{color:#fff; background:#526df8;}

.sub-con ul li a {color: var(--color);-webkit-transition:.6s;transition:.6s;}
.sub-con ul lia:hover, .sub-con ul li a:focus {border-color: var(--hover);color: #fff;}
.slide4:hover,
.slide4:focus { box-shadow: inset 15em 0 0 0 var(--hover);}
.slide4 {--color: #fff;--hover: #526df8;}
.sub-con ul li a:hover{color:#fff; background:#526df8;}

@media (max-width:1420px) and (min-width:1220px) {
    .con2-left{ width:550px; float:left; margin-top:50px;}
    .con2-ly ul li{margin-bottom:10px; float:none;  }
    .input_con2{ outline:none; text-indent:10px;height:56px; line-height:56px; width:354px;color:#666; }
}
/*联系我们*/

/*关于我们*/
.about1{ width:100%; height:auto; background:#fff;}
.about1-con{ padding:90px 0;}
.about1-left{ width:39%; float:left; overflow:hidden;}
.about1-left img{ width:100%;}
.about1-left img{transform:scale(1.0,1.0); transition:all 0.4s;}
.about1-left img:hover{ transform:scale(1.06,1.06); transition:all 0.4s;}
.about1-right{ width:54%; float:right; margin-top:60px;}
.about1-right h6{ font-size:24px; font-family:"Arial"; height:40px;}
.about1-right h2{ background:url(../images/gy-x1.jpg) no-repeat left bottom;height:68px;font-size:36px; font-weight:bold; color:#333;}
.about1-right-wz{ padding:30px 0; font-size:16px; line-height:30px;}
.about1-right ul{ margin-top:20px;}
.about1-right ul li{ width:130px; height:62px; border-right:1px solid #ccc; text-align:center; float:left;}
.about1-right ul li:last-child{ border:none;}
.about1-right ul li h4{font-size:14px;color:#526df8;}
.about1-right ul li h4 span{ font-size:36px; font-weight:bold; }
.about1-right ul li h5{ font-size:14px;}

.about2{ width:100%; height:832px; background:url(../images/gu-bj1.jpg) no-repeat center center;}
.about2-con{ padding:90px 0;}
.about2-con h2{ height:100px;font-size:36px; font-weight:bold; color:#333; text-align:center;}
.about2-con ul li{ height:164px; width:49%; background:#fff; float:left; margin-bottom:20px;}
.about2-con ul li:nth-child(2n){ float:right;}
.about2-con ul li .wh-con{ width:80%; margin:0 auto; padding-top:45px;}
.about2-con ul li .wh-con h4{ height:40px; font-size:24px; color:#333;}
.about2-con ul li .wh-con p{ line-height:30px; font-size:16px;}

.about3{ width:100%;margin:0 auto; overflow:hidden; padding:60px 0; background:#fff;}
.about3 h2{ height:100px;font-size:36px; font-weight:bold; color:#333; text-align:center;}


.chanpincentera {
    position: relative;
}
.fahzan-topul-p {
    margin-bottom: 80px;
}

.nianfen {
    position: absolute;
    bottom: -4px;
    z-index: 500;
    color: #ffffff;
}

.nianfen .dian {
    position: absolute;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0;
    top: 20px;
    background-color: #333;
}

.nianfen p {
    font-size: 36px;
    color: #333;
    font-weight:bold;
    margin-left: 20px;
}

.fahzhan-topul ul li:nth-child(even) {
    margin-top: 133px;
    margin-left: -185px;
}



.fahzhan-topul ul li:first-child {
    margin-left: 0px !important;
}

.fahzhan-topul ul li:last-child {
    margin-left: -250px !important;
}



.fahzhan-topul ul li:nth-child(odd) {

    margin-left: -185px;
}

.fahzhan-topul ul li:nth-child(even) .fahzan-topul-p {
    margin-bottom: 0px;
     height:100px;
    margin-top: 100px;
}

.fahzhan-topul ul li:nth-child(even) .shuxian {
    top: 30px;
}

.fahzhan-topul ul li:nth-child(even) .nianfen {
    position: absolute;
    top: 50px;
    bottom: 0;
}

.swiper-container {
    z-index: 600 !important;
}

.swiper-button-next,
.swiper-button-prev {
    list-style: none !important;
}

.db1.swiper-button-next {
    position: absolute;
    top: 40px;
    right: 250px;
    width: 36px;
    height: 36px;
    background: #3f3f3f;
}

.db2.swiper-button-prev {
    position: absolute;
    top: 40px;
    left: 250px;
    width: 36px;
    height: 36px;
    background: #3f3f3f;
}

.fahzhan-topul ul li {
    float: left;
    position: relative;
    width: 387px !important;
}

.chanpincenterg {
    background:url(../images/fz-x1.jpg) no-repeat center center;
    z-index: 100;
    height: 75px;
    width: 100%;
    bottom: 166px;
    position: absolute;
}

.fahzan-topul-p p {
    height: 42px;
    width: 200px;
}

.top-righ img {
    width: 100px;
    height: 100px;
}

.foot-yqlj {
    overflow: hidden;
    max-width: 558px;
}

.foot-yqlj p {
    float: left;

}

.foot-yqlj-r {
    float: left;
    max-width: 470px;
}

.foot-yqlj a {
    float: left;
    margin-bottom: 10px;
}

.fahzhan-topul ul li {
    float: left;
    position: relative;
    width: 400px;
}



.fahzhan-topul ul li .shuxian {
    height: 162px;
    width: 1px;
    background-color: #333;
    position: absolute;
    left: 4px;
    top: 0;
    z-index: 300;
}

.fahzan-topul-p {
    margin-left: 15px;
}

.fahzan-topul-p p {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
}



.fahzhan-topul {
    margin-top: 50px;
}

.fazhan1-cent ul li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 200px;
}

.fazhan1-cent ul li .dian {
    position: absolute;
    float: left;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 20px;
    background-color: #b0b0c7;
}

.fazhan1-cent ul li img {
    float: left;
    margin-left: 15px;
}

.fazhan1-cent ul {
    overflow: hidden;
}

.clear {
    clear: both;
}

.db1 {
    position: absolute;
    top: 13px;
    right: 250px;
    width: 36px;
    height: 36px;
    background: #3f3f3f;
}

.db1::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: #526df8;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transform: scale(1);
    -webkit-transform: scale(0);
}

.db2::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: #526df8;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transform: scale(1);
    -webkit-transform: scale(0);
}

.db1 before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: #526df8;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transform: scale(1);
    -webkit-transform: scale(0);
}

.db2 before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    background: #526df8;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transform: scale(1);
    -webkit-transform: scale(0);
}

.db1:hover before,
.db2:hover before {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.db1:hover::before,
.db2:hover::before {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.db2 {
    position: absolute;
    top: 13px;
    left: 250px;
    width: 36px;
    height: 36px;
    background: #3f3f3f;
}

.dbshadow {
    box-shadow: 0px 0px 5px #e2e2e2;
}

.db1 i {
    width: 15px;
    height: 12px;
    background: url(../images/jt2.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.db2 i {
    width: 15px;
    height: 12px;
    background: url(../images/jt1.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* .db1:hover,
.db2:hover {
    background: #526df8;
    transition: .8s;
     transform: scale(0); 
}*/

.db1:hover i {
    background: url(../images/jt2.png) no-repeat center;
}

.db2:hover i {
    background: url(../images/jt1.png) no-repeat center;
}

.fahzhan-bottul ul li {
    float: left;
    position: relative;
    width: 400px;
}

.fahzhan-bottul ul li .shuxian {
    height: 240px;
    width: 2px;
    background-color: #666;
    position: absolute;
    left: 2px;
    bottom: 0;
    z-index: 300;
}

.fahzhan-bottul ul li:first-child {
    margin-left: 200px;
}

.chanpincenter-box {
    width: 1200px; height:366px; position:relative;
    margin: 0px auto;
}

.fahzan-topul-p.fahzhan-bottul-p {
    margin-top: 94px;
}

.fahzhan-bottul {
    margin-bottom: 50px;
}


.about4{ width:100%;margin:0 auto; overflow:hidden; padding:60px 0; background:#efefef;}
.about4 h2{ text-align:center;height:100px;font-size:36px; font-weight:bold;color:#333;}
.about4-con{position:relative;overflow:hidden;}
.pp-con{ width:100%;margin:0 auto;}
.pp-con .bd2 { }
.pp-con .bd2 ul{height:420px;}
.pp-con .bd2 ul li{width:268px; margin:0 6.5px;float:left; }
.pp-con .bd2 ul li .pp-tu{ width:266px; height:342px; border:1px solid #ccc; overflow:hidden;}
.pp-con .bd2 ul li .pp-tu img{ width:266px; height:342px;transform:scale(1.0,1.0); transition:all 0.4s;}
.pp-con .bd2 ul li:hover .pp-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;border:1px solid #526df8;}
.pp-con .bd2 ul li:hover .pp-tu{border:1px solid #526df8;}
.pp-con .bd2 ul li h4{ font-size:16px; height:50px; line-height:50px; text-align:center;}


.pp-con .hd2 {width: 100%;height: 16px; margin:0 auto; text-align:center;margin-top:20px;}
.pp-con .hd2 ul {height: 50px; overflow:hidden;}
.pp-con .hd2 ul li {cursor: pointer; display:inline-block;zoom: 1; width: 12px;height:12px;margin: 0 5px; float: none;background: #e1e1e1;border-radius: 50%;line-height: 9999px;position: relative;
}
.pp-con .hd2 ul .on { background-color: #526df8; }

.about5{ width:100%;margin:0 auto; overflow:hidden; padding:60px 0; background:#fff;}
.about5 h2{ text-align:center;height:100px;font-size:36px; font-weight:bold;color:#333;}
.about5-con{position:relative;overflow:hidden;}

@media (max-width:1420px) and (min-width:1220px) {
.pp-con .bd2 ul{height:360px;}
.pp-con .bd2 ul li{width:212px; margin:0 12px;float:left; }
.pp-con .bd2 ul li .pp-tu{ width:210px; height:268px; border:1px solid #ccc; overflow:hidden;}
.pp-con .bd2 ul li .pp-tu img{width:210px; height:268px;transform:scale(1.0,1.0); transition:all 0.4s;}
.pp-con .bd2 ul li:hover .pp-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;border:1px solid #526df8;}
.pp-con .bd2 ul li:hover .pp-tu{border:1px solid #526df8;}
.pp-con .bd2 ul li h4{ font-size:14px; height:50px; line-height:50px; text-align:center;}
}
/*关于我们*/

/*产品列表*/
.prolist2{ padding:40px 0 40px;}
.prolist2 ul li{ width:250px; float:left; background:#fff; padding-bottom:6px; margin-right:37px; margin-bottom:35px;}
.prolist2 ul li:nth-child(5n){ float:right; margin-right:0;}
.prolist2 ul li .cp-tu{ width:200px; height:151px; margin:0 auto; overflow:hidden;}
.prolist2 ul li .cp-tu img{width:200px; height:151px;transform:scale(1.0,1.0); transition:all 0.4s;}
.prolist2 ul li:hover .cp-tu img{ transform:scale(1.06,1.06); transition:all 0.4s;}
.prolist2 ul li .cp-wz{ text-align:center;}
.prolist2 ul li .cp-wz h4{ font-size:16px;}
.prolist2 ul li .cp-wz p{ line-height:40px; color:#666;}
@media (max-width:1420px) and (min-width:1220px) {
    .prolist2 ul li{ width:230px; margin-right:12px; margin-bottom:12px;}
}
/*产品列表*/