@charset "utf-8";
/* CSS Document */

/*全局样式*/
html,.body{scroll-behavior: smooth;}
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,select,textarea{outline:none}
li{list-style:none}
em{ font-style:normal}
textarea{resize:none}
body,div,span,ul,li,p,h1,h2,h3,h4,h5,h6,img,input, textare{ margin:0; padding:0; }
body{ font-size:12px; color: #666;}
body{ word-wrap : break-word ;word-break:break-all; min-height: 100%; _height:100%;overflow-x: hidden;font-family: "microsoft Yahei","Arial",sans-serif;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a{ outline:none;}/*去除超链接虚线框*/
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
a{ text-decoration:none; color:#000}
.clear{clear:both; height:0px; font-size:1px; line-height:0px;}/*清除浮动*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{ float:left}
.fr{ float:right}
.w1400{ width:1400px; margin:0 auto;}
.w1605{ width:1605px;margin: 0 auto;overflow: hidden}
.h70{height: 70px;width: 100%;display: none;}
/*------------------------------------------样式开始------------------------------------------*/
/*@font-face {
  font-family: 'myFirstFont01';
  src: url('../font/SOURCEHANSERIFCN-REGULAR.eot');
  src:
    url('../font/SOURCEHANSERIFCN-REGULAR.eot?#font-spider') format('embedded-opentype'),
    url('../font/SOURCEHANSERIFCN-REGULAR.woff') format('woff'),
    url('../font/SOURCEHANSERIFCN-REGULAR.ttf') format('truetype'),
    url('../font/SOURCEHANSERIFCN-REGULAR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.page{font-size:14px; padding-top:50px; padding-bottom:15px; margin:0 auto; margin-top:15px;text-align: center;}
.page span,.page a{ display:inline-block; height:40px;border:1px #d8d8d8 solid; margin:0 4px;cursor:pointer; line-height:40px; font-size:14px; color:#666666; padding:0 15px;}
.page .current{border:1px #1887ea solid;background:#1887ea; color:#fff}
.page a:hover{border:1px #1887ea solid;background:#1887ea;color:#fff}
.header{width: 100%;top: 0;left: 0;z-index: 100;position:absolute;z-index: 10;}
.nav li{float: left;text-align: center;position: relative;padding: 0 20px;}
.nav li .li{color: #fff;font-size: 16px;display: block;}
.head{width: 80%;margin: 0 auto;padding: 30px 0 26px 0;}
.phone{margin-top: -10px;}
.phone a{display: inline-block;}
.phone span{display: inline-block;color: #fff;font-size: 14px;background: url("../images/phone.png") no-repeat left 10px;padding-left: 52px;margin-left: 18px;}
.phone span em{display: block;font-size: 16px;font-family: arial;padding-top: 4px;}
.nav li .li span{display: block;position: relative;padding: 3px 0 15px 0;}
.nav li .li em{display: block;position: absolute;left: 0;bottom: 0px;width: 100%;height: 3px;background: #fff;width: 0;transition: linear 0.2s;}
.nav li:hover .li em,.nav li .li.on em{width: 100%;}
.header.fix .phone span{background: url("../images/phone2.png") no-repeat left 10px;color: #666;}
.header.fix .nav li .li{color: #666;}
.header.fix .nav li .li em,.header.fix .nav li .li.on em{background: #1887ea;}
.header.fix{width: 100%;top: 0;left: 0;z-index: 100;position:fixed;background: #fff;transform: translateY(0px);transition: all 0.3s;}
.header .logo2,.header .car2,.header.fix .logo1,.header.fix .car1{display: none;}
.header.fix .logo2,.header.fix .car2{display: block;}
.header.fix .nav li:hover .li,.header.fix .nav li .li.on{color: #1887ea;}
.banner{position: relative;}

.nav{padding-right: 20px;}
.nav li .sub{width:100%;position:absolute;left:0px;top:39px;background:#fff;z-index:1000;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);box-shadow: -1px 2px 10px rgba(0,0,0,0.1);}
.nav li:nth-child(3) .sub,.nav li:nth-child(4) .sub{width:120px;left: 50%;margin-left: -60px;}
.nav .sub dd{text-align:center;padding: 0 6px;}
.nav .sub dd a{padding:0;color:#666;display:block;zoom:1;line-height:40px;height:40px;font-size:15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;transition: all 0.2s ease-in-out 0s;}
.nav li:hover .sub{opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);}
.nav li:hover .sub dd a{color:#666;background: none;border-bottom: 1px solid #efefef;}
.nav li .sub dd a:hover{color:#1887ea;}
/*ban-box */
.ban-box { position: relative; z-index: 1; }
.ban-box li.slick-slide { position: relative; }
.ban-box li.slick-slide .pic { overflow: hidden;}
.ban-box li.slick-slide img { display: block; width: 100%;transform: scale(1.2);transition: 10s; }
.ban-box li.ani-show img { transform: scale(1);}
.ban-box li.slick-slide video { position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; }
.ban-box li.has-video:before { position: absolute; content: ""; width: 100%; height: 100%; z-index: 50; left: 0; top: 0; background-color: rgba(0,0,0,.2); }
.ban-box li.has-video .txt { position: absolute; z-index: 100; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; }
.ban-box li.has-video .txt h2, .ban-box li.has-video .txt h3 { margin: 0; font-size: 50px; letter-spacing: 10px; line-height: 80px; }
.ban-box li .text { position: absolute; width: 100%; height: 100%;top:0;left:0;}
.ban-box li .text .auto { position: relative;max-width:1500px; height: 100%;}
.ban-box li .text .auto .cont { position: absolute;top:50%;left:0;max-width:55%;transform: translateY(-50%);}
.ban-box li .text h3,
.ban-box li .text p ,
.ban-box li .text span { opacity: 0;transition: 1s 1s;transform: translateY(30px);}
.ban-box li .text h3 {margin:0; font-size: 48px;color:#fff;letter-spacing: 4px;}
.ban-box li .text p { margin: 3% 0 10%;font-size: 30px;color:#fff;letter-spacing: 4px;transition-delay:1.5s;}
.ban-box li .text span {display: inline-block;padding: 20px 55px;font-size: 16px;color:#fff;border-radius:30px;background:rgba(0,0,0,0.3);transition-delay:2s;}
.ban-box li.ani-show .text h3 { transform: translateY(0); opacity: 1;}
.ban-box li.ani-show .text p  { transform: translateY(0); opacity: 1;}
.ban-box li.ani-show .text span  { transform: translateY(0); opacity: 1;}
@media(min-width:1025px) {
.ban-box li.slick-slide img.wap { display: none; }
}
@media(max-width:1440px) {
	.ban-box li .text .auto {margin: 0 12%;}
	.ban-box li .text h3 { font-size: 40px;}
	.ban-box li .text p { font-size: 24px;}
}
@media(max-width:1024px) {
.ban-box li.slick-slide img.pc { display: none; }
.ban-box li.slick-slide video { left: -100%; top: 100%; opacity: 0; }
.ban-box li.slick-slide .open-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/icon_play.png) no-repeat center center; background-size: auto 50px; z-index: 20; }
.ban-box li.video-show .open-video { left: -100%; opacity: 0; transform: translateX(-100%); }
.ban-box li.video-show video { left: 50%; top: 50%; opacity: 1; }}
.ban-box .slick-arrow { position: absolute; z-index: 30; top: 50%; width: 26px; height: 48px;padding: 0; margin-top: -18px;transition: 0.3s; }
.ban-box .slick-prev { left: 0; opacity: 0;background: url("../images/left.png") no-repeat;}
.ban-box .slick-next { right: 0; opacity: 0;background: url("../images/right.png") no-repeat;}
.ban-box:hover .slick-prev { left: 5%; opacity: 1; }
.ban-box:hover .slick-next { right: 5%; opacity: 1; }
.ban-box .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1%; z-index: 20; }
.ban-box .slick-dots { overflow: hidden; padding: 5px 15px;}
.ban-box .slick-dots li { list-style: none; position: relative; float: left; width: 24px; height: 24px; }
.ban-box .slick-dots li button { padding: 0; width: 10px; height: 10px; background:#fff;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0; border: 0; }
.ban-box .slick-dots li.slick-active button { background: #1887ea;border-radius: 50%;}
@media(max-width:480px) {
	.ban-box li .text { display: none;}
}
.inxw-list li {
	display: block;
	width: 49%;
	float: left;
	margin-right:2%;
	padding-bottom: 32px;
	
}
.inxw-list li:nth-child(2n){margin-right: 0;}
.inxwxk {
	display: block;
	overflow: hidden;
	border: 1px solid #e0e0e0;
	padding:32px 5% 36px 5%;
}

.inxw-nrk {
	display: block;
	overflow: hidden;
	float: right;
	width: calc(100% - 29%);
}

.inxw-tit {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 12px;
	line-height: 2;
	font-size: 18px;
	color: #333;
}

.inxw-text {
	display: block;
	overflow: hidden;
	height: 66px;
	line-height: 22px;
	font-size: 14px;
	color: #666;
}

.inxw-dak {
	display: block;
	float: left;
	width: 135px;
	height: 100px;
	margin-top: 10px;
	border-right: 1px solid #dcdcdc;
}

.inxw-da1 {
	display: block;
	line-height: 1.2;
	font-size: 32px;
	color: #666;
	font-family: arial;
}

.inxw-da2 {
	line-height: 1.2;
	font-size: 20px;
	color: #666;
		font-family: arial;
}

.inxw-dat {
	display: block;
	width: 28px;
	height: 2px;
	background: #b5b5bf;
	margin: 10px 0 12px;
}

.inxwxk:hover {
	border-color: #fff;
	box-shadow: 0 0 23px rgba(0, 0, 0, 0.2);
	background: #1887ea;
	 transform:translateY(-8px);
	 transition: all  .25s  ease-in;
   -moz-transition: all  .25s  ease-in;
   -webkit-transition: all  .25s  ease-in;
}
.inxwxk:hover .inxw-dat{background: #fff;}
.inxwxk:hover .inxw-da1 {
	color: #fff;
}

.inxwxk:hover .inxw-da2 {
	color: #fff;
}

.inxwxk:hover .inxw-tit {
	color: #fff;
	/* padding-left: 4px; */
}

.inxwxk:hover .inxw-text {
	color: #fff;
}
.inxwxk:hover .inxw-dak{border-right: 1px solid #fff;}

.title{text-align: center;color: #1887ea;font-size: 45px;}
.title span{display: block;color: #999;font-size: 23px;padding-top: 15px;text-transform:uppercase;font-family: arial;}
.part06{padding-top: 58px;}
.part6{padding:70px 0;}
.look{width: 133px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;border: solid 1px #1887ea;color: #1887ea;font-size:14px;display: block;margin:14px auto; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.look:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.look:hover, .look:focus, .look:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;background: #0e67c0;color: #fff;}
.look:hover:before,.look:focus:before, .look:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
#home_slider2{ position: relative;background: none;z-index: 1;}
#home_slider2 li{width:100%;}
#home_slider2 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider2 .flex-direction-nav{display:none;}
#home_slider2 .flexslider{margin-top:1.55rem}
#home_slider2 li .box{width:100%;position: relative;}
#home_slider2 .flex-control-paging{text-align: center;position: absolute;bottom: 20px;width: 100%;}
#home_slider2 .flex-control-paging li{margin:0 6px;padding:0px;overflow:hidden;display: inline-block;width: auto;}
#home_slider2 .flex-control-paging li a{width:10px;height:10px;display:block;background:#fff;cursor:pointer;text-align: center;text-indent: -9999px;margin: 0 auto;border-radius: 50%;}
#home_slider2 .flex-control-paging li a.flex-active{background:#1887ea;}
#home_slider2 li .box img{width: 576px;height: 377px;}
.part01,.part02{padding-top: 58px;}
.part1{padding-top: 70px;padding-bottom: 102px;}
.part1 .left{width:576px;position: relative;padding-right: 24px;padding-bottom: 24px;}
.part1 .left .border{width:548px;border: 2px solid #ededed;height: 376px;position: absolute;z-index: 0;right: 0;top: 24px;}
.part1 .right{width:705px;}
.part1 .left img{width: 100%;height: auto;}
.part1 h3{color: #333;font-size: 30px;padding-bottom:28px;}
.part1 h3 span{display: block;color: #a6a7ad;font-size: 18px;font-family: arial;padding-top: 5px;}
.part1 .right p{color: #666;font-size: 16px;line-height: 34px;height:210px;overflow:hidden;}
.part1 .right .look{margin:30px 0 0 0;}
.part2 li{width: 50%;float: left;position: relative;}
.part2{background: url("../images/bg.jpg") no-repeat left top;padding:70px 0 0 0;background-size: cover;}
.part2 li .txt{position: absolute;width: 100%;text-align: center;z-index: 2;top: 50%;left: 0;margin-top: -97px;}
.part2 li a h3{color: #fff;font-size: 24px;padding-bottom: 17px;}
.part2 li a p{color: #fff;font-size: 16px;font-family: arial;}
.part2 li a .ico{margin: 56px auto 0 auto;width: 69px;height: 69px;border-radius: 50%;}
.part2 li .tpp img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width: 100%;height: auto;}
.part2 li:hover .tpp img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.part2 li .tpp{width:100%;max-height: 508px;overflow: hidden;}
.part2 li:hover a .ico{transform:rotate(360deg);transition: all 0.3s;}

.footer p,.footer a{line-height:28px;color: #fff;font-size: 14px;}
.foot1{background: #222;padding:60px 0;}
.foot1 .f-left{width: 21%;}
.foot1 h4{color: #fff;font-size: 19px;font-weight: bold;margin-bottom: 36px;}
.foot1 h4 span{color: #fff;font-size: 14px;font-weight: normal;text-transform:uppercase;font-family: arial;display: inline-block;padding-left: 10px;}
.foot1 h4 em{display: block;background: #fff;width: 30px;height: 3px;margin-top: 28px;}
.foot1 .f-middle{border-left: solid 1px #393939;border-right: solid 1px #393939;margin:0 4%;padding: 0 3.5%;width: 29%;}
.foot1 .f-right{width: 34%;}
.foot1 .sao .ewm{width: 48%;}
.foot1 .sao .ewm img{width: 100%;height: auto;}
.foot1 .sao .talk{width: 45%;padding-top: 30px;}
.foot1 .sao a{display: block;margin-top: 8px;}
.f-menu a{display: inline-block;margin-right: 30px;margin-bottom: 6px;}
.f-menu{margin-bottom: 10px;}
#header2{position:relative}
.ny-banner img{width: 100%;height: auto;}
.ny-banner{position: relative;}
.ny-banner .banner-wz{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;margin-top: -51px;}
.ny-banner h3{color: #fff;font-size: 32px;display: inline-block;text-transform:uppercase;}
.ny-banner h3 span{font-weight: bold;font-family: arial;font-size: 52px;display: block;}
.brand{height: 69px;line-height: 69px;border-bottom:1px solid #e8e8e8;margin-top: -3px;}
.brand .sub-menu a{color: #666;font-size: 18px;display: inline-block;padding: 0 50px;}
.brand .sub-menu a.move,.brand .sub-menu a:hover{background: #1887ea;color: #fff;}
.brand .location{background: url("../images/home.png") no-repeat left center;padding-left:25px;color: #666;font-size: 14px;}
.brand .location a{color: #666;}
.brand .location a:hover{color:#1887ea;}
.title2{text-align: center;color: #333;font-size: 30px;}
.title2 span{text-transform:uppercase;display: block;color: #999;font-size: 16px;font-family: arial;padding-top: 7px;}
.about1 p{color: #666;font-size: 16px;line-height: 32px;text-align: justify;}
.about1 .left{width: 790px;height: 380px;overflow: hidden;}
.about1 .right{width: 576px;}
.about1{padding: 65px 0 95px 0;}
.step1{padding-top: 48px;}
.about1 .we{height: 380px;overflow: auto;padding-right: 15px;padding-bottom: 10px;color: #666;font-size: 16px;line-height: 32px;text-align: justify;}
.about1 .we::-webkit-scrollbar,.case-detail .miaosu::-webkit-scrollbar {/*滚动条整体样式*/

        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.about1 .we::-webkit-scrollbar-thumb,.case-detail .miaosu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/


         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #ccc;
        
        border-radius: 5px;

    }

.about1 .we::-webkit-scrollbar-track,.case-detail .miaosu::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #e8e8e8;

}
.step2 img{width: 100%;height: auto;}
.about2{padding: 65px 0 95px 0;}
.about2 li{background: #fafafa;margin-top: 32px;}
.about2 li .left{width: 397px;height:352px;overflow: hidden;}
.about2 li .right{width: 790px;padding-top: 40px;padding-right: 100px;}
.about2 li h4{color: #333;font-size: 24px;margin: 24px 0 22px 0;}
.about2 li p{color: #666;font-size: 16px;line-height: 30px;text-align: justify;height: 120px;overflow: hidden;}
.step3{padding-top: 16px;}
.about2 li .dh1{position: relative;left: -20px;}
.about2 li .dh2{position: relative;right: -20px;float: right;top: 24px;}
.about2 li .left img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width: 397px;height: 352px;}
.about2 li:hover .left img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.about3{padding: 65px 0 95px 0;background: #fafafa;}
.about4{padding: 65px 0 95px 0;}
#CSSBox{width:1150px;height:292px;margin:0 auto;overflow:hidden;position: relative;}
#CSSBox ul li{ float:left; list-style:none;padding:0px 7px;}
#LeftButton{z-index: 100;cursor: pointer;height:44px;width:24px;float:left;background:url('../images/left2.png') center center no-repeat;position: absolute;left:0px;top:50%;margin-top: -22px;}
#RightButton{z-index: 100;cursor: pointer;height:44px;width:24px;float:left;background:url('../images/right2.png') center center no-repeat;position: absolute;right:0px;top:50%;margin-top: -22px;}
#ProductShow{width:240px;height:320px;text-align:center;}
#CSSBox ul li img{width:226px;height:320px;display: block;margin: 0 auto;}
.pic-gun{position: relative;padding: 17px 0;}
.step4{padding-top: 28px;}
.case{padding: 80px 0;}
.case li{float: left;width:49%;margin-right: 2%;position: relative;max-height: 449px;overflow: hidden;margin-bottom: 30px;}
.case li:nth-child(2n){margin-right: 0;}
.case li img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width:100%;height:100%;}
.case li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.case li .wz{position: absolute;height: 68px;width: 100%;bottom: 0;left: 0;background:rgba(0,0,0,0.3);}
.case li a p{text-align: center;color: #fff;font-size: 18px;position:absolute;z-index: 10;height: 68px;line-height: 68px;width: 96%;bottom: 0;left: 0;padding: 0 2%;}
.case li .blue{background: #1887ea;position: absolute;height: 68px;width: 100%;bottom: -68px;left: 0;}
.case li:hover .blue{transform: translateY(-68px);transition: all 0.3s;}
.case li:hover .wz{transform: translateY(68px);transition: all 0.3s;}
.case-detail{padding: 80px 0;}
.case-detail .left{width: 677px;}
.case-detail .right{width: 650px;}
.case-detail .name{color: #333;font-size: 24px;border-bottom: solid 1px #f0f0f0;padding-bottom: 26px;}
.case-detail .jianjie{height:362px;overflow: hidden;margin-top: 30px;}
.case-detail h3{color: #333;font-size: 16px;font-weight: bold;line-height: 30px;}
.case-detail p{color: #666;font-size: 16px;line-height: 30px;}
.case-detail .miaosu{height:362px;overflow: auto;}
#home_slider3{ position: relative;background: none;z-index: 1;}
#home_slider3 li{width:100%;}
#home_slider3 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider3 .flex-direction-nav{display:block}
#home_slider3 .flex-direction-nav a{display: block;width:33px;height:71px;position: absolute;z-index: 20;top:188px;text-indent: -9999px;}
#home_slider3 .flex-direction-nav .flex-prev{background:url(../images/jt1.png) no-repeat center;left:0px;}
#home_slider3 .flex-direction-nav .flex-next{background:url(../images/jt2.png) no-repeat center;right:0px;}
#home_slider3 .flexslider{margin-top:1.55rem}
#home_slider3 li .box{width:100%;position: relative;}
#home_slider3 .flex-control-paging{display: none;}
#home_slider3 li .box img{width: 677px;height: 446px;}
.product{padding: 80px 0;}
.product li{background: #fafafa;float: left;width:44.5%;margin-right: 3%;padding: 24px 2%;margin-bottom: 30px;}
.product li:nth-child(2n){margin-right: 0;}
.product li .left{width: 273px;height: 230px;overflow: hidden;}
.product li .left img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width:100%;height:100%;}
.product li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.product li .right{width: 298px;}
.product li a h3{color: #333;font-size: 18px;margin-bottom: 20px;margin-top: 30px;}
.product li a p{color: #666;font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;}
.product li a .more{display: block;background: url("../images/more.jpg") no-repeat right center;color: #666;font-size: 14px;margin-top: 40px;width:80px;}
.product li:hover a h3{color: #1887ea;font-weight: bold;transition: all 0.3s;transform: translateX(10px);}
.product li:hover a .more{color: #1887ea;}
.product li:hover{box-shadow: -1px 3px 16px 0 rgba(0,0,0,0.15);transition: all 0.3s;transform: translateY(-10px)}
.news{clear: both;padding: 78px 0;}
.tit1{margin-bottom: 27px;}
.tit1 a{display: inline-block;float: right;width: 74px;height: 22px;border-radius: 11px;line-height: 22px;text-align: center;background: #1887ea;color: #fff;font-size: 14px;margin-top: 5px;}
.tit1 span{display: inline-block;color: #666;font-size: 24px;font-weight: bold;background: url("../images/nn_09.jpg") no-repeat left center;padding-left: 33px;}
.news .left{width: 770px;}
.news .right{width: 560px;}
#home_slider4{ position: relative;background: none;z-index: 1;}
#home_slider4 li{width:100%;}
#home_slider4 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider4 .flex-control-paging{position: absolute;bottom: 21px;right:24px;}
#home_slider4 .flex-control-paging li{margin:0 6px;padding:0px;overflow:hidden;display: inline-block;width: auto;}
#home_slider4 .flex-control-paging li a{width:40px;height:4px;display:block;background:rgba(255,255,255,0.2);cursor:pointer;text-align: center;text-indent: -9999px;margin: 0 auto;}
#home_slider4 .flex-control-paging li a.flex-active{background:#fff;}
#home_slider4 .flexslider{margin-top:1.55rem}
#home_slider4 li .box{width:100%;position: relative;}
#home_slider4 li .box img{width: 100%;height: auto;}
#home_slider4 .flex-direction-nav{display:none}
#home_slider4 li .wzz{position:absolute;width: 100%;left: 0;bottom: 3px;height: 46px;line-height: 46px;background: rgba(0,0,0,0.5);}
#home_slider4 li a p{color: #fff;font-size: 16px;text-indent: 20px;}
.box_2{padding-top: 12px;}
.box_2 li{margin-top: 8px;}
.box_2 li .tp{width: 22.5%;max-height: 105px;overflow: hidden;}
.box_2 li .txt{width: 74.5%;}
.box_2 li a h4{color: #333;font-size: 20px;margin-bottom: 13px;margin-top: 5px;height: 26px;}
.box_2 li a p{color: #999;font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.box_2 li .tp img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width:100%;height:100%;}
.box_2 li:hover .tp img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.box_2 li:hover a h4{color: #1887ea;transform: translateX(10px);transition: all 0.3s;}
.tit1 span.tb2{background: url("../images/nn_11.jpg") no-repeat left 5px;}
.tit1 span.tb3{background: url("../images/nn_32.jpg") no-repeat left 5px;}
.box_3 li{float: left;margin-right: 3%;width: 48.5%;max-height: 202px;overflow: hidden;position:relative;margin-bottom: 17px;}
.box_3 li:nth-child(2n){margin-right: 0;}
.box_3 li img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width:100%;height:100%;}
.box_3 li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.box_3 li .play{width: 78px;height: 78px;border-radius: 50%;background: url("../images/play.png") no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -49px;margin-left: -39px;}
.box_3 li .jj{position: absolute;bottom: 0px;height: 45px;width: 100%;left: 0;line-height: 45px;background: rgb(0,0,0,0.5);overflow: hidden;}
.box_3 li a p{color: #fff;font-size: 16px;padding: 0 20px;}
.box_3 li:hover .play{transform:rotate(360deg);transition: all 0.3s;}
.box_4 li{line-height: 36px;height: 36px;overflow: hidden;background: url("../images/nn_36.jpg") no-repeat left center;padding-left: 14px;}
.box_4 li a{display: inline-block;width: 70%;overflow: hidden;color: #333;font-size: 16px;}
.box_4 li span{display: inline-block;float: right;color: #999;font-size: 16px;}
.box_4 li:hover a{text-decoration: underline;color: #1887ea;transform: translateY(-2px);transition: all 0.3s}
.box_4{padding-top: 23px;}
.box_4 .tit1{margin-bottom: 16px;}
.news-list{padding: 56px 0;}
.news-list li{border-bottom: solid 1px #f0f0f0;padding-bottom: 60px;margin-bottom: 60px;}
.news-list li .left{width: 266px;height: 154px;overflow: hidden;}
.news-list li .cent{width: 58%;padding: 0 3% 40px 3%;border-right: solid 1px #f0f0f0;}
.news-list li .right{width: 13%;}
.news-list li a h3{color: #333;font-size: 20px;margin: 9px 0 17px 0;height: 31px;overflow: hidden;}
.news-list li a p{color: #999;font-size: 14px;line-height: 25px;height: 50px;overflow: hidden;}
.news-list li a span{display: block;}
.news-list li a img{width: 100%;height: auto;-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.news-list li:hover a img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.news-list li a .time{color: #d6d6d6;font-size:36px;font-family: arial;text-align: right;padding-top: 25px;}
.news-list li a .time span{display: block;font-size: 50px;padding-top: 5px;}
.news-list li a .looks{width: 72%;height: 40px;text-align: center;line-height: 40px;background: #1887ea;color: #fff;font-size: 16px;display: none;margin-top: 56px;float: right;}
.news-list li:hover a h3{font-weight: bold;color: #1887ea;}
.news-list li:hover a .looks{display: block;}
.news-list li:hover a .time{display: none;}
.inside_text05 .text05_nav{ overflow:hidden;margin:0px 0 30px 0;text-align: center;}
.inside_text05 .text05_nav h2{ font-size:20px; color:#333333;padding:0px 0 16px 0;font-weight: bold;}
.inside_text05 .text05_nav h3{height:32px; line-height:32px;border-bottom: 1px solid #e5e5e5;padding-bottom:15px;}
.inside_text05 .text05_nav h3 span{ font-size:16px; color:#666; padding-right:20px;}
.inside_text05 .text05_nav h3 a{ font-size:16px; color:#1887ea; padding:0 10px;}
.inside_text05 .text05_nav h3 a:hover{ text-decoration:underline}
.inside_text05 .text05{ overflow:hidden; padding-bottom:50px;}
.inside_text05 .text05 p{ font-size:16px; color:#666; line-height:30px; text-align:justify;text-indent:30px;}
.inside_text05 .fy{overflow:hidden; padding-top:28px;border-top: 1px solid #e5e5e5;}
.inside_text05 .fy h4{ overflow:hidden; line-height:30px;width: 45%;font-size:16px; color:#666;}
.inside_text05 .fy h4 span{ font-size:16px; color:#666;}
.inside_text05 .fy h4 a{ font-size:16px; color:#666;font-weight: normal;}
.inside_text05 .fy h4:hover a,.inside_text05 .fy h4:hover span{color:#1887ea;text-decoration: underline;}
.inside_text05 .fy .fr{text-align: right;}.inside_text05 .text05 iframe{width: 100%;height: 500px;}
.nn_detail img{width:100%;margin: 10px auto;display: block;}
.leftside{width:986px;padding: 0px 48px 0px 0px;border-right: 1px solid #e5e5e5;}
.rightside{width:317px;padding:0 0 40px 0;}
.rightside .tit{color: #333;font-size: 24px;padding-bottom: 22px;}
.part-box li{border-bottom: 1px solid #e6e6e6;padding-bottom: 18px;margin-bottom: 20px;}
.part-box li a .p1{color: #333;font-size: 18px;margin-bottom: 12px;height: 24px;overflow: hidden;}
.part-box li a span{display: inline-block;font-size:16px; color:#a8a8a8; line-height:22px;margin-right: 10px;}
.part-box li:hover a .p1{color:#1887ea;transform: translateY(-2px);transition: all 0.3s;text-decoration: underline;}
.news-detail{padding: 78px 0;}
.videos li{float: left;margin-right: 2%;width:18.4%;max-height: 174px;overflow: hidden;position:relative;margin-bottom: 30px;}
.videos li:nth-child(5n){margin-right: 0;}
.videos li img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width:100%;height:100%;}
.videos li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.videos li .play{width: 78px;height: 78px;border-radius: 50%;background: url("../images/play.png") no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -49px;margin-left: -39px;}
.videos li .jj{position: absolute;bottom: 0px;height: 45px;width: 100%;left: 0;line-height: 45px;background: rgb(0,0,0,0.5);overflow: hidden;}
.videos li a p{color: #fff;font-size: 16px;padding: 0 20px;}
.videos li:hover .play{transform:rotate(360deg);transition: all 0.3s;}
.videos{clear: both;padding: 78px 0;}
.contact1{padding: 70px 0;}
.contact1 .way{width: 32.2%;padding:29px 5%;background: #f8f8f8;}
.contact1 .way li{color: #333;font-size: 14px;padding: 17px 0 17px 45px;background: url("../images/cc1.jpg") no-repeat left 18px;line-height: 30px;}
.contact1 .way li.lx2{background: url("../images/cc2.jpg") no-repeat left 18px;}
.contact1 .way li.lx3{background: url("../images/cc3.jpg") no-repeat left 18px;}
.contact1 .way li.lx4{background: url("../images/cc4.jpg") no-repeat left 18px;}
.contact1 .way li.cc5{background: url("../images/cc4.jpg") no-repeat left 22px;}
.lianxi{margin-top: 42px;}
.contact1 .map{width: 57%;}
.join2 div dt{display: block;color: #666;font-size: 16px;line-height: 30px;padding-top:15px;padding-bottom: 5px;font-weight: bold;}
.join2 div p{color: #999;font-size: 16px;line-height:30px;}
.join2 div dl{float: left;width: 49%;margin-right: 2%;}
.join2 div dl:nth-child(2n){margin-right: 0;}
.join2 .please{border-top: 1px solid #eee;color: #666;font-size: 14px;background: url("../images/td.jpg") no-repeat left 24px;padding:24px 0 6px 35px;margin-top: 30px;}
.join2{padding: 42px 0;}
.join2 dl{float: left;width:48.5%;margin-right: 3%;}
.join2 dl:nth-child(2n){margin-right: 0;}
.friend{padding: 75px 0;}
.friend li{float: left;margin:0 0.5% 22px 0.5%;width:24%;overflow: hidden;}
.friend li img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width:100%;height:100%;border: solid 1px #eee;}
.friend li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.friend li:hover{box-shadow: -1px 3px 16px 0 rgba(0,0,0,0.15);transition: all 0.3s;transform: translateY(-10px)}


.product-list{padding-top: 38px;padding-bottom: 50px;}
.product-list li{position: relative;margin: 30px 0;}
.product-list li .txt{position: absolute;width: 100%;text-align: center;z-index: 2;top: 50%;left: 0;margin-top: -35px;}
.product-list li a h3{color: #fff;font-size:32px;padding-bottom: 6px;}
.product-list li a p{color: #fff;font-size: 18px;font-family: arial;text-transform: uppercase;}
.product-list li .tpp img{-webkit-transform: scale(1);transform: scale(1);-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;width: 100%;height: auto;}
.product-list li:hover .tpp img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.product-list li .tpp{width:100%;overflow: hidden;max-height: 290px;}

#home_slider5{ position: relative;background: none;z-index: 1;margin: 17px auto 0 auto;width: 1200px;}
#home_slider5 li{width:100%;text-align: center;}
#home_slider5 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider5 .flex-direction-nav{display:block}
#home_slider5 .flex-direction-nav a{display: block;width:24px;height:44px;position: absolute;z-index: 20;top: 50%;margin-top: -22px;text-indent: -9999px;}
#home_slider5 .flex-direction-nav .flex-prev{background:url(../images/left2.png) no-repeat center;left:-60px;}
#home_slider5 .flex-direction-nav .flex-next{background:url(../images/right2.png) no-repeat center;right:-60px;}
#home_slider5 .flexslider{margin-top:1.55rem}
#home_slider5 li .box{position: relative;width: 100%;height: 336px;}
#home_slider5 li .list{width:226px;margin: 0 7px;float: left;}
#home_slider5 .flex-control-paging{display: none;}
#home_slider5 li .box img{width: 226px;height: auto;}
#home_slider6{ position: relative;background: none;z-index: 1;margin: 17px auto 0 auto;width: 1200px;}
#home_slider6 li{width:100%;text-align: center;}
#home_slider6 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
#home_slider6 .flex-direction-nav{display:block}
#home_slider6 .flex-direction-nav a{display: block;width:24px;height:44px;position: absolute;z-index: 20;top: 50%;margin-top: -22px;text-indent: -9999px;}
#home_slider6 .flex-direction-nav .flex-prev{background:url(../images/left2.png) no-repeat center;left:-60px;}
#home_slider6 .flex-direction-nav .flex-next{background:url(../images/right2.png) no-repeat center;right:-60px;}
#home_slider6 .flexslider{margin-top:1.55rem}
#home_slider6 li .box{position: relative;width: 100%;height: 336px;}
#home_slider6 li .list{width:226px;margin: 0 7px;float: left;}
#home_slider6 .flex-control-paging{display: none;}
#home_slider6 li .box img,.about4 li img{width: 226px;height: auto;}
.about4 li{width:226px;margin: 0 7px;float: left;}
.step6{width: 1200px;margin:45px auto 0 auto;}
@media ( min-width:1200px ) and ( max-width:1399px ) {
	.w1400,.head{width: 94%;margin: 0 auto;}
	.case-detail .right{width: 500px;}
	.about1 .left{width: 590px;}
	.about2 li .right{width: 650px;}
	.nav li{margin-right: 10px;}
}