@charset "utf-8";
/* CSS Document */

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;}

img{border:0px;}
:hover{transition: 0.5s all}
a{text-decoration:none; font-family: "微软雅黑"; color:#555555;}
a:hover{ color:#799d5f; transition:0.4s all;}
.left{float:left;}
.right{float:right;}
body{background:#fff; font-family: "微软雅黑"; font-size: 16px; color: #555555; line-height:36px;}

/* CSS Header */
#header{width:100%; min-width: 1200px; height:auto; overflow: hidden; position: relative; background: #fff; z-index:999;}
.topbar{ width: 100%; height: 100px; background: rgba(255,255,255,0.95); left: 0; top: 0; position: absolute;z-index: 999 }
.topmid{ width: 1200px; height:100px; margin: 0 auto; position: relative;}
.logo{ width:193px; height:172px; float:left;}
.menubox{ width: 920px; height: 100px; float: right; position: relative; }
.banner{ width:1920px; height:380px; background: url(../images/banner.jpg) no-repeat; left: 50%; margin-left: -960px; position:relative;}


/* CSS Footer */
.fcover{ width: 100%; height: 450px; min-width: 1200px; position: relative; margin: 0 auto;}
.footer{width:100%;height:440px; min-width: 1200px;background:#f7f7f7;border-bottom: 10px #8ba17b solid; left: 0; bottom: 0; position: fixed;}
.footer a:hover{ color: #799d5f; }
.ftmid01{ width: 1200px; height:82px; color: #8ba17b; font-size: 14px; line-height:26px; border-radius: 10px; margin: 0 auto; overflow: hidden; }
.ftmid01 li{ width: auto; height:82px; background: #fff; margin-right: 2px; padding-left: 25px; float: left;}
.ftmid01 li span{ font-size: 16px; color: #8ba17b; padding-top: 15px; display: block; }
.ftmid02{ width: 1200px; height:63px; line-height: 50px; text-align: center; padding-top: 31px; margin: 0 auto; overflow: hidden; }
.ftmid02 a{ font-size: 18px; font-weight: bold; color: #555555; margin: 0 25px; transition: 0.4s all}
.ftmid02 a:hover{ color: #8ba17b }
.ftmid03{ width: 1200px; height:47px; line-height:40px; color: #888888; font-size: 14px; text-align: center; margin: 0 auto; overflow: hidden; }
.ftmid04{ width: 1200px; height:56px; line-height:22px; color: #888888; font-size: 12px; text-align: center; margin: 0 auto; overflow: hidden; }
.ftmid05{ width: 340px; height: 40px; margin: 0 auto}

.gotop{ width: 138px; height: 45px; line-height: 45px; color:#fff; font-size: 18px; text-align: center; background: url(../images/top.png) no-repeat; margin: 0 auto; position: relative; z-index: 3;}
.gotop p{ position: relative; z-index: 2 }
.gotop span{width: 138px; height: 45px;background: url(../images/toph.png) no-repeat; left: 0; top: 0; display: block; transform: scale(1,0); transition: 0.6s all; position: absolute; z-index: 1}
.gotop:hover span{transform: scale(1,1);}
/* CSS Main */
#wrap{ width:100%; height:auto; min-width: 1200px; margin: 0 auto; background: #fff;overflow: hidden; position: relative;z-index: 100;}
#main{ width:1200px; height:auto; margin: 0 auto; padding-top: 40px; background: #fff; overflow: hidden; position:relative;z-index: 100;}
.index01{ width:1200px; height:665px; overflow: hidden; margin: 0 auto; position:relative;}
.index02{ width:1200px; height:596px; overflow: hidden; margin: 0 auto; position:relative;}
.index03{ width:1920px; height:164px; background: url(../images/inbanner.jpg) bottom center no-repeat; left: 50%; margin-left: -960px; position:relative;}
.index03_mid{ width: 692px; height:164px; background:url(../images/inbanner_mid.jpg) no-repeat #8ba17b; margin: 0 auto }
.index04{ width:100%; height:778px; background: #eff5e9; margin: 0 auto; position:relative;}
.index04_mid{ width:1200px; height:515px; padding-top: 28px; margin: 0 auto }
.index04 .inmap{ width: 529px; height: 502px; background: url(../images/inmap.jpg) no-repeat;float: left; position: relative;}
.index04 .inmap img{ width: 44px; height: 67px; left: 330px; top: 29px; position: absolute; display: block;animation: pop 1s linear infinite }
@-webkit-keyframes pop{
    0{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(4px);}
    100%{-webkit-transform:translateY(0);}
}
@keyframes pop{
    0{transform:translateY(0);}
    50%{transform:translateY(4px);}
    100%{transform:translateY(0);}
}
.index04 .right{ width: 590px; height: 515px; float: right; }
.index04 .scape{ width: 590px; height: auto; padding-bottom: 14px; padding-top: 4px; overflow: hidden; }
.index04 .scape li{ width:265px; height:98px; line-height: 21px; color: #555555; float: left;}
.index04 .scape li span{ width:88px; height:98px; margin-right: 15px; display: block; float:left;}
.inlx{ width: 584px; height:164px; position: relative; }
.inlxbg{ width:572px; height:152px; background: #dce3d7; left: 0; top: 0; position: absolute; border-radius:8px; z-index: 1}
.inlxtxt{width: 572px; height:152px; background: #8ba17b; right: 0; bottom: 0; position: absolute;border-radius:8px; z-index: 2}
.inlxtxt ul{ width:530px; line-height: 36px; font-size: 14px; color: #fff; padding-top: 21px; margin: 0 auto }
.inlxtxt ul li{ min-width: 204px; float: left; }

.index05{ width:1200px; height:330px; padding-bottom: 48px; overflow: hidden; margin: 0 auto; position:relative;}
.index05 .left{ width: 571px; height: 330px; position: relative; }
.index05 .right{ width: 571px; height: 330px; position: relative; }
.index05 .title05{ width: 100%; height: 70px; line-height: 70px; padding-top: 10px; position: relative; }
.index05 .title05 span{ font-size: 22px; color: #8ba17b; font-weight: bold; float: left; }
.index05 .title05 .more{ font-size: 14px; color: #8ba17b; right: 0; top:12px; position: absolute; }
.index05 .shili{ width: 571px; height: 248px; position: relative; }
.index05 .box01{ width: 253px; height: 248px; background: url(../images/box01.jpg) no-repeat; float: left; position: relative;}
.index05 .box02{ width: 148px; height: 248px; background: url(../images/box02.jpg) no-repeat; float: left;position: relative;}
.index05 .box02_in{ width: 148px; height:124px; position: relative; overflow: hidden;}
.index05 .box02_in span{ width: 148px; height: 60px; padding-top: 5px; color: #fff; line-height:26px; font-size: 15px; text-align: center; top:90px; background: rgba(0,0,0,0.5); left: 0; transition: 0.4s all; position: absolute; }
.index05 .box02_in:hover span{ top:64px; }
.index05 .box02_in a{ color: #fff }
.index05 .box03{ width: 170px; height: 248px; background: url(../images/box03.jpg) no-repeat; overflow: hidden; float: right;position: relative;}
.index05 .box03 span{ width: 170px; height: 60px; padding-top: 5px; color: #fff; line-height:26px; font-size: 15px; text-align: center; top:214px; background: rgba(0,0,0,0.5); left: 0; transition: 0.4s all; position: absolute; }
.index05 .box03:hover span{ top:188px; }
.index05 .box03 a{ color: #fff }

.intitle01{ width: 1200px; height: 150px; line-height: 27px; font-size: 14px; color: #8ba17b; text-align: center; margin: 0 auto}
.intitle01 span{ width: 200px; height: 88px; line-height: 88px; font-size: 40px; font-weight: bold; background: url(../images/line.jpg) bottom center no-repeat; margin: 0 auto; margin-bottom:9px; display: block;}
.inyewu{ width: 1200px; height: 443px; padding-top: 30px; margin: 0 auto; }
.inyewu .left{ width:432px; height: 443px; overflow: hidden;}
.inyewu .right{ width:768px; height: 443px; position: relative; z-index: 2; overflow: hidden;}
.inyewu .ywbox{ width: 214px; height: 220px; font-size: 22px; text-align: center; color: #8ba17b; background: #fbf2e1; margin-bottom: 3px; margin-right: 2px; float: left; transition: 0.4s all}
.inyewu .ywbox:hover{background: #8ba17b; color: #fbf2e1}
.inyewu .ywbox span{ width: 80px; height: 80px; display: block; margin: 0 auto; margin-top: 41px; }
.inyewu .ywbox .yewu01{background: url(../images/yewu-1.png) center no-repeat;}
.inyewu .ywbox .yewu02{background: url(../images/yewu-2.png) center no-repeat;}
.inyewu .ywbox .yewu03{background: url(../images/yewu-3.png) center no-repeat;}
.inyewu .ywbox .yewu04{background: url(../images/yewu-4.png) center no-repeat;}
.inyewu .ywbox:hover .yewu01{background: url(../images/yewuh-1.png) center no-repeat;}
.inyewu .ywbox:hover .yewu02{background: url(../images/yewuh-2.png) center no-repeat;}
.inyewu .ywbox:hover .yewu03{background: url(../images/yewuh-3.png) center no-repeat;}
.inyewu .ywbox:hover .yewu04{background: url(../images/yewuh-4.png) center no-repeat;}

/*company*/
.com_title{ width: 100%; height: 64px; font-size: 28px; color: #8ba17b; line-height: 60px;}
.com01{ width: 1200px; height: auto; overflow: hidden;padding-bottom: 44px}
.com01 .left{ width: 825px; height: auto; overflow: hidden; }
.com01 .right{ width: 325px; height:856px; overflow: hidden; }
.zyscape{ width: 325px; height: auto; border-top: 5px #8ba17b solid; overflow: hidden; }
.zyscape li{ width: 325px; height:95px; line-height: 21px; color: #555555; border-bottom: 1px #e0e0e0 dashed}
.zyscape li span{ width:110px; height:95px; margin-left: 8px; display: block; float:left;}
.zyscape li:hover span{animation: tada 2s}
@keyframes tada {
	0% {
		-webkit-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		-ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		-ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		-ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	100% {
		-webkit-transform: scale3d(1,1,1);
		-ms-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}
.com_lx{ width: 325px; height: 242px; position: relative; }
.com_bg{ width: 315px; height: 232px; background: #dce3d7; left: 0; top: 0; position: absolute; border-radius:8px; z-index: 1}
.com_txt{width: 315px; height: 232px; background: #8ba17b; right: 0; bottom: 0; position: absolute;border-radius:8px; z-index: 2}
.com_txt p{ width: 260px; line-height: 36px; font-size: 14px; color: #fff; padding-top: 23px; margin: 0 auto }
.com02{ width: 1200px; height: 103px;background: url(../images/proc.jpg) left center no-repeat;margin: 0 auto}
.com02 ul{ width: 999px; height: 101px; border-top: 1px #ebeae9 solid; border-bottom: 1px #ebeae9 solid; float: right; }
.com02 ul li{ width: 198px; height: 101px; text-align: center; line-height: 26px; color: #333333; border-right: 1px #ebeae9 solid; float: left;}
.com02 ul li span{width:65px; height:65px; display: block; margin: 0 auto}
.com03{ width: 1200px; height: auto; min-height: 400px; overflow: hidden; padding-bottom:42px}
.com03 .left{ width: 825px; height: auto; overflow: hidden; }
.com03 .right{ width: 325px; height:388px; padding-top: 12px;}
.com03 .compic{ width: 323px; height: 186px; margin-bottom: 12px;}
.com04{ width: 1200px; height:268px; margin: 0 auto; padding-top: 14px;}
.com05{ width: 1200px; height:398px;background: url(../images/recruit.jpg) left center no-repeat;margin: 0 auto; position: relative;}
.com05 .works{ width: 206px; height: 61px; border-radius: 10px; color: #bc6d55; font-size: 20px; background: #ecefe8; line-height: 61px; text-align: center; left:770px; top:215px; position: absolute; transition: 0.4s all}
.com05 .works:hover{ color: #fff; background: #8ba17b }

.is_animated {
	-webkit-transition-duration:1.2s;
	-webkit-transition-property:-webkit-transform,opacity;
	-webkit-transition-delay:.15s;
	-webkit-transition-timing-function:'ease-in-out';
	-moz-transition-duration:1.2s;
	-moz-transition-property:all;
	-moz-transition-delay:.15s;
	-moz-transition-timing-function:'ease-in-out';
	-o-transition-duration:1.2s;
	-o-transition-property:transform,opacity;
	-o-transition-delay:.15s;
	-o-transition-timing-function:'ease-in-out';
	-ms-transition-duration:1.2s;
	-ms-transition-property:transform,opacity;
	-ms-transition-delay:.15s;
	-ms-transition-timing-function:'ease-in-out';
	transition-duration:1.2s;
	transition-property:transform,opacity;
	transition-delay:.15s;
	transition-timing-function:'ease-in-out';
	-webkit-transform:rotatex(-80deg) translateZ(0);
	-ms-transform:rotatex(-80deg) translateZ(0);
	transform:rotatex(-80deg) translateZ(0);
	-webkit-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	transform-origin:0 0 0;
	opacity:0
}
.is_animated.revealed {
	-webkit-transform:rotatex(0) translateZ(0);
	-ms-transform:rotatex(0) translateZ(0);
	transform:rotatex(0) translateZ(0);
	opacity:1
}


/*left*/
#left{width:325px; height:auto; overflow: hidden;float:right; margin-bottom:30px; position:relative;}
#right{width:825px; height:auto; overflow: hidden; float:left; margin-bottom:30px; position:relative;}
.casebox{ width: 100%; height: auto; overflow: hidden; padding: 20px 0; border-bottom: 1px #e0e0e0 dashed }
.casebox .caseinfo{ width: 100%; height: auto; overflow: hidden; }
.casebox .caseimg{ width: 143px; height: 143px; padding-right: 30px; padding-bottom: 20px; float: left; }
.caselist{ width: 825px; height:144px; overflow: hidden;}
.caselist li{ width: 192px; height:144px; margin-right: 14px; float: left; position: relative;}
.caselist li img{ width: 192px; height: 144px; display: block; z-index: 1; position: relative;}
.caselist li span{ width: 100%; height: 36px; font-size: 14px; background: #8ba17b; line-height: 36px; color: #fff; text-align: center; left: 0; top: 144px; position: absolute; z-index: 2; transition: 0.4s all}
.caselist li:hover span{ top: 108px; }
#tuijian{width: 100%; height: auto; overflow: hidden;}
#tuijian li{ width: 100%; height: auto; line-height: 24px; font-size: 14px; color: #929292; padding: 10px 0; border-bottom: 1px #e0e0e0 dashed}
#tuijian li a{font-size: 15px; color: #373737; line-height: 36px; font-weight: bold; display: block;background: url(../images/dot.jpg) left center no-repeat; padding-left: 16px; transition: 0.4s all}
#tuijian li a:hover{margin-left: 5px; color: #8ba17b}
.tjyd{ width: 100%; height:50px; line-height: 50px; font-size: 20px; border-bottom: 5px #8ba17b solid; }



/* CSS Ziye */
#right_title{width:1200px;height:50px; line-height:50px; background:rgba(255,255,255,0.95); left: 360px; top: 330px; position: absolute;}
#title_left{ width:192px; height:50px;background: #8ba17b; text-align: center; color: #fff; font-size: 22px; float: left;}
#title_right{ color:#8ba17b; font-size:16px;float:right; padding-right:44px;}
#title_right a{color:#8ba17b;}
#title_right a:hover{color:#fe9206;}
#right_content{ width:1200px; padding-top: 30px;margin: 0 auto}
.inmenu{ width: 580px; height:50px; padding-left: 10px; float: left; }
.inmenu li{ width: 145px; height:50px; line-height: 50px; text-align: center; float: left; position: relative;}
.inmenu li a{ color: #8ba17b; font-size: 18px; display: block; }
.inmenu li span{ width: 0; height:4px; background: #8ba17b; left:36px; bottom:5px; position: absolute; transition: 0.4s all }
.inmenu li:hover span{ width:73px; }
.inmenu li.selected span{width:73px;}




#right_bottom{width:100%;height:50px; background: #fff; clear: both;}
#inNews{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto }
#inNews li{ width: 284px; height: 368px; background: url(../images/news.jpg) no-repeat; float: left; margin:14px 7px; position: relative;}
#inNews li .txt01{ width: 240px; height: 80px; color: #555555; padding-top: 26px; margin: 0 auto; position: relative; overflow: hidden; }
#inNews li .txt01 span{ color: #303030; font-size: 18px; display: block; transition: 0.4s all}
#inNews li .txt01 span:hover{color: #ff6c00; margin-left: 3px;}
#inNews li .txt02{ width: 240px; height:170px; line-height: 24px; font-size: 14px; color: #999999; margin: 0 auto; position: relative; overflow: hidden; }
#inNews li .imgbox{ width: 240px; height: 94px; background: #969696; margin-bottom:3px; overflow: hidden; }
#inNews li .imgbox img{ width:300px; min-height:125px; left: -30px; top: -30px; position: relative; transition: 0.5s all}
#inNews li:hover img{ transform: scale(0.8); }
#inNews li .more{ font-size: 12px; color: #ff6c00; text-transform: uppercase; left:40px; bottom: 22px; position: absolute; }
#inNews li .zixun{ font-size: 14px; color: #808080; text-transform: uppercase; left:230px; bottom: 24px; position: absolute; }
#inNews li .more:hover{margin-left: 3px;}
#inNews li .zixun:hover{color: #ff6c00;margin-left: 3px;}


.page{width:100%;height:40px; line-height:40px;text-align:center;margin:20px auto;color:#222222;font-size:15px;clear:both;}
.page a{color:#222222;font-size:15px;}
.page a:hover{color:#8ba17b;}
#newTitle{width:100%;line-height:60px;color:#8ba17b;font-size:20px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#ffe400;font-size:18px; font-weight:bold;text-align:center;margin:0 auto;}
#newsInfo{width:100%;height:40px;color:#a9aaa9;border-bottom:1px #e7e7e2 dashed;font-size:12px;text-align:center;margin:0 auto; margin-bottom: 15px;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ width:100%; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }

#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}
.pre_next{ width: 1074px; height: auto; margin:20px auto; padding: 20px 0; border-top: 1px #cacaca dashed; overflow: hidden; }
/*page right button*/
.bt{ width: 35px; height: 35px; border-radius: 5px; border:1px #f1f1f1 solid; margin: 5px 0; }
.arr_pre{cursor:pointer;background:#fff url(../images/arr.png) no-repeat  -4px -7px;transition: 0.4s all;}
.arr_pre:hover{background:#333333 url(../images/arr.png) no-repeat -57px -7px;}
.arr_next{cursor:pointer;background:#fff url(../images/arr.png) no-repeat  -61px -57px;transition: 0.4s all;}
.arr_next:hover{background:#333333 url(../images/arr.png) no-repeat -8px -57px;}
.arr_list{background:#fff url(../images/list.png) no-repeat center -57px;transition: 0.4s all;}
.arr_list:hover{background:#333333 url(../images/list.png) no-repeat center -7px;}
.after { display: none; }

#newsContent{width:100%;margin:0 auto; line-height:38px; padding-bottom: 20px; font-size: 15px; position: relative;}
#newsContent a{color: #555555;}
#newsContent a:hover{color: #7e9a6a;}
#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{width:279px;height:280px; overflow: hidden; float:left;margin:10px 8px;}

#picUL li .pic_01{width:279px;height:240px; overflow: hidden;}
#picUL li .pic_01 img{width:279px;height:240px;vertical-align:top;transition: 0.4s all}
#picUL li .pic_01 img:hover{transform: scale(1.05);}
#picUL li .pic_02{width:279px;height:40px; background: #ffe400; overflow: hidden; position: relative;}
#picUL li .pic_02 span{ color: #17191e; font-size: 16px; line-height:40px; margin-left: 14px; font-weight: bold; }
#picUL li .more{ width: 42px; height: 20px; border-radius: 10px; font-size: 14px; line-height:18px; color: #17191e; text-align: center; border: 1px #17191e solid; right: 13px; top:9px; display: block; position: absolute; }

.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}

.formmcys{ width: 70px; color: #d7d6cc; float: left; text-align: right; }
.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ width:875px; height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:480px; height:153px; background:url(../images/pic.jpg) no-repeat left center; float:left; padding-left:165px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
	.chakan{padding-top: 13px;}



.formys{ width:100%; height:auto;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
.G_InputText{
	width:400px;
	height:30px;
    background: #17191e;
	border:1px solid #878788;
}

.G_textarea{

	width:400px;

	height:100px;
    background: #17191e;
	border:1px solid #878788;

}

.G_ul{

	width:700px;
}

.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:500px; height:auto; padding-top:10px;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}


.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}


/*sitemap*/
@-webkit-keyframes leftRight{
    0%{opacity:1;-webkit-transform:translateX(-2px);}
    50%{opacity:1;-webkit-transform:translateX(2px);}
    100%{opacity:1;-webkit-transform:translate(-2px);}
}
@keyframes leftRight{
    0%{opacity:1;transform:translateX(-2px);}
    50%{opacity:1;transform:translateX(2px);}
    100%{opacity:1;transform:translate(-2px);}
}