@charset "utf-8";

/* CSS Document */

/*banner*/

.banner {width: 100%; position: relative;height:550px; margin: 0 auto;background: transparent;}

.banner .bd { margin: 0 auto;height: 100%;position: relative;z-index: 0;overflow: hidden;}

.banner .bd ul { height: 100%; width: 100%;}

.banner .bd li { height: 100%;overflow: hidden;text-align: center;background-position: center;background-repeat: no-repeat; width: 100%;}

.banner .bd li a {display: block;height: 100%;width: 100%;}

.banner .prev, .banner .next {display: block; position: absolute;top: 50%;margin-top: -30px;left: 15%;z-index: 1;width: 40px; height: 60px;background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;cursor: pointer;*filter: alpha(opacity=50);*opacity: .5;display: none;}

.banner .next {left: auto;right: 15%;background-position: -6px -137px;}



/*公司简介*/

.gg{height:508px; background:#f6f6f6;}

.oldv{ display:block; width:1180px; height:508px; margin:0 auto;}

.iks{ width:589px; height:508px; float:left; display:block; overflow: hidden; background:url(../images/03.jpg) no-repeat center;}

.iks img{ display:block;width:480px; height:348px;-ms-transition: all .2s;transition: all .2s;overflow: hidden; object-fit: cover; margin-top:70px; margin-left:44px;}

.iks:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); /* IE 9 */ -moz-transform: scale(1.1, 1.1);/* Firefox */ -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);}



.okse{ width:590px; height:508px; float:right;}

