<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@CHARSET "UTF-8";
body {
	font-family: "Microsoft Yahei","Arial","å®‹ä½“";
	font-size: 14px;
	margin: 0;
	padding: 0;
}
p,dl,dt,dd,ul,li,a,h1,div,h2,h3,h4,ol,img,span,input{
	margin:0; 
	padding:0;
	list-style:none;
	border:0;	
}
a:link, a:visited{
	color:#595757;
	text-decoration:none;
}
a:hover{ 
	text-decoration:none; 
	color:#1897F8;
}

.ww{
	width:1024px;
	margin:0 auto
}
.fr{
	float:right
}
.fl {
    float: left;
}
.logo img {
	width: 500px;
	margin-top: 20px;
}
@keyframes scale {
	20%{
		transform:scale(1.2);
	}
	40%{
		transform:scale(1.15);
	}
	60%{
		transform:scale(1.1);
	}
	80%{
		transform:scale(1.05);
	}
	100%{
		transform:scale(1);
	}
}
@-webkit-keyframes scale{/* Safari and Chrome */
	20%{
		-webkit-transform:scale(1.2);
	}
	40%{
		-webkit-transform:scale(1.15);
	}
	60%{
		-webkit-transform:scale(1.1);
	}
	80%{
		-webkit-transform:scale(1.05);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes scale{/* firefox */
	20%{
		-moz-transform:scale(1.2);
	}
	40%{
		-moz-transform:scale(1.15);
	}
	60%{
		-moz-transform:scale(1.1);
	}
	80%{
		-moz-transform:scale(1.05);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes scale{/* Opera */
	20%{
		-o-transform:scale(1.2);
	}
	40%{
		-o-transform:scale(1.15);
	}
	60%{
		-o-transform:scale(1.1);
	}
	80%{
		-o-transform:scale(1.05);
	}
	100%{
		-o-transform:scale(1);
	}
}

@keyframes scales{
	20%{
		transform:scale(1.05);
	}
	40%{
		transform:scale(1.02);
	}
	60%{
		transform:scale(1.0);
	}
	80%{
		transform:scale(1.01);
	}
	100%{
		transform:scale(1);
	}
}

@keyframes swing{
	20%{
		transform:rotate(15deg);
	}
	40%{
		transform:rotate(-15deg);
	}
	60%{
		transform:rotate(10deg);
	}
	80%{
		transform:rotate(-10deg);
	}
	100%{
		transform:rotate(0deg);
	}	
}
@-moz-keyframes swing{/* Firefox */
	20%{
		-moz-transform:rotate(15deg);
	}
	40%{
		-moz-transform:rotate(-15deg);
	}
	60%{
		-moz-transform:rotate(10deg);
	}
	80%{
		-moz-transform:rotate(-10deg);
	}
	100%{
		-moz-transform:rotate(0deg);
	}	
}
@-webkit-keyframes swing{/* Safari and Chrome */
	20%{
		-webkit-transform:rotate(15deg);
	}
	40%{
		-webkit-transform:rotate(-15deg);
	}
	60%{
		-webkit-transform:rotate(10deg);
	}
	80%{
		-webkit-transform:rotate(-10deg);
	}
	100%{
		-webkit-transform:rotate(0deg);
	}	
}
@-o-keyframes swing{/* Opera */
	20%{
		-o-transform:rotate(15deg);
	}
	40%{
		-o-transform:rotate(-15deg);
	}
	60%{
		-o-transform:rotate(10deg);
	}
	80%{
		-o-transform:rotate(-10deg);
	}
	100%{
		-o-transform:rotate(0deg);
	}	
}

@keyframes swings{
	20%{
		transform:rotate(2deg);
	}
	40%{
		transform:rotate(-2deg);
	}
	60%{
		transform:rotate(1deg);
	}
	80%{
		transform:rotate(-1deg);
	}
	100%{
		transform:rotate(0deg);
	}	
}

/*head -- start*/
.top{
	height:27px;
	line-height:27px;
	background:#e9e9e9
}

.top_m a{
	padding:0 5px
}

.h_con{
	overflow:hidden;
	margin-top:25px;
	height:130px
}

.phone{
	width:346px;
	height:164px;
	background:url(../images/phone.gif) left center no-repeat;
	text-align:right;
	overflow:hidden
}
.phone strong{
	    font-size: 25px;
	    color: #f18c36;
	    margin: 5px 50px 0 0;
	    display: block;
}
.phone p{
	font-size:12px;
	color:#898989;
	margin-right:35px	
}

.nav{
	height:39px;
	line-height:39px;
	background:url(../images/nav.gif) repeat-x;
	border-bottom:3px solid #2598e4
}

.nav ul li {
    text-align:center;
    padding-right: 25px;
	position: relative;
	display: inline-block;
	border-right: 1px solid #eee1e1;
}

.nav ul li a {
    color: #fff;
    display: block;
    float: left;
    font-family: "å®‹ä½“";
    font-size: 14px;
    font-weight: bold;
    padding: 0 27px;
}

.nav ul .hover a,.nav ul li a:hover{
	background:#f18c36
}

.nav ul li a.hover{
	background:#f18c36;width:70%;
}


.nav ul li .dropdown-content {
	position: absolute;
	width: 110px;
	top:39px;
	display:block;
	z-index:99999;
    display:none;


}
.nav ul li .dropdown-content a {
    color: #fff;
    font-family: "å®‹ä½“";
    font-size: 12px;
    font-weight: bold;
	padding: 0 3px;
	width: 110px;
	height:40px;
	background:rgb(241,140,54,0.6);
	margin-bottom:1px;
}


.nav ul li:hover .dropdown-content {
     display:block;
}
.nav ul li .dropdown-content a:hover {
 background:rgb(241,140,54,1);    
}
/*banner*
.iprint1{width:410px;height:399px;background:url(../images/iprint1.png) left center no-repeat;left:33px;top:74px;z-index:2}
.itext1_1{width:261px;height:96px;background:url(../images/itext1_1.png) left center no-repeat;left:73px;top:202px;z-index:3}
.itext1_2{width:222px;height:88px;background:url(../images/itext1_2.png) left center no-repeat;left:223px;top:67px;z-index:3}
.itext1_3{width:511px;height:214px;background:url(../images/itext1_3.png) left center no-repeat;right:59px;top:115px;z-index:3}
.itext1_4{right:233px;top:350px;z-index:3}
.itext1_4:hover{animation: 0.6s ease 0s normal none 1 scale;}
.iboss{width:310px;height:455px;background:url(../images/iboss-1.png) left center no-repeat;left:-9999px;bottom:0px;z-index:2}
.itext2_1{width:615px;height:200px;background:url(../images/itext2_1.png) left center no-repeat;right:-9999px;top:100px;z-index:2}
.itext2_2{width:335px;height:66px;background:url(../images/itext2_2.png) left center no-repeat;right:-9999px;bottom:63px;z-index:2}
.iprint3_1{width:416px;height:489px;background:url(../images/iprint3_1.png) left center no-repeat;left:-9999px;top:0px;z-index:2}
.iprint3_2{width:105px;height:167px;background:url(../images/iprint3_2.png) left center no-repeat;right:77px;top:-9999px;z-index:2}
.iprint3_3{width:105px;height:167px;background:url(../images/iprint3_3.png) left center no-repeat;right:255px;top:-9999px;z-index:2}
.iprint3_4{width:105px;height:167px;background:url(../images/iprint3_4.png) left center no-repeat;right:437px;top:-9999px;z-index:2}
.itext3{width:362px;height:78px;background:url(../images/itext3.png) left center no-repeat;right:-9999px;bottom:87px;z-index:2}
*bannerend*/

/*newbanner*/
.back-banner{
   
    background-size: 100% 100%;
    width: 100%;
}
.slide {
    position: relative;
    margin: auto;
/*    width: 1920px;*/
    height: 520px;
    text-align: center;
    font-family: Arial;
    color: #FFF;
    overflow: hidden;
}

.slide ul {
    padding: 0;
    width: 9999px;
    transition: all 0.5s;
}

/*è‡ªåŠ¨æ’­æ”¾*/
.slide .slide-auto {
    animation: marginLeft 25s infinite;
}
.slide li a{
    display: block;
    height: 520px;
}


.slide li {
    float: left;
    width: 1920px;
    height: 520px;
    list-style: none;
    line-height: 80px;
    font-size: 36px;
}

.slide p {
	text-shadow: 5px 7px 5px #1975ff;
    color: #fff;
    padding-top: 0px;
    font-weight: 900;
}
.slide .biaoti3{
	padding-top: 58px;
}
.slide .biaoti1{
	color: #f18c36;
	padding-top: 157px;
}
.slide .biaoti2{
	padding-top: 31px;
}
.slide .biaoti4{
	padding-left: 261px;
    margin-top: -21px;
}

.slide li:nth-child(1) {
    background: url(/style/images/banner_2.jpg) left center no-repeat;
}

.slide li:nth-child(2) {
    background: url(/style/images/banner_1.jpg) left center no-repeat;
}

.slide li:nth-child(3) {
    background: url(/style/images/banner_3.jpg) left center no-repeat;
}
.slide li:nth-child(4) {
    background: url(/style/images/banner_4.jpg) left center no-repeat;
}

@keyframes marginLeft {
    0% {
        margin-left: 0;
    }
    
    30%{
        margin-left: 0;
    }

    33% {
        margin-left: -1920px;
    }
    60%{
        margin-left: -1920px;
    }
    66% {
        margin-left: -3840px;
    }
    99% {
        margin-left: -3840px;
    }

    100% {
        margin-left: 0;
    }
}

/*newbanner-end*/

/*head -- stop*/

/*ourservice--æœåŠ¡--start*/
.ourservice{margin:65px auto}
.ourservice_t{
	text-align:center;
}
.ourservice_t strong{
	font-size:35px;
	color:#f18c36
}
.ourservice_t p{
    font-size: 40px;
    margin-top: 15px;
    color: #27a4e3
}
.ourservice_t span{
	margin:20px 0;
	display:block
}
.ourservice_m{
	overflow:hidden;
	position:relative;
	height:375px
}

.ourservice_no1{
	background:url(../images/ourservice_no1.png) no-repeat;
	height:325px;
	width:241px;
	left:11px
}
.ourservice_no2{
	background:url(../images/ourservice_no2.png) no-repeat;
	height:325px;
	width:241px;
	left:264px
}
.ourservice_no3{
	background:url(../images/ourservice_no3.png) no-repeat;
	height:325px;
	width:241px;
	left:517px	
}
.ourservice_no4{
	background:url(../images/ourservice_no4.png) no-repeat;
	height:325px;
	width:241px;
	left:769px	
}
.floating{
	position:absolute;
	bottom:0px
}
.ourservice_m ul li{
	width:241px;
	height:49px;
	background:url(../images/floating.gif) no-repeat;
	position:absolute;
	bottom:0px;
	z-index:-99
}
.floatingno1{
	left:11px	
}
.floatingno2{
	left:264px
}
.floatingno3{
	left:517px		
}
.floatingno4{
	left:769px	
}

.floating_text{
	margin:158px 0 15px 0;
	text-align:center;
	font-weight:bold;
	color:#fff;	
}
.floating_text strong{
	font-size:20px
}
.floating_text span{
	font-size:16px
}
.floating p{
	width:200px;
	margin:0 auto;
	font-weight:bold;
	color:#fff
}
/*ourservice--æœåŠ¡--stop*/


/*testimonials--å®¢æˆ·--start*/
.testimonials{}
.testimonials_t{
	text-align:center;
	overflow:hidden
}
.testimonials_t strong{
	font-size:84px;
	color:#0068ae
}
.testimonials_t span{
	height:57px;
	background:#fabe00;
	font-size:44px;
	color:#fff;
	padding-left:15px;
	margin-left:7px;
	font-weight:bold
}
.testimonialsno1{
	margin:28px 0 0 0;
	height:757px;
	background:url(../images/testimonialsno1.gif) repeat-x
}

.testimonialsno1_m{
	background:url(../images/boss1.png) right bottom no-repeat;
	height:757px
}
.testimonialsno1_t{
	padding:20px 0 0 15px;
	position:relative
}
.testimonialsno1_t .video{
	width:560px;
	height:360px
}
.testimonialsno1_t strong{
	left:611px;
	top:118px;
	position:absolute;
	font-size:24px;
	color:#0068ae
}
.testimonialsno1_t span{
	left:678px;
	top:155px;
	position:absolute;
	font-size:36px;
	color:#3e3a39
}
.video{
	width:457px;
	height:328px;
	background:url(../images/video.gif) center center no-repeat
}
.testimonials_text{
	margin-left:20px
}
.testimonials_text dl{
	width:779px
}
.testimonials_text dl dt{
	font-size:16px;
	color:#fff;
	margin-top:42px;
	padding-left:15px
}
.testimonials_text dl dd{
	margin-top:30px;
	height:195px;
	width:779px;
	border-top:1px dashed #80b4d7;
	border-bottom:1px dashed #80b4d7;
	font-size:18px;
	line-height:32px;
	padding:15px;
	color:#fff
}
.testimonials_text dl dd span{
	color:#fabe00
}
.testimonialsno2{
	height:779px;
	background:url(../images/testimonialsno2.gif) repeat-x
}
.testimonialsno2_m{
	background:url(../images/boss2.png) left bottom no-repeat;
	height:779px;
	overflow:hidden
}
.testimonialsno2_t .testimonials_text{
	margin-left:348px;
	margin-top:83px
}
.testimonialsno2_b{
	position:relative
}
.testimonialsno2_b .video{
	left:463px;
	position:absolute;
	top:55px
}
.testimonialsno2_t .testimonials_text dl dd span{
	color:#0068ae
}
.testimonialsno2_t  .testimonials_text dl dd{
	border-top:1px dashed #fddf80;
	border-bottom:1px dashed #fddf80;	
}
.testimonialsno2_b strong{
	left:321px;
	top:192px;
	position:absolute;
	font-size:24px;
	color:#0068ae
}
.testimonialsno2_b span{
	left:365px;
	top:260px;
	position:absolute;
	font-size:36px;
	color:#3e3a39
}
/*testimonials--å®¢æˆ·--stop*/

/*why--ä¸ºä»€ä¹ˆ--start*/
.why{
	margin:40px auto 0;
	height:1485px;
	background:url(../images/why.gif) 279px 96px no-repeat
}
.why_t{
	position:relative;
	height:359px
}
.why_t span{
	font-size:39px;
	color:#0068ae;
	font-weight:bold;
	position:absolute;
	top:96px;
	left:89px
}
.why_t strong{
	font-size:73px;
	color:#f18c36;
	font-weight:bold;
	position:absolute;
	top:165px;
	left:56px	
}
.why_t strong span{
	font-size:73px;
	color:#dcdddd;
	font-weight:bold;	
}
.why_h3{
	height:61px;
	position:relative
}
.why_h3 span{
	position:absolute;
	left:65px
}
.why_h3 strong{
	font-size:24px;
	color:#0068ae;
	position:absolute;
	left:100px;
	top:0px
}
.why_h3 em{
	font-style:normal;
	position:absolute;
	left:100px;
	top:40px;
	color:#666464
}
.whyno1_m{
	width:896px;
	height:221px;
	margin:20px auto 0;
	border:1px solid #dcdddd
}
.whyno1_m dl{
	width:896px;
	float:left
}
.whyno1_m dt{
	float:left;
	width:165px;
	text-align:center;
	height:36px;
	line-height:36px
}
.whyno1_m dd{
	float:left;
	height:36px;
	line-height:36px	
}
.whyno1_m .wdd1{
	width:433px;
	border-left:1px solid #dcdddd;
	padding-left:15px	
}
.whyno1_m .wdd2{
	width:431px;
	border-left:1px solid #dcdddd;
	padding-left:15px
}
.whyno1_m .wdl1{
	height:41px;
	line-height:41px;
	background:#0068ae
}
.whyno1_m .wdl1 .wdd2{
	background:#f18c36
}
.whyno1_m .wdd1 span,.whyno1_m .wdd1 img,.whyno1_m .wdd2 img,.whyno1_m .wdd2 span{
	float:left
}
.whyno1_m .wdl1 dt,.whyno1_m .wdl1 dd{
	height:41px;
	line-height:41px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff
}
.whyno1_m .wdl2{
	background:#ffffff
}
.whyno1_m .wdl3{
	background:#dcdddd
}
.whyno1_m .wdl3 .wdd1,.whyno1_m .wdl3 .wdd2{
	border-left:1px solid #ffffff
}

.whyno2{
	margin-top:55px
}

.whyno2_m_1{
	margin-top:56px;
	height:489px;
	background:url(../images/whyno2_m_1.gif) no-repeat;
	position:relative;
	font-size:18px;
	font-weight:bold;
	color:#fff
}
.whyno2_m_1_1{
	position:absolute;
	top:205px;
	left:42px;
	width:72px;
	text-align:center
}
.whyno2_m_1_2{
	position:absolute;
	top:53px;
	left:94px;
	width:120px;
	text-align:center
}

.whyno2_m_1_3{
	position:absolute;
	top:87px;
	left:336px;
	width:120px;
	text-align:center
}
.whyno2_m_1_4{
	position:absolute;
	top:309px;
	left:372px;
	width:120px;
	text-align:center
}
.whyno2_m_1_5{
	position:absolute;
	top:130px;
	left:484px;
	width:120px;
	text-align:center
}
.whyno2_m_1_6{
	position:absolute;
	top:30px;
	left:609px;
	width:120px;
	text-align:center
}
.whyno2_m_1_7{
	position:absolute;
	top:56px;
	left:835px;
	width:120px;
	text-align:center
}
.whyno2_m_1_8{
	position:absolute;
	top:203px;
	left:886px;
	width:120px;
	text-align:center
}
.whyno2_m_2_1{
	margin-left:58px
}
.whyno2_m_2_2{
	margin-left:110px
}

.whyno2_m_2_s{
	font-size:20px;
	color:#898989;
	font-weight:bold;
	float:left;
	line-height:35px;
	margin-right:11px
}
.whyno2_m_2_b{
	font-size:60px;
	font-weight:bold;
	float:left;
	color:#fff;
	background:#0068ae;
	padding:0 10px
}
.whyno2_m_2_2 .whyno2_m_2_b{
	background:#f18c36
}
/*why--ä¸ºä»€ä¹ˆ--stop*/

/*how--æ€Žä¹ˆè®©--start*/
.how {
	/*height:1918px;*/
	background: url(../images/how.gif) center 18px repeat-x
}
.how_m {
	background: url(../images/how_m.gif) top center no-repeat;
	height:1500px;
	overflow: hidden;
/*	height: 720px;*/
}
.how_m1{
	font-size:38px;
	margin:100px 0 0 305px
}
.how_m2{
	font-size:87px;
	margin:5px 0 0 235px	
}
.how_m3{
	font-size:18px;
	margin:30px 0 0 445px	
}
.how_m4{
	font-size:38px;
	margin:84px 0 40px 177px	
}
.how_m5{
	height:584px
}

.howlist{
	height:110px;
	width:853px;
	margin:0 auto;
	overflow:hidden
}

.howlist dl dt{
	height:75px;
	width:75px;
	text-align:center;
	line-height:75px
}
.howlist dl dd{
	width:60px;
	height:18px;
	background:url(../images/dtshow.png) no-repeat;
	margin:10px auto 0
}
.howl1 dl dt{
	background:url(../images/ycircle.png) no-repeat
}
.howl2 dl dt{
	background:url(../images/bcircle.png) no-repeat
}


.howlist .howl1 .hlli1{
	left:390px;
	top:0px
}
.howlist .howl1  .hlli2{
	left:1050px;
	top:0px
}
.howlist .howl1  .hlli3{
	left:2050px;
	top:0px
}
.howlist .howl1  .hlli4{
	left:3100px;
	top:0px
}

.howlist .howl2 .hlli1{
	right:390px;
	top:0px
}
.howlist .howl2  .hlli2{
	right:1050px;
	top:0px
}
.howlist .howl2  .hlli3{
	right:2050px;
	top:0px
}
.howlist .howl2  .hlli4{
	right:3100px;
	top:0px
}

.hltext{
	width:463px;
	height:80px
}
.hltext span{
	display:block;
	width:380px;
	height:35px;
	font-size:13px;
	line-height: 17px;
}
.how_mh{
    height: 630px;
}
.ytext span{
	margin:2px 34px;
}
.btext span{
	margin:2px 15px;
}
.ytext{
	right:-1000px;
	top:5px;
	background:url(../images/hltext1.png) no-repeat
}
.btext{
	left:-1000px;
	top:5px;
	background:url(../images/hltext2.png) no-repeat
}


.fs36{
	font-size:36px
}

.how_m6{
	height:417px;
	background:url(../images/how_m6.gif) center center no-repeat;
	text-align:center;
	overflow:hidden
}
.how_m6 span{
	font-size:38px;
	margin:95px 0 30px;
	display: block;
}
.how_m6 p{
	line-height:24px;
	color:#595757;
	font-size:16px
}
.how_m7{
	margin:40px 0 0 0;
	height:330px;
	background:url(../images/how_m7.gif) center center no-repeat;
	text-align:center;
	overflow:hidden
}
.how_m7 strong{
	display:block;
	margin:50px 0 30px;
	font-size:24px;
	line-height:40px
}
.how_m7 p{
	color:#595757;
	font-size:16px;
	line-height:30px	
}
.how_m7 dl{
	width:80px;
	color:#fff;	
}
.how_m7 dl dt{
	font-size:16px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
	-o-transition: all 0.5s ease 0s; /* Opera */
}
.how_m7 dl dt:hover{
	font-size:20px
}
.how_m7 dl dd{
	font-size:10px
}
.hdl1{
    left: 136px;
    top: 59px;
}
.hdl2{
    left: 60px;
    top: 130px;
}
.hdl3{
    left: 213px;
    top: 130px;
}.hdl4{
    left: 139px;
    top: 222px;
	font-size:17px;
}

.fwl{
	font-weight:bold
}

/*how--æ€Žä¹ˆè®©--stop*/

/*banner--start*/
.banner1{
	/* height:355px; */
	/* background:url(../images/banner_01.gif) center center no-repeat; */
}
.banner2{
	height:291px;
	background:url(../images/banner_02.gif) center center no-repeat
}
/*banner--stop*/


/*case--æ¡ˆä¾‹--start*/
.case{
	margin:57px auto 34px
}
.case_t{
	text-align:center
}
.case_t span{
	display:block
}
.case_t .c_span1{
	font-size:40px;
	color:#0068ae
}
.case_t .c_span2{
	font-size:26px
}
.case_m{
	height:470px;
	margin-top:30px;
	overflow: hidden;
}
.plimg{
	width:310px;
	height:425px;
	background:url(../images/video.gif) center center no-repeat;
	overflow:hidden
}
.pltitle{
	height:33px;
	line-height:33px;
	background:#0068ae;
	font-size:15px;
	color:#fff;
	margin-top:10px;
	font-weight:bold;
	text-align:center	
}
.plsummary{
	font-weight:bold;
	height:176px;
	overflow:hidden;
	padding:10px 0;
	line-height:24px;
	font-size:14px
}
.pla{
	height:54px;
	background:url(../images/pla.png) center center no-repeat;
	line-height:40px;
	font-size:18px;
	position:relative;
	width: 310px;
	margin-top:10px;
	
}
.pla a{
	height:40px;
	background:#fdd000;
	line-height:40px;
	font-size:18px;
	color:#fff;
	text-align:center;
	display:block
}

/*ç§»åŠ¨*/
.blk_18 {overflow:hidden;zoom:1;font-size:9pt;width:1024px;height:750px;}
.blk_18 .pcont {width:945px;float:left;overflow:hidden;height:750px;margin-left: 2px;}
.blk_18 .ScrCont {width:32766px;zoom:1;margin-left:-5px;}
.blk_18 #List1_1, .blk_18 #List2_1, .blk_18 #List3_1 {float:left}
.blk_18 .LeftBotton{width:38px;height:124px;float:left;background:url(../images/arrows_1.gif) center no-repeat;margin-top:150px}
.blk_18 .RightBotton {width:38px;height:124px;float:right;background:url(../images/arrows_2.gif) center no-repeat;margin-top:150px}
.blk_18 .pl img {display:block;border:none;}
.blk_18 .pl {width:310px;float:left;margin-left:6px;overflow: hidden;}
.blk_18 a.pl:hover {color:#5795D4;}
/*ç§»åŠ¨*/


/*case--æ¡ˆä¾‹--stop*/

/*advantages--ä¼˜åŠ¿-- start*/
.advantages{
	height:1384px;
	background:#f2f2f3
}
.advantages_m_t{
	position:relative;
	height:166px
}
.advantages_m_t .a_big{
	font-size:78px;
	font-weight:bold;
	color:#f18c36;
	position:absolute;
	top:46px;
	left:51px
}
.advantages_m_t .a_title{
	font-size:36px;
	color:#0068ae;
	position:absolute;
	top:70px;
	left:340px	
}
.advantages_m_t .a_english{
	font-size:13px;
	color:#9fa0a0;
	position:absolute;
	top:115px;
	left:340px	
}

.advantages_m_1{
	height:281px;
}
.advantages_m_2{
	height:270px;
	background:url(../images/advantages_m.png) center top no-repeat
}
.advantages_m_2 .advantages_m_2img{
	margin:60px 0 0 52px
}
.advantages_m_3{
	height:325px;
}
.advantages_m_4{
	background:url(../images/advantages_m.png) center top no-repeat;
	height:295px;
}
.advantages_m_4 .advantages_m_4img{
	margin:21px 0 0 5px
}
.aul{
	margin-top:30px;
	width:447px;
	height:233px;
	background:url(../images/aul.gif) center no-repeat
}
.aul li{
	height:50px;
	line-height:50px;
	margin-top:5px;
	font-size:15px;
	color:#fff;
	padding-left:35px
}
.amdl dt{
	height:60px
}

.amdli{
	margin-right:15px
}

.amdli:hover {
    transform: rotate(360deg);
	-moz-transform:rotate(360deg);/* Firefox 4 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg);/* Opera */
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
	-o-transition: all 0.5s ease 0s; /* Opera */
}

.amdl em{
	font-style:normal;
	font-size:12px;
	color:#9fa0a0
}
.amdl span{
	font-size:18px;
}
.amdl span strong{
	font-size:24px
}
.amdl dd{
	height:40px;
	line-height:40px;
	font-size:15px;
	color:#595757;
	background:url(../images/ico01.gif) left center no-repeat;
	padding-left:40px
}
.am1dl1{
	top:30px;
	left:44px
}
.am1dl2{
	top:50px;
	right:44px
}
.am1dl3{
	top:30px;
	left:44px
}
.am1dl3 dd{
	height:57px;
	background:url("../images/ico01.gif") left 8px no-repeat
}
.am1dl4{
	top:60px;
	right:44px
}


/*advantages--ä¼˜åŠ¿-- stop*/


/*team--å›¢é˜Ÿ---start*/
.team {
	margin-top: 50px;
	height: 615px;
	/*background:url(../images/team.gif) 495px 65px no-repeat*/
}
.team_t{
	padding:57px 50px 0
}
.team_t strong{
	font-size:52px;
	color:#27a4e3;
	display:block;
	text-align: center;
}
.team_t span{
	font-weight: bold;
    color: #f18c36;
    text-align: center;
}
.t_span1{
	font-size:67px
}
.t_span2{
	margin:30px 0 15px;
	font-size:30px
}
.team_t p{
	font-size:18px;
	line-height:35px;
	color:#898989;
	width: 450px;
	padding-top:50px;
}
.team_tul{}

.team_tul li{
	width:273px;
	height:237px
}
.team_tli1{
	background:url(../images/team_tli1.png) center center no-repeat;
    left: 650px;
    top: -582px;
}
.team_tli2{
	background:url(../images/team_tli2h.png) center center no-repeat;
    left: 445px;
    top: -461px;
}
.team_tli3{
	background:url(../images/team_tli3h.png) center center no-repeat;
    left: 653px;
    top: -344px;	
}
.team_tli4{
	background:url(../images/team_tli4.png) center center no-repeat;
    left: 449px;
    top: -223px;	
}
.team_tli1:hover{
	background:url(../images/team_tli1h.png) center center no-repeat
}
.team_tli2:hover{
	background:url(../images/team_tli2.png) center center no-repeat
}
.team_tli3:hover{
	background:url(../images/team_tli3.png) center center no-repeat
}
.team_tli4:hover{
	background:url(../images/team_tli4h.png) center center no-repeat
}
.team_tli1:hover,.team_tli2:hover,.team_tli3:hover,.team_tli4:hover{
	animation: 5.6s ease 0s normal none 0.5 scales;
	z-index:999
}
.team_m{
	height:330px;
	margin-top:60px
}
.member_m_list{height:330px;margin-top:28px;position:relative;overflow:hidden}
.member_left{height:265px;cursor:pointer;background:url(../images/member_left.png) left center no-repeat;width:40px;position:absolute;left:0px;top:0;z-index:999}
.member_m_list .member_main{margin:0px 0 0 48px;overflow:hidden;position:relative;width:915px;height:330px;}
.member_main ul{width:1251px;position:absolute;}
.member_main ul li{float:left;margin-left:15px;width:210px;height:330px}
.member_main ul li strong{float:left;height:30px;width:100%}
.member_right{height:265px;cursor:pointer;background:url(../images/member_right.png) left center no-repeat;width:40px;position:absolute;right:0px;top:0;z-index:999}
/*team--å›¢é˜Ÿ---stop*/

/*news--æ–°é—»--start*/
.i_h3{
	margin-top:20px;
	height:35px;
	line-height:35px;
	background:url(../images/i_h3.gif) repeat-x;
	padding-left:60px;
	color:#fff;
	position:relative
}
.i_h3 span{
	font-size:16px;
	font-weight:bold
}
.i_h3 em{
	font-style:normal;
	font-size:14px;
	font-weight:bold
}
.i_ico{
	position:absolute;
	top:-18px;
	left:10px;
	width:41px;
	height:48px;
	background:url(../images/i_ico.png) no-repeat;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-align:center
}

.inews{
	margin-top:25px
}
.company{
	height:425px;
	position:relative;
	overflow:hidden
}
.n_b{
	border:1px solid #9fa0a0;
	border-top:0px;
	background:#fff
}
.n_b1{
	border:2px solid #9fa0a0;
	border-top:0px;
	background:#fff
}
.n_b:after{
    bottom:35px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    position: absolute;
    right: 10px;
    transform: rotate(4deg);
    width: 150px;
	z-index:-1	
}
.n_b1:after{
	top: 150px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
	content: "";
	height: 16%;
	position: absolute;
	right: 29px;
	transform: rotate( 4deg );
	width: 150px;
	z-index: -1;
}
.company_m{
	height:350px;
	background:url(../images/company_m.gif) right bottom no-repeat;
	overflow:hidden
}
.company_m .video{
	margin:10px
}
.company_m .cmt{
	width:496px;
	margin:10px 0 0 20px;
	color:#595757;	
}
.company_m .cmt dt{
	font-size:18px;
	line-height:50px
}
.company_m .cmt dd{
	line-height:24px;
	font-size:13px;
}

.signed{
	width:350px;
	clear:both;
	position:relative;
	overflow:hidden;
	height:470px
}
.information {
	width: 440px;
	margin: 0 47px 0 24px;
	position: relative;
	overflow: hidden;
	height: 470px;
}
.feedback{
	width:490px;
	position:relative;
	overflow:hidden;
	height:470px	
}
.signed_m,.information_m,.feedback_m{
	height:390px;
	margin-bottom:10px;
	padding:0 10px;
	overflow:hidden
}
.information_m1 {
	margin-left: 42px;
	height: 235px;
	margin-bottom: 10px;
	padding: 8px 10px;
	overflow: hidden;
	width: 715px;
}
.information_m1 p{
	font-size:15px;
	margin:5px;
	line-height:24px;
	color:#595757;
	text-indent:2em;
}
.signed_m ul li,.information_m ul li{
	height:37px;
	border-bottom:1px dashed #707070;
	line-height:37px
}
.feedback_m p{
	font-size:15px;
	margin:5px;
	line-height:24px;
	color:#595757
}
.lnav1 p{
    font-size:15px;
	margin:3px;
	line-height:24px;
	color:#595757
}
/*news--æ–°é—»--stop*/
/*link--å‹æƒ…--start*/
.link {
	clear: both;
	margin: 30px auto;
	background: url(../images/link.gif) left center no-repeat;
	overflow: hidden;
}
.link_m a{
	padding:5px 15px;
	display:block;
	float:left
}
/*link--å‹æƒ…--stop*/


/*f_nav---start*/
.bottom_nav{
	clear:both;
	text-align:center;
	height:150px;
	margin:20px auto;
	width:540px
}
.bottom_nav a{
	display:block;
	float:left;
	width:108px;
	height:142px
}
.bottom_nav .bottom_nav1{
	background:url(../images/bottom_nav1.gif) left center no-repeat
}
.bottom_nav .bottom_nav2{
	background:url(../images/bottom_nav2.gif) left center no-repeat
}
.bottom_nav .bottom_nav3{
	background:url(../images/bottom_nav3.gif) left center no-repeat
}
.bottom_nav .bottom_nav4{
	background:url(../images/bottom_nav4.gif) left center no-repeat
}
.bottom_nav .bottom_nav5{
	background:url(../images/bottom_nav5.gif) left center no-repeat
}
.bottom_nav .bottom_nav1:hover{
	background:url(../images/bottom_navh1.gif) left center no-repeat
}
.bottom_nav .bottom_nav2:hover{
	background:url(../images/bottom_navh2.gif) left center no-repeat
}
.bottom_nav .bottom_nav3:hover{
	background:url(../images/bottom_navh3.gif) left center no-repeat
}
.bottom_nav .bottom_nav4:hover{
	background:url(../images/bottom_navh4.gif) left center no-repeat
}
.bottom_nav .bottom_nav5:hover{
	background:url(../images/bottom_navh5.gif) left center no-repeat
}
/*f_nav---stop*/

/*footer -- start*/

.footer {
	clear: both;
	overflow: hidden;

	height: 234px;
	background: #3698da;
	border-top: 4px solid #fdd000;
}
.footer_m {
	/*background:url(../images/footer.gif) center 170px no-repeat;*/
	overflow: hidden;
	height: 234px;
}
.f_nav{
	position:relative;
	z-index:1	
}
.f_nav ul{	
	background:#f18c36;
	height:53px;
	line-height:32px;
	
}
.f_nav ul:before{
    bottom: 12px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    left: 10px;
    position: absolute;
    transform: rotate(-1deg);
    width: 50%;
	z-index:-1
}

.f_nav ul:after {
    bottom:12px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    position: absolute;
    right: 10px;
    transform: rotate(1deg);
    width: 50%;
	z-index:-1
}

.qitac {
	margin: 30px 0;
}
.qitac h2{
	color: #f18c36;
    text-align: center;
	margin-bottom: 15px;
}
.qitac ul{
	background: #4eb9ef;
    height: 53px;
    line-height: 32px;
    font-weight: 800;
}
.qitac a:hover{
	color:#f18c36;
}
.qitac ul li{
	float:left;
	padding:9px 68px;
	font-size:20px
}
.f_nav ul li{
	float:left;
	padding:7px 25px;
	font-size:20px
}
.f_nav ul li a{
	color:#000
}

.f_con{
	margin:30px 0 24px;
	overflow:hidden
}

.f_logo{
	border-right:1px solid #ffffff;
	width:250px
}
.f_logo img{
	margin-top: 28px;
}

.f_copyright {
	margin-left: 20px;
	line-height: 26px;
	color: #fff
}
.f_copyright a{
	color:#fff
}
/*footer -- stop*/
/*ç™»å½•è´¸æ˜“åŠ¨åŠ›*/
.denlu{
    cursor: pointer;
    height: 57px;
    position: relative;
    width: 57px;
}
.denlu {
    background: url("../images/DL.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.denlu:hover {
    background: url("../images/DL2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	animation: 0.6s ease 0s normal none 1 scale;	
}
.DL {
    display: block;
    position: fixed;
	margin-right:-605px;
	right:50%;
    top: 10%;
	z-index:999;
}
@media screen and (max-width:1240px) and (min-width:300px) {
	.denlu {
	    background: url("../images/DL3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.denlu:hover {
	    background: url("../images/DL4.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		animation: 0.6s ease 0s normal none 1 scale;	
	}
	.DL{
		right:64%;
	}
	#roll{
		right:64%;
	}
	.denlu {
	    height: 160PX;
	    width: 160PX;
	}
}
/*è¿”å›žé¡¶éƒ¨*/
#roll_top{
    cursor: pointer;
    height: 57px;
    position: relative;
    width: 57px;
}
#roll_top {
    background: url("../images/TOP.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#roll_top:hover {
    background: url("../images/TOP2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	animation: 0.6s ease 0s normal none 1 scale;	
}
#roll {
    display: block;
    position: fixed;
	margin-right:-605px;
	right:50%;
    top: 19%;
    width: 57px;
	z-index:999;
}
#right-float-box{
	height:465px;
	width:155px;
	z-index: 999;
	background:url(../images/floatr.jpg) left center no-repeat
}
#right-float-box a{
    display: block;
	height:465px;
	width:155px;
}
#bottom-float-box{
	height:145px;
	width:350px;
	z-index: 999;
	background:url(../images/floatb.png) left center no-repeat	
}
#bottom-float-box a{
    display: block;
	height:145px;
	width:350px;
}

.infoInput {
    border: 1px solid #dfdfdf;
    color: #000000;
    font-size: 9pt;
    height: 22px;
    margin: 3px;
    padding: 3px 0 0 2px;
    width: 500px;
}
.buttonface2 {
	background: none repeat scroll 0 0 #d85600;
	border: 0 none;
	color: #fff;
	font-size: 16px;
	height: 30px;
	margin: 2px 16px 0 0;
	width: 285px;
}
.th2 {
    color: #666;
    font-size: 15px;
    text-align: right;
    width: 42px;
	display:block
}
.fen .th2 {
	width: 0;
}
.fen .infoInput {
	width: 193px;
}
.fen .buttonface2 {
	width:193px;
}
.fen .nr {
	width: 193px;
	height: 38px;
}
.nr {
	border: 1px solid #dfdfdf;
	color: #000000;
	font-size: 9pt;
	height: 110px;
	margin: 1px;
	padding: 3px 0 0 2px;
	width: 284px;
}
.nr1 {
    border: 1px solid #dfdfdf;
    color: #000000;
    font-size: 9pt;
    height: 110px;
    margin: 1px;
    padding: 3px 0 0 2px;
    width: 500px;
}
.tg {
	display: none;
}
.feedback_m .infoInput {
	width: 284px;
}
.shipin{position:relative;top:-280px; float:right;}




/*stylecssæ–‡ä»¶å†…å®¹*/


@CHARSET "UTF-8";

.banner img {
    width: 100%;
}

/*website--ï¿½ï¿½Õ¾ï¿½ï¿½ï¿½ï¿½---start*/
.search_in {
   
    

    position: relative;
    width: 50px;
    right: -50px;
    top: 16px;
    height: 29px;
    transform: translateY(-50%);
    margin-bottom: 10px;
    white-space: nowrap;
    transition: all ease .3s; }
   
    .search_in input, .nav_list .search_in a {
      display: inline-block;
      /*vertical-align: middle;*/
      transition: all ease .3s; }
    .search_in input {
      border: 0;
     
      color: #333;
      font-size: 12px;
      font-size: 1.2rem;
      background: transparent;
      width: 0; 
      padding-bottom: 8px;
  }
.search_in a {
      text-decoration: none; 
      font-size: 1.8rem;
      color: #333;
      font-weight: 700;

  }
.search_box {
    border: 1px solid #ccc;
    border-radius: 2rem;
    width: 240px;
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .search_box input,.search_box a {
      display: inline-block;
      vertical-align: middle;
      border: 0;
      background: transparent; }
    .search_box input {
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      font-size: 1.2rem;
      color: #333;
      width: 90%;
      text-indent: 20px; }
     .search_box input::placeholder {
        color: #333; }
.search_box .search_btn {
      color: #333;
      text-decoration: none;
      font-size: 16px;
      font-size: 1.6rem;
      margin-right: 20px; }
.search_box .search_btn:hover {
        color: #e30000; }

        .search_line__con{
    position: absolute;
    left:0;
    right:0;
    top:100%;
   
    padding:20px 0;
    display:none;
    
}
.search_line__con .txt , .search_line__con .btn{
    display:inline-block;
    vertical-align: middle;
}
.search_line__con .container{position:relative}
.search_line__con .txt{
    width: 89%;
    height:40px;
    line-height:40px;
    font-size:16;
    box-sizing:box-sizing;
    padding:0 10px;
    border:1px solid #ccc;
    color:#e30000;
}
.search_line__con .btn{
    border-radius: 2px;
    height:40px;
    line-height:40px;
    padding:0 10px;
    width:6%;
    margin-left:15px;
    font-size:16px;
    color:#fff;
    background-color:#e30000;
}
.search_line__con .close_btn{
    font-size:30px;
    position: absolute;
    top:0;
    right:25px;
    color:#e30000;
    transition: all ease .3s;
    
}
.search_line__con .close_btn:hover{
    transform: rotate(180deg);
    text-decoration: none;
}

.website{}
.banner{height:473px;overflow:hidden;}
.banner .d1{width:100%;height:500px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:10px;clear:both;position:absolute;z-index:100;left:0px;bottom:15px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:90px;height:10px;overflow:hidden;cursor:pointer;background:#0068ae;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:#f18c36;}
.silde{height:500px;width:1024px;margin:0 auto;overflow:hidden}
.sboss1{width:526px;height:341px;background:url(../images/sboss1.png) left no-repeat;left:10px;bottom:0px;z-index:4}
.scase1{width:285px;height:199px;background:url(../images/scase1.png) left no-repeat;left:208px;bottom:0px;z-index:2}
.scase2{width:239px;height:201px;background:url(../images/scase2.png) left no-repeat;left:750px;bottom:0px;z-index:2}
.scase3{width:290px;height:237px;background:url(../images/scase3.png) left no-repeat;left:475px;bottom:0px;z-index:3}
.stext1{width:891px;height:116px;background:url(../images/stext1.png) left no-repeat;left:80px;top:50px;z-index:3}
.sseven{width:854px;height:500px;background:url(../images/sseven.png) left no-repeat;left:-9999px;top:0px;z-index:2}
.sboss2{width:346px;height:494px;background:url(../images/sboss2.png) left no-repeat;right:-999px;bottom:0px;z-index:3}
.stext2{width:396px;height:294px;background:url(../images/stext2.png) left no-repeat;left:-9999px;top:130px;z-index:4}
.sboss3{width:226px;height:460px;background:url(../images/sboss3.png) left no-repeat;left:334px;bottom:-9999px;z-index:2}
.sprint{width:306px;height:341px;background:url(../images/sprint.png) left no-repeat;left:-9999px;bottom:0px;z-index:2}
.stext3{width:458px;height:417px;background:url(../images/stext3.png) left no-repeat;right:-9999px;top:30px;z-index:2}

.ready{
	height:556px;
	background:url(../images/ready.gif) no-repeat;
	margin:30px auto 0;
	position:relative;
}
.rpa{
	position:absolute
}
.pr{
	position:relative
}
.ready1{
	font-size:57px;
	color:#fff;
	font-weight:bold;
	left:230px;
	top:-5px
}
.ready2{
	font-size:85px;
	color:#fabe00;
	font-weight:bold;
	left:340px;
	top:70px	
}
.ready3{
	font-size:22px;
	color:#fff;
	font-weight:bold;
	left:798px;
	top:75px;
	width:210px;
	height:206px;
	text-align:center;
	background:url(../images/ready3.png) center center no-repeat
}
.ready3:hover{
    animation: 0.6s ease 0s normal none 1 scale;
    background: url(../images/ready3h.png) center center no-repeat;
}
.ready4{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	left:355px;
	top:360px	
}
.ready5{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	left:700px;
	top:360px	
}
.ready6{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	left:355px;
	top:400px	
}
.ready7{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	left:678px;
	top:400px	
}
.ready8{
	font-size:20px;
	color:#3e3a39;
	font-weight:bold;
	left:280px;
	top:465px	
}

.clientt{
	height:745px;
	background:url(../images/clientt.png) top center no-repeat;
	overflow:hidden
}
.clientt_t{
	margin-top:40px
}
.clientt_t strong{
	color:#0068ae;
	font-size:63px;
	font-weight:bold;
	display:block
}
.clientt_t span{
	color:#fff;
	font-size:40px;
	font-weight:bold;
	background:#fabe00;
	padding:0 15px
}
.clientt_m{
	margin-top:30px	
}
.clientt_m_l{
	overflow:hidden
}
.clientt_m_l ul li{
	height:90px;
	line-height:90px;
	width:256px;
	float:left;
	background:url(../images/cl.png) left bottom no-repeat;
	text-align:center;
	font-size:30px;
	color:#dcdddd
}
.clientt_m_l ul .lhover,.clientt_m_l ul li:hover{
	background:url(../images/cl_hover.png) left bottom no-repeat;
	color:#fabe00
}
.clientt_m_m{
	padding:30px 10px
}
.clientt_m_m .video{
	width:560px;
	height:360px
}
.cm_text{
	width:425px
}
.cm_text p{
	font-size:16px;
	line-height:28px
}
.cm_text ul{
	margin-top:15px;
	border-top:1px dashed #707070;
	padding:15px 0
}
.cm_text ul li{
	line-height:24px;
	font-size:14px;
	padding-left:25px;
	background:url(../images/cm_textico.gif) left center no-repeat
}

.inquiry{
	height:818px;
	background:url(../images/inquiry.gif);
}
.inquiry_m{
	height:818px;
	background:url(../images/inquiry_m.png) 86px 60px no-repeat;
	position:relative
}
.inquiry_m1{
	color:#0068ae;
	font-size:44px;
	font-weight:bold;
	left:135px;
	top:68px
}
.inquiry_m2{
	color:#fabe00;
	font-size:54px;
	font-weight:bold;
	left:135px;
	top:130px
}
.inquiry_m3{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	left:172px;
	top:317px
}
.inquiry_m4{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	left:152px;
	top:361px
}
.inquiry_m5{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	left:160px;
	top:404px
}
.inquiry_m6{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	left:203px;
	top:448px
}
.inquiry_m7{
	color:#fff;
	bottom:50px;
	left:410px;
	font-size:26px;
	font-weight:bold
}

.essential{}
.essential_t{
	height:321px;
	background:url(../images/essential_t.gif) center center no-repeat
}
.essential_m1{
	height:316px;
	background:url(../images/essential_m1.gif) center no-repeat;
	margin-top:69px;
	position:relative
}
.essential_m2{
	height:346px;
	background:url(../images/essential_m2.gif) center no-repeat;
	margin-top:15px;
	position:relative	
}
.essential_m3{
	height:444px;
	background:url(../images/essential_m3.gif) center no-repeat;
	margin-top:15px;
	position:relative	
}
.eh strong{
	color:#004ea2;
	font-size:42px;
	display:block
}
.eh p{
	font-size:20px;
	font-weight:bold
}
.blue{
	color:#004ea2
}
.orange{
	color: #f18c36;
}
.yellow {
	color: #f18c36
}
.gray{
	color:#4e4e4e
}
.white{
	color:#fff
}
.fsmm_l dt{
	width:169px;
	height:211px
}
.fsmm_l1{
	background:url(../images/fsmm_l1.gif) center center no-repeat
}
.fsmm_l2{
	background:url(../images/fsmm_l2.gif) center center no-repeat
}
.fsmm_l3{
	background:url(../images/fsmm_l3.gif) center center no-repeat
}
.fsmm_l4{
	background:url(../images/fsmm_l4.gif) center center no-repeat
}
.fsmm_l1:hover{
	background:url(../images/fsmm_l5.gif) center center no-repeat
}
.fsmm_l2:hover{
	background:url(../images/fsmm_l6.gif) center center no-repeat
}
.fsmm_l3:hover{
	background:url(../images/fsmm_l7.gif) center center no-repeat
}
.fsmm_l4:hover{
	background:url(../images/fsmm_l8.gif) center center no-repeat
}
.etl{
	width:100px;
	text-align:center
}
.etl strong{
	font-size:22px;
	color:#fabe00;
	display:block
}
.etl em{
	font-size:10px;
	color:#9fa0a0;
	font-style:normal
}
.etr{
	font-size:18px;
	color:#fff;
	line-height:50px;
	margin-left:30px
}

.essential_m11{
	left:80px;
	top:60px
}
.essential_m12{
	left:27px;
	top:169px
}
.essential_m13{
	left:27px;
	top:227px
}

.essential_m21{
	left:577px;
	top:70px
}
.essential_m22{
	left:502px;
	top:183px
}
.essential_m23{
	left:502px;
	top:243px
}

.essential_m31{
	left:95px;
	top:78px
}
.essential_m32{
	left:27px;
	top:196px
}
.essential_m33{
	left:27px;
	top:255px
}

.system{
	background:url(../images/system.gif);
	height:1018px;
	overflow:hidden
}
.system_m{
	height:1018px;
	background:url(../images/system_m.gif) center 180px no-repeat
}
.system_m_t {
	/*height:568px;*/
}
.tc{
	text-align:center
}
.system_m_t .Bchanpin{
	width:1024px;
	margin-top: 20px;
}
.Bliuhuo{
	width:1024px;
}
.system_m_t .kuang1{
	padding: 30px 0;
	border: 7px solid #f18c36;
	width:1024px;
	margin-top: 20px;
}
.system_m_t .st {
	font-weight: 600;
	background-color: darkorange;
	font-size: 31px;
	color: #27a4e3;
	margin: 40px 0 30px;
}
.system_m_t strong{
	font-size:38px;
	display:grid;
	margin:25px 0 32px
}
.system_m_t ul {
	overflow:hidden;
	padding:0 140px
}
.system_m_t ul li{
	height:42px;
	width:339px;
	background:url(../images/systemt_li.gif) center no-repeat;
	line-height:42px;
	font-size:18px;
	color:#fff;
	font-weight:blod;
	margin:25px 10px 0;
	float:left;

}
.huanqiu{
	height: 800px;
    position: relative;
    background: url(/style/images/huanqiu-2.png);
    background-size: cover;
}

.system_m_t ul li:hover{
	background:url(../images/systemt_lih.png) center no-repeat;	
	animation: 2.6s ease 0s normal none 1 scales;
}
.system_m_t p {
	color: #9fa0a0;
	font-size: 25px;
	/*margin-top: 50px;*/
	/*width: 983px;*/
}
.system_m_t p span{
	font-size:38px;
	font-weight:bold;
}
.system_m_b{
	height:395px;
	background:url(../images/system_m_b.gif) no-repeat;
	padding:102px 29px
}
.system_m_b dl{
	height:40px;
	line-height:28px;
	margin-bottom:6px
}
.system_m_b dl dt{
	font-size:19px;
	color:#fff;
	font-weight:bold;
	width:82px;
	text-align:center
}
.system_m_b dl dd{
	font-size:17px;
	color:#fff;
	margin-left:18px
}



.indeed{
	height:2230px;
	background:#0068ae
}
.indeed_m{
	width:1135px;
	margin:0 auto
}
.indeed_m_t {
	width: 1024px;
	height: 272px;
	position: relative;
	margin: 0 auto 15px;
}
.indeed_m_t1{
	font-size:126px;
	color: #27a4e3;
	font-weight:bold;
	left:87px;
	top:41px;
}
.indeed_m_t2{
	font-size:110px;
	color: #f18c36;
	font-weight:bold;
	left:226px;
	top:125px;	
}
.indeed_m_t3{
	font-size:49px;
	color: #004ea2;
	font-weight:bold;
	left:270px;
	top:36px;	
}
.indeed_m_t4{
	font-size:64px;
	color: #004ea2;
	font-weight:bold;
	left:361px;
	top:112px;	
}

.indeed_m_m1{
	height:457px;
	background:url(../images/indeed_m_m1.gif) left center no-repeat
}
.im1dl{
	width:473px;
}
.im1dl dt{
	font-size:25px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	height:50px;
	line-height:50px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
	-o-transition: all 0.5s ease 0s; /* Opera */	
}
.im1dl dt:hover{
	font-size:30px
}
.im1dl dd{
	padding:18px;
	font-size:15px;
	color:#595757;
	line-height:24px;
	
}
.ip{
	color:#fff;
	font-size:15px;
	text-align:center;		
}
.idl1{
	left:68px;
	top:64px
}
.idl2{
	right:57px;
	top:52px	
}
.ip11{
    right: 380px;
    top: 67px;
    width: 118px;
}
.ip12{
    right: 76px;
    top: 52px;
    width: 118px;
}
.ip13{
    right: 364px;
    top: 333px;
    width: 145px;
}
.ip14{
    right: 97px;
    top: 334px;
    width: 118px;
}
.ip21{
    left: 321px;
    top: 79px;
    width: 168px;
}
.ip22{
    left: 104px;
    top: 333px;
    width: 168px;
}
.ip23{
    left: 375px;
    top: 313px;
    width: 136px;
}


.indeed_m_m2{
	height:476px;
	background:url(../images/indeed_m_m2.gif) right center no-repeat
}

.indeed_m_m3{
	height:170px;
	overflow:hidden;
	width:995px;
	margin:30px auto 10px;
	position:relative;
}
.indeed_m_m3:before{
    bottom: 46px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    left: 10px;
    position: absolute;
    transform: rotate(-5deg);
    width: 50%;
	z-index:0	
}
.indeed_m_m3:after{
    bottom: 46px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    right: 10px;
    position: absolute;
    transform: rotate(5deg);
    width: 50%;
	z-index:0	
}
.indeed_m_m3 strong{
	font-size:80px;
	color:#fff;
	background:#fabe00;
	padding:20px;
	display:block;
	position:relative;
	z-index:1	
}
.indeed_m_m3 span {
    display: block;
    width: 655px;
	background:#fff;
	padding:17px 30px;
	color:#3e3a39;
	font-size:16px;
	line-height:28px;
	position:relative;
	z-index:1	
}
.indeed_m_m4{
	width:995px;
	margin:0 auto
}
.indeed_m_m4 dl{
	height:350px;
	width:245px;
	float:left;
	margin:0 3px 30px 0;
	position:relative
}

.indeed_m_m4 dl:before{
    bottom: 4px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    left: 2px;
    position: absolute;
    transform: rotate(-5deg);
    width: 50%;
	z-index:0	
}

.indeed_m_m4 dl dt{
	margin:100px 0 15px;
	font-size:24px;
	font-weight:bold;
	text-align:center
}
.indeed_m_m4 dl dd{
	padding:0 20px;
	font-size:16px;
	color:#3e3a39;
	line-height:28px;
    position: relative;
    z-index: 2;
	height:173px;
	background:#fff
}
.indeed_m_m5{
	height:184px;
	margin:10px auto;
	background:url(../images/indeed_m_m5.gif) center center no-repeat;
	clear:both
}
.indeed_m_m6{
	text-align:center
}
.indeed_m_m6 span{
	display:block;
}
.indeed_m_m6 span{
	font-size:24px;
	color:#ffffff;
	line-height:36px
}
.indeed_m_m6 strong{
	text-align:center;
	font-size:39px;
	background:#fabe00;
	color:#fff;
	padding:0 5px;
	line-height:90px
}

.im4dl1{
	background:url(../images/im4dl1.gif) left top no-repeat #fff;

}
.im4dl2{
	background:url(../images/im4dl2.gif) left top  no-repeat #fff
}
.im4dl3{
	background:url(../images/im4dl3.gif) left top  no-repeat #fff
}
.im4dl4{
	background:url(../images/im4dl4.gif) left top  no-repeat #fff
}

.feature6{
	height:818px;
}
.feature6_t{
	padding:15px 0 0 0
}
.feature6_t strong{
	display:block;
	font-size:41px;
	color:#0068ae;
	text-align:center
}
.feature6_t strong span{
	color:#fabe00
}
.feature6_t strong span b{
	font-size:115px
}
.feature6_t em{
	display:block;	
	font-style:normal;
	color:#9fa0a0;
	text-align:center
}
.feature6_m dl dt{
	width:291px;
	height:65px;
	background:url(../images/feature6_mdt.gif) no-repeat;
	text-align:center;
	position:relative;
	
}
.feature6_m dl dt:before{
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    left: 10px;
    position: absolute;
    transform: rotate(-5deg);
    width: 50%;
	z-index:-1	
}
.feature6_m dl dt:after{
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    right: 10px;
    position: absolute;
    transform: rotate(5deg);
    width: 50%;
	z-index:-1	
}
.feature6_m dl{
	width:291px;
	margin:30px 25px 0;
	float:left
}
.feature6_m dl dt strong{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	display:block;
	line-height: 40px;
}
.feature6_m dl dt em{
	font-style:normal;
	color:#fff
}
.feature6_m dl dd{
	padding:25px 25px 0;
	font-size:15px;
	color:#595757;
	line-height:24px;
	height:215px
}
.show10_t{
	padding:15px 0 0 0
}
.show10_t strong{
	display:block;
	font-size:41px;
	color:#fabe00;
	text-align:center
}
.show10_t strong span{
	color:#0068ae
}
.show10_t strong span b{
	font-size:115px
}
.show10_t em{
	display:block;	
	font-style:normal;
	color:#9fa0a0;
	text-align:center
}
.show10_m{
	overflow:hidden;
	margin-top:20px
}
.show10_m dl{
	float:left;
	width:337px;
	background:#0068ae;
	height:165px;
	margin:2px
}
.show10_m dl dt{
	text-align:center;
	font-size:47px;
	color:#fabe00;
	line-height:90px

}
.show10_m dl dd{
	padding:0 15px;
	font-size:18px;
	color:#fff
}
.show10_m .show10_m_h{
	height:223px
}
.show10_m .show10_m_s dd{
	text-align: center;
	padding:0 19px
}

.flowpath{
	height:655px;
	background:url(../images/flowpath.gif) repeat-x;
	overflow:hidden
}
.flowpath_m{
	height:655px;
	background:url(../images/boss.png) right bottom no-repeat
}
.flowpath_t{
	font-size:37px;
	font-weight:bold;
	color:#fabe00;
	margin:70px auto 20px
}
.flowpath_b_m{
	height:520px;
}
.flow_tt strong{
	font-size:37px;
	color:#fff;
	display:block
}
.flow_tt span{
	margin-top:5px;
	font-size:24px;
	color:#fff
}
.flow_tt p{
	margin-top:5px;
	font-size:16px;
	margin-left:400px;
	color:#fff
}
.flow_tt p b{
	font-size:24px;
	color:#ea5504
}
.flow_list{
	margin-top:30px;
	overflow:hidden
}
.flow_list dl{
	width:140px;
	height:160px;
	background:#ed6c00;
	float:left;
	margin:1px
}
.flow_list dl dt{
	font-size:65px;
	text-align:center;
	color:#fff;
	font-weight:bold
}
.flow_list dl dd{
	padding:0 10px;
	font-weight:bold;
	color:#fff
}
.flow_list .flow_list_t{
	clear: both;
}
.winner{
	margin-top:40px;
	height:585px;
	border-bottom:13px solid #0068ae
}

.winner_m{
	height:586px;
	background:url(../images/winner_m.gif) left bottom no-repeat;
	overflow:hidden
}
.winner_m_l{
	width:330px;
	margin:450px 0 0 44px
}
.winner_m_l strong{
	display:block;
	text-align:center;
	font-size:30px;
	color:#fff;
	line-height:65px
}
.winner_m_l p{
	font-size:15px;
	color:#fff
}
.winner_m_l p span{
	color:#fabe00;
	font-weight:bold
}
.winner_m_r{
	margin-top:20px;
	width:590px;
}
.winner_m_r dl{
	margin-top:20px
}
.winner_m_r dl dt{
	height:45px;
	width:398px;
	background:#fabe00;
	font-size:34px;
	color:#fff;
	font-weight:bold;
	padding-left:15px
}
.winner_m_r dl dt em{
	font-size:16px;
	font-style:normal
}
.winner_m_r dl dd{
	font-size:16px;
	color:#595757;
	line-height:24px
}
.winner_m_r dl dd strong{
	margin:10px 0 10px;
	display:block
}
.winner_m_r dl dd p span{
	color:#e60012
}
/*website--ï¿½ï¿½Õ¾ï¿½ï¿½ï¿½ï¿½---stop*/

/*wap--ï¿½Ö»ï¿½ï¿½ï¿½Õ¾--start*/
.wap{}

.phoneage{
	height:452px;
	background:url(../images/phoneage.gif) right bottom no-repeat;
	margin:52px auto 16px;
	overflow:hidden;
	position:relative
}
.phoneage .blue{
	margin-top:20px;
	font-size:37px;
	display:block
}
.phoneage em,.phoneage strong,.phoneage p{
	margin-left:60px
}
.phoneage p{
	margin:45px 0 25px 60px;
	font-size:18px;
	color:#595757;
	line-height:30px
}
/*em{
	font-style:normal
}*/
.phoneage .white{
	font-size:26px;
	margin-left:75px;
	display:block	
}

.wwhy{
	height:658px;
	background:url(../images/wwhy.gif) repeat-x
}
.wwhy_m{
	overflow:hidden
}
.wwhy_l{
	width:513px;
	height:658px;
	background:url(../images/wwhy_l.png) 55px top no-repeat
}
.wwhy_l strong{
	font-size:28px;
	background:url(../images/wwhy_ls.png) center center no-repeat;
	height:77px;
    line-height: 60px;
    padding: 0 35px;	
}
.wws1{
    right: 45px;
    top: 93px;
}
.wws2{
    right: 137px;
    top: 211px;
}
.wws3{
    right: 24px;
    top: 326px;
}
.wws4{
    right: 94px;
    top: 424px;
}
.wwhy_r{
	width:413px;
	margin-left:55px
}
.fs16{
	font-size:16px
}
.fs18{
	font-size:18px
}

.wwhy_r strong{
	display:block
}
.lh30{
	line-height:30px
}
.lh24{
	line-height:24px
}

.wst1{
	margin:60px 0 0 0;
	font-size:42px
}
.wst2 .yellow{
	font-size:54px;
	margin-right:10px
}
.wst2{
	font-size:33px;
	margin:11px 0
}
.wspan{
	background:url(../images/wspan.gif) center no-repeat;
	height:119px;
	width:411px;
	display:block;
	margin:30px 0;
	overflow:hidden
}
.wspanm{
	margin:15px
}

.advantage_t{
	height:311px;
	background:url(../images/advantage_t.gif) center no-repeat
}
.advantage_m{
	overflow:hidden
}
.advantage_m dl{
	width:197px;
	height:347px;
	float:left;
	margin:3px
}
.advantage_m dl:hover{
    animation: 4.5s ease 0s normal none 1 swings;
    cursor: pointer;
    transform-origin: center top 0;
	z-index:999
}
.advantage_m dl dt{
	font-size:24px;
	text-align:center;
	margin:120px 0 40px
}
.advantage_m dl dd{
	color:#595757;
	padding:0 20px;
	line-height:22px
}
.amdl1{
	background:url(../images/amdl1.gif) center no-repeat
}
.amdl2{
	background:url(../images/amdl2.gif) center no-repeat
}
.amdl3{
	background:url(../images/amdl3.gif) center no-repeat
}
.amdl4{
	background:url(../images/amdl4.gif) center no-repeat
}
.amdl5{
	background:url(../images/amdl5.gif) center no-repeat
}

.amdl1:hover{
	background:url(../images/amdl1h.gif) center no-repeat
}
.amdl2:hover{
	background:url(../images/amdl2h.gif) center no-repeat
}
.amdl3:hover{
	background:url(../images/amdl3h.gif) center no-repeat
}
.amdl4:hover{
	background:url(../images/amdl4h.gif) center no-repeat
}
.amdl5:hover{
	background:url(../images/amdl5h.gif) center no-repeat
}

.advertisement{
	height:176px;
	background:url(../images/advertisement.gif) repeat-x
}
.advertisement_m{
	height:176px;
	background:url(../images/advertisement_m.gif) center no-repeat
}

.wneed{
	height:860px;
	background:url(../images/wneed.gif) repeat;
}
.wneed_t{
	height:114px;
	background:url(../images/wneed_t.gif) repeat
}
.wneed_m{
	height:675px;
	background:url(../images/wneed_m.gif) repeat
}
.wneed_m p{
	width:350px
}
.wneed_m .wpw{
	width:245px
}
.wmp1{
    left: 235px;
    top: 118px;
}
.wmp2{
	left:743px;
	top:118px;
}
.wmp3{
	left:235px;
	top:305px;
}
.wmp4{
	left:743px;
	top:305px;
}
.wmp5{
    bottom: 25px;
    left: 607px;
}
.wmessage{
	height:595px;
	background:url(../images/wmessage.gif) right bottom no-repeat;
	overflow:hidden
}
.wmessage_m {
	display: inline-block;
	padding-left: 221px;
	margin-top: 50px;
}
/*wap--ï¿½Ö»ï¿½ï¿½ï¿½Õ¾--stop*/

/*marketing_solutions---Óªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½---start*/
.marketing_solutions{}
.ms_t{
	height:315px;
	background:url(../images/ms_tbg.gif) center bottom no-repeat;
	margin:44px auto 59px;
	text-align:center
}
.ms_timg{
	margin:0 auto;
	width:691px
}
.ms_t span{
	display:block;
	font-size:32px;
	margin:20px 0
}
.ms_t strong{
	display:block;
	font-size:48px;
	margin-bottom:35px
}
.ms_t p{
	font-size:28px
}
.scheme1{
	width:513px;
	height:631px;
	background:url(../images/scheme1.gif) left  bottom no-repeat
}
.scheme2{
	width:511px;
	height:631px;
	background:url(../images/scheme2.gif) left  bottom no-repeat;
	text-align:center
}
.sc_t{
	height:45px;
	line-height:45px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	width:430px;
	margin:0 auto
}
.scheme1 .sc_t{
	background:#006ab2;
	color:#FFF
}
.scheme2 .sc_t{
	background:#e9e9e9;
	color:#898989
}
.str11{
    left: 101px;
    top: 190px;
}
.str12{
    left: 229px;
    top: 171px;
}
.str13{
    left: 360px;
    top: 258px;
}
.str14{
    left: 50px;
    top: 366px;
}
.str15{
    left: 192px;
    top: 325px;
}
.str16{
    left: 370px;
    top: 399px;
}
.str21{
    left: 121px;
    top: 136px;
}
.str22{
    left: 293px;
    top: 166px;
}
.str23{
    left: 96px;
    top: 278px;
}
.str24{
    left: 332px;
    top: 333px;
}
.str25{
    left: 200px;
    top: 433px;
}

.fs16{
	font-size:16px
}
.fs20 {
	font-weight: 700;
	text-align: center;
	font-size: 20px
}
.fs24{
	font-size:24px
}
.fs30{
	font-size:30px
}
.details{
	color:#595757;
	overflow: hidden;	
}
.fwl{
	font-weight:bold
}
.details1{
	width:513px;
	height:765px;
	background:#006ab2
}
.details2{

	width:511px;
	height:765px;
	background:#efefef
}

.details ul{
	padding-top:36px
}
.details ul li{
	background:#c7c7c7;
	width:254px;
	margin:0 auto 5px;
	text-align:center;
	padding:5px 0;
	line-height:24px;

}
.details1 ul li{
	background:#efefef;
	margin: 0px 0px 5px 208px !important;	
}
.ico1{
	height:17px;
	width:53px;
	background:url(../images/ico1.png) left center no-repeat;
	left:-35px;
	top:50%
}
.details1_t span{
	display:block;
	text-align:center
}
.dspan1{
    left: 54px;
    top: 41px;
}
.dspan2{
    left: 42px;
    top: 103px;
}
.dspan3{
	left:46px;
	top:195px
}
.dspan4{
	left:54px;
	top:243px
}
.details1_t,.details2_t{
	height:360px
}
.details1_b{
	height:365px;
	background:url(../images/details1_b.gif) center top no-repeat
}
.details1_b p{
	width:115px
}
.dp1{
    left: 44px;
    top: 32px;
}
.dp2{
    left: 202px;
    top: 32px;
}
.dp3{
    left: 360px;
    top: 32px;
}
.dp4{
    left: 48px;
    top: 240px;
}
.dp5{
    left: 202px;
    top: 240px;
}
.dp6{
    left: 360px;
    top: 240px;
}
.details2_b{
	height:365px;
	background:url(../images/details2_b.gif) center 10px no-repeat;
	margin-bottom:24px
}
.details2_b p{
	text-align:center
}
.dp21{
    left: 43%;
	top:59px
}
.dp22{
    left: 42%;
    top: 214px;	
}
.customization{
	display:block;
	margin:24px auto 30px;
	text-align:center
}

.foursolutions{
	background:#006ab2;
	height:1200px;
	overflow:hidden
}
.fsmm_t{
	margin-top:60px;
}
.fsmm_tt{
	width:363px;
	height:67px;
	margin:0 auto;
	background:url(../images/fsmm_tt.gif) left center no-repeat
}
.fsmm_l{
	overflow:hidden
}
.fsmm_l dl{
	float:left;
	margin:50px 35px;
	text-align:center
}
.fsmm_l strong{
	display:block;
	margin:10px 0
}
.fsmm_case{
	margin-top:60px;	
}
.fsmm_case .plimg{
	margin-bottom:10px
}
.fsmm_case .blk_18 .LeftBotton,.fsmm_case .blk_18 .RightBotton{
	margin-top: 150px;
}
.fsmm_case .pla{
	background:url(../images/bpla.png) left center no-repeat
}
.fsmm_ct{
	height:67px;
	width:291px;
	background:url(../images/fsmm_ct.gif) left center no-repeat;
	margin:0 auto
}
.every{
	overflow:hidden
}
.every_t{
	text-align:center;
	margin:30px 0
}
.every_t .blue{
	display:block;
	font-size:37px
}
.every_t span{
	font-size:29px
}
.every .flow_list{
	padding:0 86px
}
.bosssay{
	height:273px;
	width:971px;
	margin:50px auto 0;
	background:url(../images/bosssay.gif) center center no-repeat
}
.news{background:#eee;overflow:hidden}
.news_m{width:960px;margin:66px auto;overflow:hidden}
.news .news_m .news_no1{margin:0px}
.news .common{width:280px;float:left;margin-left:60px}
.common_top{line-height:34px;height:34px;border-bottom:1px solid #c1c1c1;padding-left:15px}
.common_top ul li{border:1px solid #c1c1c1;height:34px;padding:0 18px 0;float:left;border-bottom:0px;margin-left:5px}
.common_top a{font-size:16px}
.common_main ul{margin-top:5px}
.common_main ul li{line-height:35px;border-bottom:1px dashed #c1c1c1;background:url(../images/li_ico.png) 5px center no-repeat;height:35px;overflow:hidden;padding-left:20px}
.common_main ul li a{float:left}
.common_main ul li span{float:right;color:#666666;margin-right:8px}
.common_main dl{height:123px;margin:18px 0 0 18px}
.common_main dl dt{width:123px;height:123px;float:left;overflow:hidden}
.common_main dl dd{width:128px;height:123px;margin-left:10px;float:left}
.common_main dl dd strong{color:#000}
.common_main dl dd span{color:#666;margin-top:5px;line-height:20px;display:block;width:100%}
.common_main dl dd a{color:#666;margin-top:5px}
.common_main dl dd a:hover{color:#0172c2}
/*marketing_solutions---Óªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½---stop*/

/*cultivate---ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ñµ----start*/  
.cultivate{}
.puzzle{}
.puzzle_t{
	text-align:center;
	margin:20px 0 40px
}
.puzzle_t strong{
	display:block;
	font-size:36px
}
.puzzle_m{
	margin:30px 0;
	background:url(../images/puzzle_m.gif) 40px center no-repeat;
	height:508px;
	overflow: hidden;
}
.puzzle_m dl{
	margin:20px 0 0 88px;
	height:105px
}
.coach{
	height:579px;
	background:url(../images/coach.gif) repeat-x
}
.coach_m{
	height:579px;
	background:url(../images/coachboss.png) left center no-repeat;
	overflow:hidden
}
.dil{
	display:block
}
.coach_m strong,.coach_m em,.coach_m p,.coach_m span{
	margin-left:433px;
}
.coach_m strong{
	margin-top:98px;
	font-size:60px;
	color:#006ab2
}
.coach_m p{
	margin:40px 0 60px 433px
}
.course_advantage{
	overflow:hidden;
	background:url(../images/course_advantage.gif) 515px bottom no-repeat
}
.course_advantage h3{
	font-size:53px;
	margin-bottom:51px
}
.course_advantage strong{
	font-size:118px
}
.course_advantage dl{
	width:428px;
	float:left;
	height:166px;
	margin-left:45px
}
.course_advantage dl dt{
	font-size:26px;
	margin-bottom:20px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
	-o-transition: all 0.5s ease 0s; /* Opera */	
}
.course_advantage dl dt:hover{
	margin-left:25px
}
.course_advantage dl dd{
	font-size:15px
}
.curriculum1{
	height:534px;
	background:url(../images/curriculum1.gif) center center no-repeat
}
.curriculum2{
	height:417px;
	background:url(../images/curriculum2.gif) center center no-repeat
}
.curriculum3{
	height:489px;
	background:url(../images/curriculum3.jpg) center center no-repeat;
	overflow:hidden
}
.curriculum31{
	height:102px;
	width:277px;
	background:url(../images/curriculum31.png) center center no-repeat;
	left:50px;
	top:140px
}
.curriculum32{
	height:87px;
	width:416px;
	background:url(../images/curriculum32.png) center center no-repeat;
	right:50px;
	top:130px	
}
.curriculum33{
	height:111px;
	width:389px;
	background:url(../images/curriculum33.png) center center no-repeat;
    right: 30px;
    top: 340px;	
}
.c_system{
	height:434px;
	background:url(../images/c_system.gif) left top repeat-x
}
.c_system_m{
	height:450px;
	background:url(../images/c_system_m.gif) center center no-repeat
}
/*cultivate---ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ñµ----stop*/ 
  
/*visual_merchandising---ï¿½Ó¾ï¿½Óªï¿½ï¿½----start*/  
.visual_merchandising{}
.vi_m_t{
	height:408px;
	background:url(../images/vi_m_t.gif) center center no-repeat;
	margin:34px auto 15px
}
.vi1{
	color:#898989;
    left: 155px;
    top: 76px;
	font-size:36px
}
.vi2{
    left: 276px;
    top: 58px;
	font-size:60px	
}
.vi3{
	color:#898989;
    left: 145px;
    top: 133px;
}
.vi4{
    left: 240px;
    top: 134px;
	font-size:30px	
}
.vi5{
    left: 130px;
    top: 265px;
	width:480px
}
.viquote{
	background:#f7f7f7;
	height:2030px;
	overflow:hidden
}
.vitrait{
	margin-top:55px
}
.vitrait_t{
	overflow:hidden;
	height:167px;
	width:417px;
	background:url(../images/vitrait_t.gif) left center no-repeat
}
.vitrait_t span{
	font-size:30px;
	margin-top:15px
}
.vitrait_t strong{
	font-size:53px
}
.vitrait_t span,.vitrait_t strong{
	margin-left:35px
}
.vitrait_m{
	height:958px;
	background:url(../images/vitrait_m.png) center center no-repeat;	
	text-align:center;	
}
.vitrait_m p{
	height:958px;
	background:url(../images/vitrait_mh.png) center center no-repeat;
	transition: all 15.5s ease 0s;
	-moz-transition: all 15.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 15.5s ease 0s; /* Safari and Chrome */
	-o-transition: all 15.5s ease 0s; /* Opera */	
}
.vitrait_m:hover p{
    transform: rotate(360deg);
	-moz-transform:rotate(360deg);/* Firefox 4 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg);/* Opera */		
}
.vitrait_m em{
	color:#fff
}
.vitrait_m dl{
	z-index:999
}
.vitrait_m dl dt{
	font-size:60px
}
.vidl1{
    left:449px;
    top: 104px;
}
.vidl2{
    left: 721px;
    top: 254px;
}
.vidl3{
    left: 718px;
    top: 555px;
}
.vidl4{
    left: 421px;
    top: 695px;
}
.vidl5{
    left: 195px;
    top: 555px;
}
.vidl6{
    left: 191px;
    top: 254px;
}
.viservices{
	margin-top:58px
}
.viservices1{
	height:391px;
	background:url(../images/viservices1.gif) center center no-repeat;
	overflow:hidden
}
.viservices2{
	height:401px;
	background:url(../images/viservices2.gif) center center no-repeat
}
.viservices1 em,.viservices1 span,.viservices1 strong{
	margin-left:450px
}
.viservices1 span{
	margin-top:45px;
	font-size:36px
}
.viservices1 strong{
	font-size:53px
}
.viservices2 dl{
	width:445px;
}
.viservices2 dl dt{
	font-size:34px;
	text-align:center;
	margin-bottom:40px
}
.viservices2 dl dd{
	font-size:17px
}
.vsdl1{
    left: 31px;
    top: 15px;
}
.vsdl2{
    left: 544px;
    top: 15px;
}
.process{
	overflow:hidden;
	height:824px;
	background:url(../images/process.gif) left repeat-x
}
.process_t{
	text-align:center;
}
.process_t strong{
	font-size:39px;
	margin-top:19px
}
.process_m{
	margin:115px auto;
	height:546px;
	background:url(../images/process_m.gif) center no-repeat
}
/*visual_merchandising---ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½----stop*/ 
.read_right_m{padding:0px 15px;border:1px solid #f3f3f3;line-height:24px;margin-top:15px}
.read_right_m p{color:#666;}
  
/*lnto---ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½----start*/   
.lnto{}
.aht{
	margin:37px;
	height:64px;
	background:url(../images/about.gif) left no-repeat
}
.about p{
	margin-left:37px
}
.coreteam{
	/*border-top:7px solid #006ab2;*/
	background:#ffffff;
	margin:30px 0 0 0;
	padding:35px 0
}
.coreteam_t{
	text-align:center
}
.coreteam_t strong{
	font-size:48px
}
.coreteam_t em{
	font-size:26px
}
.coreteam_boss{
	height:751px;
	background:url(../images/coreteam_boss.gif) center center no-repeat;
	overflow:hidden
}
.coreteam_boss dl dt{
	font-size:21px;
}
.coreteam_boss dl dd{
	font-size:12px;
}
.cbdl1{
	width:631px;
    left: 340px;
    top: 100px;
}
.cbdl2{
    right: 330px;
    top: 500px;
	width:620px;
	text-align:right
}
.c_staff{
	overflow:hidden
}
.c_staff dl{
	margin:30px 3px 0;
	width:250px;
	float:left
}
.c_staff dd{
	padding:0 10px
}
.c_staff dd p{
	font-size:12px;
	margin-top:5px
}
.c_staff dt{
	position:relative;
	overflow:hidden
}
.c_staff .cray{
	filter:alpha(opacity=10); /*IEï¿½Ë¾ï¿½ï¿½ï¿½Í¸ï¿½ï¿½ï¿½ï¿½50%*/
	-moz-opacity:0.1; /*FirefoxË½ï¿½Ð£ï¿½Í¸ï¿½ï¿½ï¿½ï¿½50%*/
	opacity:0.1;/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Í¸ï¿½ï¿½ï¿½ï¿½50%*/
    background: none repeat scroll 0 0 #fff;
    height: 15px;
    left: -389px;
    position: absolute;
    top: 0;
    transform: rotate(-42deg);
    width: 300%;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s; /* Firefox 4 */
	-webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
	-o-transition: all 0.5s ease 0s; /* Opera */		
}

/*lnto---ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½----stop*/   

/*success_stories---ï¿½É¹ï¿½ï¿½ï¿½ï¿½ï¿½----start*/ 
.success_stories{
	margin-bottom: 50px;
}
.ssh3{
	height:47px;
	background:url(../images/ssh3.gif) center center no-repeat;
	line-height:47px;
}
.ssh3 strong{
	font-size:22px;
	width:49%;
	text-align:right;
	margin-right:22px;
}
.ssh3 span{
	font-size:16px;
	width:48%;
	text-align:left
}
.ssct_m{
	overflow:hidden
}
.success_stories .ssct_m dl{
	width:458px;
	float:left;
	margin:23px 26px;
	border:1px solid #9fa0a0;
	position:relative
}
.success_stories .ssct_m dl:hover{
    animation: 5.0s ease 0s normal none 1 swings;
    cursor: pointer;
    transform-origin: center top 0;
	z-index:999
}
.success_stories .ssct_m dl:before {
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 20%;
    left: 10px;
    position: absolute;
    transform: rotate(7deg);
    width: 50%;
    z-index: -1;
}
.success_stories .ssct_m dl:after {
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    display: block;
    height: 20%;
    position: absolute;
    right: 10px;
    transform: rotate(-7deg);
    width: 50%;
    z-index: -1;
}
.success_stories .ssct_m dl dt{
	height:328px;
	background:url(../images/video.gif) center center no-repeat
}
.success_stories .ssct_m dl dd{
	padding:10px;
	overflow: hidden;
	background:#fff
}
.sexplain{
	padding:10px 20px;
	background:#006ab2
}
.sintroduce{
	padding:10px 18px
}
.sparticulars{
	margin-left:15px
}
.sconsult{
	width:160px;
	margin-right:15px;
}
.sconsult a{
	font-size:14px
}
.sconsult .pla a,.sconsult .pla {
	height:30px;
	line-height:30px;
	position:relative;
	z-index:1;
	width: 100%;
}
.ssfc{
	margin-top:15px
}
.ssfc_m{
	margin:15px auto;
	position:relative	
}
.ssfc .pl {
    float: left;
    margin-left: 5px;
    width: 320px;
}
.ssfc .pl .plimg img,.ssfc .pl .plimg{
    width: 320px;
}
.ssfc_m dl{
	width:320px;
	padding:5px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
}
.ssfc_m dl:hover{
	box-shadow:0 1px 5px rgba(35, 25, 25, 0.5)
}
.ssfc_m dl dt{
}
.ssfc_m .sconsult{
	width:100%
}
.ssfc_m dl{
	margin:15px 2px
}
/*success_stories---ï¿½É¹ï¿½ï¿½ï¿½ï¿½ï¿½----stop*/   
.a_c_left ul li a:hover{background:url(../images/linbg.gif) center no-repeat; color:#666;}
.a_c_left ul .hovernormal{background:url(../images/linbg.gif) center no-repeat;color:#666;}
.article_center{width:1024px;overflow:hidden;margin:20px auto 0px;border-bottom:1px solid #dedede}
.a_c_left h3{height:45px;line-height:45px;background:#006ab2;color:#fff;padding-left:30px;border-radius:5px 5px 0 0}
.a_c_left{width:215px;float:left;margin-bottom:35px}
.a_c_left ul li a{display:block;height:30px;line-height:30px;border-bottom:1px solid #ffffff;padding-left:30px;background:#eaeaea;color:#666}

.a_c_right{width:800px;float:right;margin-bottom:35px}
.hot{line-height:35px;height:35px;padding-left:20px;background:#eaeaea;}
.a_c_right_m{margin-top:15px;border:1px solid #eaeaea;padding:5px 5px}
.a_c_right_m dl{height:115px;overflow:hidden;border-bottom:1px dashed #cccccc}
.a_c_right_m dl:hover{background:#dcf0ff}
.a_c_right_m dt{margin:24px 24px 17px 24px;padding-left:10px;background:url(../images/dd_ico.png) left center no-repeat}
.a_c_right_m dt a{font-weight:bold;color:#006ab2;font-size:15px}
.a_c_right_m dd{margin:0px 24px 0px 24px;line-height:24px;color:#666;}
.a_c_right_m dl span{float:right;color:#666}

.mt10 {
    margin-top: 10px;
}
.mt10 h4 {
	height: 30px;
	background: #f8f8f8;
	line-height: 30px;
	padding-left: 13px;
	color: #ff7901;
}
.lnav {
	border: 1px solid #D5D5D5;
	overflow: hidden;
	padding-bottom: 67px;
}
.lnav1 {
	border: 1px solid #D5D5D5;
	overflow: hidden;
}

.lnav .nr {
    border-width: 0 1px;
    padding: 5px 8px 0;
}
.lnav .nr h5 {
    color: #FF6B01;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
	display:table-row-group
}

.lnav .nr p {
    color: #555555;
    line-height: 22px;
}

.dianh {
    background: url("../images/Teln.gif") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    color: #666666;
    line-height: 10px;
    padding: 10px 0 10px 55px;
}

.dianh span {
    display: block;
    font: 20px "Impact";
}
/*ï¿½ï¿½Ò³*/
.apage {height: 30px;line-height:30px;margin-top:15px;text-align: right;width:100%;color:#016EBF}
.apage a{color:#016EBF}
.apage_record{float:left;}
.next_page{float:right;margin-right:15px}
.next_page span{float:left;border:1px solid #BFBFBC;text-align:center;padding:0 8px;height:25px;margin:1px 1px 1px 1px;line-height:25px;display:block;color:#fff; background-color:#016EBF;width:40px;}
.next_page a{float:left;border:1px solid #BFBFBC;text-align:center;width:50px;height:25px;margin:1px 1px 1px 1px;line-height:25px;display:block;color:#016EBF}
.next_page .p1 a{color:#016EBF}


.a_read_left{width:790px;overflow:hidden;float:left;border:1px solid #eaeaea;margin:15px 0px 25px}
.a_read_left_m{color: #333333;width:750px;overflow:hidden;margin:20px auto;}
#cntrBody {
	font-size: 16px;
	width: 100%;
	color: #666;
	line-height: 30px;
}
#myBtn {
	display: none; /* Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	position: fixed;
	z-index: 99;
	background: url(../images/TOP.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor: pointer;
	padding: 28px;
    margin-right: -605px;
    right: 50%;
    top: 19%;
}

#myBtn:hover {
    background-color: #f18c36; 
}
#cntrBody strong {
	color: #000;
	font-size: large;
}

#cntrBody .img {
	overflow: scroll;
}
#cntrBody .img img{
	width:auto !important;
	height:auto !important;
}
#cntrBody a{
	color:#27a4e3;
}
.a_read_left_m h1 {
	font-size: 30px;
	text-align: center;
	color: #016cbe
}
.n_tit{text-align:center;color:#a1a1a1;line-height:24px}
.n_tit span {margin-right: 20px;}
.a_read_right{width:220px;overflow:hidden;float:right;border:1px solid #eaeaea;margin:15px 0px 25px}
#cntrBody p{line-height:24px;color:#666}
.showfenye{height:20px;background:#7f7f7f;margin:15px 0}
.Related{margin-top:40px;overflow:hidden}
.Related h4{border-bottom:1px solid #cccccc;line-height:30px}
.Related ul{margin-top:15px}
.Related ul li{float:left;width:300px;margin-right:25px;line-height:24px;background:url(../images/dd_ico.png) left center no-repeat;padding-left:10px}
.Ranking h4{height:30px;background:#f8f8f8;line-height:30px;padding-left:13px;color:#ff7901}
.Ranking ul{margin-top:5px}
.Ranking ul li{line-height:24px;padding-left:25px;background:url(../images/dd_ico.png) 15px center no-repeat;}
.Latest{margin-top:20px;padding-bottom:20px}
/*article*/

.right_main {
    border: 1px solid #eaeaea;
    margin-top: 15px;
    padding:5px;
	overflow: hidden;
}
dl.dl_2a {
    display: inline-block;
    float: left;
    padding: 10px 14px;
    width: 365px;
}
dl.dl_2a dt {
    height: 496px;
    overflow: hidden;
    width: 365px;	
}
dl.dl_2a dt a {
    border: 1px solid #ccc;
    display: block;
    height: 491px;
    padding: 1px;
    width: 360px;
	overflow: hidden;	
}
dl.dl_2a img {
    display: block;
    width: 360px;
}
dl.dl_2a dd {
    height: 24px;
    line-height: 24px;
    margin: 2px 0 0;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 360px;
	font-weight:bold;
	color:#0061a3;
	font-size:14px;
}
.top_lx { height:190px; border:#dbdbdb solid 1px; overflow:hidden; margin:15px 0 20px 0; }
.main_main { width:210px; height:250px; float:left; margin:15px 0 0 25px; }
.main_main_img { width:210px; height:40px; font-size:20px; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½", "ï¿½ï¿½ï¿½ï¿½"; margin-top:20px; text-indent:40px; }
.main_main_img span { font-size:12px; margin-left:5px; color:#999; }
.top_lx .address { background:url(../images/gsdz.png) no-repeat; line-height:43px; }
.top_lx .contact { background:url(../images/lxfs.png) no-repeat; line-height:43px; text-indent:30px; }
.top_lx .email { background:url(../images/lpxx.png) no-repeat 0 5px; line-height:43px; }
.mian_mian_font { width:210px; height:130px; margin-top:8px; line-height:25px; font-size:14px; color:#6d7d8a; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½", "ï¿½ï¿½ï¿½ï¿½"; }
.mian_mian_font a { font-size:14px; color:#F00; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½", "ï¿½ï¿½ï¿½ï¿½"; text-decoration:none; }
.mian_mian_font a:hover { font-size:14px; color:#12cc17; font-family:"Î¢ï¿½ï¿½ï¿½Åºï¿½", "ï¿½ï¿½ï¿½ï¿½"; text-decoration:underline }
.main_xian { height:250px; float:left; text-align:center; }

.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #006ab2;	background: #006ab2;color: #fff;text-decoration: none}
.pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}
/*ï¿½Ð³ï¿½ï¿½ï¿½Ñ¡Í¼Æ¬ï¿½Ð»ï¿½*/
.container1,.container2{
	width: 1024px;
	height: 610px;
}
.container1 ul{
	/* ï¿½ï¿½ï¿½ï¿½liÔªï¿½ï¿½Ç°ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½Úµï¿½ */
	list-style: none;
	/* ï¿½ï¿½ï¿½Ô¶ï¿½Î» */
	position: relative;
	width: 100%;
	height: 100%;
	/* ï¿½ï¿½ï¿½Ô²ï¿½ï¿½ï¿½  */
	display: flex;
	/* ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½(ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä¿)Æ½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	justify-content: space-around;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½ï¿½Ú½ï¿½ï¿½ï¿½ï¿½ï¿½(Yï¿½ï¿½)ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	/* Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½  ï¿½ï¿½ï¿½Ë¾ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
	align-items: flex-end;
}
/* Ð¡Í¼Æ¬ start */
.container1 ul li{
	text-align: center;
	width: 250px;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½ï¿½ */
	cursor: pointer;
}

.container1 ul li img{
	width: 100%;
	/* ï¿½Ó¸ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¾ï¿½ï¿½ï¿½ */
	border: 5px solid transparent;
}

/* Ð¡Í¼Æ¬ end */

/* ï¿½ï¿½Í¼Æ¬ start */
.container1 ul .bigImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 462px;
	/* ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ Ò²ï¿½ï¿½Ò»ï¿½ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Îªï¿½ï¿½É¶ ï¿½ï¿½ï¿½ï¿½Îªï¿½Ëºï¿½Ð¡Í¼Æ¬ï¿½Ô³ï¿½ */
	border: 5px solid transparent;
	/* ï¿½ï¿½ï¿½ï¿½   Í¼Æ¬Â·ï¿½ï¿½   no-repeatï¿½ï¿½ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½Ø¸ï¿½ Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½Ø¸ï¿½ï¿½ï¿½ */
	background: url(../images/C2020.png) no-repeat;
	/* Í¼Æ¬ï¿½Ô¿ï¿½ï¿½ï¿½Îªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	background-size: contain;
	transition: all 0.5s;
}

/* ï¿½ï¿½Í¼Æ¬ end */

/* ï¿½Æ¶ï¿½ï¿½ï¿½ start */
.container1 ul .frame1{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 256px;
	height: 112px;
	border: 5px solid salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½bug Ò»Ö±ï¿½ï¿½Ë¸ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô­ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ï¿½ï¿½È»Ã»ï¿½Ð±ï¿½ï¿½ï¿½É« ï¿½ï¿½ï¿½Ç¸ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ */
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô¾Í¿ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½Ú±ï¿½ï¿½ï¿½ï¿½ê²¶×½ï¿½ï¿½ */
	pointer-events: none;
	/* ï¿½Ó¹ï¿½ï¿½ï¿½ */
	transition: all 0.5s;
}

/* ï¿½ï¿½Î±Ôªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
.container1 ul .frame1::before {
	content: "";
	position: absolute;
	top: -19px;
	/* calcï¿½ï¿½ï¿½ï¿½ï¿½Ô¶ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Çºï¿½ï¿½ï¿½Ë®Æ½ï¿½ï¿½ï¿½ï¿½ */
	left: calc(50% - 15px);
	width: 30px;
	height: 15px;
	background-color: salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Úµï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ò»ï¿½ï¿½ï¿½Ð½ï¿½ ï¿½ï¿½ï¿½ï¿½È¥ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Í²ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

/* ï¿½Æ¶ï¿½ï¿½ï¿½ end */
.container1 ul li:nth-child(1):hover ~ .bigImg {
	background-image: url(../images/C2020.png);
}

.container1 ul li:nth-child(1):hover ~ .frame1 {
	left: 0;
}

.container1 ul li:nth-child(2):hover ~ .bigImg {
	background-image: url(../images/C2019.png);
}

.container1 ul li:nth-child(2):hover ~ .frame1 {
	left: 256px;
}

.container1 ul li:nth-child(3):hover ~ .bigImg {
	background-image: url(../images/C2018.png);
}

.container1 ul li:nth-child(3):hover ~ .frame1 {
	left: 512px;
}

.container1 ul li:nth-child(4):hover ~ .bigImg {
	background-image: url(../images/C2017.png);
}

.container1 ul li:nth-child(4):hover ~ .frame1 {
	left: 768px;
}
/*Ä¿ï¿½Ä¹ï¿½ï¿½ï¿½ï¿½ï¿½*/
.container2 ul{
	/* ï¿½ï¿½ï¿½ï¿½liÔªï¿½ï¿½Ç°ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½Úµï¿½ */
	list-style: none;
	/* ï¿½ï¿½ï¿½Ô¶ï¿½Î» */
	position: relative;
	width: 100%;
	height: 100%;
	/* ï¿½ï¿½ï¿½Ô²ï¿½ï¿½ï¿½  */
	display: flex;
	/* ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½(ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä¿)Æ½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	justify-content: space-around;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½ï¿½Ú½ï¿½ï¿½ï¿½ï¿½ï¿½(Yï¿½ï¿½)ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	/* Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½  ï¿½ï¿½ï¿½Ë¾ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
	align-items: flex-end;
}
/* Ð¡Í¼Æ¬ start */
.container2 ul li{
	text-align: center;
	width: 250px;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½ï¿½ */
	cursor: pointer;
}

.container2 ul li img{
	width: 100%;
	/* ï¿½Ó¸ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¾ï¿½ï¿½ï¿½ */
	border: 5px solid transparent;
}

/* Ð¡Í¼Æ¬ end */

/* ï¿½ï¿½Í¼Æ¬ start */
.container2 ul .bigImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 462px;
	/* ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ Ò²ï¿½ï¿½Ò»ï¿½ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Îªï¿½ï¿½É¶ ï¿½ï¿½ï¿½ï¿½Îªï¿½Ëºï¿½Ð¡Í¼Æ¬ï¿½Ô³ï¿½ */
	border: 5px solid transparent;
	/* ï¿½ï¿½ï¿½ï¿½   Í¼Æ¬Â·ï¿½ï¿½   no-repeatï¿½ï¿½ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½Ø¸ï¿½ Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½Ø¸ï¿½ï¿½ï¿½ */
	background: url(../images/G2020.png) no-repeat;
	/* Í¼Æ¬ï¿½Ô¿ï¿½ï¿½ï¿½Îªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	background-size: contain;
	transition: all 0.5s;
}

/* ï¿½ï¿½Í¼Æ¬ end */

/* ï¿½Æ¶ï¿½ï¿½ï¿½ start */
.container2 ul .frame1{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 256px;
	height: 112px;
	border: 5px solid salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½bug Ò»Ö±ï¿½ï¿½Ë¸ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô­ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ï¿½ï¿½È»Ã»ï¿½Ð±ï¿½ï¿½ï¿½É« ï¿½ï¿½ï¿½Ç¸ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ */
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô¾Í¿ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½Ú±ï¿½ï¿½ï¿½ï¿½ê²¶×½ï¿½ï¿½ */
	pointer-events: none;
	/* ï¿½Ó¹ï¿½ï¿½ï¿½ */
	transition: all 0.5s;
}

/* ï¿½ï¿½Î±Ôªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
.container2 ul .frame1::before {
	content: "";
	position: absolute;
	top: -19px;
	/* calcï¿½ï¿½ï¿½ï¿½ï¿½Ô¶ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Çºï¿½ï¿½ï¿½Ë®Æ½ï¿½ï¿½ï¿½ï¿½ */
	left: calc(50% - 15px);
	width: 30px;
	height: 15px;
	background-color: salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Úµï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ò»ï¿½ï¿½ï¿½Ð½ï¿½ ï¿½ï¿½ï¿½ï¿½È¥ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Í²ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

/* ï¿½Æ¶ï¿½ï¿½ï¿½ end */
.container2 ul li:nth-child(1):hover ~ .bigImg {
	background-image: url(../images/G2020.png);
}

.container2 ul li:nth-child(1):hover ~ .frame1 {
	left: 0;
}

.container2 ul li:nth-child(2):hover ~ .bigImg {
	background-image: url(../images/G2019.png);
}

.container2 ul li:nth-child(2):hover ~ .frame1 {
	left: 256px;
}

.container2 ul li:nth-child(3):hover ~ .bigImg {
	background-image: url(../images/G2018.png);
}

.container2 ul li:nth-child(3):hover ~ .frame1 {
	left: 512px;
}

.container2 ul li:nth-child(4):hover ~ .bigImg {
	background-image: url(../images/G2017.png);
}

.container2 ul li:nth-child(4):hover ~ .frame1 {
	left: 768px;
}
/*Ä¿ï¿½Ä¹ï¿½ï¿½ï¿½ï¿½ï¿½-end*/
/*ï¿½Ð³ï¿½ï¿½ï¿½Ñ¡Í¼Æ¬ï¿½Ð»ï¿½-end*/

/*Ã³ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ï¿½Ð»ï¿½*/
.container3{
	width: 1024px;
	height: 599px;
}
.container3 ul{
	/* ï¿½ï¿½ï¿½ï¿½liÔªï¿½ï¿½Ç°ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½Úµï¿½ */
	list-style: none;
	/* ï¿½ï¿½ï¿½Ô¶ï¿½Î» */
	position: relative;
	width: 100%;
	height: 100%;
	/* ï¿½ï¿½ï¿½Ô²ï¿½ï¿½ï¿½  */
	display: flex;
	/* ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½(ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä¿)Æ½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	justify-content: space-around;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½ï¿½Ú½ï¿½ï¿½ï¿½ï¿½ï¿½(Yï¿½ï¿½)ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	/* Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½  ï¿½ï¿½ï¿½Ë¾ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
	align-items: flex-end;
}
/* Ð¡Í¼Æ¬ start */
.container3 ul li{
	text-align: center;
	width: 250px;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½ï¿½ */
	cursor: pointer;
}

.container3 ul li img{
	width: 100%;
	/* ï¿½Ó¸ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¾ï¿½ï¿½ï¿½ */
	border: 5px solid transparent;
}

/* Ð¡Í¼Æ¬ end */

/* ï¿½ï¿½Í¼Æ¬ start */
.container3 ul .bigImg3{
	position: absolute;
	top: 0;
	left: 46px;
	width: 100%;
	height: 446px;
	/* ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ Ò²ï¿½ï¿½Ò»ï¿½ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Îªï¿½ï¿½É¶ ï¿½ï¿½ï¿½ï¿½Îªï¿½Ëºï¿½Ð¡Í¼Æ¬ï¿½Ô³ï¿½ */
	border: 5px solid transparent;
	/* ï¿½ï¿½ï¿½ï¿½   Í¼Æ¬Â·ï¿½ï¿½   no-repeatï¿½ï¿½ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½Ø¸ï¿½ Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½Ø¸ï¿½ï¿½ï¿½ */
	background: url(../images/cloud1.png) no-repeat;
	/* Í¼Æ¬ï¿½Ô¿ï¿½ï¿½ï¿½Îªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	background-size: contain;
	transition: all 0.5s;
}

/* ï¿½ï¿½Í¼Æ¬ end */

/* ï¿½Æ¶ï¿½ï¿½ï¿½ start */
.container3 ul .frame3{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 256px;
	height: 112px;
	border: 5px solid salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½bug Ò»Ö±ï¿½ï¿½Ë¸ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô­ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ï¿½ï¿½È»Ã»ï¿½Ð±ï¿½ï¿½ï¿½É« ï¿½ï¿½ï¿½Ç¸ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ */
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô¾Í¿ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½Ú±ï¿½ï¿½ï¿½ï¿½ê²¶×½ï¿½ï¿½ */
	pointer-events: none;
	/* ï¿½Ó¹ï¿½ï¿½ï¿½ */
	transition: all 0.5s;
}

/* ï¿½ï¿½Î±Ôªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
.container3 ul .frame3::before {
	content: "";
	position: absolute;
	top: -19px;
	/* calcï¿½ï¿½ï¿½ï¿½ï¿½Ô¶ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Çºï¿½ï¿½ï¿½Ë®Æ½ï¿½ï¿½ï¿½ï¿½ */
	left: calc(50% - 15px);
	width: 30px;
	height: 15px;
	background-color: salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Úµï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ò»ï¿½ï¿½ï¿½Ð½ï¿½ ï¿½ï¿½ï¿½ï¿½È¥ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Í²ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

/* ï¿½Æ¶ï¿½ï¿½ï¿½ end */
.container3 ul li:nth-child(1):hover ~ .bigImg3 {
	background-image: url(../images/cloud1.png);
}

.container3 ul li:nth-child(1):hover ~ .frame3 {
	left: 0;
}

.container3 ul li:nth-child(2):hover ~ .bigImg3 {
	background-image: url(../images/cloud2.png);
}

.container3 ul li:nth-child(2):hover ~ .frame3 {
	left: 256px;
}

.container3 ul li:nth-child(3):hover ~ .bigImg3 {
	background-image: url(../images/cloud3.png);
}

.container3 ul li:nth-child(3):hover ~ .frame3 {
	left: 512px;
}

.container3 ul li:nth-child(4):hover ~ .bigImg3 {
	background-image: url(../images/cloud4.png);
}

.container3 ul li:nth-child(4):hover ~ .frame3 {
	left: 768px;
}
/*Ã³ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ï¿½Ð»ï¿½-end*/
/*ï¿½ï¿½Î¬ï¿½È·ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.container4 {
	width: 1024px;
	height: 550px;
}
.container4 ul {
	/* ï¿½ï¿½ï¿½ï¿½liÔªï¿½ï¿½Ç°ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½Úµï¿½ */
	list-style: none;
	/* ï¿½ï¿½ï¿½Ô¶ï¿½Î» */
	position: relative;
	width: 100%;
	height: 100%;
	/* ï¿½ï¿½ï¿½Ô²ï¿½ï¿½ï¿½  */
	display: flex;
	/* ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½(ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä¿)Æ½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	justify-content: space-around;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ôªï¿½ï¿½ï¿½Ú½ï¿½ï¿½ï¿½ï¿½ï¿½(Yï¿½ï¿½)ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	/* Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½  ï¿½ï¿½ï¿½Ë¾ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
	align-items: flex-end;
}
/* Ð¡Í¼Æ¬ start */
.container4 ul li{
	text-align: center;
	width: 250px;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¡ï¿½ï¿½ */
	cursor: pointer;
}

.container4 ul li img{
	width: 100%;
	/* ï¿½Ó¸ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ð¾ï¿½ï¿½ï¿½ */
	border: 5px solid transparent;
}

/* Ð¡Í¼Æ¬ end */

/* ï¿½ï¿½Í¼Æ¬ start */
.container4 ul .bigImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 405px;
	/* ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ Ò²ï¿½ï¿½Ò»ï¿½ï¿½Í¸ï¿½ï¿½ï¿½ß¿ï¿½ ï¿½ï¿½Îªï¿½ï¿½É¶ ï¿½ï¿½ï¿½ï¿½Îªï¿½Ëºï¿½Ð¡Í¼Æ¬ï¿½Ô³ï¿½ */
	border: 5px solid transparent;
	/* ï¿½ï¿½ï¿½ï¿½   Í¼Æ¬Â·ï¿½ï¿½   no-repeatï¿½ï¿½ï¿½ï¿½Í¼Æ¬ï¿½ï¿½ï¿½Ø¸ï¿½ Ä¬ï¿½ï¿½ï¿½ï¿½ï¿½Ø¸ï¿½ï¿½ï¿½ */
	background: url(../images/shangji-1.png) no-repeat;
	/* Í¼Æ¬ï¿½Ô¿ï¿½ï¿½ï¿½Îªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	background-size: contain;
	transition: all 0.5s;
}

/* ï¿½ï¿½Í¼Æ¬ end */

/* ï¿½Æ¶ï¿½ï¿½ï¿½ start */
.container4 ul .frame1{
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 256px;
	height: 112px;
	border: 5px solid salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½bug Ò»Ö±ï¿½ï¿½Ë¸ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô­ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ï¿½ï¿½È»Ã»ï¿½Ð±ï¿½ï¿½ï¿½É« ï¿½ï¿½ï¿½Ç¸ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Í¼Æ¬ */
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ô¾Í¿ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Æ¶ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½Ú±ï¿½ï¿½ï¿½ï¿½ê²¶×½ï¿½ï¿½ */
	pointer-events: none;
	/* ï¿½Ó¹ï¿½ï¿½ï¿½ */
	transition: all 0.5s;
}

/* ï¿½ï¿½Î±Ôªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
.container4 ul .frame1::before {
	content: "";
	position: absolute;
	top: -19px;
	/* calcï¿½ï¿½ï¿½ï¿½ï¿½Ô¶ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Çºï¿½ï¿½ï¿½Ë®Æ½ï¿½ï¿½ï¿½ï¿½ */
	left: calc(50% - 15px);
	width: 30px;
	height: 15px;
	background-color: salmon;
	/* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Úµï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ò»ï¿½ï¿½ï¿½Ð½ï¿½ ï¿½ï¿½ï¿½ï¿½È¥ï¿½ï¿½ï¿½ï¿½ ï¿½ï¿½ï¿½ï¿½ï¿½Í²ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

/* ï¿½Æ¶ï¿½ï¿½ï¿½ end */
.container4 ul li:nth-child(1):hover ~ .bigImg {
	background-image: url(../images/shangji-1.png);
}

.container4 ul li:nth-child(1):hover ~ .frame1 {
	left: 0;
}

.container4 ul li:nth-child(2):hover ~ .bigImg {
	background-image: url(../images/shangji-2.png);
}

.container4 ul li:nth-child(2):hover ~ .frame1 {
	left: 256px;
}

.container4 ul li:nth-child(3):hover ~ .bigImg {
	background-image: url(../images/shangji-3.png);
}

.container4 ul li:nth-child(3):hover ~ .frame1 {
	left: 512px;
}

.container4 ul li:nth-child(4):hover ~ .bigImg {
	background-image: url(../images/shangji-4.png);
}

.container4 ul li:nth-child(4):hover ~ .frame1 {
	left: 768px;
}
/*ï¿½ï¿½Î¬ï¿½È·ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½-end*/
.Cniandu{
	font-style: italic;
	margin-top: 30px;
	font-size: 29px;
	color: #f18c36;
	text-align: center;
}
.fenxi{
	margin-top: 30px;
    display: flex;
}
.fenxi .f1{
	display: block;
    width: 500px;
    background: #004ea2;
    padding: 17px 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    z-index: 1;
}
.fenxi .f2{
	display: block;
    width: 500px;
    background: #f18c36;
    padding: 17px 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    position: relative;
    z-index: 1;
}
.f1 a:link {
	color: #f18c36;
	font-size: xx-large;
}
.f2 a:link {
	color: #004ea2;
	font-size: xx-large;
}
.f2 a:visited {
	color: #004ea2;
	font-size: xx-large;
}
.f1 a:visited {
	color: #f18c36;
	font-size: xx-large;
}
.f2 a:hover {
	text-decoration: none;
	color: #ffffff;
}
.f1 a:hover {
	text-decoration: none;
	color: #ffffff;
}
.fenxi .f3 {
	display: block;
	width: 1000px;
	background: #f18c36;
	padding: 17px 72px;
	color: #ffffff;
	font-size: 16px;
	line-height: 28px;
	position: relative;
	z-index: 1;
}
/**ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.xiangxi {
	display: grid;
}
.xiangxi1,.xiangxi2,.xiangxi3,.xiangxi4,.xiangxi5{
	margin-top:20px;
}
.zq1_w li {
	font-size: 16px;
	height: 31px;
	line-height: 31px;
	background: url(/style/images/gou.png) no-repeat 0 9px;
	padding-left: 34px;
}
.zq1_w h3{
	color: #f18c36;
    font-size: 36px;
    line-height: 20px;
    padding-top: 70px;
    padding-left: 83px;
}
.zq1_w ul {
	margin-top: 77px;
}
.zq1_p img{
	    width: 487px;
}
/**ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½-end*/
/**ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.ct2-mn {
	position: relative;
    float: right;
    width: 800px;
    display: grid;
}
#ct2-mn1 {
	position: relative;
    float: right;
    width: 800px;
    display: flex;
    flex-wrap: wrap;
}
.ct2-mn ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.capian1 {
    width: 747px;
    margin-left: 24px;
}
.capian2 {
    width: 321px;
    margin: 0 15px 0 23px;
}
.capian3 {
    width: 321px;
    margin: 0 0 0 90px;
}

.clearfix {
    zoom: 1;
}
.section-title-1, .section-title-2, .section-title-3 {
	text-align: center;
	font-size: 48px;
}
.section-title p {
    margin: 0;
    font-size: 0;
    position: relative;
}
.section-title p:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #eee;
}
.section-title span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 30px;
}
.section-title span:before {
	position: absolute;
    left: -17px;
    top: 71%;
    content: '';
    width: 116%;
    height: 6px;
    background-color: #0890e1;
}
.section-title i {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	font-style: normal;
	background-color: #fff;
	padding: 0 15px;
}
.section-title small {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #999;
}
.section-title-1 i {
	font-size: 28px;
	margin: 40px 0 5px 0;
}
.prd-2 {
	margin-top: -20px;
	margin-left: -20px;
}
.prd-2 li {
	float: left;
	width: 33.333333%;
}
.prd-2 li .wrap {
	text-align: center;
	border: 1px solid #ddd;
	margin: 60px 0 0 20px;
}
.prd-2 li .img-center {
	margin-top: -60px;
}
.prd-2 li .text {
	padding: 8px;
}
.prd-2 li .text h4 {
	margin: 0;
	font-size: 18px;
}
.prd-2 li .text p {
	margin: 15px 0 0;
	line-height: 1.8;
	height: 30px;
	overflow: hidden;
}
.yunu-contact-text {
	margin: 0 0 20px;
	padding: 15px;
	background-color: #FFFFFF;
}
.yunu-contact-text dt {
	text-align: center;
	font-size: 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.yunu-contact-text dd {
	padding: 0px 0px 14px 80px;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    margin: 0px 0px 0px;
    background: no-repeat 0 top;
}
.yunu-contact-text dd.i1 {
	background-image: url(/style/images/c1.png)
}
.yunu-contact-text dd.i2 {
	background-image: url(/style/images/c2.png)
}
.yunu-contact-text dd.i3 {
	background-image: url(/style/images/c3.png)
}
.yunu-contact-text dd.i4 {
	background-image: url(/style/images/c4.png)
}
/**ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½-end*/
/**ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.tab {
	border: groove;
	margin: 30px;
	width: 750px;
	height: 250px;
	color: #607291;
	background-color: #fff;
	overflow: hidden;
}
.tab input{
    display: none;
}
.tab label {
    float: left;
    width: 187.5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background-color: #b6dffa;
    transition: all .3s;
}
.tab label:hover {
    background-color: #fff;
}
.tab label img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}
.tab ul{
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
    clear: both;
    width: 3000px;
    height: 210px;
    transition: all .5s;
}
.tab ul li{
    float: left;
    list-style: none;
    width: 750px;
    height: 210px;
    padding-top: 40px;
}
.tab ul li img{
	margin: 0px 50px;
    float: left;
    width: 130px;
    height: 130px;
    margin-right: 20px;
}
.tab ul li p{
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ö·ï¿½ */
    text-indent: 2em;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä£ï¿½ï¿½ */
    display: -webkit-box;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä£ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ôªï¿½Ø´ï¿½Ö±ï¿½ï¿½ï¿½ï¿½ */
    -webkit-box-orient: vertical;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½cssï¿½Ä±ï¿½×¼ï¿½ï¿½ï¿½ä£¬ï¿½ï¿½Òªï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ò»ï¿½ï¿½Ê¹ï¿½Ã£ï¿½ï¿½ï¿½Ë¼ï¿½ï¿½Ö»ï¿½ï¿½Ê¾ï¿½ï¿½ï¿½ï¿½ */
    -webkit-line-clamp: 3;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
    overflow: hidden;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Øµï¿½ï¿½ï¿½ï¿½Ö³ï¿½ï¿½ï¿½Ê¡ï¿½Ôºï¿½ */
    text-overflow: ellipsis;
    margin-top: 20px;
}
#tab4:checked~ul{
    margin-left: 0;
}

#tab5:checked~ul {
    margin-left: -750px;
}

#tab6:checked~ul {
    margin-left: -1500px;
}

#tab7:checked~ul {
    margin-left: -2250px;
}

#tab4:checked~label[for="tab4"]{
    background-color: #fff;
}

#tab5:checked~label[for="tab5"] {
    background-color: #fff;
}

#tab6:checked~label[for="tab6"] {
    background-color: #fff;
}

#tab7:checked~label[for="tab7"] {
    background-color: #fff;
}

/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½-end*/
/*Ã³ï¿½ï¿½Í¨*/
.tab-1 {
	margin: 40px 0;
	width: 1024px;
	height: 400px;
	color: #607291;
	background-color: #fff;
	overflow: hidden;
}
.tab-1 input{
    display: none;
}
.tab-1 label {
    color: aliceblue;
    float: left;
    width: 341.3333px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background-color: #2598e4;
    transition: all .3s;
}
.tab-1 label:hover {
    background-color: #fff;
}
.tab-1 label img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}
.tab-1 ul{
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ */
    clear: both;
    width: 3072px;
    height: 210px;
    transition: all .5s;
}
.tab-1 ul li{
    float: left;
    list-style: none;
    width: 924px;
    height: 210px;
    padding: 40px;
}
.tab-1 ul li img{
    float: left;
    width: 300px;
    height: 300px;
    margin-right: 20px;
}
.tab-1 ul li p{
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ö·ï¿½ */
    text-indent: 2em;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä£ï¿½ï¿½ */
    display: -webkit-box;
    /* ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ä£ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½Ôªï¿½Ø´ï¿½Ö±ï¿½ï¿½ï¿½ï¿½ */
    -webkit-box-orient: vertical;
    margin-top: 56px;
}
#tab1:checked~ul{
    margin-left: 0;
}

#tab2:checked~ul {
    margin-left: -1024px;
}

#tab3:checked~ul {
    margin-left: -2048px;
}

#tab1:checked~label[for="tab1"]{
    background-color: #f18c36;
}

#tab2:checked~label[for="tab2"] {
    background-color: #f18c36;
}

#tab3:checked~label[for="tab3"] {
    background-color: #f18c36;
}
/*Ã³ï¿½ï¿½Í¨-end*/
/*ï¿½ï¿½ï¿½ï¿½Í¼Æ¬*/
#cntrBody img {
	border-radius: 18px;
	clear: both;
	display: block;
	margin: auto;
	width: 600px !important;
	height: auto !important;
}
/*ï¿½ï¿½ï¿½ï¿½Í¼Æ¬-end*/
/*404Ò³ï¿½ï¿½*/
.w3 ul, label {
	margin: 0;
	padding: 0;
}
body a:hover,body a{
	text-decoration:none;
}
/*-- main --*/
.main-404 {
	font-size: 100%;
	font-family: 'Montserrat', sans-serif;
	background: url(http://tradepower.net/style/images/back-banner.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	background-attachment: fixed;
	position: relative;
}

input[type="submit"],a{
	transition:.5s ease-in;
	-webkit-transition:.5s ease-in;
	-moz-transition:.5s ease-in;
	-o-transition:.5s ease-in;
	-ms-transition:.5s ease-in;
}
.main-404 .find {
	margin-block-end: 0;
	margin-block-start: 0;
	text-align: center;
	color: #fff;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
canvas#myCanvas {
    width: 100%;
}
.agileinfo_404_main {
	display: inline-grid;
	position: relative;
	width: 100%;
}
.w3_agile_main{
	text-align:center;
}
.w3_agile_main h2{
	font-size:1.5em;
	color:#fff;
}
.agile_404{
	position:relative;
}
.w3_agile_main h3{
	font-size:8em;
	color:#fff;
	font-family: 'Alfa Slab One', cursive;
}
.w3_agile_main h3 span{
	color:#f3a02f;
}
.agile_404_pos{
	position: absolute;
    top: -25.5%;
    left: 39%;
}
.w3_agile_main p{
	font-size: 14px;
    color: #fff;
    text-transform: capitalize;
}
/*-- main --*/
.agileits_w3layouts_nav {
	width: 64%;
	margin: 2em auto 1em;
}
.w3_agileits_nav_left {
	float: left;
	margin: -25.1px 0 0;
}
.w3_agileits_nav_left ul li{
	display:inline-block;
	margin:0 1em;
}
.w3_agileits_nav_left ul li a{
	font-size:1em;
	color:#fff;
	text-decoration:none;
}
.w3_agileits_nav_left ul li a:hover{
	color:#f3a02f;
}
/*404Ò³ï¿½ï¿½-end*/
/*ï¿½ï¿½ï¿½ï¿½*/
.baojia{
	margin:30px 0 20px 0;
}
.baojia span{
	color:#27a4e3;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	display:block;
}
.baojia em{
	color: #aaa;
	font-size: 12px;
	text-align: center;
	display:block;
}
.baojia h1{
	color: #f18c36;
	text-align: center;
}
.baojia table{
    width:762px;
}
.baojia td{
    text-align:center;
	padding: 10px;
	color: #666;
}
.baojia #td1{
	font-size: 18px;
    width: 66.5px;
}
.baojia #td2{
    width:571.5px;
}
#dian:link {
	color: #f18c36;
	font-size:22px
}
#dian:visited {
	color: #f18c36;
	font-size:22px

}
#dian:hover {
	cursor:pointer;
	text-decoration: none;
	color: #27a4e3;
	font-size:24px
}
#ji:link, #ji:visited {
	color: #595757;
	text-decoration: none;
}

#ji:hover {
	cursor: pointer;
	text-decoration: none;
	color: #1897F8;
}
/*ï¿½ï¿½ï¿½ï¿½-end*/
/*ï¿½ï¿½ï¿½ï¿½*/
.zj-bianjiqi {
	position: relative;
	display: grid;
	width: 800px;
	float: left;
}
.main .biaoti {
    width: 800px;
    margin: 0 auto;
    padding-top: 20px;
}
.main .biaoti h1 {
    font-size: 30px;
    color: #051c29;
    text-align: center;
}
.main .biaoti h2 {
    font-size: 14px;
    color: #b6babd;
    margin-top: 5px;
    text-align: center;
}
.main .youshi {
    width: 100%;
    margin-top: 20px;
}
.youshi-img, .youshi-rightï¿½ï¿½.youshi-left, .right-img {
    float: left;
    width: 50%;
}
.youshi-img img, .right-img img {
    width: 100%;
}
.youshi-neirong, .youshi2-neirong {
    background-color: #f4f4f4;
}
.youshi-right, .youshi2 {
    background-color: #f4f4f4;
}
.youshi-right h2 {
    font-size: 23px;
    color: #666;
    margin: 0% 8%;
    text-align: left;
}
.youshi-right h3 {
    font-size: 13px;
    color: #114bab;
    margin: 1% 8%;
    text-align: left;
}
.youshi-right h4 {
    font-size: 11px;
    color: #666666;
    margin: 0% 8%;
    text-align: left;
}
.youshi-right, .youshi-left {
    background-color: #f4f4f4;
    width: 50%;
    float: left;
}
.youshi-left h2 {
    font-size: 23px;
    color: #666666;
    margin: 0% 10%;
    text-align: left;
}
.youshi-left h4 {
    font-size: 11px;
    color: #666;
    margin: 10px 10%;
    text-align: left;
    line-height: 14px;
}
.Process {
    background-image: url(/style/images/liucheng-beijing.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.youshi2, .Process {
    width: 100%;
}
.Process-content, .services-cent {
    width: 800px;
    margin: 0 auto;
}
.Process-content h2 {
    font-size: 30px;
    color: #fff;
    padding: 5% 6%;
}
.icon-content {
	float: left;
	width: 20%;
	padding-bottom: 30px;
}
.icon-content img {
    margin-left: 50%;
    transform: translate(-50%);
}
.icon-content p {
    color: #fff;
    padding-top: 10%;
    text-align: center;
}
.main, .Provide-services {
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
}
.Provide-services {
	padding: 30px 0 ;
}
.services-left h2 {
    font-size: 36px;
    color: #666666;
}
.services-right {
	width: 100%;
}
.services-left, .services-right {
    padding: 3%;
    float: left;
}
.services-right p {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #1a1a1a;
}
.services-right img {
    float: left;
    padding-right: 2%;
    padding-top: 1%;
}
.Join-services {
	margin-top: 35px;
	width: 100%;
}
.Join-right, .Join-left {
    width: 50%;
    margin-top: 3%;
    float: left;
}
.Join-right p {
    height: 38px;
    line-height: 38px;
}
.Join-right img {
    float: left;
    padding-right: 2%;
    padding-top: 1%;
}
.Join-left p {
    height: 38px;
    line-height: 38px;
}
.Join-left img {
    float: left;
    padding-right: 2%;
    padding-top: 1%;
}
/*ï¿½ï¿½ï¿½ï¿½-end*/
/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
.container2 {
	z-index: 1010;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container2{
    display: none;
    background: #fff;
    width: 410px;
    padding: 30px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}


input[type="checkbox"] {
	display: none;
}

.container2 .close-btn{
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 18px;
    cursor: pointer;
}

.container2 .close-btn:hover{
    color: #3498db;
}

.container2 .text{
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}

.container2 form{
    margin-top: -20px;
}

.container2 form .data{
    height: 45px;
    width: 100%;
    margin: 40px 0;
}

form .data input{
    font-size: 18px;
}

form .data input{
    height: 100%;
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    border: 1px solid silver;
}

form .data textarea {
    height: 100%;
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    border: 1px solid silver;
}

form .data input:focus{
    border-color: #3498db;
    border-bottom-width: 20px;
}

form .btn{
    margin: 30px 0;
    height: 45px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

form .btn .inner{
    height: 100%;
    width: 300%;
    position: absolute;
    left: -100%;
    z-index: -1;
    background: -webkit-linear-gradient(right, #56d8e4, #9f01ea);
    transition: all .4s;
}

form .btn:hover .inner{
    left: 0;
}

form .btn .coolbg{
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}
/*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½-end*/
/*cnzzÍ³ï¿½ï¿½ï¿½ï¿½Ê½*/
#cnzz_stat_icon_1279875906{
	text-align: center;
    display: block;
}

/*index-yewu*/
.index-yewu {
	padding: 60px 0 40px 0;
	height: 230px;
}
.index-yewu .box {
	width: 33.3%;
	float: left;
	text-align: center;
	margin-top: 0px;
}
.index-yewu .box a {
	display: block;
	padding-top: 135px;
	background-position: center top;
	background-repeat: no-repeat;
	color: #A0A0A0;
}
.index-yewu .box a h4 {
	color: #555;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
}
.index-yewu a p {
	padding: 0 20px;
}
.index-yewu .a a {
	background-image: url(../images/yewu1.png);
}
.index-yewu .b a {
	background-image: url(../images/yewu2.png);
}
.index-yewu .c a {
	background-image: url(../images/yewu3.png);
}
.index-yewu .d a {
	background-image: url(../images/yewu4.png);
}
.index-yewu a:hover {
	transform: scale(0.88);
	-webkit-transform: scale(0.88);
	-moz-transform: scale(0.88);
	-o-transform: scale(0.88);
}
.index-yewu a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.index-yewu .a:hover h4 {
	color: #72bb38
}
.index-yewu .b:hover h4 {
	color: #3fbff0
}
.index-yewu .c:hover h4 {
	color: #fa4f4f
}
.index-yewu .d:hover h4 {
	color: #ff7f00
}
.index-yewu .box a:hover p {
	color: #333;
}
.main{width:1200px;margin:0 auto;}



.edge {
	line-height: 24px;
	color: #737373;
	font-family: "Microsoft Yahei";
	padding: 88px 0 66px;
	font-size: 16px;
	position: relative;
	padding: 128px 0 0;
	background: url(../images/edge_line.gif) no-repeat center 232px;
}
.edge h2 {
	position: absolute;
	left: 0;
	top: -64px;
}
.edge h3 {
	height: 97px;
	font-size: 28px;
	color: #235fe3;
	line-height: 38px;
}
.edge h3 em {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-family: Arial;
	font-size: 14px;
	color: #a8a8a8;
	text-transform: uppercase;
	line-height: 17px;
}
.edge li {
	clear: both;
	padding: 0 0 12px 23px;
	background: url(../images/ico01.gif) no-repeat 2px 9px;
}
.edge1 {
	height: 430px;
}
.edge2 {
	height: 273px;
}
.edge3 {
	height: 339px;
}
.edge4 {
	height: 324px;
}
.edge_p1 {
	width: 519px;
}
.edge_w1 {
	width: 520px;
	padding: 46px 0 0;
}
.edge_ico1 {
	top: 39px;
	left: 564px;
}
.edge_p2 {
	width: 539px;
	top: -120px;
	right: 0;
}
.edge_w2 {
	width: 504px;
	/*left: 122px;*/
	top: -0px;
	/*white-space: nowrap;*/
}
.edge_w2 h3, .edge_w4 h3 {
	text-align: right;
}
.edge_ico2 {
	top: -58px;
	left: 564px;
}
.edge_p3 {
	width: 540px;
	left: 5px;
	top: -46px;
}
.edge_w3 {
	width: 520px;
	margin-top:50px;
}
.edge_ico3, .edge_ico4 {
	top: 2px;
	left: 564px;
}
.edge_p4 {
	width: 547px;
	top: -96px;
	right: 0;
}
.edge_w4 {
	width: 502px;
	padding-top: 50px;
	/*padding: 0 0 0 158px;*/
}
.edge_w4 ul {
	margin: 0 0 0 0px;
}
.content{width:1200px;margin:0 auto;margin-top:140px;}
.pr{position: relative;}
.pa{position:absolute;}

.service{
    background: url(../images/serbg.jpg) no-repeat left top;
    height: 700px;
    background-size: 100% 100%;
    object-fit: cover;
    margin-top:80px;
}
.service .tit,.service .tit p{
    color: #fff;
}
.service ul li{
    width: 29%;
    float: left;
    margin-right: 4%;
    padding: 35px 30px;
    box-sizing: border-box;
    background-color:rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    margin-bottom: 29px;
}
.service ul li:nth-child(4n+4){
    margin-right: 0;
}
.service ul li h3{
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: center;
}
.service ul li h3 i{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.service ul li h3 img{
    vertical-align: middle;
}
.service ul li p{
    height: 130px;
    line-height: 24px;
    color: #fff;
    margin-top: 12px;
    overflow: hidden;
    font-size: 16px;
}
/*.service ul li:last-child{
    height: 198px;
    line-height: 135px;
    text-align: center;
    font-size: 22px;
}
.service ul li:last-child a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 100%;
} 
.service ul li:last-child a:hover{
    color: #fff;
}*/
.wid{width:1200px ;margin: 0 auto;}
.tit{
    font-size: 30px;
    color: #333;
    padding: 78px 0px 38px 0px;
    text-align: center;
}
.tit p{
    font-size: 16px;
    margin-top: 12px;
}
.shiyong{width:100%;}

.wmessage_m {padding-left: 90px;}
.lnav1 p {font-size: 14px;margin-left: 15px;}
.lnav1 p span .anniu1 {
    background-color: #d85600;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    height: 30px;
    margin: 2px 16px 0 0;
    width: 285px;}</pre></body></html>