@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf");}
body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,span{ margin:0; padding:0; list-style:none}
html{ overflow-x:hidden}
body{font-family:"微软雅黑"; color:#333; background:#fafafa;overflow-x:hidden}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#333; text-decoration:none;_cursor:pointer}
a:hover{ color:#db010c; text-decoration:none;_cursor:pointer;transition:all 0.3s}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
.bg_white{ background:#fcfcfc}
.color_cc{ color:#cc0000}
.right{ text-align:right}
.float_l{ float:left}
.float_r{ float:right}
.padding_left_10{ padding-left:10px}
.green{ background:#A6CE38; color:#fff; height:500px}
hr{ color:#ddd; background:#ddd}
a:link,a:visited,a:hover{ cursor:pointer}
.content{width:96%; margin:0 auto; max-width:1200px; min-width:300px;font-size:0.875em;}
.content img{ max-width:100%}
.power{display:none; cursor:pointer; position:absolute; top:0; right:0; width:60px; height:30px; margin:20px 10px 0px 0;*margin:15px 5px 17px 0; overflow:hidden; z-index:5}
.power li{ width:28px; float:right; color:#666}
.power span{ height:4px; margin:0 0 3px 0; display:block; *overflow:hidden; background:#c00}
.power span i{ width:2px; height:4px; margin:0 0 0 4px; display:block; background:#fff}
.sub_main{ padding:0 0 2em 0}

.header{ height:44px ; line-height:44px; border-bottom:solid 1px #ddd; width:100%; display:block; font-size:0.875em;}
.header dl.a{ width:50%; float:left}
.header dl.b{ width:49%; float:right; text-align:right}
.header dl.b a span{ margin-right:2em}
.header dt,.header dd{ display:inline-block;*display:inline;*zoom:1}
.mobile{display:inline-block;*display:inline;*zoom:1; height:16px; line-height:16px; padding-right:15px; background:url(../image/img.png) no-repeat top right; position:relative}
.mobile div{ position:absolute; top:30px;left:-100%; z-index:9999; background:#fff; padding:10px; width:160px; text-align:center; height:170px; display:none}
.mobile div img{ width:150px}
a:hover .mobile{ background-position: bottom right;transition:all 0.3s}
a:hover .mobile div{ color:#333; line-height:2em; display:block}
a.tel{ font-size:1.5em; color:#db010c}
.top_box{height:100px; width:100%;_overflow:hidden; position:relative; clear:both}
.top_ul1{ width:22%; float:left; height:100px;}
.top_ul1 a{ height:100px; display:block; width:100%;verflow:hidden;}
.top_ul1 a span{ height:100%; display:inline-block;*display:inline;*zoom:1; vertical-align:middle}
.top_ul1 img{ vertical-align:middle; width:80%;max-width:200px}
.top_ul1 dt,.top_ul1 dd{ float:left}
.top_ul2{ width:65%;float:right;text-align:right; height:100px}
.menu{ position:relative;}
.menu ul{ width:100%; text-align:right; position:relative; z-index:99;}
.menu ul li{ display:inline-block;*display:inline;*zoom:1;width:14.2%; position:relative;margin-right: -4px;}
.menu ul li.menu_none{ display:none}
.menu ul li a{position:relative; display:block; height:100px;line-height:100px;text-align:center; overflow:hidden; font-size:1.1em}
.menu ul li a:hover{color:#fff;}	
.menu ul li a strong{ font-weight:normal; width:100%; height:100px; display:block; position:absolute; left:0; top:0; z-index:1}
.menu ul li a p{ position:absolute; top:100px; left:0; width:200px; height:100px; background:#db010c}
.menu ul li a span{ float:right; margin-right:15px; font-size:1.13333em; display:none}
.menu ul li dl{position: absolute;left: 0; top:100px; width:100%;text-align:center;background:url(../image/mask_white_80.png); display:none; font-size:0.85em; padding:10px 0}
.menu ul li dl dd a:link,.menu ul li dl dd a:visited{color:#333; display:block; background:none; height:32px; line-height:32px}
.menu ul li dl dd a:hover{color:#db010c; display:block;}
.mm_line a:link,.mm_line a:visited{ color:#fff}
li.menu_current{color:#fff;}
.menu ul li.menu_current a p{ top:0;}
.menu ul li.menu_current a:link,.menu ul li.menu_current a:visited{ color:#fff}
.banner{ clear:both;}
.line{ border-bottom:solid 1px #ddd; height:20px; clear:both}

div.title{ text-align:center; font-size:0.875em}
div.title dt{ font-size:2.8em; color:#db010c; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
div.title dd{ font-size:1.8em; color:#222; display:block; height:60px; line-height:60px; background:url(../image/line.gif)
 center center no-repeat}
 
.bg_a{ background:url(../image/bg_a.gif) bottom center repeat-x}
.service .a a{ width:25%; float:left; text-align:center; display:block}
.service .b a{ width:20%; float:left; text-align:center; display:block}
.service .color1{ background:#F9E3E5}
.service .color2{ background:#FDF3F4}
.service .a dl{ padding:2.5em 0; display:block;}
.service .b dl{ border-right:solid 1px #aaa; margin:4.5em 0}
.service .b dl.no_line{ border:none}
.service dt span{ background:url(../image/ico.png) no-repeat; width:80px; height:80px; display:block; margin:1.5em auto}
.service a.v2 dt span{ background-position:0 -160px}
.service a.v3 dt span{ background-position:0 -320px}
.service a.v4 dt span{ background-position:0 -480px}
.service a.v5 dt span{ background-position:0 -640px}
.service a.v6 dt span{ background-position:0 -800px}
.service a.v7 dt span{ background-position:0 -960px}
.service a.v8 dt span{ background-position:0 -1120px}
.service a.v9 dt span{ background-position:0 -1280px}
.service a:hover{transition:all 0.3s}
.service a:hover.v1 span{ background-position:0 -80px;transition:all 0.3s}
.service a:hover.v2 span{ background-position:0 -240px;transition:all 0.3s}
.service a:hover.v3 span{ background-position:0 -400px;transition:all 0.3s}
.service a:hover.v4 span{ background-position:0 -560px;transition:all 0.3s}
.service a:hover.v5 span{ background-position:0 -720px;transition:all 0.3s}
.service a:hover.v6 span{ background-position:0 -880px;transition:all 0.3s}
.service a:hover.v7 span{ background-position:0 -1040px;transition:all 0.3s}
.service a:hover.v8 span{ background-position:0 -1200px;transition:all 0.3s}
.service a:hover.v9 span{ background-position:0 -1360px;transition:all 0.3s}
.service dd{ font-size:1.25em}

.index_about{}
.index_about .a{ width:45%; float:left;}
.index_about .b{ width:51%; float:right}
.index_about .about{ background:url(../image/about.jpg) center center;}
.about ul{background:url(../image/mask_black_80.png);color:#ccc; line-height:2}
.about dl{ background:url(../image/angle.png) no-repeat,url(../image/angle2.png) no-repeat top right,url(../image/angle3.png) no-repeat bottom left,url(../image/angle4.png) no-repeat bottom right; padding:2em}
.about dt{ font-size:1.7em; text-align:center; padding:1em 0}
.about a{ display:block; width:150px; height:35px; line-height:35px; border:solid 1px #ccc; color:#ccc; margin:0 auto; text-align:center}
.about a:hover{ background:#ccc; color:#333}
.index_about .b li{ border-bottom:solid 1px #ddd; padding-bottom:1.4em; margin-bottom:1.4em}
.index_about .b li dt{ width:86px; height:86px; overflow:hidden; display:block; text-align:center; float:left; background:#EAEAEA; font-family:"novecento"; margin-right:25px; color:#db010c}
.index_about .b li dt strong{ font-size:3em; padding-top:10px; display:block; font-weight:normal}
.index_about .b li dd{ height:86px; overflow:hidden}
.index_about .b li dd h3{ font-size:1.133em; display:block; padding:5px 0}
.index_about .b li dd p{ color:#888; font-size:0.875em}
.index_about .b li:hover{ background:#EAEAEA}
.index_about .b li.noline{ border:none}

.ys .a li{ padding:1em 0; text-align:center}
.ys .c dl{ padding:1em 0; cursor:pointer}
.ys .c dd,.ys .c dt{display:inline-block;*display:inline;*zoom:1}
.ys .c dd{ width:430px; font-size:1.6em; text-align:right;}
.ys .c dd.a{ text-align:left}
.ys .c dt{ width:60px; height:60px; line-height:60px; margin:0 20px; font-size:2em; color:#fff;}
.ys ul.b{ display:none; text-align:center}

.figure{position:relative}
.circle{position:absolute;top:18px;left:0;width:100%;height:100%;border-radius:35px;background:url(../image/red.png) center center;transition:background .5s linear;border:2px solid #FD0714;backface-visibility:hidden}
.ys .a li dl:hover > .figure .circle{border-color:transparent;background:#fff;animation:hoorai cubic-bezier(0.18,0.14,0.29,1) 1s;animation-fill-mode:forwards;border-right-color:#FD0714}
.figure .a{position: absolute;top: 18px;left: 2px;z-index: 2;width: 100%;height: 100%;}
.ys .a li dl:hover{color:#FD0714;}
.ys .a li dl:hover dt .a{ color:#222; font-weight:bold}

.singer ul{}
.singer dl{ width:90%; margin:0 auto; text-align:center; padding-bottom:1em}
.singer dt{ padding:8px; background:#fff;}
.singer dd{ padding:1em 0; background:#fff;}
.singer dd.lis{ position:relative; background:url(../image/bg_b.png) repeat-x; padding:0}
.singer dd.lis div{ width:70px; height:70px; border-radius:38px; margin:0 auto; display:block; background:#DB020D; line-height:1.5;}
.singer a dd.lis div{ color:#fff;}
.singer a dd.lis img{ margin-top:10px}
.singer a:hover  dd.lis div{ background:#333}
.singer a:hover dd.lis img{-moz-animation:rotate 1s infinite linear;-webkit-animation:rotate 1s infinite linear;}

.case dl{ text-align:center; padding:1em;}
.case dl img{ border:solid 1px #ddd; padding:3px; background:#fff; margin-bottom:10px;}
.case a:hover dl img{ box-shadow:0 0 8px #888}
.partner ul{ width:20%; float:left}
.partner ul dl{ width:90%; margin:0 auto 1em auto}
.partner ul dl img{ border:solid 1px #ddd}
.adp ul{ width:50%; float:left}
.adp ul dl{ width:98%; margin:0 auto}

.feedback{ padding:50px;}
.feedback li{ padding:10px 0}
.feedback input{ vertical-align:top; border:solid 1px #ddd; width:500px; height:30px; line-height:30px}
.feedback textarea{ vertical-align:top; width:500px; border:solid 1px #ddd; background:none}
.feedback img{ vertical-align:top}
.bt_feedback{ height:30px; line-height:30px; width:120px; text-align:center; color:#fff; background:#0055AA; cursor:pointer; display:inline-block; margin-left:60px}
.error_feedback{color:#F00; text-indent:40px}
#show_code,#show_code2{ cursor:pointer}

div.news_l{ width:63%; border-right:solid 1px #ddd;float:left;}
.news_l .l{ width:40%; float:left; color:#555; margin:15px 0 0 0}
.news_l .l h3{ padding:10px 0;color:#333; font-size:1.166em}
.news_l .l dt img{border:solid 1px #ddd; background:#fff; padding:5px}
.news_l .l dt a:hover img{ border:solid 1px #888}
.news_l .r{width:53%; float:right;}
.news_l .r dl{ width:86%; margin:1em 0 1em 0; border-bottom:solid 1px #ddd; padding-bottom:1em}
.news_l .r h3{font-size:1.166em}
.news_l .r span{ color:#999}
.news_l .r dd{ color:#666; padding:3px 0 0 0}
.news_l img,.news_r img{ width:100%}
div.news_r{ width:32%; float:right;position:relative;}

.sub_bannerBox{ height:270px; background:#ddd; text-align:center}
.sub_bannerBox img{ width:100%; display:none}
.sub_banner2{ height:270px; background:url(../image/sub_banner2.jpg) top center no-repeat}
.sub_banner3{ height:270px; background:url(../image/sub_banner3.jpg) top center no-repeat}
.sub_banner4{ height:270px; background:url(../image/sub_banner4.jpg) top center no-repeat}
.sub_banner5{ height:270px; background:url(../image/sub_banner5.jpg) top center no-repeat}
.sub_banner6{ height:270px; background:url(../image/sub_banner6.jpg) top center no-repeat}
.sub_banner7{ height:270px; background:url(../image/sub_banner7.jpg) top center no-repeat}
.sub_banner8{ height:270px; background:url(http://www.fovmy.com/images/sub_banner8.jpg) top center no-repeat}
.sub_banner9{ height:270px; background:url(http://www.fovmy.com/images/sub_banner9.jpg) top center no-repeat}

.left{display:block;}
.left_nav{ margin-top:-75px}
#left_current{ color:#b31a1d}
#left_current a{color:#b31a1d;background:url(http://www.fovmy.com/images/jt_a.jpg) no-repeat 36px 14px; }
.left_nav dt{ height:75px; line-height:75px; background:#E6212A; color:#fff;font-size:1.5em}
.left_nav dt div,.left_nav dd div{ width:76%; margin:0 auto;}
.left_nav dd{ background:url(../image/left.png) bottom right; padding:1em 0}
.left_nav dd div{ height:44px; line-height:44px; border-bottom:solid 1px #ccc}
.left_nav dd div.nav_nobg{ border:none}
.sub_main .l{ width:20%; float:left}
.sub_main .r{ float:right; width:76%; overflow:hidden}
.sub_main .r img{ max-width:100%}
.sub_title{ border-bottom:solid 1px #ddd; padding:1em 0;color:#666; text-align:right}
.sub_title a{ color:#666}
.sub_content{ padding:2em 0; line-height:2; color:#555}

/*新闻页*/
.sub_newslist{ padding:0 0 20px 0;}
.sub_newslist li{border-bottom:dashed 1px #CCCCCC; height:35px; line-height:35px}
.sub_newslist li a:link,.sub_newslist li a:visited{}
.sub_newslist dl{ border-bottom:solid 1px #ddd; margin:0 0 20px 0;padding:0 0 30px 0;clear:both}
.sub_newslist dl dt{ font-size:18px; font-weight:bold; margin:0 0 15px 0}
.sub_newslist dl dd img{width:100%}
.sub_newslist dl dd.i_l{ width:56%; float:left; border:solid 1px #ddd; padding:3px}
.i_r a:link,.i_r a:visited{ margin:20px 0 0 0; color:#d10000}
.i_r a:hover{ color:#333}
.sub_newslist dl dd.i_r{ width:38%; float:right;}
.news_li{ width:80%; float:left; display:block; background:url(http://www.fovmy.com/images/gif-0336.gif) no-repeat 0 10px; padding:0 0 0 18px;}
.news_time{ float:right; color:#ccc; font-size:12px}
.sub_newslist li div{color:#666; clear:both}
.clas{ height:40px; line-height:40px;color:#fff; text-indent:2em; margin-top:-40px;background:url(../image/mask_black_70.png); display:block; z-index:1; position:relative}
.list_show h3{ font-size:1.3em; text-align:center}
.case_list a{ width:33.3333%; float:left}
.case_list a dl{ width:90%; margin:0 auto 2em auto; padding:1em 0; text-align:center; background:#fff;}
.case_list a dt,.case_list a dd{ width:90%; margin:0 auto}
.case_list a h3{ font-size:1em; font-weight:normal}
.case_list a:hover dl{ box-shadow:0 0 8px #ccc}

.news_ts{ text-align:center; padding:.5em 0; border-bottom:solid 1px #ddd; margin:2em 0; color:#888}
.news_view h3{ text-align:center; font-size:1.6em; font-weight:normal}
.page_news{ padding:1em 0; line-height:2; border-top:solid 1px #ddd; margin:2em 0}
.news_tool a{ width:100px; height:30px; line-height:30px; border:solid 1px #ddd; background:#fff; display:block; text-align:center; float:left; margin:1em 1em 0 0; font-family:0.875em}

.news_list dl{ clear:both; margin-bottom:2em; padding:1em 0}
.news_list dl dt{ width:10%; float:left; height:100px; overflow:hidden; background:#f3f3f3; text-align:center; line-height:1.3; font-family:novecento; font-weight:bold}
.news_list dl dt strong{ font-size:3.3em;color:#cc0000; margin:.3em 0 0; display:block}
.news_list a dl dd{ width:86%; float:left; padding-left:2%; height:100px; overflow:hidden; font-size:0.875em; line-height:1.5em; color:#888}
.news_list dl h3{ font-size:1.3333em; color:#333}
.news_tt{ color:#999; height:30px; line-height:30px}
.news_list a:hover dl{ background:#f3f3f3}

.list_video dt{ position:relative; height:200px; overflow:hidden;}
.list_video dt img.b{ width:300px;height:200px; overflow:hidden; position:absolute; left:0; top:0; z-index:2;}
.list_video dt img.a{ height:200px; position:absolute; left:200px; z-index:1}
.list_video dt h4{ position:absolute; left:0; top:0; z-index:3; width:20px; padding:1em; line-height:1.2}

.bottom{ background:#F2f2f2; margin:1em 0; padding:3em 0; font-size:0.875em; line-height:1.8}
.bottom .a{ width:16%; float:left}
.bottom .b{ width:66%; float:left; color:#666}
.bottom .b a{ font-size:1.13333em}
.bottom .c{ width:18%; float:left; text-align:right; line-height:2}
.copyright{ font-size:0.875em; padding:0 0 1em 0}
.copyright .a{ width:80%; float:left}
.copyright .b{ width:19%;float:left; text-align:right}
.gotop_box{ position:fixed; right:10px; bottom:10px; background:url(../image/mask_black_70.png); height:40px; width:40px; line-height:50px; text-align:center; overflow:hidden; border-radius:3px; color:#fff; z-index:999999; cursor:pointer; font-family:"novecento"; font-size:2em; display:none}
a:hover.gotop_box{background:url(../image/mask_black_50.png); color:#fff}


input,textarea{ font-size:1em;font-family:"微软雅黑";}
input.met{ width:100%; padding:0 10px; height:27px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0; color:#999;}
textarea.mes{ width:100%; padding:5px 10px;height:52px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0;color:#999;}
input.m_in,textarea.m_in{ color:#333; width:100%}
.m_submit{ width:60px; text-align:center;color:#fff; height:26px; line-height:26px;border-radius:3px; background:#b31a1d; cursor:pointer; float:right}
.bottom_b dd span{ float:right; height:26px; line-height:26px; padding:0 10px 0 0; color:#d10;}
.bottom_js{display:none}
#bottom_nav,#bottom_nav a:link,#bottom_nav a:visited{ color:#222;padding:0 0 8px 0; font-weight:bold}
#bottom_nav a:hover{ color:#b31a1d}
.links{ clear:both;width:100%;}
.links .a{}
.links .b{ height:1px; display:block; background:#ddd; margin:15px 0}
.links a:link,.links a:visited{margin:0 5px; font-size:0.875em; color:#666}
.links a:hover{ color:#db010c}

.bottom_tool{ background:url(../image/mask_black_80.png); display:inline-table;*display:inline-table; *zoom:1; text-align:center; width:100%;height:46px;color:#fff; font-size:0.75em; line-height:1.2em; overflow:hidden; position:fixed; bottom:0; left:0;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:99999}
.bottom_tool dl{ display:table-row;*display:inline; *zoom:1;}
.bottom_tool dd{ display:table-cell;*display:inline; *zoom:1; width:25%;*width:24%}
.bottom_tool h5{ font-weight:normal; font-size:1em}
.bottom_tool a:link,.bottom_tool a:visited{ color:#f5f5f5; display:block; height:46px;}
.bottom_tool a:hover{ background:#006cd7}
.bottom_tool img{ margin:6px 0 0}

.f_title{ background:url(../image/f_title.png) no-repeat; height:75px}
.f_left{ width:45%; float:left}
.f_right{ width:53%; float:right}
.f_right .a{ background:#f1f1f1; padding:20px}
.f_feedback dl{ width:50%; float:left; padding:15px 0 0}
.f_feedback dl.f_dl{ width:100%;clear:both; float:none;  padding:15px 0 0}
.f_feedback dt{ width:40%; padding-right:10px; float:left; text-align:right}
.f_feedback dt span{ color:#f10915; font-weight:bold}
.f_feedback dd{ width:50%; float:left}
.f_feedback dl.f_dl dt{ width:20%}
.f_feedback dl.f_dl dd{ width:70%}
.f_feedback dl.f_dl dd textarea{ width:100%}
.f_feedback dd input,.f_feedback dl.f_dl dd textarea{ border:solid 1px #999; background:#fff; padding:3px; vertical-align:middle}
.f_feedback dd input.code{ width:80px}
a.submit{ width:100%; height:36px; line-height:36px; color:#fff; background:#d5010d; border-radius:3px; display:block; text-align:center}
a:hover.submit{ background:#f10915}
#post_text{ color:#f10915}

/*分页样式*/
.fy{padding:3em 0 0; clear:both; text-align:right}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#cc0000; background:#888; margin:0 1px;border:solid 1px #ccc}
.fy2{color:#fff;}
.fy3,.fy4{color:#888; background:#fff}
.fy4{ padding:3px 7px}
a:link .fy4,a:visited .fy4{ background:#888; color:#fff}
a:link .fy1,a:visited .fy1{ color:#fff}
a:hover .fy1,a:hover .fy2,a:hover .fy4{color:#cc0000;}
.page_jum{ margin:0 0 0 3px}
#jumpMenu{height:19px; margin:0 2px}

.contact_img{ float: left; margin:0 20px 20px 0}
.mask_box{ width:100%; height:100%; background:url(../image/mask_black_90.png); position:fixed; _position:absolute;left:0; top:0; z-index:1; display:none}

/*在线客服*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../image/kf.gif) no-repeat; font-size:0.875em; z-index:10000}
#box_os,.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0px; top:20%;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-100); z-index:1000;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: qq_animate;-webkit-animation-name: qq_animate;}
.box_os .os_x{background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer; margin-bottom:-25px;}
.box_os .osqq{ width:129px; border:1px solid #f3f3f3; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center}
.box_os .osqq p{ height:auto; line-height:1;width:110px; margin:0 auto; padding:1em 0 0}
.box_os .osqq p strong{font-weight:normal; font-size:0.875em}
.box_os .osqq img{ padding:7px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#333; display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
#onlineService,.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:250px; _position:absolute; z-index:1000}
.onlineService .ico_os{ background-position:-2px -20px;cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0;cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px;cursor:pointer; width:39px;height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}
@media screen and (max-width:1200px) and (min-width:1024px){
	.f_left{ width:40%;}
	.f_right{ width:55%;}
}
@media screen and (max-width:1024px){
    .copyright{ display:none}	
    .left_nav{ width:88%;}
}
@media screen and (max-width:1023px){	
	.top_box{ height:200px}
	.top_ul1{ float:none; width:100%; text-align:center}
	.top_ul2{ border:none; width:100%;float:none;}
	.ys ul.a{ display:none}
    .ys ul.b{ display:block}
    .left_nav{ width:100%;}
	div.news_l,div.news_r{ width:100%; float:none}
	div.news_r{ padding:40px 0 0; clear:both}
	.news_l .r dl{ width:98%}
	.sub_bannerBox{ background:none; height:auto}
	.f_left{ width:35%;}
	.f_right{ width:62%;font-size:0.875em}
	.f_right .a{ padding:10px}
}
@media screen and (max-width:1024px) and (min-width:768px){
}
@media screen and (min-width:769px){
    .bottom_tool{ display:none}
}
@media(max-width:768px){
	.margin_50{ height:25px}
	.fy2,.fy_total,.page_jum{ display:none}
    .case_list a{width:50%;}
	.f_left{ display:none}
	.f_right .a{ background:none; padding:0}
	.f_right{ width:100%;float:none;font-size:1em}
}
@media(max-width:767px){
	.header,.flin{ display:none}
	.top_box{ height:60px;position:fixed; z-index:99999;background:url(../image/mask_white_90.png);}
	.top_box .content{ width:95%}
	.top_ul1,.top_ul1 a{ text-align:left; height:60px}
	.top_ul1 img{ max-width:120px;}
    .power{display:block;}
	.nav{position:absolute; background:none; left:0; top:60px; width:100%; z-index:999; display:none}
	.banner{ padding-top:60px}
	.menu ul{ padding-top:1em}
	.menu ul li{width:100%;}
    .menu ul li.menu_none{ display:inherit}
	.menu ul li a{ height:22px; line-height:22px; background:none;text-align:left; text-indent:3.2em; color:#ccc}
	.nav li a:link,.nav li a:visited{ display:block; padding:.6em 0; border:none; color:ccc}
	.menu ul li a:hover,.menu ul li.menu_current a:link,.menu ul li.menu_current a:visited{color:#db010c}
	.menu ul li a strong{ height:30px; line-height:30px; position:relative}
	.menu ul li a p{ left:-55555px}
	.menu ul{ border:none;}
	div.title{font-size:0.75em; width:90%; margin:0 auto}
    div.title dt{ font-size:2em;}
    div.title dd{ font-size:1.6em; height:40px; line-height:40px}
	.bg_a{ padding-bottom:2em}
	.service dt span{ transform:scale(0.4,.4); margin:-1em auto}
	.service .a dl{ padding:.5em 0; display:block;}
	.service .b dl{ border-right:none; margin:.5em 0;}
	.service .a a{ width:50%; text-align:center; margin-bottom:1em}
	.service .b a{ width:33.3333%; text-align:center}
	.service dd{ font-size:1em}
	.index_about .a,.index_about .b{ width:100%; float:none}
	.index_about .b{ margin:1em 0}
	.index_about .b li dd{ line-height:1.5}
	.index_about .b li dd h3{ font-size:1em}
	.partner ul{ width:33.333%;}
	.adp ul{ width:100%; float:none; margin-bottom:.5em}
	.links{ display:none}
	.bottom{ margin:0}
	.bottom .a,.bottom .c{ display:none}
	.bottom .b{ width:100%}
	.sub_bannerBox{ padding-top:60px;}
	.sub_bannerBox div{ display:none}
	.sub_bannerBox img{ display:block;}
    .sub_main .l{ width:100%; float:none}
    .sub_main .r{ float:none; width:100%;}
	.left_nav{ margin:0}
	.left_nav dl{ clear:both;}
	.left_nav dt{ display:none}
	.left_nav dd div{ width:auto; display:block; margin:0; float:left; border:none}
	.left_nav dd div a{ padding:.5em 1.2em; background:#ddd; margin:0 2px}
	.left_nav dd{background:none}
	.sub_newslist dl dd.i_l,.sub_newslist dl dd.i_r{ width:96%; margin:0 auto; float:none}
	.clas{ text-indent:.5em; font-size:0.875em}
	.news_list dl dt{ width:30%;}
	.news_list a dl dd{ width:65%;}
	.fy{ font-size:0.875em}
}
@media(max-width:640px){
	.content{ width:90%;}	
	.sub_main .content{ width:86%}
	.sub_title,.news_ts{ font-size:1em}
	.sub_menu dd{ width:33%; border-radius:0; border-right:solid 1px #fff; border-bottom:solid 1px #fff; margin:0}
	.news_ts,.sub_title{ font-size:0.875em}
	.news_view h3{ line-height:1.2}
	.f_feedback dl{ width:100%; float:none; padding:15px 0 0}
	.f_feedback dt{ width:100%;float:none; text-align:left}
	.f_feedback dd{ width:100%; float:none}
	.f_feedback dd input,.f_feedback dl.f_dl dd textarea{ width:80%}
	.f_feedback dl.f_dl dt{ width:100%}
	.f_feedback dl.f_dl dd{ width:100%}
}
@media(max-width:639px){
    .case_list_a li,.case_list_b li{width:90%; margin:0 auto; float:none}
	.news_list dl dt{ width:30%;}
	.news_list dl dd{ width:30%; line-height:1.5em;}
	.news_list dl dd h3{ font-size:1.25em}
	.bottom{ padding:1em 0}
	.left_nav dd div a{ padding:.5em .5em; margin:0 2px; font-size:0.875em}
    .case_list a{width:100%;}
	.f_title{ background-size:280%; height:50px}
}
@media(max-width:360px){
	.te_list ul{ width:100%;}
}
@media(max-width:320px){
	.content{ width:90%;}
}
@keyframes content_animate {
0% {opacity:0;transform:translate(0, 50px);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes qq_animate {
0% {opacity:0;transform:translate(200px, 0);}
100% {opacity:1;transform:translate(0, 0);}
}
@keyframes hoorai {
  0% {
    transform: rotate(-90deg);
    opacity: 1.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0.0;
  }
}

@-moz-keyframes rotate{
  0%{
	-moz-transform:rotate(0deg);
   }
   100%{
	 -moz-transform:rotate(360deg);
   }
}
@-webkit-keyframes rotate{
  0%{
	-webkit-transform:rotate(0deg);
   }
   100%{
	 -webkit-transform:rotate(360deg);
   }
}
@keyframes rotate{
  0%{
	transform:rotate(0deg);
   }
   100%{
	 transform:rotate(360deg);
   }
}