.okse h3{ font-size:30px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.okse h3 a{ color:#305dc3; display:block; padding-top:80px;}

.okse p{line-height:32px; height:192px; overflow:hidden; color:#666;}



.okse b{ width:158px; height:46px; line-height:46px; text-align:center; background:#305dc3; margin-top:40px; display:block; font-weight:normal;transition: all 0.3s;}

.okse b img{ padding-right:8px; font-size:15px; vertical-align:middle;}

.okse b a{ color:#fff;}

.okse:hover b{ margin-left:50px;transition: all 0.3s;}



/*vs*/

.vs{ height:574px; width:1180px; margin:0 auto; margin-top:50px; position:relative;}

.vs .lid{ width:603px; height:64px; line-height:64px; margin:0 auto; background:url(../images/3.jpg) no-repeat center;}

.vs .lid li{ font-size:24px; float:left; font-weight:bold; margin:0 98px;}

.ske{ margin-top:20px;}

.ske li{ width:580px;}

.ske .ldk div,.ske .ldk_02 div{ float:left; width:230px; height:225px; border-radius:50%; background:#305dc3; padding-top:5px;}

.ske li div img{ display:block;border-radius:50%; margin:0 auto; width:220px; height:220px;transition:transform 4s;}

.ske li:hover div img{transform: rotateZ(360deg);}

.ske .ldk span,.ske .ldk_02 span{background:#305dc3;display:block;width:580px;height:200px;float:right;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius: 100px;z-index: -1;position: absolute;margin-top:17px;}

.ske .ldk_03 div,.ske .ldk_04 div{ float:right; width:230px; height:225px; border-radius:50%; background:#c1c1c1; padding-top:5px;}

.ske .ldk_03 span,.ske .ldk_04 span{background:#e7e7e7;display:block;width:580px;height:200px;float:left;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-right-radius: 100px;border-bottom-left-radius: 100px;z-index: -1;position: absolute;margin-top:17px;}

.ske .ldk span p{ font-size:15px; line-height:24px; width:256px; padding-left:248px; padding-top:75px; color:#fff;}

.ske .ldk_02 span p{ font-size:15px; line-height:24px; width:322px; padding-left:248px; padding-top:56px; color:#fff;}

.ske li span b{ font-size:20px; display:block; text-align:center; padding:6px 0;}

.ldk_02{ position:absolute; left:0; top:340px;}

.ldk_01{ position:absolute; left:0; top:87px;}

.ldk_04{ position:absolute; right:0; top:340px;}

.ldk_03{ position:absolute; right:0; top:87px;}

.ske .ldk_03 span p{font-size:15px;line-height:24px;width: 270px;padding-left: 74px;padding-top: 92px;color:#555;}

.ske .ldk_04 span p{font-size:15px;line-height:24px;width: 288px;padding-left: 36px;padding-top: 92px;color:#555;}

.dkr{ position:absolute; left:467px; top:180px;}



/*产品*/

.kdr{ height:780px; background:#f7f8f9;}

.cpzb{width:1180px;height:744px;margin:50px auto; padding-top:34px;}

.cpzb span{ width:362px; height:80px; margin:0 auto; display:block; background:url(../images/04.jpg) no-repeat center; padding-top:18px;}

.cpzb span h3{ font-size:26px; text-align:center; font-weight:normal; letter-spacing:6px;}

.cpzb span i{ display:block; color:#999; text-align:center;letter-spacing:8px;}

.mvn{ width:1180px; margin:0 auto; margin-top:32px;}

.mvn li{ float:left; width:278px; height:74px; border:1px solid #d8d8d8;transition: all 0.3s; margin-left:20px;}

.mvn li:nth-child(4n+1) { margin-left:0;}

.mvn li:hover{ background:#305dc3;transition: all 0.3s;}

.mvn li:hover p{ color:#fff;transition: all 0.3s;}

.mvn li:hover i{ color:#fff;transition: all 0.3s;}

.mvn li:hover b{ color:#fff;transition: all 0.3s;}

.mvn li p{ float:left; font-size:16px; padding-left:28px; padding-top:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mvn li p i{ display:block; text-transform:uppercase; color:#999; font-size:12px; padding-top:4px;}

.mvn li b{ float:right; font-size:24px; color:#999; margin-right:18px; display:block; padding-top:30px;}



.cpy{width:1180px; overflow:hidden;}

.cpy ul{height:430px;margin:0 auto;margin-top:38px;}

.cpy ul li{ float:left; margin-bottom:21px; width:280px; height:200px; position:relative; overflow:hidden; margin-left:20px;}

.cpy ul li:nth-child(4n+1) { margin-left:0;}

.img_c{ display:block; overflow:hidden;}

.cpy ul li img{ display:block; width:280px; height:200px; -ms-transition: all .2s; transition: all .2s; overflow: hidden; object-fit: cover;}

.cpy ul li:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1);  /* IE 9 */ -moz-transform: scale(1.1, 1.1);

/* Firefox */-webkit-transform: scale(1.1, 1.1);  -o-transform: scale(1.1, 1.1);}



.cpy ul p{ line-height: 26px; height: 26px; width:280px; text-align:center;font-size:14px;}

.cpy li .txt_two{position: absolute;left: 0px;top:200px;height:200px;padding-top:72px;text-align: center;color:#fff;background: #305dc3;opacity: 0.9; width:100%;}

.cpy li .txt_two a{display:block; color:#fff;}

.cpy li .txt_two h6{font-size:18px;color:#fff;font-weight: normal; text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.cpy li .txt_two b{font-size:18px; font-weight:normal;display: block;color:#fff;line-height:30px; border-bottom:3px solid #fff;overflow:hidden; width:50px; margin:0 auto; margin-top:10px;}



/*优势*/

.hzly{height:1185px; background:url(../images/4.jpg) no-repeat center;}

.uszd{ margin:0 auto; height:1185px; width:1180px; position:relative;}

.fj{ position:absolute; left:32px; top:30px;}

.fhj{ width:272px;position:absolute; left:391px; top:24px;}

.fhj b{ display:block; font-size:16px; color:#fff; line-height:32px;width:272px; border-bottom:1px solid #fff;}

.fhj h4{ font-size:16px; color:#ffff00;}

.rt{ color:#fff;position:absolute; left:908px; top:48px;}

.rt img{ padding-right:12px; vertical-align:middle;}

.rt b{ font-size:24px; font-weight:normal;}

.ngv{position:absolute; right:36px; top:158px;}

.fge{position:absolute; left:0px; top:746px;}



.ys_01{ width:520px; height:190px;position:absolute; left:35px; top:222px;}

.ys_01 span{ display:block; background:url(../images/07.jpg) no-repeat center; width:406px; height:74px; padding-left:82px;}

.ys_01 span h3{ font-size:24px;}

.ys_01 span i{color:#8e8e8e; text-transform:uppercase; font-size:14px;}

.ys_01 li{transition: all 0.6s; line-height:32px; color:#424242; background:url(../images/08.jpg) no-repeat left 10px; margin-top:10px; padding-left:30px; width:480px;}

.ys_01 li:hover{transition: all 0.6s; color:#305dc3; padding-left:20px;}



.ys_02{ width:520px; height:190px;position:absolute; left:35px; top:436px;}

.ys_02 span{ display:block; background:url(../images/09.jpg) no-repeat center; width:406px; height:74px; padding-left:82px;}

.ys_02 span h3{ font-size:24px;}

.ys_02 span i{color:#8e8e8e; text-transform:uppercase; font-size:14px;}

.ys_02 ul{ margin-top:16px;}

.ys_02 li{transition: all 0.6s; line-height:32px; color:#424242; background:url(../images/08.jpg) no-repeat left 10px; padding-left:30px; width:480px;}

.ys_02 li:hover{transition: all 0.6s;color:#305dc3; padding-left:20px;}



.ys_03{width:520px; height:190px;position:absolute; left:625px; top:790px;}

.ys_03 span{ display:block; background:url(../images/10.jpg) no-repeat center; width:406px; height:74px; padding-left:82px;}

.ys_03 span h3{ font-size:24px;}

.ys_03 span i{color:#8e8e8e; text-transform:uppercase; font-size:14px;}

.ys_03 ul{ margin-top:16px;}

.ys_03 li{transition: all 0.6s; line-height:32px; color:#424242; background:url(../images/08.jpg) no-repeat left; padding-left:30px; width:480px;}

.ys_03 li:hover{transition: all 0.6s;color:#305dc3; padding-left:20px;}



.huf{position:absolute; left:214px; bottom:30px; color:#fff; line-height:26px;}

.huf i{ display:block; color:#fff; font-size:20px;}

.fjj{position:absolute; left:440px; bottom:41px;}

.ryh{position:absolute; left:844px; bottom:38px;}

.ryh li{ float:left; width:125px; height:27px; line-height:27px; border:2px solid #fff; margin-left:32px; text-align:center;}

.ryh li a{ color:#fff;}



/*案例展示*/

.alzx{ width:1180px; height:666px; margin:0 auto; margin-top:30px;}

.alzx .ert{ width:450px; height:80px; margin:0 auto; display:block; background:url(../images/case_jt.jpg) no-repeat center; padding-top:18px; margin-bottom:24px;}

.alzx .ert h3{ font-size:26px; text-align:center;letter-spacing:6px;}

.alzx .ert i{ display:block; color:#999; text-align:center;letter-spacing:8px;}



.slideBox{width:734px;height: 496px;overflow:hidden;position:relative;float:left;}

.slideBox .hd{height: 92px;overflow:hidden;position:absolute;bottom: 0px;z-index:1;width: 734px;background: #305dc3;}

.slideBox .hd ul{overflow:hidden;zoom:1;float:left;left: 308px;position: absolute;top: 32px;}

.slideBox .hd ul li{float:left;width: 23px;height: 23px;margin: 0 5px;text-align:center; border:2px solid #fff;cursor:pointer;border-radius: 50%;line-height: 23px; color:#fff;}

.slideBox .hd ul li.on{background: #fff;color: #333;width: 23px;height: 23px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{width: 734px;height: 404px;display:block;}



/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,.slideBox .next{position:absolute;left: 7%;top: 50%;margin-top: 178px;display:block;width: 80px;height:40px;background: url(../images/00.png) -82px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;z-index: 1;}

.slideBox .next{left:auto;right: 5%;background-position: -217px 5px;}

.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.slideBox .prevStop{ display:none;}

.slideBox .nextStop{ display:none;}



.hbn{ float:right; width:446px; height:496px;}

.hbn ul{}

.hbn ul .qw_01,.hbn ul .qw_03{ height:165px; width:446px;}

.hbn ul .qw_01 img{ width:224px; height:165px; float:left; border-bottom:1px solid #d8d8d8;}

.hbn ul .qw_03 img{width:224px; height:165px; float:left;}

.hbn ul .qw_01 span,.hbn ul .qw_03 span{ width:208px; float:left; display:block; padding-top:42px; border-top:1px solid #d8d8d8; padding-left:14px;}

.hbn ul .qw_01 span h6,.hbn ul .qw_03 span h6{ font-size:16px; font-weight:normal;}

.hbn ul .qw_01 span h6:hover a,.hbn ul .qw_03 span h6:hover a{ color:#305dc3;}

.hbn ul .qw_01 span h6 a,.hbn ul .qw_03 span h6 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:188px;}

.hbn ul .qw_01 span p,.hbn ul .qw_03 span p{ color:#666; width:188px; line-height:24px; margin-top:14px; height:48px; overflow:hidden;}





.hbn ul .qw_02{ height:165px; width:446px;}

.hbn ul .qw_02 img{ width:224px; height:165px; float:right; border-bottom:1px solid #d8d8d8;}

.hbn ul .qw_02 span{ width:208px; float:left; display:block; padding-top:42px; border-top:1px solid #d8d8d8; padding-left:14px;}



.hbn ul .qw_02 span h6{ font-size:16px; font-weight:normal;}

.hbn ul .qw_02 span h6:hover a{ color:#305dc3;}

.hbn ul .qw_02 span h6 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:188px;}

.hbn ul .qw_02 span p{ color:#666; width:188px; line-height:24px; margin-top:14px; height:48px; overflow:hidden;}















.kfj{ height:326px; background:url(../images/dh.jpg) no-repeat center; margin-bottom:40px;}

.nvb{ height:282px; width:1160px; margin:40px auto; padding-top:44px; position:relative;}

.nvb ul{}

.nvb ul li{ float:left; width:270px; margin:0 10px;}

.nvb ul li div{ display:block; overflow:hidden;}

.nvb ul li img{ width:270px; height:200px; display:block; -ms-transition: all .2s;transition: all .2s;overflow: hidden; object-fit: cover;}

.nvb ul li:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); /* IE 9 */-moz-transform: scale(1.1, 1.1);/* Firefox */ -webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);}

.nvb ul li p{ padding-top:10px; text-align:center; width:270px;}

.nvb ul li p a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.nvb ul li:hover a{ color:#305dc3;}

.xzb{ position:absolute; left:-42px; top:152px;}

.xyb{position:absolute;right:-42px; top:152px;}



/*新闻*/

.xwzc{width:1180px;height: 656px;margin:0px auto;margin-top:20px;}

.xwzc .tgh{ width:359px; height:80px; margin:0 auto; display:block; background:url(../images/d.jpg) no-repeat center; padding-top:18px;}

.xwzc .tgh h3{ font-size:26px; text-align:center;letter-spacing:6px;}

.xwzc .tgh i{ display:block; color:#999; text-align:center;letter-spacing:8px;}



.ryhf{ height:316px; width:1180px; margin:0 auto; margin-top:10px;}

.kfr{float:left; width:316px; height:316px;}

.kfr img{ -ms-transition: all .2s;height:260px; width:316px; display:block;}

.kfr p{ text-align:center; background:#305dc3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; height:57px; line-height:57px; width:316px; color:#fff;transition: all 0.6s; }

 

.ryhf ul{ width:816px; height:316px; float:right;}

.ryhf ul li{ width:816px; height:146px; margin-bottom:22px; position:relative;}

.ryhf ul li .rty{display:block; float:left; width:240px; height:146px;}

.ryhf ul li span{ width:541px; background:#f7f8f9; float:right; height:112px; padding-left:35px; padding-top:34px;}

.ryhf ul li h4{ font-size:16px; font-weight:normal;}

.ryhf ul li h4 a{ width:460px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ryhf ul li p{ color:#666; line-height:24px; width:500px; height:48px; overflow:hidden; margin-top:8px;}

.ryhf ul li:hover h4 a{ color:#305dc3; border-left:2px solid #305dc3; padding-left:16px;}

.djrv{ width:57px; height:51px; position:absolute; right:0; top:0;}



.iftj{ margin-top:30px;}

.iftj li{float:left;width:384px;height:54px;line-height:54px;background:#fff;box-shadow:0 0 10px #eee;transition: all 0.6s;margin-bottom:12px;margin-left: 14px;}

.iftj li:nth-child(3n+1) { margin-left:0;}

.iftj li:hover{ background:#305dc3;box-shadow:0 0 10px #305dc3;transition: all 0.6s; }

.iftj li:hover a{ color:#fff;transition: all 0.6s; }

.iftj li:hover span{ color:#fff;transition: all 0.6s; }

.iftj li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/dd.jpg) no-repeat left; padding-left:30px; margin-left:10px;}

.iftj li span{ float:right; margin-right:18px; color:#999;transition: all 0.6s; }



/*链接*/

.lj{width:1180px;height:50px;line-height:50px;overflow:hidden;margin:0 auto;margin-top:30px;}

.lj h3{float:left;font-weight:normal;font-size:18px; background:url(../images/2.jpg) no-repeat center; width:108px; height:50px; text-align:right; line-height:14px; padding-right:10px;}

.lj ul:hover a{ color:#666;-webkit-transition:0.7s;transition:0.7s; padding-left:20px;}

.lj ul{float:left;-webkit-transition:0.7s;transition:0.7s;}

.lj ul li{ float:left; margin:0 20px;color:#666;}

.lj ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#666;}