*{margin:0px;padding:0px;}
ul{list-style:none;}
a{text-decoration:none}
body{font-size:13px;font-family:"微软雅黑", Arial;color:#383838}
.mt1{position:relative ;width:110px;float:left;font-size:16px;
	text-align:center;color:#555555;}
.mt1>a:hover{font-weight:bold;border-bottom:2px solid #555555;}
.mb1{display:none;background:#eafaff;width:850px;height:250px;font-size:0.8em;z-index:100;position:relative;top:3px;margin-left:-450px;}
ul.mb1>li{border-bottom:1px solid #65899a;width:90%;margin:5px auto;line-height:30px;}
.mb1-1{width:130px;height:150px;float:left;margin-left:30px;position:relative;top:50px;}
.mb1-2{width:100px;height:100px;margin:0 auto;margin-bottom:20px;margin-top:5px;}
.mb1-1:hover {border:1px solid #c0c0c0;}
.mt1:hover #menu1{display:block;}
.mt1:hover .mb1{display:block;}
.mb1>li:hover {background:#EED8AE}
a:link{color:#383838}
a:visited{color:#383838}
#header{width:1300px; height:90px; margin:0 auto;position:relative;}
	#header1_1{ width:200px;height:20px;margin-left:400px;margin-top:20px;}
	#header3_1{ width:780px;height:20px;margin-top:20px;}
	#header3{ width:800px;height:90px;float:left;}
    #header21{width:400px;height:90px;padding-left:65px ;float:left;}
	#header211{width:130px;height:60px;float:left;margin-top:15px;}
	#header212{width:260px;height:60px;line-height:60px;float:left;font-size:11px;color:#63b8ff;font-family:华文行楷;margin-top:15px;}
#main-top{width:1300px; height:118px; margin:0 auto;position:relative;}
#main1{width:1300px;height:650px;overflow:hidden;padding-top:5px;position:relative;margin:0 auto;background:url(../image/main-bg-1.jpg)no-repeat center;}
#main1-1{font-size:26px;color:#ffffff;margin-top:150px;text-align:center;}
#main1-2{height:60px;font-size:50px;color:#ffffff;margin-top:20px;text-align:center;transition:font-size 1.5s;}
#main1-3{height:60px;font-size:26px;color:#ffffff;margin-top:30px;text-align:center;transition:font-size 1.5s;}
#main1:hover #main1-3{font-size:50px;}
#main1:hover #main1-2{font-size:26px;}
#main1-6{font-size:20px;color:#ffffff;border:1px solid #ffffff;margin-left:580px;margin-top:100px;width:150px;height:50px;text-align:center;background:transparent;cursor:pointer;}
#main1-6:hover{background:#ffffff;color:#8080ff;}
#main1-8{margin-left:460px;background:#d6d6d6;color:#333333;margin-top:20px;width:150px;height:50px;font-size:20px;border-style: none;cursor:pointer;}
#main1-8:hover{background:#009ACD;color:#ffffff;}
#main2{width:1300px;height:650px;overflow:hidden;padding-top:5px;position:relative;margin:0 auto;}
.main2-1{font-size:30px;color:#1a1a1a;margin-top:130px;margin-left:130px;padding-top:20px;}
.main2-2{font-size:14px;color:#666666;margin-top:50px;margin-left:130px;width:480px;heigh:350px;white-space: pre-wrap;word-wrap: break-word;line-height:33px;}
#main5{width:1300px;height:650px;overflow:hidden;padding-top:5px;position:relative;margin:0 auto;background:url(../image/main-bg-2.jpg)no-repeat center;}
#main5-pic{width:600px;height:648px;float:right;position:relative;}
#main3{width:1300px; height:600px;margin:0 auto;}
#main31{font-size:1.8em;padding-top:20px;width:100%;}
#main311{margin-left:60px;font-size:0.9em;color:#555555;border-bottom:3px solid #ff6c00;line-height:30px;display:inline-block;width:160px;}       
#main312{margin-left:25%;font-size:0.9em;color:#555555;border-bottom:3px solid #ff6c00;line-height:30px;display:inline-block;width:160px;}
#main3-3{width:700px;height:600px;float:left;}
#main3-6{width:610px;height:280px;transition:background 2s;}
#main3:hover #main3-6{background:#d6d6d6;}
#main3-pic{transition:all 1s;}
#main3-pic:hover {width:120%;height:120%}
#main10{width:1300px; height:700px;margin:0 auto;}
#main101{font-size:1.8em;padding-top:20px;width:100%;}  
#main1011{margin-left:60px;font-size:0.9em;color:#555555;border-bottom:3px solid #ff6c00;line-height:30px;width:160px;}  
#main102{width:1160px;float:left;margin-left:80px;font-size:1.3em;line-height:25px;margin-top:10px;} 
.art1026{width:1130px;height:130px;border-bottom:1px solid #ca9c51;}
.art1021{font-size:1em;line-height:1.5em;margin-top:10px;}
.art1022{width:200px;height:100px;display:inline-block;overflow:hidden;line-height:100px;text-align:left;font-size:22px;font-weight:bold;color:#ca9c51;}
.art1023{display:inline-block;width:900px;height:80px;padding-top:10px;vertical-align:top;font-size:0.9em;line-height:1.5em;overflow:hidden;color:#ff8040;white-space: pre-wrap;word-wrap: break-word;}
.art1{width:30%;height:100px;display:inline-block;overflow:hidden;line-height:100px;color:#CDAF95;}
.art1 img{width:100%;height:100%;transition:all 0.5s;}
.art1 img:hover{width:120%;height:120%;}
.art2{display:inline-block;width:65%;height:80px;padding-top:10px;vertical-align:top;font-size:0.9em;line-height:1.5em;overflow:hidden;color:#CDAF95;white-space: pre-wrap;word-wrap: break-word;}
.art3{font-size:1em;line-height:1.5em;margin-top:10px}
#more1{margin-left:10%;font-size:0.68em;}
#more2{margin-left:10%;font-size:0.68em;}
.morearticle{width:1300px;margin-top:30px;margin:0 auto;margin-bottom:100px;}
.morearticle1{width:1160px;height:1080px;margin:0 auto;}
.morearticle11{width:1160px;height:200px;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;}
.morearticle12{width:200px;height:100px;float:left;padding-top:50px;line-height:100px;font-size:22px;color:#626262;}
.morearticle13{width:900px;height:100px;float:left;padding-top:50px;margin-left:20px;}
.morearticle15{width:900px;height:35px;font-size:22px;line-height:35px;color:#626262;overflow:hide;}
.morearticle15 a:hover{color:#ac9f62;}
.morearticle16{width:900px;height:80px;white-space: pre-wrap;word-wrap: break-word;color:#626262;font-size:16px;line-height:30px;overflow:hide;padding-top:6px;}
#main32{width:40%;height:70%;float:left;margin-left:10%;font-size:1.3em;line-height:25px;margin-top:10px} 
#main34{width:40%;height:70%;float:right;margin-left:20px;font-size:1.3em;line-height:25px;margin-top:10px}
#main6{width:1300px;height:650px;overflow:hidden;margin-top:5px;margin-bottom:5px;margin:0 auto;background:url(../image/main-bg-8.jpg)no-repeat center;transition:background 2s;}
#main6:hover {background:url(../image/client.jpg)no-repeat center;}
.movingpic{width:250px;height:250px;float:left;margin-left:50px;}
.movingpicshow{width:400px;height:400px;display:none;box-shadow:-10px -10px #FFEC8B}
.btn10{margin-left:80%;width:100px;height:36px;font-size:26px;border:none;background:white;}
#footer{width:1300px; height:130px; background:#303030;margin:0 auto;line-height:20px;color:#b8a289;}
#footer1{float:left;width:500px;height:90px;margin-left:100px;font-size:14px;text-align:left;padding-top:10px;}
#footer2{float:left;width:200px;height:100px;margin-left:80px;font-size:14px;text-align:left;padding-top:10px;}
#footer3{float:left;width:200px;height:100px;margin-left:80px;font-size:14px;text-align:left;padding-top:10px;}
#footer8{float:left;width:500px;height:90px;margin-left:80px;font-size:14px;text-align:left;padding-top:10px;}
#footer6{width:1300px;float:left;text-align:center;}
#footer6 a{color:#36c6d6;}
#article{width:1300px;height:100px;margin:0 auto;}
#article1{text-align:center;padding-top:30px}
#article2{font-size:26px;color:#555555;margin-bottom:10px;}
#article3{font-size:13px;color:#999999;}
#article6{margin-left:780px;;margin-bottom:10px;padding-top:50px;}
.article61{width:130px;height:30px;border-radius:10px;border:none;margin-right:30px;cursor:pointer;font-size:16px;background:#99cc00;}
.article61:hover{background:#ffa800;color:#ffffff;}
.article60{background:#ffa800;color:#ffffff;}
#artcontent{width:1300px;margin:0 auto;min-height:600px;margin-bottom:50px;margin-top:30px;}
#artcontent2{background:url(../image/article.jpg) repeat-y;width:1000px;min-height:600px;margin:0 auto;}
#artcontent3{padding-top:50px;padding-left:50px;padding-right:50px;line-height:28px;font-size:14px;color:#333333;}
#artcontent3 a:link{color:#0080ff;}
#artcontent3 a:visited{color:#0080ff;}
.intro1{width:1300px;height:500px;padding-top:10px;overflow:hidden;margin:0 auto; }
.pre1{white-space: pre-wrap;word-wrap: break-word;margin-top:6px;}
.pre3{width:500px;font-size:14px;line-height:26px;margin-left:15px;}
#design1{width:1300px;height:600px;background:#f2f2f2;margin:0 auto;position:relative;}
#design11{width:500px;height:460px;position:absolute;left:160px;
animation:design6up 1s;animation-fill-mode: forwards;-webkit-animation:design1up 1s forwards; /*Safari and Chrome*/}
#design16{margin-top:40px;font-size:100px;transition:font-size 1.5s;color:#83a7c5;}
#design13{font-size:60px;transition:font-size 1s;color:#83a7c5;}
#design18{width:100px;height:100px;transition:width 1s,height 1s;margin-top:10px;}
#design19{font-size:20px;color:#83a7c5;margin-top:20px;transition:margin-top 1s;}
#design1:hover #design16{font-size:50px;}
#design1:hover #design13{font-size:40px;}
#design1:hover #design18{width:130px;height:130px;}
#design1:hover #design19{margin-top:60px;}
#design12{width:650px;height:600px;position:absolute;left:600px;
animation:design1up 1.5s;animation-fill-mode: forwards;-webkit-animation:design1up 1.5s forwards; /*Safari and Chrome*/}
#design2{width:1300px;height:460px;margin:0 auto;position:relative;}
#design21{width:639px;height:460px;position:absolute;left:0px;}
.design211{animation:design1up 1s;animation-fill-mode: forwards;-webkit-animation:design1up 1s forwards; /*Safari and Chrome*/}
#design22{width:639px;height:460px;position:absolute;left:650px;}
.design221{animation:design1up 1.5s;animation-fill-mode: forwards;-webkit-animation:design1up 1s forwards; /*Safari and Chrome*/}
#design3{width:1300px;height:600px;margin:0 auto;position:relative;}
#design31{width:1300px;height:600px;position:absolute;left:0px;}
.design31{animation:design1up 1s;animation-fill-mode: forwards;-webkit-animation:design1up 1s forwards; /*Safari and Chrome*/}
#design6{width:1300px;height:600px;margin:0 auto;position:relative;}
#design61{width:1300px;height:600px;position:absolute;left:0px;}
.design61{animation:design1up 1s;animation-fill-mode: forwards;-webkit-animation:design1up 1s forwards; /*Safari and Chrome*/}
#office1{width:1300px;height:460px;margin:0 auto;position:relative;}
#office11{position:absolute;left:0px;
animation:office1left 1s;animation-fill-mode: forwards;-webkit-animation:office1left 1s forwards; /*Safari and Chrome*/}
#office12{font-size:30px;color:#eaf8e0;z-index:3;position:absolute;left:200px;top:30px;}
#office2{width:1300px;height:680px;margin:0 auto;position:relative;}
.office21{width:230px;height:260px;border:1px solid #a8dfde;margin-left:70px;float:left;margin-top:50px;}
.office22{width:130px;height:130px;padding-left:50px;padding-top:30px;}
.office21 p{font-size:16px;text-align:center;margin-top:20px;}
.office23{border:1px solid #afdda2;background:#dbdadc;transition:background 0.5s;}
.office261{position:relative;animation:office2right 1s;animation-fill-mode: forwards;-webkit-animation:office2right 1s forwards; /*Safari and Chrome*/}
.office281{position:relative;animation:office2right 1.8s;animation-fill-mode: forwards;-webkit-animation:office2right 1s forwards; /*Safari and Chrome*/}
#office3{width:1300px;height:610px;margin:0 auto;position:relative;}
.office31{position:relative;animation:office3up 1s;animation-fill-mode: forwards;-webkit-animation:office3up 1s forwards; /*Safari and Chrome*/}
#office33{position:absolute;z-index:3;font-size:40px;left:50px;top:50px;color:#ffffff;}
#office34{position:absolute;z-index:3;font-size:30px;left:200px;top:130px;color:#ffffff;}
#about1{height:500px;width:1300px; margin:0 auto;position:relative;
margin-top:200px;}
#pre2{white-space: pre-wrap;word-wrap: break-word;margin-top:6px;margin-left:180px;width:900px;
font-size:16px;line-height:30px;}
#main20{width:1300px;height:500px;margin:0 auto;background:#707070;color:#ffffff;}
#main20-1{float:left;width:900px;height:500px;}
#main20-2{font-size:26px;margin-left:60px;padding-top:50px;}
#main20-3{font-size:18px;margin-left:110px;padding-top:15px;}
#main20-4{background:#eedc82;width:750px;height:100px;font-size:14px;margin-left:110px;padding-top:30px;line-height:28px;color:#363636;}
#main20-5{font-size:18px;margin-left:110px;padding-top:30px;}
#main20-6{width:750px;height:100px;background:#eedc82;font-size:14px;margin-left:110px;padding-top:30px;line-height:28px;color:#363636;}
#main20-7{float:left;width:300px;height:310px;background:#ffffe0;margin-top:125px;color:#363636;}
#main20-8{font-size:18px;margin-top:10px;margin-left:10px;}


@keyframes design6up
{from {top:600px;} to {top:60px;}}
@keyframes design1up
{from {top:600px;} to {top:0px;}}
@keyframes office1left
{from {left:-1300px;} to {left:0px;}}
@keyframes office2right
{from {left:1300px;} to {left:0px;}}
@keyframes office3up
{from {top:610px;} to {top:0px;}}
@keyframes markting11up
{from {top:560px;} to {top:0px;}}
@keyframes markting21left
{from {left:-366px;} to {left:50px;}}
@keyframes markting22left
{from {left:-366px;} to {left:466px;}}
@keyframes markting23left
{from {left:-366px;} to {left:882px;}}
@keyframes markting31up
{from {top:560px;} to {top:0px;}}
@keyframes markting33up
{from {top:560px;} to {top:300px;}}



@media screen and (max-width:600px){
	
#header{margin-bottom:10px;}
.mt1{font-size:26px;width:130px;}
.mb1{font-size:20px;}	
.main2-1{margin-top:100px;}
.main2-2{font-size:22px;margin-top:5px;}	
.art3{font-size:1.5em;}	
.art2{font-size:1.2em;}		
.art1021{font-size:1.5em;}	
.art1023{font-size:1.2em;}		
.art1026{height:150px;}	
#artcontent3>div>p,h4{font-size:26px;}	
#pre2{font-size:20px;}	
.pre3{font-size:20px;}	
	
}