@import url(global.css);
body{background: url(../images/back.jpg) no-repeat center 580px; background-size:100% auto;}
/*-----------banner---------------------------------------- */
.banner {width:100%;min-width: 1600px;height:580px; position: relative; background-size:100% auto;}
.banner .main{width:86%; height:auto;position:absolute;top:35%; left:7%;}   
.banner .main span{display:inline-block; font-size:50px; color: #fff;font-weight: bold; line-height:70px; border-bottom: 1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.banner .main p{width:100%; font-size:24px; color: #eee; line-height:40px;text-transform: uppercase;}
.content{padding:20px 0;line-height: 27px; font-size: 14px; color: #666;}

.dqwz{width:100%;min-width: 1600px;height:60px;line-height:60px; text-align: center;font-size: 0;letter-spacing:0; position: absolute; bottom: 0; left: 0;background: rgba(0, 0, 0, 0.2);}
.dqwz a{width:25%; height:60px; font-size:18px; display: inline-block; color:#fff;}
.dqwz a:hover{color:#fff;background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}
.dqwz .u-crt{display: inline-block; color:#fff;background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}
.casevideo{width:400px; margin: 0 auto; padding-bottom: 20px;}

.dqwzs{width: 83.33vw;max-width: 1600px;margin:50px auto 0 auto; border-radius: 12px; height:72px; line-height:72px;font-size:16px; text-indent:55px;background:#fff url(../images/zhuye.png) no-repeat 25px center;}
.dqwzs a:hover{color: #1d2088;}

.pnavs{width:100%;background:#fff; }
.pnavs .main{height:72px; line-height:72px;border-bottom: 1px solid #e4e4e4;}
.pnavs .main ul{height:72px;}
.pnavs .main ul li{width:auto; float:left; padding:0 40px 0 0;}
.pnavs .main ul li a{width:auto; height:72px; font-size:20px; display:block; color:#666;position:relative;}
.pnavs .main ul li a:hover{display:block; color:#000;}

.pnavs a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.875rem;width:2rem;height:3px;content:"";background:#1d2088;transform:scaleX(0);transition:all .5s;}
.pnavs a:hover:after{transform:scaleX(1.5);}

/* ------------案例--------------------- */
.case{width:100%;min-width: 1600px;height:auto; padding: 30px 0;}
.case .list{width: 83.33vw;max-width: 1600px; margin: 0 auto; height:auto; position:relative; overflow: hidden;padding-bottom: 20px;}	
.case .list li{width: 24%; float: left; border: 1px solid #e2e1e1; margin:0 1% 20px 0;}		
.case .list li:hover{background: #fff; box-shadow: 3px 3px 10px #999;}		
.case .list li:nth-child(4n){margin-right:0;}
.case .list .a1{width: 100%; height:270px; overflow: hidden;}
.case .list .a1 img{width:100%;height: 270px;transition: all 0.5s;}
.case .list .a1:hover img{transform: scale(1.1);}
.case .list .a2{padding:20px 20px 10px 20px; font-size: 20px;}	
.case .list .a2 a{color: #000;}	
.case .list .a3{padding: 0 20px; height: 48px; line-height: 24px; overflow: hidden;}	
.case .list .a4{height: 41px; padding: 10px 20px;}	
.case .list .a4 .a6{width: 41px; height: 41px; display: block; overflow: hidden;background:url(../images/case01.png) 0 0 no-repeat;}	
.case .list li:hover .a6{display: block; overflow: hidden;background:url(../images/case01.png) right 0 no-repeat;}	
.case .list .a5{ height: 41px; padding: 30px 20px 10px 20px; color: #000;}	
.case .list .a5 span{ font-size: 20px;}	

/* ------------新闻页面--------------------- */
.news{width:100%; padding:20px 0; overflow:hidden;}  
.news a{width:23%; float:left; margin:0 1% 30px 1%; display: block; border-radius: 12px; background: #f1f1f1;}
.news a:hover{background: #fff;opacity: 1;box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.2);} 
.news .a1{width:100%; max-height:245px; overflow: hidden; border-radius: 12px 12px 0 0; background: #ccc;}
.news .a1 img{width:100%;transition: all 0.5s;}
.news a:hover img{transform: scale(1.1);}
.news a:hover .a2{color: #1d2088;}
.news .a2{width:86%;padding:0 7%; height:60px; line-height: 30px; font-size: 24px; overflow: hidden; color: #000; font-weight: 500; margin:20px 0;}
.news .a3{width:86%;padding:0 7%; height:72px; line-height: 24px; font-size: 16px; overflow: hidden; color: #666; margin-bottom:3%;}
.news .a4{width:86%;padding:0 7%; height:30px; line-height: 30px; font-size: 14px; overflow: hidden; color: #666; margin-bottom: 30px;}

/* ------------新闻页面--------------------- */
.mainBody .new{width:78%;padding-bottom: 50px;float: left;overflow:hidden; }
.mainBody .rnews{width:16.5%; overflow:hidden;padding:30px 2%; float: right;background: #fff;border-radius: 10px;}
.rnews h2{ line-height: 30px; line-height: 30px; font-size: 24px; padding-bottom:20px;}
.rnews ol{overflow: hidden; padding-bottom: 20px;}
.rnews ol dl{overflow: hidden;line-height: 30px; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;background: url(../images/li1.jpg) no-repeat right 10px;}
.rnews ol dl a{ width: 100%;height: 30px; display: block;}
.rnews ol dl a:hover{color: #1d2088; display: block;}
.rnews .u-crt{color: #1d2088;}
.rnews ul{overflow: hidden;}
.rnews ul li{overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.rnews ul li p{line-height: 30px; font-size:16px;}
.rnews ul li a:hover p{color: #1d2088;}
.rnews ul li i{line-height: 20px;}


.news1{overflow:hidden; background: #fff; padding:50px;border-radius: 10px;}
.news1 .con1{width:100%; height:auto; line-height:40px; font-size:32px; color:#1d2088; text-align:center;overflow:hidden;}
.news1 .con3{width:100%; height:20px; padding:10px 0;}
.news1 .con4{width:100%; height:24px; line-height:24px; text-align:center; padding:20px 0; font-size: 16px; color: #999;}
.news1 .con2{height:auto;padding:30px 0; line-height:30px;overflow:hidden;border-top:1px solid #eee; font-size: 16px; color: #444;}
.news1 .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.news1 .con2 h5 img{width:600px; height:auto;}
.news1 .con5{border-left:5px solid #1d2088; background: #f6f6f6; overflow: hidden; line-height:36px; padding:10px 20px 10px 25px;color: #444;font-style: italic; font-size: 16px; margin-bottom:40px;}
.news1 .con5 strong{color: #000;}

/* ---------------rnew-------------------------------  */
.rnew{width:100%;min-width: 1600px;height:auto; padding:50px 0 100px 0; overflow: hidden; background: #fff;border-top: 1px solid #ccc;}
.rnew .list{width: 83.33vw;max-width: 1600px;height:auto;margin: 0 auto; padding-top: 30px;}	
.rnew .list a{width:29.5%;height:auto; float:left; padding:18px 1.2%; margin:0 0.7% 20px 0.7%; display: block; border-radius: 12px; background: #f1f1f1;}
.rnew .list a:hover{background: #fff;opacity: 1;box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.2);} 
.rnew .list .a1{width:30%; height:100px; border-radius:6px; margin-right:3%; line-height: 30px; font-size:20px; text-align: center; background: #999; overflow: hidden; color: #000; float: left;}
.rnew .list .a1 img{width:100%;transition: all 0.5s;}
.rnew .list .a1:hover img{transform: scale(1.1);}
.rnew .list a:hover .a2{color: #e60012;}
.rnew .list .a2{width:67%; height:30px; line-height: 30px; font-size: 20px; overflow: hidden; float: right; margin-bottom: 10px;color: #1d2088;}
.rnew .list .a3{width:67%; height:54px; line-height: 27px; font-size: 15px; overflow: hidden; color: #666; float: right;}

/* ---------------zzry-------------------------------  */
.zzry{width: 100%; min-width: 1600px; overflow:hidden; padding:30px 0;}
.zzry .list{width: 83.33vw;max-width: 1600px;height:auto;margin:0 auto;padding:30px 0;overflow: hidden;}
.zzry .list ul li{float: left;width:19.2%;height:auto;margin-right: 1%;padding-bottom: 20px;}
.zzry .list ul li img{width: 100%;}
.zzry .list ul li:hover img{transform: scale(1.05);}
.zzry .list ul li:nth-child(5n){margin-right:0;}
.zzry .list ul li p{font-size: 16px; color: #333; text-align: center; line-height:40px; height:40px;}

.searchs{text-align: center; font-size: 16px;}
.searchs td{padding:12px; border: 1px solid #999;}
.searchs .title{background:#1d2088; color: #fff;}
.searchs .title td{padding:30px; font-size:27px;}

/* ------------产品详情--------------------- */
.h5{width: 100%; height:30px; line-height:30px; text-align: center; font-size:16px; color: #333; font-weight: normal;}
.topproduct{width: 83.33vw;max-width: 1600px; margin: 0 auto; overflow:hidden; padding:60px 0 0 0;}
.topproduct .list{overflow:hidden; text-align: center;padding:30px 0 0 0;}
.topproduct li{width:12.6%; display:block; margin: 0 2%; float:left;}
.topproduct li h2{width:60%; padding: 0 20%;}
.topproduct li h2 img{width: 100%;-moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.topproduct li:hover img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}

.topproduct li p{width:100%; line-height: 30px; font-size: 18px; padding-top:20px;}
.topproduct h3{width:60%; padding: 0 20%; line-height:30px; font-size:18px; padding-top:20px; text-align: center;color: #666; font-weight: normal;}

.products{width: 83.33vw;max-width: 1600px; margin: 0 auto; overflow:hidden; padding:30px 0;}
.products .bd{height:auto; overflow: hidden; padding-bottom: 30px;}
.products .bd li{float: left;position: relative;width:24.1%;margin-right: 1%; margin-bottom:20px; text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.products .bd li:nth-child(4n){margin-right: 0;}
.products .bd li img{width: 100%;}
.products .bd li p{position: absolute;bottom: 0;width: 100%; height:50px;line-height:50px;font-size: 16px; color: #000; border-top: 1px solid #ccc;box-sizing: border-box;overflow: hidden;}
.products .bd li .des{width: 100%;height: 100%;position: absolute;top:-100%;background: url(../images/des_bk.png);transition: 200ms;text-align: center;}
.products .bd li .des img{margin-top:40%; width: 60px;height: 60px;}
.products .bd li:hover .des{top:0;}
.products .bd li a:hover{color: #003d7d;}

.mainBody .pleft{width:73%;float: left;overflow:hidden; background: #fff; padding:35px 2.5% 30px 2.5%;border-radius: 10px;}
.picture{width: 100%; overflow:hidden; padding-bottom: 20px;}

/* ------------放大镜--------------------- */
.magnifier {width:500px;position: relative;float:left;z-index:9;}
.small-box {position: relative;width: 500px;height: 500px;margin-bottom: 20px;border: 1px solid #eee;}
.small-box img {width: auto;height: auto;max-height: 500px;max-width: 500px;}
.small-box .hover {display: none;position: absolute;left: 0;top: 0;width: 200px;height: 200px;border: 1px solid #aaa;background: #fff;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
.thumbnail-box {position: relative;width: 100%;}
.thumbnail-box .btn {width: 22px; height: 32px;position: absolute;top: 50%;margin-top: -18px;}
.thumbnail-box .btn-prev {left: 0;background: url(../images/btn_prev.png) no-repeat;}
.thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .btn-next {right: 0;background: url(../images/btn_next.png) no-repeat;}
.thumbnail-box .btn-next.btn_next_disabled{background: url(../images/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .list {width:450px;overflow: hidden;margin: 0 auto;}
.thumbnail-box .wrapper {width: 100000px;}
.thumbnail-box .list .item {float: left;margin: 0 12px;}
.thumbnail-box .list .item img {width: 60px;height: 60px;border: 2px solid #a9a9a9;}
.thumbnail-box .list .item-cur img {border: 2px solid #e53e41;}
.big-box {display: none;overflow: hidden;position: absolute;left: 505px;top: 0;width: 500px;height: 500px;border: 1px solid #e4e4e4;}
.big-box img {display: block;}

.picture .left1 {width:500px; height:auto;float:left;border:1px solid #e4e4e4; overflow: hidden;}
.picture .left1 img{width:100%;transition: all 0.5s; display:block;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:calc(96% - 500px);height:auto;float:right;}
.picture .right1 .con01{width:100%; line-height:40px; padding-bottom:20px; font-size:24px; color:#1d2088;overflow:hidden;}
.picture .right1 .con1{width:100%; height:auto; margin:10px 0; font-size:27px; color:#1d2088;;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%; max-height:280px;padding-top:30px;margin-bottom:30px; line-height:35px;overflow:hidden; font-size:16px; color: #444; border-top:1px solid #e4e4e4;}
.picture .right1 .con2 span{ width: 100%; color: #333; padding-bottom:10px; display: block;}
.picture .right1 .con3{width:100%; height:50px; padding-top:30px;border-top:1px solid #e4e4e4;}
.picture .right1 .con3 a{width:27%; height:45px; line-height: 45px; text-align: center; display:block; font-size: 16px; color: #fff; background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0; cursor: pointer; margin: 0 10px; float: left;}
.picture .right1 .con3 a:hover{width:30%;}

.tab9{width:100%;}
.tab9 .hd{height:72px; line-height:72px;border-bottom: 1px solid #e4e4e4; margin-bottom:30px;}
.tab9 .hd ul{height:72px;}
.tab9 .hd ul li{width:auto; float:left; padding:0 40px 0 0;}
.tab9 .hd ul li a{width:auto; height:72px; font-size:20px; display:block; color:#666;position:relative;cursor:pointer;}
.tab9 .hd ul li a:hover{display:block; color:#000;}

.tab9 .hd a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.875rem;width:2rem;height:3px;content:"";background:#1d2088;transform:scaleX(0);transition:all .5s;}
.tab9 .hd a:hover:after{transform:scaleX(1.5);}
.tab9 .hd .on a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.875rem;width:2rem;height:3px;content:"";background:#1d2088;transform:scaleX(1.5);transition:all .5s;}

.tab9 .bd{width:100%;line-height:36px;overflow:hidden;color: #666; font-size: 18px; padding-bottom: 20px;}
.tab9 .bd td{padding: 5px; border:1px solid #ccc;}
.tab9 .bd li{padding-left:2.2em;position:relative;}
.tab9 .bd li:after{ content: ""; position: absolute; width:6px; height:6px; border:4px solid #eee; top:11px; border-radius:50%; left:0.8em; background: #1d2088;}

.product{overflow:hidden;padding:30px 0;}
.product .title{width:100%;height:45px; padding:30px 0; text-align: center;overflow:hidden;}
.product .title h2{height:45px; font-size:40px; line-height:45px; font-weight: normal; color: #111;}
.product .con5{width:100%;line-height:36px;overflow:hidden;color: #666; font-size: 18px; padding-bottom: 20px;}
.product .con5 td{padding: 5px;}
.product .con5 li{padding-left:2.2em;position:relative;}
.product .con5 li:after{ content: ""; position: absolute; width:6px; height:6px; border:4px solid #eee; top:11px; border-radius:50%; left:0.8em; background: #1d2088;}

.con6{height:60px;line-height:60px;overflow:hidden;font-size: 16px; padding:25px 0 0 0;}
.con6 .pre{width:48%;height:60px; float: left; background: #f8f8f8;}
.con6 .next{width:48%;height:60px; float: right; background: #f8f8f8;text-indent:20px;}
.con6 .span{width:100px;height:60px; display: inline-block; background: #e8e8e8;}
.con6 .span:hover{display: inline-block; background: #1d2088; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right: 15px;}
.con6 .next .span{float: right;}

/* ------------分页--------------------- */
.page{width:100%; text-align:center; overflow: hidden; padding:15px 0;}
.page .pages{padding:10px 12px;}
.page a{ display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page .current{background:#1d2088; color:#fff;display:inline-block; margin:0 2px; padding:10px 12px; border:1px solid #eee;}
.page a:hover{background:#1d2088; color:#fff;}

/* ---------------Download-------------------------------  */
.Download{width: 100%; min-width: 1600px;overflow:hidden;color: #666; padding:0 0 20px 0;}
.Download .list{width: 83.33vw;max-width: 1600px;height:auto;margin: 0 auto; padding-top:40px;}
.Download .list ul{width: 17.5%;min-height:400px; float: left; padding:30px 3%;overflow: hidden; text-align: center; background: #f1f1f1; border-radius: 15px; margin:0 2% 30px 0;}
.Download .list ul:nth-child(4n){ margin-right:0;}
.Download .list .b1{font-size:27px;font-weight: bold;line-height: 40px;}
.Download .list .b2{width:100%; height:72px; font-size: 16px;color: #333;line-height: 24px;padding-top: 20px; overflow: hidden;}
.Download .list .b4{width:140px; height:140px; overflow: hidden; margin:30px auto; border-radius:100%;}
.Download .list .b4 img{width: 100%;height: 100%;transition: all 0.5s;}
.Download .list .b3{width:100%; height:45px;line-height: 45px; margin:30px 0; text-align: center;}
.Download .list .b3 a{width:110px; height:45px; display:inline-block; margin: 0 5px; font-size: 16px; color: #fff; background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0;}
.Download .list ul:hover .b1 a{color: #fff;}
.Download .list ul:hover .b2{color: #fff;}
.Download .list ul:hover img{transform: scale(1.1);}
.Download .list ul:hover{background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}
.Download .list .b3 a:hover{ width: 130px; background: #fff; color: #000; cursor: pointer;}


/* ------------联系我们--------------------- */
.contact{width:100%; overflow: hidden; padding:20px 0 60px 0;}
.contact_l{width:50%; float: left;}
.contact_r{width:42%; height:620px; float: right; background: #f9f9f9; padding:40px 4%;}
.contact_r h2{width:100%;height:40px; line-height:40px; font-weight: normal;overflow: hidden; font-size: 32px; color: #222222;}
.contact_r h3{width:100%;height:40px; line-height:40px; font-weight: normal;overflow: hidden; font-size: 18px; color: #666;}
.contact_r .list{overflow: hidden;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin:20px 0; padding:20px 0;}
.contact_r .list li{line-height:36px; font-size: 16px;color: #777;}
.contact_r .list li p{font-size: 18px; color: #333; text-indent: 30px;}
.contact_r .list .a1{background:url(../images/con1.png) no-repeat 0 center; background-size:auto 70%;}
.contact_r .list .a2{background:url(../images/con2.png) no-repeat 0 center; font-size: 32px;color: #1d2088;background-size:auto 60%;}
.contact_r .list .a3{background:url(../images/con3.png) no-repeat 0 center; background-size:auto 70%;}
.contact_r .list1{width:100%; line-height:30px; text-align: center; font-size: 16px;}
.contact_r .list1 li{width:150px; float:left; padding-right:10px;}
.contact_r .list1 img{width:150px;}

/* ------------关于我们--------------------- */
.pagess{width: 100%; min-width: 1400px;overflow:hidden;color: #333; padding:60px; line-height: 32px; background: #fff; font-size: 16px;}
.about{width: 100%; min-width: 1400px;overflow:hidden;background-size:100% auto;}
.abouts{width: 83.33vw;max-width: 1400px;height:570px;margin: 0 auto;overflow:hidden;padding:30px 0 0 0;}
.abouts .titles{padding:20px 0;}
.abouts .list{width:97%; height:330px; padding:0 3% 0 0; line-height:24px;color: #333; font-size: 16px;overflow-x:hidden;}
.abouts .right img{width: 100%;border-radius:12px;transition: all 0.5s;}
.abouts .right:hover img{transform: scale(1.1);}
.abouts .title{height:52px; margin-bottom:20px;}
.abouts .title span{width:auto; line-height:30px; font-size:27px; color: #111; border-bottom:2px solid #111;padding-bottom:20px;}
.about .title h4{width:100%; line-height:60px; font-size:42px; font-weight: normal;color: #000;}
.about .title p{width:100%; line-height:40px; font-size:27px; padding-top:15px; color: #1d2088;}
.mainBody_05 .title{padding-bottom:60px;}
.about01 .left{width:45%; height:400px; float:left; padding:0 5% 0 0;}
.about01 .right{width:45%; height:350px; margin-top:52px; overflow:hidden;border-radius:12px; float:right;}
.about02 .left{width:45%; height:400px; float:right; padding:0 0 0 5%;}
.about02 .right{width:45%; height:350px; margin-top:52px; overflow:hidden;border-radius:12px;float:left;}
.about03 .left{width:45%; height:400px; float:left; padding:0 5% 0 0;}
.about03 .right{width:45%; height:350px; margin-top:52px; overflow:hidden;border-radius:12px; float:right;}
.about04 .left{width:45%; height:400px;  float:right; padding:0 0 0 5%;}
.about04 .right{width:45%; height:350px; margin-top:52px; overflow:hidden;border-radius:12px;float:left;}

.about07{width: 83.33vw;max-width: 1600px;margin: 0 auto;overflow:hidden; padding:60px 0;}
.about07 .left{width:100%;height: auto; overflow:hidden;}
.about07 .right{width:100%; overflow:hidden;background: #f4faff; margin:60px 0;}
.about07 .right ul{width:calc(18.99% - 1px);min-height:330px; float: left; padding:30px 3%;overflow: hidden;border-right: 1px solid #dbefff;}
.about07 .right ul:nth-child(4n){border-right:0;}
.about07 .right .b1{font-size:27px;font-weight: bold;line-height: 40px;color: #000;padding:40px 0 5px 0; text-indent: 10px;}
.about07 .right .b2{width:100%; height:24px; font-size: 18px;color: #333;line-height: 24px;overflow: hidden; text-indent: 10px;}
.about07 .right .b4{width:140px; height:140px; overflow: hidden; margin:20px 0; border-radius:100%;}
.about07 .right .b4 img{width: 100%;height: 100%;transition: all 0.5s;}
.about07 .right ul:hover .b1{color: #fff;}
.about07 .right ul:hover .b2{color: #fff;}
.about07 .right ul:hover img{transform: scale(1.1);}
.about07 .right ul:hover{background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}

.about06{width: 100%; min-width:1600px;overflow:hidden;background: #f4faff;}
.about06 .list{max-width:1920px;margin: 0 auto;}
.about06 .left{width:50%; float: left; height: 780px; overflow:hidden;background:url(../images/about.jpg) no-repeat 0 0;}
.about06 .left .title{width:80%; float: right; padding-top: 100px; color: #fff;}
.about06 .left .title h3{width:100%; line-height:30px; font-size: 18px;font-weight: normal;}
.about06 .left .title h4{width:100%; line-height:60px; font-size:50px; font-weight: normal;}
.about06 .left .title p{width:100%; line-height:40px; font-size:32px; padding-top: 25px;}
.about06 .right{width:50%; float: right;height: 780px; overflow:hidden;background: #f4faff;}
.about06 .right ul{width:calc(40% - 1px);min-height:330px; float: left; padding:30px 5%;overflow: hidden;border-right: 1px solid #dbefff;border-bottom: 1px solid #dbefff;}
.about06 .right ul:nth-child(2n){border-right:0;}
.about06 .right .b1{font-size:27px;font-weight: bold;line-height: 40px;color: #000;padding:40px 0 5px 0; text-indent: 10px;}
.about06 .right .b2{width:100%; height:24px; font-size: 18px;color: #333;line-height: 24px;overflow: hidden; text-indent: 10px;}
.about06 .right .b4{width:140px; height:140px; overflow: hidden; margin:20px 0; border-radius:100%;}
.about06 .right .b4 img{width: 100%;height: 100%;transition: all 0.5s;}
.about06 .right ul:hover .b1{color: #fff;}
.about06 .right ul:hover .b2{color: #fff;}
.about06 .right ul:hover img{transform: scale(1.1);}
.about06 .right ul:hover{background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}

/* ------------定制项目--------------------- */
.dzxm{width: 83.33vw;max-width: 1600px;margin: 0 auto;height:auto;overflow:hidden;}
.dzxm .list{width: 100%;height:450px;overflow:hidden; margin-top:60px; position: relative; border-radius: 20px;}
.dzxm .b1{width: 100%;height:450px; position: absolute; top: 0; left: 0;}
.dzxm .list .b1 img{width:100%;transition: all 0.5s;}
.dzxm .list:hover img{transform: scale(1.08);}
@media screen and (max-width:1800px) {.dzxm .list .b1 img{height:100% !important;}}
.dzxm .b2{width: 100%;height:450px; position: absolute; top: 0; left: 0; z-index: 1;}
.dzxm .s1{background:url(../images/dzxmbg2.png) no-repeat right 0; background-size:88% 100%;}
.dzxm .s2{background:url(../images/dzxmbg1.png) no-repeat left 0; background-size:88% 100%;}
.dzxm .s3{background:url(../images/dzxmbg2.png) no-repeat right 0; background-size:88% 100%;}
.dzxm .s4{background:url(../images/dzxmbg1.png) no-repeat left 0; background-size:88% 100%;}
.dzxm .b3{width:30%;height:350px; position: absolute; top:50px; z-index: 2; color: #fff;}
.dzxm .n1{right:4%;}
.dzxm .n2{left:4%;}
.dzxm .n3{right:4%;}
.dzxm .n4{left:4%;}
.dzxm .a1{width:100%; height:40px; line-height: 40px; font-size: 36px;}
.dzxm .a2{width:100%; height:auto; line-height:27px; font-size:16px; padding:20px 0;}
.dzxm .a3{width:100%; height:auto; overflow: hidden; font-size:16px;}
.dzxm .a3 p{width:30%; height:42px; line-height:42px; float: left; border: 1px solid #ccc; margin: 0 10px 10px 0; text-align: center;}
.dzxm .a4{width:100%; height:45px;line-height: 45px; margin:20px 0; text-align: center;}
.dzxm .a4 a{width:150px; height:45px; display:block; font-size: 16px; color: #fff; background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0;}
.dzxm .a4 a:hover{ width: 180px; background: #fff; color: #000; cursor: pointer;}

/* ------------工业设计--------------------- */
.gysj{width: 83.33vw;max-width: 1600px;margin: 0 auto;height:auto;overflow:hidden;padding:100px 0 50px 0;}

/* ------------gysj01--------------------- */
.gysj01{width:100%;min-width: 1600px;height:auto; padding:60px 0 0 0; overflow: hidden;}
.gysj01 .list{width: 83.33vw;max-width: 1600px;margin: 0 auto;padding-top:30px;}
.gysj01 .list ul{height:auto; padding:20px 1%; border-radius:15px; float:left;cursor:pointer;color:#fff;transition: all 0.6s ease 0s;background-image: linear-gradient(315deg,#1d2088 0,#e60012 100%);background-size: 104% 104%;}
.gysj01 .list .b1{width:17%;margin:0 0.5%; text-align:center;}
.gysj01 .list .b2{width:16%;margin:0 1.5%;}
.gysj01 .list .b3{width:17%;margin:0 0.5%;text-align: center;}
.gysj01 .list .b3 img{width:100%;border-radius:5px;transition: all 0.5s;}
.gysj01 .list ul:hover{background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}
.gysj01 .list .b3:hover img{transform: scale(1.1);}
.gysj01 .list .b1 .a1{width:100%;height:120px;overflow: hidden; padding-top:20px;}
.gysj01 .list .b1 img{height:100%;}
.gysj01 .list .b3 .a1{width:calc(100% - 6px);height:160px;border-radius:5px;overflow: hidden;border:3px solid #fff;}
.gysj01 .list ul .a2{width:100%;line-height:42px;font-size:24px;padding:15px 0 10px 0;}
.gysj01 .list ul .a3{width:100%;height:81px;line-height:27px;color:#eee;font-size:18px;}

/* ---------------gysj02-------------------------------  */
.gysj02{width:100%;min-width: 1600px;height:auto; padding:60px 0 30px 0; overflow: hidden;}
.gysj02 .list{width: 83.33vw;max-width: 1600px;margin: 0 auto;padding-top:30px;}	
.gysj02 .list ul{width:49%;height:400px; font-size: 14px;cursor:pointer;float: left;position: relative;margin:0 2% 30px 0;border-radius:15px;overflow: hidden;}
.gysj02 .list ul:nth-child(2n){margin-right:0;}
.gysj02 .list .a1{width:100%;height:400px; overflow: hidden; position: absolute; top: 0; left: 0;}
.gysj02 .list .a1 img{width:100%;transition: all 0.5s;}
.gysj02 .list ul:hover .a1 img{transform: scale(1.2);}
.gysj02 .list .a2{width:100%;height: 100px; color: #fff;  position: absolute; top:100px; left: 0; text-align: center;}
.gysj02 .list .a2 h3{width:100%; color: #fff; font-size:32px; line-height: 30px;}
.gysj02 .list .a2 p{width:70%; padding:20px 15%; color: #eee; font-size:18px;line-height: 27px;}
.gysj02 .list .a3{width:100%;  font-size:27px; position: absolute; bottom:15%; left: 0; text-align: center;}
.gysj02 .list .a3 a{display: block;width: 160px;height: 45px;line-height: 45px; margin:0 auto; color: #fff; font-size: 16px; overflow: hidden; background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;
border-radius: 50px 50px 50px 0;}
.gysj02 .list .a3 a:hover{width:200px;}

/* ---------------gysj03-------------------------------  */
.gysj03{width:100%;min-width: 1600px;height:auto; padding:60px 0; overflow: hidden; background: #f1f1f1;}
.gysj03 .list{width: 83.33vw;max-width: 1600px;margin: 0 auto;padding:30px 0 10px 0;overflow: hidden;  text-align: center;}	
.gysj03 .list ul{width:15%;height:auto; font-size: 14px;cursor:pointer;float: left; padding-right:2%; overflow: hidden;background:url(../images/liucheng.png) no-repeat right 70px;}
.gysj03 .list ul:last-child{background: 0; padding-right: 0;}
.gysj03 .list .a1{width:80px;height:80px; padding:30px; overflow: hidden; border-radius:100%; margin: 0 auto;background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}
.gysj03 .list .a1 img{width:100%;height:100%; -moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.gysj03 .list ul:hover .a1 img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.gysj03 .list .a2{width:100%;height: auto; color: #000;}
.gysj03 .list .a2 h3{width:100%; font-size:27px; line-height:30px; padding: 20px 0;}
.gysj03 .list .a2 p{width:70%; padding:0 15%; color: #666; font-size:16px;height: 48px;line-height: 24px;overflow: hidden;}
.gysj03 .list ul:hover h3{color: #1d2088;}
.gysj03 .list ul:hover p{color: #1d2088;}

/* ---------------gysj04-------------------------------  */
.gysj04{width:100%;min-width:1600px;padding:60px 0 40px 0;background: url(../images/hybg.jpg) no-repeat center / cover;background-attachment: fixed;}
.gysj04 .list{width: 83.33vw;max-width: 1600px;margin: 0 auto;text-align: center;overflow: hidden;}	
.gysj04 .list h5{width: 100%; height: auto; line-height:30px; text-align: center; font-size:18px; color: #eee; padding-bottom:50px; font-weight: normal;}
.gysj04 .list ul{width:15%;height:auto; font-size: 14px;cursor:pointer;float: left;position: relative;margin:0 2% 40px 0;border-radius:15px;overflow: hidden;}
.gysj04 .list ul:nth-child(6n){margin-right:0;}
.gysj04 .list .a1{width:70%;height:120px; border:3px solid #fff;overflow: hidden; margin: 0 auto;border-radius:10px;}
.gysj04 .list .a1 img{width:100%; transition: all 0.5s;border-radius:10px;}
.gysj04 .list ul:hover .a1 img{transform: scale(1.1);}
.gysj04 .list .a2{width:100%;height:30px; color: #fff; font-size:24px; line-height: 30px; padding-top:10px;}

/* ---------------gysj05-------------------------------  */
.gysj05{width:100%;min-width: 1600px;height:auto; padding:60px 0 0 0; overflow: hidden; background: #efefef;}
.gysj05 img{width:100%;}

/* ---------------jpfw-------------------------------  */
.jpfw{width: 100%; min-width: 1600px; background: #fff;overflow:hidden;color: #666; padding:60px 0;}
.jpfw h5{width:100%; font-size:16px;line-height:45px;color: #000; text-align: center; font-weight:normal;}
.jpfw .list{width: 83.33vw;max-width: 1600px;height:auto;margin: 0 auto; padding-top:30px;}
.jpfw .list li{width: 17.5%; float: left; padding:70px 3%;overflow: hidden; text-align: center; background: #1d2088; border-radius: 15px; margin-right: 2%;color:#fff;}
.jpfw .list li:hover{background-image: linear-gradient(315deg,#e60012 0,#1d2088 100%);background-size: 104% 104%;}
.jpfw .list li:nth-child(4n){ margin-right:0;}
.jpfw .list .a0{width:100%;height:70px; margin:0 0 10px 0;}
.jpfw .list .a0 img{height:60px;-moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.jpfw .list li:hover img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.jpfw .list .a1{font-size:27px;}
.jpfw .list .a2{font-size:18px; padding:5px 0 0 0;}
.jpfw .list .a3{font-size:24px;}
.jpfw .list .a4{line-height:27px; font-size:18px; padding-bottom:20px}

/* ---------------footnew-------------------------------  */
.footnew{width:100%;min-width: 1600px;height:auto; padding:60px 0;background: #f1f1f1;overflow: hidden;}
.footnew h5{width: 100%; height:30px; line-height:30px; text-align: center; font-size:16px; color: #333; font-weight: normal;}
.footnew .list{width: 83.33vw;max-width: 1600px;margin: 0 auto; padding-top:30px;}
.footnew .list ul{width: 17.5%; float: left; padding:30px 3%;overflow: hidden; background: #fff; border-radius: 15px; margin-right: 2%;color:#fff;}
.footnew .list ul:hover{background: #fff;opacity: 1;box-shadow: 0px 3px 15px 3px rgba(0, 0, 0, 0.1);} 
.footnew .list ul:nth-child(4n){ margin-right:0;}
.footnew .list h2{height: 30px; line-height: 30px; font-size: 24px; padding-bottom:20px;}
.footnew .list .li1{width:100%; padding-bottom:10px;}
.footnew .list .li1 .a1{width:100%; max-height:186px; overflow: hidden; border-radius:10px;}
.footnew .list .li1 img{width: 100%;transition: all 0.5s;}
.footnew .list .li1:hover img{transform: scale(1.1);}
.footnew .list .li1 a:hover .a2{color: #1d2088;}
.footnew .list .li1 .a2{width:100%;height:30px; line-height: 30px; font-size: 22px; overflow: hidden; color: #000; font-weight: 500; margin:10px 0;}
.footnew .list .li1 .a3{width:100%;height:48px; line-height: 24px; font-size: 14px; overflow: hidden; color: #666;}
.footnew .list .li1 .a4{width:100%;height:30px; line-height: 30px; font-size: 14px; overflow: hidden; color: #666;}

.footnew .list .li2{overflow: hidden; border-top: 1px solid #eee; padding: 10px 0;}
.footnew .list .li2 p{height: 30px;line-height: 30px; font-size:16px;overflow: hidden;}
.footnew .list .li2 a:hover p{color: #1d2088;}
.footnew .list .li2 i{line-height: 20px; color: #999;font-size:14px;}