@charset "utf-8";
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; background:#fff;}
body{font-family:"微软雅黑"; color:#333; background:url(../images/body.jpg);}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#333; text-decoration:none;_cursor:pointer}
a:hover{ color:#271572; text-decoration:none;_cursor:pointer}
.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}
.grey{background:#f1f1f1}
.grey_b{ background:#f1f1f1}
.grey_c{ background:#f8f8f8}
.grey_d{ background:#fefefe}
.bg_white{ background:#fcfcfc}
.right{ text-align:right}
.green{ background:#A6CE38; color:#fff; height:500px}
a:link,a:visited,a:hover{ cursor:pointer}
.content{width:96%; margin:0 auto; max-width:1000px; min-width:320px; overflow:hidden; font-size:0.75em;}
.content img{ max-width:100%}
.power{display:none; cursor:pointer; position:absolute; top:70px; right:10px; width:60px; height:30px; margin:15px 10px 0px 0;*margin:15px 5px 17px 0; overflow:hidden}
.power li{ width:30px; float:left; color:#666}
.power span{ height:5px; border-radius:2px; margin:0 0 3px 0; display:block; *overflow:hidden; background:#271572}
.power span i{ width:2px; height:5px; margin:0 0 0 5px; display:block; background:#f8f8f8}
.sub_main{ padding-bottom:50px; background:#fff}
.sub_main .l{ float:left; width:22%;}
.sub_main .l dt{ height:80px; line-height:80px; text-indent:2em; background:#21116f; color:#fff; font-size:1.7em;}
.sub_main .l dd a{ background:url(../images/left_nav.jpg) no-repeat;height:46px; line-height:46px; display:block; padding-left:5em}
.left{display:block;}
.left_nav{ padding-top:1em}
#left_current{ color:#b31a1d}
#left_current a{color:#b31a1d;background:url(../images/jt_a.jpg) no-repeat 36px 14px; }
.sub_main .r{ float:right; width:74%; overflow:hidden}
.sub_main .r img{ max-width:100%}
.sub_title{ height:36px; border-bottom:solid 1px #ddd; line-height:36px; color:#666; text-align:right}
.sub_title a{ color:#666}
.sub_content{ padding:40px 0 0; line-height:2.2em; min-height:500px; color:#555; font-size:1.1333em}
.copyright{ background:#2C2C2C;color:#999; display:block; line-height:1.6;}
.copyright .a{ width:30%; float:left; padding:1.5em 0}
.copyright .b{ width:70%; float:right; text-align:right; padding:1.5em 0}
.copyright a{ color:#999}
.case_list li{ width:25%; float:left; text-align:center; margin-bottom:2em}
.case_list li dl{ width:90%; margin:0 auto;}
.case_list li dl img{ border:solid 1px #ddd; padding:4px}
.news_list dl{ border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px}
.news_list dd{ line-height:1.6; color:#666;}
.news_list h3{}
.news_list div{ padding:6px 0; color:#888}
.news_view h3{ text-align:center; font-size:1.6em;}
.news_ts{ text-align:center; color:#999; padding:10px 0 20px 0; border-bottom:dashed 1px #CCC; margin-bottom:30px}
.news_tool a{  text-align:center; display:inline-block; height:22px; line-height:22px; border:solid 1px #ddd; margin-top:20px}
.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:#d10000; cursor:pointer; display:inline-block; margin-left:60px}
.error_feedback{color:#B21B3A; text-indent:40px}
#show_code,#show_code2{ cursor:pointer}
.play_box{ width:80%; margin:2em auto}
/*old*/
.top_line{ height:40px; line-height:40px; border-bottom:solid 1px #eee;width:100%}
.top_line dt,.top_line dd{ display:inline-block; *display:inline; *zoom:1}
.top_line dd{ padding-left:3em}
.top_text,.top_text a{ color:#888; text-align:right}
.top_text span{ color:#0031bd; font-size:1.2em; font-family:Arial, Helvetica, sans-serif}
.top_box{height:104px; width:100%; background:url(../images/body.jpg);_overflow:hidden}
.top_ul1{ width:20%; float:left;overflow:hidden; height:104px; overflow:hidden;}
.top_ul1 dt,.top_ul1 dd{ float:left}
.top_ul2{ width:73%;float:right; position:relative}
.menu{position:relative; z-index:99}
.menu ul{ width:100%; text-align:center; font-size:1.25em; position:relative; z-index:999999;}
.menu ul li{position: relative;color:#fff;width:13.5%;display:inline-block; *display:inline;*zoom:1;}
.menu ul li a{position:relative; display:block; height:104px; width:100%; text-align:center;}
.menu ul li strong{position:absolute; width:100%; height:20px; text-align:center; top:43px; left:0; font-weight:normal}
.menu ul li span{height:20px; width:100%; position:absolute; top:65px; left:0; font-size:0.65em; display:block; text-align:center; color:#999; font-family:Arial, Helvetica, sans-serif;-webkit-transform:scale(0.8);-o-transform:scale(1);}
.menu ul li a:link, .menu ul li a:visited{color: #222;}
.menu ul li a:hover{background:#271572; color:#fff;}	
.menu ul li dl{position: absolute;left: 0; top:115px; width:100%;text-align:center;_width:102px; background:url(../images/mask_white_90.png); padding:5px 0;display:none; font-size:0.875em; z-index:1000000;}
.menu ul li dl dd{display: block; width:100%; margin:0; background:none; height:30px; line-height:30px;white-space:nowrap;_overflow:hidden}
.menu ul li dl dd a:link,.menu ul li dl dd a:visited{color:#333;white-space:nowrap; display:block; background:none}
.menu ul li dl dd a:hover{color:#b31a1d; display:block; background:url(../images/mask_white_70.png); height:30px}
.menu ul li.current{ font-weight:bold; background:#271572;}
.menu ul li.current a{ color:#fff}
li.current dl{font-weight:normal}
.banner{ clear:both}

.title{ text-align:center; margin:3em 0 2em 0}
.title dl{ margin:0 auto}
.title dt{ font-size:2.1em; color:#271572; background:url(../images/title_line.gif) center center no-repeat; display:block}
.title dd{ font-size:1.22em; padding-top:0.5em; color:#777}

.hxyw ul{ width:33.333%; float:left}
.hxyw ul dl{ width:93%; margin:0 auto;  text-align:center; background:#888; line-height:2em; padding:0.8em 0; font-size:1.333em; cursor:pointer}
.hxyw ul dl a{ color:#fff}
.hxyw ul dl.a{ background:#271572}

.index_about{ width:97.8%; margin:0 auto}
.index_about .l{ width:45%; float:left; background:url(../images/img1.jpg) bottom right}
.index_about .l ul{ background:url(../images/mask_black_80.png); padding:6em 2em 2em}
.index_about .l dl{ color:#ccc}
.index_about .l dt{ text-align:center; font-size:1.5em}
.index_about .l dd{ font-size:1.1666em;line-height:1.8em; padding:2em 0}
.index_about .l dd a{ width:130px; height:30px; border:solid 1px #999; color:#ccc; display:block; margin:0 auto; text-align:center; line-height:30px;}
.index_about .l dd a:hover{ background:#eee; color:#666}
.index_about .r{ width:52%; float:right}
.index_about .r dl{ border-bottom:solid 1px #ddd; margin-bottom:1em; padding-bottom:1em}
.index_about .r dt{ font-size:1.166em; font-weight:bold}
.news_t{ color:#ddd}
.news_c{ color:#888; padding:0.5em 0}
.news_href a{ width:26px; height:26px; line-height:26px; font-size:18px; float:left; border:solid 1px #ddd; display:block; margin-right:0.3em; text-align:center; font-family:Arial, Helvetica, sans-serif}
.news_href a:hover{ background:#b4b4b4; color:#fff}
.index_about .r dl.news_noline{ border:none}

.sub_bannerBox{text-align:center;}
.sub_banner2{ height:260px; background:url(../images/sub_banner2.jpg) top center no-repeat}
.sub_banner3{ height:260px; background:url(../images/sub_banner3.jpg) top center no-repeat}
.sub_banner4{ height:260px; background:url(../images/sub_banner4.jpg) top center no-repeat}
.sub_banner5{ height:260px; background:url(../images/sub_banner5.jpg) top center no-repeat}
.sub_banner6{ height:260px; background:url(../images/sub_banner6.jpg) top center no-repeat}
.sub_banner7{ height:260px; background:url(../images/sub_banner7.jpg) top center no-repeat}
.sub_banner8{ height:260px; background:url(../images/sub_banner8.jpg) top center no-repeat}
/*新闻页*/
.news_list dl{ border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px}
.news_list dd{ font-size:12px; line-height:1.6; color:#666}
.news_list h3{ font-size:15px}
.news_list div{ padding:6px 0; color:#888}
.news_view h3{ text-align:center; font-size:18px}
.news_ts{ text-align:center; color:#999; padding:10px 0 20px 0}
.news_tool a{ text-align:center; display:inline-block; height:22px; line-height:22px; border:solid 1px #ddd; margin-top:20px; font-size:12px}
.clas{ height:40px; line-height:40px;color:#fff; text-indent:2em; margin-top:-40px;background:url(../images/mask_black_70.png); display:block; z-index:1; position:relative}
.list_show h3{ font-size:1.3em; text-align:center}
.bottom{line-height:2; width:100%;clear:both; background:#eee; color:#666; padding:1em 0; border-top:solid 1px #ddd}
.bottom a{ color:#666}
.bottom a:hover{ color:#271572}
.bottom ul{margin:0 auto; text-align:left}
.bottom_a{ width:66%;border-right:solid 1px #ccc; float:left; margin:20px 0 0 0;}
.bottom_b{ width:30%; float:right; margin:15px 0 0}
.bottom_b dt{background:url(../images/tt.gif) 65px 0 no-repeat; height:24px; line-height:20px; color:#333; font-size:1.23em}
.bottom_b dt span{ color:#fff; margin:0 0 0 30px; font-size:0.8em}
.bottom_b dd{ line-height:1.2; color:#999; margin:0 0 10px 0}
.bottom_b dd p{font-family:Arial, Helvetica, sans-serif;}
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:#444; width:100%}
.m_submit{ width:60px; text-align:center;color:#fff; height:26px; line-height:26px;border-radius:3px; background:#271572; 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{ color:#271572; padding-bottom:1em}
.bottom_nav,.bottom_nav a:link,.bottom_nav a:visited{ color:#271572;font-weight:bold}
.bottom_nav a:hover{ color:#b31a1d}
.links{ clear:both;width:100%; background:#212121; float:left; margin:20px 0 0 0}
.links ul{margin:0 auto; height:35px; line-height:35px; text-align:left; color:#eee}
.links a:link,.links a:visited{ color:#fff; margin:0 5px}
.links a:hover{ color:#ffcc00}
.links div{ float:right; width:800px; text-align:right}
.yqlj{ margin:10px 0 20px 0; clear:both}
.yqlj .title dt,.yqlj .title dd{}
.yqlj ul{word-break:break-all; word-wrap:break-word}
.yqlj a:link,.yqlj a:visited{ color:#444; margin:0 5px}
.yqlj a:hover{ color:#b31a1d}
.lin_b{ border-top:solid 1px #ddd}
.bottom_tool{ background:url(../images/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:#271572}
.bottom_tool img{ margin:6px 0 0}

.etiie{background:#dddddd}
.etiie td{padding:5px; background:#FFF}
.hrlyp{overflow:hidden; margin:0 auto;}
.hrlyp li{ width:20%;float:left;font-size:2em;position:relative; margin:0; padding:0}
.hrlyp li dd{ position:relative}
.hrlyp li img{ width:100%}
.hrlyp li a{color:#fff; text-align:center; display:block; position:absolute; left:0;top:42%;_top:80px; height:100%; width:100%;text-align:center}
/*old end*/
/*分页样式*/
.fy{ font-size:0.875em; padding:3em 0; clear:both}
.fy1{padding:3px 7px; clear:both; color:#fff; background:#666; border:solid 1px #ccc; margin:0 1px; font-family:1em}
.fy1 a:link,.fy1 a:visited{color:#fff}
.fy1 a:hover{text-decoration:underline; color:#3141b7; text-decoration:none}
.fy2{padding:3px 9px; border:solid 1px #ccc;background:#666; color:#3141b7}
.fy2 a:link,.fy2 a:visited{color:#fff}
.page_jum{ margin:0 0 0 3px}
#jumpMenu{height:19px; margin:0 2px}

/*在线客服*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/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:250px;_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; text-align:left; font-size:0.875em}
.box_os .osqq p strong{ color:#666;}
.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;}

.contact_img{ float: left; margin:0 20px 20px 0}
@media screen and (max-width:1200px) and (min-width:1024px){
}
@media screen and (max-width:1024px){
	.top_box{ height:208px}
	.top_ul1{ float:none; width:100%; text-align:center}
	.top_ul2{ float:none; width:100%;}	
    .copyright .a{ display:none}	
	.copyright .b{ text-align:center; width:100%}
	.box_os{ display:none}
    .left_nav{ width:88%;}
	.qygqxs dl{ width:33%}
}
@media screen and (max-width:1023px){
	.top_text{ text-align:center}
    .left_nav{ width:100%;}
	.zz{ display:none}
	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%}
	.hyzx dl{ border-bottom:solid 1px #ddd; margin-bottom:20px; padding-bottom:20px; height:100px}
	.hyzx dd p{ display:block}
	.hrlyp li{ font-size:1.5em}
}
@media screen and (max-width:1024px) and (min-width:768px){
}
@media screen and (min-width:769px){
    .bottom_tool{ display:none}
}
@media(max-width:768px){
	.copyright{ padding-bottom:50px}
	.fy2,.fy_total,.page_jum{ display:none}
	.sub_main .r,.sub_main .l{ float:none; width:100%}
	.sub_main .l{ margin:3em 0 0}
	.sub_banner .a{ display:none}
    .case_list li{ width:50%;}
	.qygqxs dl{ width:49%}
	.bottom_a{ width:100%; float:left; text-align:center}
	.bottom_a img{ position:absolute; left:0; top:0}
	.bottom_b,.bottom_c{ display:none}
	.yqlj{ display:none}
	.bottom img{ display:none}
	
}
@media(max-width:767px){
	.sub_bannerBox ul{ display:none}
	.sub_bannerBox ul.sub_banner_1024{ display:block}
	.top_line dt{ width:100%; text-align:center}
	.top_line dd{ display:none}
	.top_box{ height:104px}
	.top_ul1{ text-align:left}
	.top_ul2{ display:none; height:auto;}
    .power{display:block; cursor:pointer; position:absolute; right:0px;}
	.menu ul li{ display:inline;width:100%; text-align:center; padding:.3em 0; height:auto; line-height:auto}
	.menu ul li a{ height:auto}
	.menu ul li span{ display:none}
	.menu ul li strong{ height:auto; position:static}
	.menu ul li dl{ position:absolute; left:-10000px;}
	.nav li a:link,.nav li a:visited{ display:block; padding:.8em 0;background:url(../images/mask_white_90.png); width:100%;}
    .menu ul li a:hover{background:#271572; color:#fff}	
	.box_os{ display:none}
	.sub_bannerBox{ display:none}
	.hxyw ul{ width:100%; margin:0 auto; float:none; margin-bottom:2em}
	.index_about .l,.index_about .r{ width:96%; float:none; margin:0 auto}
	.index_about .r{ margin-top:2em}
	.bottom{ padding-bottom:5em}
    .menu ul li.current a{ color:#271572}
}
@media(max-width:640px){
	.content{ width:90%}
	.top_ul1 h1 img{transform:scale(0.75,0.75); }
	.show_copyright{ display:none}
	.sub_banner{ display:none}
	.sub_main .content{ width:86%}
	.sub_title,.news_ts{ font-size:1em}
	.khjz_box dl{ width:100%;}
    .khjz_box dl dd{height:1em; text-align:center}
	div.news_l .l,div.news_l .r,.news_l .r dl{ width:100%; float:none}
	div.news_l .l dt{ width:20%; margin:0; padding:0; float:left}
	div.news_l .l dt img{ padding:2px}
	div.news_l .l dd{ width:74%; margin:0; padding:0; float:right}
	.qygqxs dl dt,.qygqxs dl dd{ width:95%; margin:0 auto; float:none;}
	.qygqxs dl dd{ padding-top:.6em}
	.hrlyp li{ width:50%; font-size:1.5em}
	.hrlyp li.lyp_last{ width:100%}
	.hrlyp li.lyp_last dt,.hrlyp li.lyp_last dd{ width:50%; float:left}
	.links{ display:none}
	.sub_main .l dt{ height:50px; line-height:50px}
	.sub_bannerBox ul.sub_banner_1024{ display:none}
	.sub_bannerBox ul.sub_banner_768{ display:none}
	.sub_bannerBox ul.sub_banner_640{ display:block}
	.sub_newslist dl dd.i_l,.sub_newslist dl dd.i_r{ width:96%; margin:0 auto; float:none}
	.content{width:94%;}
}
@media(max-width:360px){
    .case_list li{ width:100%; float:none}
	div.news_l .l dt{ width:100%;float:none; text-align:center}
	div.news_l .l dt img{ padding:2px; width:80%}
	div.news_l .l dd{ width:100%;float:none; border-bottom:solid 1px #ddd; padding-bottom:20px; margin-bottom:20px}
	div.news_l .l dd h3{text-align:center}
	.title dt{ font-size:1.8em}
	.title dd{ font-size:1em; padding:1em 2em 0 2em}
}
@media(max-width:320px){
}
@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);}
}