*{margin:0;padding:0;list-style:none;font-weight:normal;text-decoration:none;}
a{cursor:pointer}
input{border:0;vertical-align:middle;font-family:"宋体";}
.clear{clear:both;}
::selection{background:none;}
::-moz-selection { background:none; }
body{background-image:url(imagesbg.png);background-repeat: repeat-x; background-color:#f2f9ff;transform-style:preserve-3d;perspective:1600px;}

.header{ width:1050px; height:106px; background: #567992;margin:auto;}
.header .logo{ width:470px; height: 105px; float: left; }
.header .logo img{width:470px; height: 105px; }
.head-nav{ display: table; float: right;}
.head-nav li{ width: 115px;  height: 105px;float: left; text-align: center; overflow: hidden; border-right: 1px solid #7996ab;}
.head-nav li a{ display: block; width: 100%; height: 100%;}
.head-nav li dl dt{ width: 115px; height: 70px;}
.head-nav li dl dt p{ display: block; width: 47px; height: 33px; overflow: hidden; position: relative; top:23px;left: 50%;  margin-left: -23px;}
.head-nav li dl dt p img{position: absolute; top: 0; left:0;width: 47px; height: 33px;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;}
.head-nav li dl dt p span{ position: absolute; top: 0; left:50px;-webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;}
.head-nav li.nav-on dl dt p img{left:-50px;}
.head-nav li.nav-on dl dt p span{left:50px;}
.head-nav li.nav-on dl dd{color: #ffae11;}
.head-nav li:hover dl dt p img{ left:-50px;}
.head-nav li:hover dl dt p span{left:50px;}
.head-nav li dl dd{ font-size: 14px; color: #ffffff;}
.head-nav li:hover dd{ color: #ffae11;}

.head-top{ width:1050px; display: table; border-bottom: 1px solid #dbe2e6; background: #ebf0f3; padding: 12px 15px;margin:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.re-home{ display: block; float:left; width: 75px; height:30px; line-height:30px; background: url(imagesreturn.png) no-repeat left center; padding: 0 15px;  text-align: center; font-size: 12px; color: #61849e;}
.head-form{ float:left;}
.head-form .h-txt{ float: left; width: 234px; height: 30px; border: 1px solid #cbd5dd; border-right: 0; color: #b9c4cd; background: url(imagessearch.png) no-repeat 10px center; padding-left:40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.h-btn{float: left; width:68px; height: 30px; font-size: 12px; color: #ffffff; letter-spacing: 5px; text-align: center; background: #61849e;  cursor: pointer;}
.time-right{ display: table; float: right; height: 30px; line-height: 30px;}
.time-right p{ font-size: 12px; color:#61849e; float: left;}


.ting_box{width:1050px;height:694px;margin:10px auto;position:relative;perspective:1600px;transform-style: preserve-3d;overflow:hidden;}
.ting_bg{width: 1050px;height:694px;background-image:url(imagesting.png);position: absolute;top:0;left:0;animation:ting_bg 1s linear;}
.unit_box{width:171px;height:20px;position:absolute;left:428px;top:268px;overflow: hidden;}
.unit{width:171px;height:20px;background-image:url(imagesunit.png);background-position: center;background-repeat: no-repeat;display: block;position: absolute;left:0; animation:unit 1.5s linear;}
.people{width:222px;height:595px;position: absolute;top:95px;left:20px;animation:people 1.5s ease;display:none;}
.fuzzy{-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);transition:1s all linear;}
/*欢迎*/
.welcome_box{width:470px;height:273px;position: absolute;top:140px;left:310px;animation:welcome 1s ease;display:none;}
.welcome_box h1{width:307px; display: block;font-family: "微软雅黑";font-size:18px;line-height:30px;color: white;margin:40px auto 30px auto;}
.enter_btn{width:280px;height:40px;border-radius:3px;background:#ff9900;margin:20px auto;position: relative;overflow: hidden;}
.enter_bg{width:0%;height:100%;margin:auto;background:#fda92b;border-radius:50%;}
.enter_btn a{text-decoration:none;font-family: "微软雅黑";font-size:16px;text-align: center;line-height:40px;color:white;display: block;position: absolute;width:100%;cursor:pointer}
.enter_btn:hover .enter_bg{width:140%;transition: all .5s ease;border-radius:0px;}

/*栏目*/
.column_box{width:580px;height:382px;position: absolute;left:280px;top:200px;animation:column_box 1s ease;display:none;}
.column_bg,.column_txt{width:100%;height:100%;display: block;top:0;left:0;position: absolute;}
.column_txt h2{text-align: center;font-size:16px;color:white;font-family: "微软雅黑";margin-top:83px;}
.column:nth-of-type(1){width:190px;height:124px;position: absolute;top: 0;left: 0;}
.column:nth-of-type(2){width:190px;height:124px;position: absolute;top: 0;left: 195px;}
.column:nth-of-type(3){width:190px;height:124px;position: absolute;top: 129px;left: 0;}
.column:nth-of-type(4){width:190px;height:124px;position: absolute;top: 129px;left: 195px;}
.column:nth-of-type(5){width:190px;height:253px;position: absolute;top: 0;left: 390px;}
.column:nth-of-type(6){width:385px;height:124px;position: absolute;top: 258px;left: 0;}
.column:nth-of-type(7){width:190px;height:124px;position: absolute;top: 258px;left: 390px;}
.column:hover .column_bg{transform:scale(0.97);transition:0.2s all ease;border-radius:3px;}

/*类别*/
.category_box{width:550px;height:380px;background-color:rgba(255,255,255,.65);border:white solid 3px;position: absolute;top:145px;left:280px;animation:category_box 1s ease;display:none;}
.category_box h1{font-family: "微软雅黑";font-size:20px;color:#ff7e00;margin:48px 48px 10px 48px;}
.circleProgress_wrapper{ width:130px; height:130px; margin:30px 15px; position: relative;float: left;cursor:pointer;}
.category{width:130px;height:130px;position:absolute;top:0;background-color:#da9206;border-radius:50%;transition:all 0.2s ease;}
.circleProgress_wrapper a{display:block;width:130px;height:130px;position:absolute;top:0;border-radius:50%;}
.circleProgress_wrapper a h3{text-align:center;font-family: "微软雅黑";font-size:14px;color:white;display: block;margin-top:82px;}
.wrapper{ width:65px; height:130px; position: absolute; top:0; overflow: hidden; } 
.right{ right:0;} 
.left{ left:0;}
.circleProgress{ width:122px; height:122px; border:4px solid transparent; border-radius: 50%; position: absolute; top:0; -webkit-transform: rotate(225deg);  } 
.rightcircle{border-top:4px solid #da9206;border-right:4px solid #da9206;right:0;}
.leftcircle{border-bottom:4px solid #da9206;border-left:4px solid #da9206;left:0;}
.circleProgress_wrapper:hover .rightcircle{-webkit-animation: circleProgressLoad_right 0.5s ease;-webkit-transform: rotate(45deg);}
.circleProgress_wrapper:hover .leftcircle{-webkit-animation: circleProgressLoad_left 0.5s ease;-webkit-transform: rotate(45deg);} 
.circleProgress_wrapper:hover .category{transform:scale(0.9);}
.Return_hall{width:78px;height:26px;border:#0bb32a 1px solid;font-family: "微软雅黑";line-height:26px;text-align: center;color:#0bb32a;margin:30px 0 0 410px; font-size:12px;display: block;border-radius:3px;}
.Return_hall:hover{background-color:#0bb32a;color:#fff;}

/*服务*/
.circleProgress_wrapper_m{ width:100px; height:100px; margin:15px 38px 10px 38px; position: relative;float: left;cursor:pointer;}
.category_m{width:100px;height:100px;position:absolute;top:0;background-color:#da9206;border-radius:50%;transition:all 0.2s ease;}
.circleProgress_wrapper_m a{display:block;width:100px;height:100px;position:absolute;top:0;border-radius:50%;}
.circleProgress_wrapper_m a h3{text-align:center;font-family: "微软雅黑";font-size:12px;color:white;display: block;margin-top:62px;}
.wrapper_m{ width:50px; height:100px; position: absolute; top:0; overflow: hidden; } 
.right_m{ right:0;} 
.left_m{ left:0;}
.circleProgress_m{ width:92px; height:92px; border:4px solid transparent; border-radius: 50%; position: absolute; top:0; -webkit-transform: rotate(225deg);  } 
.rightcircle_m{border-top:4px solid #da9206;border-right:4px solid #da9206;right:0;}
.leftcircle_m{border-bottom:4px solid #da9206;border-left:4px solid #da9206;left:0;}
.circleProgress_wrapper_m:hover .rightcircle_m{-webkit-animation: circleProgressLoad_right 0.5s ease;-webkit-transform: rotate(45deg);}
.circleProgress_wrapper_m:hover .leftcircle_m{-webkit-animation: circleProgressLoad_left 0.5s ease;-webkit-transform: rotate(45deg);} 
.circleProgress_wrapper_m:hover .category_m{transform:scale(0.88);}

.service_bigbox{width:550px;height:551px;background-color:rgba(255,255,255,.7);position: absolute;top:65px;left:272px;border:4px white solid;animation:service_bigbox 0.8s ease;display:none;}
.service_bigbox h1{font-size:16px;font-family: "微软雅黑";color: #ff7e00;margin:15px 0 20px 0px;}
.service_box{width:445px;margin:auto;overflow: hidden;}
.service{overflow: hidden;margin-bottom:8px;background-color:#0495b4;}
.service>a{color:white;font-size:12px;font-weight:bold;padding:12px 0 12px 25px;display: block;}
.service_child{width:346px;border-top:rgba(255,255,255,.5) 1px solid;margin:0 auto 5px auto;overflow:hidden;}
.service_child li:nth-of-type(1){margin-top:5px;}
.service_child li a{font-size:12px;color:white;line-height:18px;}
.service:hover{background-color:#da532d;}
.service_child li a:hover{color:#ffdebd;}
.branch{padding-top:10px;}
.branch li{width:86px;float: left;}
.branch li a{line-height:30px;}
.branch li:nth-of-type(1){margin-top:0px;}
.return_pr{width:82px;height:18px;display:block;position:absolute;left:54px;margin:0;top:498px;background-image:url(imagesreturn01.png);}
.return_pr:hover{background-image:url(imagesreturn02.png);cursor:pointer;}

/*服务途径*/
.content_box{width:1050px;background-color:white;margin:10px auto;overflow:hidden;padding-bottom:50px;}
.way_txt{width:862px;margin:30px auto;}
.way_txt h1{color:393939;font-size:16px;font-family:"微软雅黑";}
.way_txt p{line-height:32px;font-size:14px;color:#676767;margin-top:20px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*服务说明*/
.instr_box{width:1050px;margin:10px auto;background-color:white;overflow: hidden;}
.instr_infor{width:1010px;height:230px;margin:20px;border:#ebebeb 1px solid;}
.instr_infor h2{font-family:"微软雅黑";font-size:16px;margin-top:20px;margin-left:20px;}
.instr_infor ul{margin-left:20px;}
.instr_infor ul li{float:left;width:242px;color:#676767;font-size:12px;margin-top:25px;}
.instr_infor ul li:last-child{width:970px;line-height:28px;}
.instr_cond{width:1010px;margin:auto;}
.instr_cond h1{background-image:url(../images/instr_title.png);line-height:30px;font-size:12px;font-weight:bold;color:#567992;padding-left:30px;}
.instr_cond p{width:950px;display:block;color:#676767;font-size:12px;line-height:32px;margin:20px auto;}


.gs_video_box,#gs_works_box{width:100%;height:607px;overflow: hidden;position: relative;z-index:1000;}
.gs_video_box{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;}
.gs_video_box video{width:700px;height:450px;margin:100px auto;display: block;background:black;position:relative;}
.play_btn{position: absolute;width:48px;height:48px;background-image:url(imagesplay.png);background-size:100% 100%; top:270px;left:655px;opacity:.7;transform:rotateY(0deg);z-index:100;}
.play_btn:hover{opacity:1;cursor: pointer;}
.wsgh{width:90px;height:101px;background:url(imagesghg1.png) center no-repeat;position: absolute;top:250px;left:585px;}
.wsgh:hover{background:url(imagesghg.png) center no-repeat;}
.skgz{width:119px;height:123px;background:url(imagesskgz1.png) center no-repeat;position: absolute;top:241px;left:709px;}
.skgz:hover{background:url(imagesskgz.png) center no-repeat;}


@keyframes ting_bg{
				0%{transform:translateZ(500px);}
				100%{transform:translateZ(0px);}
			}

@keyframes unit{
				0%{left:171px;}
				100%{left:0;}
			}
			
@keyframes people{
				0%{transform:scale(0.5);opacity:0;left:200px}
				100%{transform:scale(1);opacity:1;left:20px}
			}
			
@keyframes welcome{
				0%{transform:translateY(50px);opacity:0;}
				100%{transform:translateY(0px);opacity:1;}
			}
			
@keyframes column_box{
				0%{transform:scale(0.5);opacity:0;}
				100%{transform:scale(1);opacity:1;}
			}
			
@-webkit-keyframes circleProgressLoad_right{
				0%{-webkit-transform: rotate(225deg);} 
				100%{-webkit-transform: rotate(45deg);}
			}
			   
@-webkit-keyframes circleProgressLoad_left{
				0%{-webkit-transform: rotate(225deg);} 
				100%{ -webkit-transform: rotate(45deg);}
			}
			
@-webkit-keyframes circleProgressLoad_right1{
				0%{-webkit-transform: rotate(45deg);} 
				100%{-webkit-transform: rotate(225deg);}
			}
			   
@-webkit-keyframes circleProgressLoad_left1{
				0%{-webkit-transform: rotate(45deg);} 
				100%{ -webkit-transform: rotate(225deg);}
			}
			
@keyframes category_box{
				0%{transform:scale(0.5);opacity:0;}
				100%{transform:scale(1);opacity:1;}
			}
			
@keyframes service_bigbox{
				0%{transform:translateY(-50px);opacity:0;}
				100%{transform:translateY(0px);opacity:1;}
			}
			
@keyframes gh_people{
				0%{transform:translateX(-50px);}
				100%{transform:translateX(0px);}
			}
			
#skgz,#swzlg,#ghsp,#ghsjzp{width:160px;height:130px;position:absolute;right:117px;top:240px;}
#skgz img,#swzlg img,#ghsp img,#ghsjzp img{border:#000000 1px solid;display:block;}
#skgz h4,#swzlg  h4,#ghsp  h4,#ghsjzp  h4{font-size:16px;color:white; text-align:center;font-family:"微软雅黑";border:#565654 1px solid;width:100%;line-height:34px;background:rgba(0,0,0,.4);}
#skgz{right:661px;}
#ghsp{right:297px;}
#ghsjzp{right:479px;}
#ghsp:hover img,#ghsjzp:hover img,#swzlg:hover img,#skgz:hover img{border:#ff6600 1px solid}
#ghsp:hover h4,#ghsjzp:hover h4,#swzlg:hover h4,#skgz:hover h4{color:#ff6600}

#gs_works_box{width:100%;height:100%;background:rgba(0,0,0,.8);position:absolute;top:0;}
#gs_works_swi{cursor:pointer;}
#works_left{width:46px;height:46px;position:absolute;top:320px;left:10px;opacity:.6;}
#works_right{width:46px;height:46px;position:absolute;top:320px;right:10px;opacity:.6;}
#works_left:hover,#works_right:hover{opacity:1;}
#ckyt{width:82px;height:18px;background:url(imagesckyt.png);position:absolute;top:20px;right:70px;}
#img_box{width:100%;height:100%;}
#img_box img{display:block;position: absolute;left:50%;top:50%;max-width:800px;max-height:450px;}
.im_txt{width:100%;color:#fff;position: absolute;bottom:20px;}
.im_txt h1{font-size:16px;text-align: center;font-weight:bold;line-height:50px;}
.im_txt p{font-size:12px;text-align: center;}

#gh_people{width:146px;height:450px;position:absolute;left:44px;bottom:0;animation:gh_people .5s linear;}