@font-face { 
font-family:"Avian Regular"; 
src: url('Avian Regular.eot'); 
src: url('Avian Regular.eot?#iefix') format('embedded-opentype'), 
  	 url('Avian Regular.woff') format('woff'), 
     url('Avian Regular.ttf')  format('truetype'), 
     url('Avian Regular.svg#Garamond') format('svg'); 
    font-weight: normal;
    font-style: normal;
}
@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持 
_color:red;  IE6支持 
*color:red;  IE6、IE7支持 
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持 
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
behavior:url('');
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/


/*--默认--*/
*{box-sizing:content-box !important;}
.h1, .h2, .h3, h1, h2, h3{margin: 0 !important;}


html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;line-height:120%;font-family:微软雅黑,'Heiti SC',黑体,Arial;font-size:12px;min-width:1250px;max-width:1920px;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#707070;}
a:hover{color:#666;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;outline:none;border:none;background:none;padding:0;}
a:focus{outline:none;}

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}

.jspVerticalBar{width:6px;}
.jspDrag{background:#f3582a;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}


/*--类--*/
.block{width:1003px;margin:0 auto; position:relative;}
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.footb{position:fixed;_position:absolute;bottom:0;width:100%;}


.home1{position:relative;height:692px;overflow:hidden;}	
.home1 .bg{width:1920px;height:692px;position:absolute;left:50%;top:50%;margin:-346px 0 0 -960px;display:block;
animation:zoom1 10s linear 0s infinite;-webkit-animation:zoom1 10s linear 1s infinite;}	
@-webkit-keyframes zoom1{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@keyframes zoom1{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}		
.home1 .text{width:900px;position:absolute;top:235px;left:50%;margin-left:-450px;text-align:center;transform:scale(1,0);-webkit-transform:scale(1,0);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home1 .text h3{color:#fff;font-size:42px;line-height:1.2;}	
.home1 .text h3 b{font-weight:bold;}	
.home1 .show{transform:scale(1,1);-webkit-transform:scale(1,1);}	
.home2{background:#3f5a73;height:642px;padding-top:110px;}	
.title_h{background:url(../image/quan1.png) center top no-repeat;height:136px;width:635px;padding-top:43px;text-align:center;margin:0 auto;}	
.title_h h3{color:#fff;line-height:1.2;font-size:30px;}	
.title_h .p{color:#fff;line-height:1.5;font-size:14px;margin-top:12px;}	
.line1_h{border-left:solid 1px #fff;position:absolute;top:179px;left:50%;height:463px;}	
.line2_h{border-left:solid 1px #fff;position:absolute;top:-110px;left:50%;height:110px;}
.home2 .pic_h{position:absolute;left:15px;top:282px;}	
.home3{background:#6db9da;height:642px;padding-top:110px;}		
.home3 .pic_h{position:absolute;right:72px;top:193px;}		
.home4{background:#a4c673;height:642px;padding-top:110px;}		
.home4 .pic_h{position:absolute;left:55px;top:235px;}		
.home5{background:#48bcad;height:642px;padding-top:110px;}		
.home5 .pic_h{position:absolute;right:49px;top:240px;}	
.home6{background:#3f5a73;height:642px;padding-top:110px;}		
.home6 .pic_h{position:absolute;left:54px;top:229px;}		
.home7{background:#6db9da;height:642px;padding-top:110px;}		
.home7 .pic_h{position:absolute;right:22px;top:250px;}		
.home8{background:#e5ba5c;height:642px;padding-top:110px;}		
.home8 .pic_h{position:absolute;left:62px;top:235px;}	
.home9{background:url(../image/bg1.png) center center repeat;height:400px;padding-top:110px;}	
.home9 .line2_h{border-left:solid 1px #a6a6a6;}
.home9 .title_h{background:url(../image/quan2.png) center top no-repeat;height:130px;}	
.home9 .title_h h3{color:#474747;}
.home9 .title_h .p{color:#707070;}	
.home9 h4{font-size:50px;font-family:impact;color:#474747;line-height:1;text-align:center;}	
.home9 .links{height:45px;margin:25px auto 0;text-align:center;}
.home9 .links a{display:inline-block;color:#fff;font-size:16px;line-height:45px;margin:0 4px;width:178px;}
.home9 .links a.a1{background:url(../image/bg2.png) center center no-repeat;}
.home9 .links a.a2{background:url(../image/bg3.png) center center no-repeat;}
.pic_h{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;opacity:0;}
.show .pic_h{transform:scale(1) rotateX(0deg);-webkit-transform:scale(1) rotateX(0deg);opacity:1;}	
.pic_h {
	display: inline-block;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center
}
.pic_h:hover {
	-webkit-animation-name: shake-slow;
	-ms-animation-name: shake-slow;
	animation-name: shake-slow;
	-webkit-animation-duration: 5s;
	-ms-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running
}
@-webkit-keyframes shake-slow {
 0% {
 -webkit-transform: translate(0px, 0px) rotate(0deg)
}
 2% {
 -webkit-transform: translate(-1px, 8px) rotate(1.5deg)
}
 4% {
 -webkit-transform: translate(7px, 0px) rotate(-0.5deg)
}
 6% {
 -webkit-transform: translate(8px, 8px) rotate(-3.5deg)
}
 8% {
 -webkit-transform: translate(-4px, -3px) rotate(-1.5deg)
}
 10% {
 -webkit-transform: translate(5px, 0px) rotate(-2.5deg)
}
 12% {
 -webkit-transform: translate(-10px, -3px) rotate(-3.5deg)
}
 14% {
 -webkit-transform: translate(5px, 7px) rotate(2.5deg)
}
 16% {
 -webkit-transform: translate(8px, -8px) rotate(-1.5deg)
}
 18% {
 -webkit-transform: translate(9px, -6px) rotate(-3.5deg)
}
 20% {
 -webkit-transform: translate(3px, 1px) rotate(-0.5deg)
}
 22% {
 -webkit-transform: translate(6px, 8px) rotate(-2.5deg)
}
 24% {
 -webkit-transform: translate(-8px, -1px) rotate(2.5deg)
}
 26% {
 -webkit-transform: translate(7px, -10px) rotate(0.5deg)
}
 28% {
 -webkit-transform: translate(7px, -4px) rotate(-3.5deg)
}
 30% {
 -webkit-transform: translate(-2px, -6px) rotate(-1.5deg)
}
 32% {
 -webkit-transform: translate(-1px, 0px) rotate(2.5deg)
}
 34% {
 -webkit-transform: translate(6px, 2px) rotate(-0.5deg)
}
 36% {
 -webkit-transform: translate(2px, 7px) rotate(1.5deg)
}
 38% {
 -webkit-transform: translate(2px, -9px) rotate(1.5deg)
}
 40% {
 -webkit-transform: translate(-5px, -1px) rotate(-0.5deg)
}
 42% {
 -webkit-transform: translate(-8px, 2px) rotate(-0.5deg)
}
 44% {
 -webkit-transform: translate(-4px, 3px) rotate(0.5deg)
}
 46% {
 -webkit-transform: translate(-10px, -2px) rotate(-0.5deg)
}
 48% {
 -webkit-transform: translate(1px, 9px) rotate(1.5deg)
}
 50% {
 -webkit-transform: translate(6px, 7px) rotate(1.5deg)
}
 52% {
 -webkit-transform: translate(-8px, 4px) rotate(0.5deg)
}
 54% {
 -webkit-transform: translate(6px, -8px) rotate(-2.5deg)
}
 56% {
 -webkit-transform: translate(2px, -9px) rotate(-2.5deg)
}
 58% {
 -webkit-transform: translate(-2px, -9px) rotate(0.5deg)
}
 60% {
 -webkit-transform: translate(2px, 7px) rotate(-0.5deg)
}
 62% {
 -webkit-transform: translate(0px, 0px) rotate(-1.5deg)
}
 64% {
 -webkit-transform: translate(-9px, -4px) rotate(-3.5deg)
}
 66% {
 -webkit-transform: translate(6px, -6px) rotate(0.5deg)
}
 68% {
 -webkit-transform: translate(0px, -7px) rotate(-2.5deg)
}
 70% {
 -webkit-transform: translate(-10px, 1px) rotate(1.5deg)
}
 72% {
 -webkit-transform: translate(-7px, 9px) rotate(2.5deg)
}
 74% {
 -webkit-transform: translate(2px, -6px) rotate(-0.5deg)
}
 76% {
 -webkit-transform: translate(5px, 1px) rotate(-0.5deg)
}
 78% {
 -webkit-transform: translate(-1px, 5px) rotate(2.5deg)
}
 80% {
 -webkit-transform: translate(3px, 7px) rotate(2.5deg)
}
 82% {
 -webkit-transform: translate(-6px, -7px) rotate(-0.5deg)
}
 84% {
 -webkit-transform: translate(-8px, 8px) rotate(-2.5deg)
}
 86% {
 -webkit-transform: translate(8px, 3px) rotate(-2.5deg)
}
 88% {
 -webkit-transform: translate(-8px, 3px) rotate(-1.5deg)
}
 90% {
 -webkit-transform: translate(-7px, -4px) rotate(-3.5deg)
}
 92% {
 -webkit-transform: translate(-8px, 4px) rotate(2.5deg)
}
 94% {
 -webkit-transform: translate(-6px, -6px) rotate(-3.5deg)
}
 96% {
 -webkit-transform: translate(-3px, 2px) rotate(-3.5deg)
}
 98% {
 -webkit-transform: translate(2px, 1px) rotate(-0.5deg)
}
}
@-ms-keyframes shake-slow {
 0% {
 -ms-transform: translate(0px, 0px) rotate(0deg)
}
 2% {
 -ms-transform: translate(-9px, 1px) rotate(-1.5deg)
}
 4% {
 -ms-transform: translate(-10px, -1px) rotate(-3.5deg)
}
 6% {
 -ms-transform: translate(6px, 2px) rotate(-1.5deg)
}
 8% {
 -ms-transform: translate(-3px, -6px) rotate(-1.5deg)
}
 10% {
 -ms-transform: translate(-10px, -3px) rotate(-0.5deg)
}
 12% {
 -ms-transform: translate(-8px, 6px) rotate(-2.5deg)
}
 14% {
 -ms-transform: translate(7px, 5px) rotate(-1.5deg)
}
 16% {
 -ms-transform: translate(2px, 2px) rotate(1.5deg)
}
 18% {
 -ms-transform: translate(8px, -2px) rotate(-3.5deg)
}
 20% {
 -ms-transform: translate(-9px, 3px) rotate(-3.5deg)
}
 22% {
 -ms-transform: translate(8px, -4px) rotate(-1.5deg)
}
 24% {
 -ms-transform: translate(-1px, -7px) rotate(2.5deg)
}
 26% {
 -ms-transform: translate(9px, 9px) rotate(-0.5deg)
}
 28% {
 -ms-transform: translate(9px, -4px) rotate(-3.5deg)
}
 30% {
 -ms-transform: translate(6px, -7px) rotate(-0.5deg)
}
 32% {
 -ms-transform: translate(9px, 2px) rotate(1.5deg)
}
 34% {
 -ms-transform: translate(3px, -9px) rotate(2.5deg)
}
 36% {
 -ms-transform: translate(-6px, -4px) rotate(2.5deg)
}
 38% {
 -ms-transform: translate(-5px, -9px) rotate(0.5deg)
}
 40% {
 -ms-transform: translate(6px, 9px) rotate(-2.5deg)
}
 42% {
 -ms-transform: translate(5px, -5px) rotate(0.5deg)
}
 44% {
 -ms-transform: translate(8px, 5px) rotate(-3.5deg)
}
 46% {
 -ms-transform: translate(-2px, 9px) rotate(1.5deg)
}
 48% {
 -ms-transform: translate(-10px, -5px) rotate(-2.5deg)
}
 50% {
 -ms-transform: translate(8px, -1px) rotate(-3.5deg)
}
 52% {
 -ms-transform: translate(-5px, -7px) rotate(2.5deg)
}
 54% {
 -ms-transform: translate(7px, 0px) rotate(2.5deg)
}
 56% {
 -ms-transform: translate(-5px, -1px) rotate(-0.5deg)
}
 58% {
 -ms-transform: translate(0px, -4px) rotate(-3.5deg)
}
 60% {
 -ms-transform: translate(-10px, 2px) rotate(2.5deg)
}
 62% {
 -ms-transform: translate(9px, 8px) rotate(0.5deg)
}
 64% {
 -ms-transform: translate(-4px, -4px) rotate(-1.5deg)
}
 66% {
 -ms-transform: translate(-1px, -9px) rotate(-0.5deg)
}
 68% {
 -ms-transform: translate(-6px, -9px) rotate(-2.5deg)
}
 70% {
 -ms-transform: translate(-6px, -8px) rotate(-1.5deg)
}
 72% {
 -ms-transform: translate(-2px, -3px) rotate(-2.5deg)
}
 74% {
 -ms-transform: translate(-8px, 1px) rotate(-0.5deg)
}
 76% {
 -ms-transform: translate(-7px, 7px) rotate(2.5deg)
}
 78% {
 -ms-transform: translate(7px, 2px) rotate(-3.5deg)
}
 80% {
 -ms-transform: translate(-10px, -4px) rotate(-0.5deg)
}
 82% {
 -ms-transform: translate(2px, -9px) rotate(1.5deg)
}
 84% {
 -ms-transform: translate(3px, 5px) rotate(1.5deg)
}
 86% {
 -ms-transform: translate(5px, 2px) rotate(2.5deg)
}
 88% {
 -ms-transform: translate(-5px, -1px) rotate(-1.5deg)
}
 90% {
 -ms-transform: translate(-1px, -9px) rotate(1.5deg)
}
 92% {
 -ms-transform: translate(8px, -6px) rotate(-3.5deg)
}
 94% {
 -ms-transform: translate(7px, -9px) rotate(-2.5deg)
}
 96% {
 -ms-transform: translate(4px, -5px) rotate(2.5deg)
}
 98% {
 -ms-transform: translate(8px, 0px) rotate(-3.5deg)
}
}
@keyframes shake-slow {
 0% {
 transform: translate(0px, 0px) rotate(0deg)
}
 2% {
 transform: translate(-6px, -8px) rotate(2.5deg)
}
 4% {
 transform: translate(3px, -9px) rotate(-0.5deg)
}
 6% {
 transform: translate(3px, -8px) rotate(2.5deg)
}
 8% {
 transform: translate(0px, 5px) rotate(0.5deg)
}
 10% {
 transform: translate(3px, 2px) rotate(0.5deg)
}
 12% {
 transform: translate(8px, 0px) rotate(0.5deg)
}
 14% {
 transform: translate(4px, 7px) rotate(-3.5deg)
}
 16% {
 transform: translate(-4px, 0px) rotate(-0.5deg)
}
 18% {
 transform: translate(1px, 3px) rotate(-1.5deg)
}
 20% {
 transform: translate(-8px, -1px) rotate(-3.5deg)
}
 22% {
 transform: translate(5px, 9px) rotate(2.5deg)
}
 24% {
 transform: translate(-9px, -10px) rotate(-2.5deg)
}
 26% {
 transform: translate(0px, 7px) rotate(-1.5deg)
}
 28% {
 transform: translate(-10px, 7px) rotate(2.5deg)
}
 30% {
 transform: translate(8px, -7px) rotate(-1.5deg)
}
 32% {
 transform: translate(0px, -8px) rotate(-0.5deg)
}
 34% {
 transform: translate(9px, 7px) rotate(-0.5deg)
}
 36% {
 transform: translate(-7px, 6px) rotate(0.5deg)
}
 38% {
 transform: translate(8px, -10px) rotate(-0.5deg)
}
 40% {
 transform: translate(8px, 0px) rotate(0.5deg)
}
 42% {
 transform: translate(0px, -2px) rotate(1.5deg)
}
 44% {
 transform: translate(5px, -2px) rotate(-0.5deg)
}
 46% {
 transform: translate(1px, -10px) rotate(-2.5deg)
}
 48% {
 transform: translate(4px, -1px) rotate(2.5deg)
}
 50% {
 transform: translate(-5px, -4px) rotate(2.5deg)
}
 52% {
 transform: translate(3px, 2px) rotate(-3.5deg)
}
 54% {
 transform: translate(1px, -6px) rotate(-0.5deg)
}
 56% {
 transform: translate(-3px, -4px) rotate(-0.5deg)
}
 58% {
 transform: translate(-10px, -10px) rotate(2.5deg)
}
 60% {
 transform: translate(8px, 7px) rotate(-3.5deg)
}
 62% {
 transform: translate(9px, -6px) rotate(-3.5deg)
}
 64% {
 transform: translate(-5px, 8px) rotate(-0.5deg)
}
 66% {
 transform: translate(1px, -3px) rotate(0.5deg)
}
 68% {
 transform: translate(-6px, 9px) rotate(1.5deg)
}
 70% {
 transform: translate(-5px, 8px) rotate(-1.5deg)
}
 72% {
 transform: translate(-10px, -2px) rotate(2.5deg)
}
 74% {
 transform: translate(0px, -4px) rotate(1.5deg)
}
 76% {
 transform: translate(-2px, -5px) rotate(0.5deg)
}
 78% {
 transform: translate(-2px, 9px) rotate(-3.5deg)
}
 80% {
 transform: translate(7px, 4px) rotate(-3.5deg)
}
 82% {
 transform: translate(-1px, -4px) rotate(-1.5deg)
}
 84% {
 transform: translate(3px, -6px) rotate(0.5deg)
}
 86% {
 transform: translate(7px, -8px) rotate(-1.5deg)
}
 88% {
 transform: translate(4px, -9px) rotate(1.5deg)
}
 90% {
 transform: translate(1px, -6px) rotate(2.5deg)
}
 92% {
 transform: translate(-8px, -1px) rotate(-1.5deg)
}
 94% {
 transform: translate(-4px, -1px) rotate(0.5deg)
}
 96% {
 transform: translate(-6px, 9px) rotate(1.5deg)
}
 98% {
 transform: translate(7px, 4px) rotate(-0.5deg)
}
}

.focus_h{width:390px;position:absolute;height:275px;overflow:hidden;}
.focus_h .frame{position:relative;overflow:hidden;}
.focus_h .frame .child{float:left;}
.focus_h .frame .child p{line-height:45px;font-size:14px;color:#fff;background:url(../image/dian0.png) left center no-repeat;padding-left:19px;}
.focus_h .frame .child p a{color:#fff;}
.home2 .focus_h,.home4 .focus_h,.home6 .focus_h,.home8 .focus_h{top:263px;right:20px;}
.home3 .focus_h,.home5 .focus_h,.home7 .focus_h{top:263px;left:40px;}
.bot_h{position:absolute;left:0;bottom:0;height:24px;}
.home2 .bot_h .arrow_l{float:left;background:url(../image/arrow1.png) left center no-repeat;width:24px;height:24px;display:block;}
.home2 .bot_h .arrow_r{float:left;background:url(../image/arrow1.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.bot_h .nav{float:left;}
.home2 .bot_h .nav a{display:block;background:url(../image/dian1.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home2 .bot_h .nav a.now{background:url(../image/dian1.png) right center no-repeat;}
.home3 .bot_h .arrow_l{float:left;background:url(../image/arrow2.png) left center no-repeat;width:24px;height:24px;display:block;}
.home3 .bot_h .arrow_r{float:left;background:url(../image/arrow2.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.home3 .bot_h .nav a{display:block;background:url(../image/dian2.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home3 .bot_h .nav a.now{background:url(../image/dian2.png) right center no-repeat;}
.home4 .bot_h .arrow_l{float:left;background:url(../image/arrow3.png) left center no-repeat;width:24px;height:24px;display:block;}
.home4 .bot_h .arrow_r{float:left;background:url(../image/arrow3.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.home4 .bot_h .nav a{display:block;background:url(../image/dian3.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home4 .bot_h .nav a.now{background:url(../image/dian3.png) right center no-repeat;}
.home5 .bot_h .arrow_l{float:left;background:url(../image/arrow4.png) left center no-repeat;width:24px;height:24px;display:block;}
.home5 .bot_h .arrow_r{float:left;background:url(../image/arrow4.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.home5 .bot_h .nav a{display:block;background:url(../image/dian4.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home5 .bot_h .nav a.now{background:url(../image/dian4.png) right center no-repeat;}
.home6 .bot_h .arrow_l{float:left;background:url(../image/arrow1.png) left center no-repeat;width:24px;height:24px;display:block;}
.home6 .bot_h .arrow_r{float:left;background:url(../image/arrow1.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.home6 .bot_h .nav a{display:block;background:url(../image/dian1.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home6 .bot_h .nav a.now{background:url(../image/dian1.png) right center no-repeat;}
.home7 .bot_h .arrow_l{float:left;background:url(../image/arrow2.png) left center no-repeat;width:24px;height:24px;display:block;}
.home7 .bot_h .arrow_r{float:left;background:url(../image/arrow2.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.home7 .bot_h .nav a{display:block;background:url(../image/dian2.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home7 .bot_h .nav a.now{background:url(../image/dian2.png) right center no-repeat;}
.home8 .bot_h .arrow_l{float:left;background:url(../image/arrow5.png) left center no-repeat;width:24px;height:24px;display:block;}
.home8 .bot_h .arrow_r{float:left;background:url(../image/arrow5.png) right center no-repeat;width:24px;height:24px;display:block;margin-left:10px;}
.home8 .bot_h .nav a{display:block;background:url(../image/dian5.png) left center no-repeat;width:10px;height:10px;float:left;margin:7px 0 0 10px;}
.home8 .bot_h .nav a.now{background:url(../image/dian5.png) right center no-repeat;}


.cnav_h{background:url(../image/kuang.png) center center no-repeat;width:60px;height:237px;position:fixed;right:50px;bottom:200px;z-index:5;}
.cnav_h a{display:block;width:60px;height:59px;text-align:center;}
.cnav_h a i{display:inline-block; vertical-align:middle;height:100%;}
.cnav_h a img{transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.cnav_h a:hover img{transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);}