* { box-sizing: border-box; -webkit-text-size-adjust: none; outline: none; }
body { margin: 0; padding: 0;  line-height: normal; font-family: "微软雅黑", Microsoft YaHei;}
header, nav, main, img, form { margin: 0; padding: 0; border: 0; }
 p { margin: 0; padding: 0; border: 0; }
ul, ol { margin: 0; padding: 0; list-style-type: none; }
hr, dl, dt, dd { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
tbody { border-collapse: collapse; border-spacing: 0px; }
pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; font-family: inherit; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }
select, input, textarea, button { font-size: inherit; padding: 2px 5px; font-family: inherit; color: inherit; }


th { text-align: left; }
td { word-wrap: break-word; word-break: break-all; }
ins, em { text-decoration: none; font-style: normal; }
h1, h2, h3, h4 { padding: 0; margin: 0; font-size: inherit; font-weight: inherit; }
input[type=text], input[type=password], input[type=file], input[type=number], input[type=tel], input[type=button], input[type=submit], input[type=reset], textarea { -webkit-appearance: none; }
.left{float:left}
.right{float:right}

.g_cw {
    width: 65%;
	text-align:center;
    padding: 40px  0 0 0;
    margin: 0 auto;
}
  .case { margin-bottom: 60px; overflow: hidden; }
        .case .case_nav .list > li .box .on { background: #d5231b; color: #fff; }
        .case .case_nav .list > li .box .on .wz:before { background: #fff; }


        .case .tuwen { width: 100%; }
        .case .tuwen .list { margin-left: -50px; }
        .case .tuwen .list > li { float: left; width: 33.33%; padding-left: 50px; margin-bottom: 60px; }
        .case .tuwen .list > li .box { display: block; position: relative; width: 100%; }
        .case .tuwen .list > li .box .pic { position: relative; }
        .case .tuwen .list > li .box .pic img { display: block; width: 100%; }
        .case .tuwen .list > li .box .pic .add { position: absolute; left: 45%; top: 30%; display: block; opacity: 0; }
        .case .tuwen .list > li .box .pic .add img { width: 30px; }
        .case .tuwen .list > li .box .pic:after { content: ''; position: absolute; left: 10px; right: 10px; top: 8px; bottom: 8px; opacity: 0; transition: .3s ease; border: 1px solid #fff; }
        .case .tuwen .list > li .box .pic:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: .3s ease; background: rgba(19, 164, 68,.3); }
        .case .tuwen .list > li .box:hover .pic .add, .case .tuwen .list > li .box:hover .pic:after, .case .tuwen .list > li .box:hover .pic:before { opacity: 1; }
        .case .tuwen .list > li .box .font { position: absolute; font-size: 15px; color: #333; width: 100%; padding-left: 16px; }
        .case .tuwen .list > li .box .font .p1 { padding: 10px 0 10px 0; }
        .case .tuwen .list > li .box .font .p2 { display: none;padding: 0 0 10px 0; }
        .case .tuwen .list > li .box:hover .font {  width: 94%;background: #0060bf; margin: -80px 10px 0 12px; transition: ease .3s;color: #fff;text-align:center; }
        .case .tuwen .list > li .box:hover .font .p2 { display: block; }

        @media (max-width: 1024px) {
            .case .case_nav { float: none; }
            .case .tuwen { float: none; max-width: none; width: 100%; margin-top: 30px; }
            .case .tuwen .list { margin-left: -20px; }
            .case .tuwen .list > li { float: left; width: 33.33%; padding-left: 20px; margin-bottom: 60px; }
            .case .tuwen .list > li .box .pic .add { opacity: 1; }
            .case .tuwen .list > li .box .pic:after { opacity: 1; }
            .case .tuwen .list > li .box .pic:before { opacity: 1; }
            .case .tuwen .list > li .box .font { margin-top: -50px; background: #fff; }
            .case .tuwen .list > li .box .font .p2 { display: block; }
        }
/* m_map 服务支持*/
.w1000{
	width: 80%;
	margin: 0 auto;
	padding:50px;
}
.w1000 p{
	font-size: 15px;
	line-height: 28px;
	color:#333; 
	text-indent: 32px;
	
}
.w1000 h3{font-size: 30px;line-height: 1.6; margin:0 auto; text-align:center;}
.w1000 h5{font-size: 16px;line-height: 30px;color: #787878;margin:0 auto; text-align:center; padding:10px 0 30px 0;}

.m_map{width:1040px;height:752px;margin:0 auto;position:relative; background:url(../img/map1.png) no-repeat 0 0 ;text-align:center;}
.tait{font-size:36px;font-weight:bold;color:#666666;text-align:center; left:100px;}
.tait span{color:#ff6d3b;}
.tait2{font-size:36px;font-weight:bold;color:#666666;text-align:center;padding:50px 0px;}
.mp{position:absolute;cursor:pointer;background:url(../img/fi1.png) no-repeat 4px 20px;width:24px;height:63px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.mp:hover{background:url(../img/fi2.png) no-repeat 4px 20px;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.hover_tu{background:url(../img/fi2.png) no-repeat 4px 20px;}
.mp .mito{position:absolute;left:0px;bottom:0px;font-size:12px;color:#666666;}
.mp .find_mi1{left:-12px;width:55px;}
.mp .find_mi2{left:-5px;width:55px;}
.feng{position:absolute;display:none;width:347px;height:85px;left:-230px;top:-78px;background:url(../img/vf1.png) no-repeat 0 top;z-index:10;}
.feng .sang{position:absolute;left:235px;bottom:0px;background:url(../img/vf2.png) no-repeat 0 0;width:14px;height:8px;}
.feng .tree{height:62px;width:330px;margin:9px 9px 9px -80px;}
.feng .tree .boou{width:86px;height:62px;float:left;}
.feng .tree .du_size{float: inherit;height:62px;width:340px;}
.feng .tree .du_size p{font-size:12px;color:#FFF;line-height:20px;}
.mp1{left:273px;top:162px;}
.mp2{left:250px;top:215px;}
.mp3{left:176px;top:163px;}
.mp4{left:60px;top:210px;}
.mp5{left:500px;top:560px;}
.mp6{left:735px;top:554px;}
.mp7{left:610px;top:448px;}

.mp8{left:750px;top:480px;}
.mp9{left:865px;top:405px;}
.mp10{left:832px;top:395px;}
.mp11{left:789px;top:400px;}

.mp12{left:822px;top:338px;}
.mp13{left:848px;top:286px;}
.mp14{left:732px;top:428px;}
.mp15{left:669px;top:375px;}
.mp16{left:628px;top:251px;}
.mp17{left:576px;top:304px;}
.mp18{left:700px;top:493px;}
.mp19{left:535px;top:355px;}
.mp20{left:630px;top:380px;}
.mp21{left:854px;top:460px;}
.mp22{left:525px;top:445px;}
.mp23{left:591px;top:526px;}
.mp24{left:622px;top:586px;}
.mp25{left:820px;top:526px;}
.mp26{left:685px;top:287px;}
.mp27{left:744px;top:273px;}


.coreg-title{text-align: center;margin-bottom: 30px;position: relative;z-index: 1;}
.coreg-title h3{font-size: 30px;line-height: 1.6;}
.coreg-title h5{font-size: 16px;line-height: 30px;color: #787878;}

.co-register .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.co-register .bg img{width: 100%;height:auto;}

	

.coreg-sec2{background-size: 100% 100%;padding: 30px 0 50px;position: relative;}
.coreg-sec2 .coreg-title h3,.coreg-sec2 .coreg-title h5{color: #333;}
.coreg-sec2 .sec-content{
	display: flex;  
	background:#fff; 
	width:85%; 
	height: 650px;
	margin:auto; 
	text-align:center;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	z-index: 1;
	 border-radius: 10px ;
     box-shadow: 0 15px 30px rgba(0, 30, 50, 0.2);
	}
.coreg-sec2 .sec-content .img{
	
	overflow: hidden;
	 position: absolute;
  top: 50%;
  transform: translateY(-50%);
	}
.coreg-sec2 .sec-content .img img{
	width: 80%;
	height: auto;
	position: relative;   
	padding:0px 0 0 0; 
	}
.coreg-sec2 .sec-content .text{
	width: 100%;
	padding: 36px 26px 16px ;
	padding-left:50%;

	}
.coreg-sec2 .sec-content .text ul{padding: 0 6%;}
.coreg-sec2 .sec-content .text ul li{line-height: 22px;padding: 12px 0 12px 44px;position: relative;font-size: 18px;}
.coreg-sec2 .sec-content .text ul li i{display: block;width: 28px;line-height: 22px;background: #00b9c6;border-radius: 3px;text-align: center;color: #fff;position: absolute;left: 0;top: 12px;}
.coreg-sec2 .sec-content .text ul li p{color: #5a5a5a;}
.coreg-sec2 .sec-content .text ul li p span{color: #00b9c6;}
.coreg-sec2 .sec-content .text .tips{
	

		overflow: hidden;
	 position: absolute;
  top: 50%;
  transform: translateY(-50%);
  	padding: 0px 4% 0;
	border-top: 1px solid #d2d2d2;
	}
	.coreg-sec2 .sec-content .text .tipss{
	margin:560px -30px 0 0;
  	padding: 0;
	border-top: 1px solid #d2d2d2;
	}
.coreg-sec2 .sec-content .text .tips p{
	line-height: 24px
	;color: #868686;
	font-size: 16px;
	text-align:left;
	text-indent:34px;
	line-height:30px;
	padding:10px 15px 0 15px;
	}
/*about*/

.index-con {
	padding: 0 100px;
	box-sizing: border-box;
	width: 100%;
}

.index-about {
	position: relative;
	z-index: 9;
	position: relative;
	margin-top: 40px;
}

.index-about .index-about-text {
	width: 50%;
}

.index-about-text p {
	color: #666666;
	line-height: 33px;
}

.index-title h3 {
	font-size: 52px;
	font-family: 'DIN';
	padding: 10px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #2575f2;
	/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(left, #2575f2, #6519c5);
	/* Safari 5.1+, Chrome 10+ */
	background-image: -webkit-linear-gradient(left, #2575f2, #6519c5);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(left, #2575f2, #6519c5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.index-title h2 {
	color: #FFFFFF;
	text-shadow: 0px 5px 15px #b8c2fd;
	font-size: 122px;
	letter-spacing: -2px;
	font-family: 'DIN';
	text-transform: uppercase;
	font-weight: bold;
	padding: 60px 0;
}

.index-title span {
	display: block;
	width: 30px;
	height: 4px;
	background: #3b83ff;
	margin: 30px 0 40px;
}

.index-more a {
	display: block;
	position: relative;
	text-transform: uppercase;
	font-family: arial;
	width: 210px;
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	background: #2d6dee;
	text-align: center;
	color: #ffffff;
	border-radius: 25px;
	/* Firefox 3.6+ */
	background-image: -moz-linear-gradient(left, #5862ef, #2c6dee);
	/* Safari 5.1+, Chrome 10+ */
	background-image: -webkit-linear-gradient(left, #5862ef, #2c6dee);
	/* Opera 11.10+ */
	background-image: -o-linear-gradient(left, #5862ef, #2c6dee);
	margin: 80px 0 20px;
}

.wave_box1 {
	position: absolute;
	bottom: -40vh;
	left: 0;
	opacity: .4;
	z-index: -1;
}

.index-about-pic {
	width: 47%;
	box-shadow: 0 22px 60px -5px rgba(44, 115, 240, 0.6);
	overflow: hidden;
	border-radius: 30px;
}

.index-about-pic a {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.index-about-pic img {
	display: block;
	text-align: right;
	width: 100%;
	height: 100%;
}


/*业务*/

.index-yewu {
	position: relative;
	z-index: 10;
	margin:30px;
}

.index-yewu-info {
	margin-top: 2em;
}

.index-yewu-pic {
	width: 45%;
	box-shadow: 10px 30px 48px 5px rgba(44, 115, 240, 0.5);
	overflow: hidden;
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.index-yewu-pic img {
	display: block;
	text-align: right;
	width: 100%;
	height: 100%;
}

.index-yewu-list {
	width: 80%;
	margin:0 auto;
	text-align:center;
}

.index-yewu-list li {
	position: relative;
	float: left;
	width: 32%;
	margin-left: 1%;
	margin-top: 1.5em;
	background: #ffffff;
	padding: 30px;
	box-sizing: border-box;
}

.index-yewu-list li em {
	display: block;
	margin-bottom: 10px;
	height: 37px;
}

.index-yewu-list li .text h2 {
	color: #0060bf;
	font-size: 18px;
	margin-bottom: 10px;
}

.index-yewu-list li .text span {
	color: #666666;
	font-size: 14px;
	font-family: arial;
	text-transform: uppercase;
}

.index-yewu-list li .text p {
	color: #666666;
	font-size: 14px;
	margin-top: 20px;
	height: 90px;
	overflow: hidden;
}

.index-yewu-list li a {
	display: block;
}

.index-yewu-list li:hover {
	box-sizing: border-box;
	box-shadow: 0 0 10px #84b1ff;
	-webkit-box-shadow: 1px 1px 10px rgba(132, 177, 255, 0.5);
	box-shadow: 1px 1px 10px rgba(132, 177, 255, 0.5)
}

.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
	background-color: #c1d8ff
}

.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
	position: absolute;
	content: "";
	display: block;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
	top: 0;
	width: 3px;
	height: 100%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
	left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
	right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
	top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
	bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.button {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border:1px solid  rgba(19, 164, 68,.15);
}

/* 地图线条服务支持*/
 .map-wrapper {
            position: relative;
            width: 75%;
            max-width: 1400px;
            background: #fff;
            margin: 0 auto;
            text-align: center;
           
            overflow: hidden;
        
            transition: all 0.2s;
        }

        canvas {
			margin:0 auto;
			text-align:center;
            display: block;
            width: 100%;
            height: auto;
           
            cursor: crosshair;
        }

        .title-card {
            position: absolute;
            top: 20px;
            left: 24px;
            background: rgba(0, 15, 25, 0.75);
            backdrop-filter: blur(8px);
            padding: 8px 20px;
            border-radius: 60px;
            color: #eef5ff;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 1px;
            border-left: 4px solid #3cc0ff;
            pointer-events: none;
            z-index: 10;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
            font-family: monospace;
        }

        .title-card span {
            color: #ffbc6e;
            font-weight: bold;
        }

        .info-note {
            position: absolute;
            bottom: 16px;
            right: 20px;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(5px);
            padding: 5px 14px;
            border-radius: 24px;
            font-size: 11px;
            color: #000;
            font-family: monospace;
            pointer-events: none;
            z-index: 10;
        }

        .legend-tag {
            position: absolute;
            bottom: 16px;
            left: 20px;
            background: rgba(0, 0, 0, 0.55);
            backdrop-filter: blur(4px);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 10px;
            color: #000;
            pointer-events: none;
            font-family: monospace;
        }

        @media (max-width: 720px) {
            .title-card { font-size: 10px; top: 12px; left: 12px; padding: 5px 14px;}
            .info-note { font-size: 8px; }
            .legend-tag { font-size: 8px; }
        }