@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{ padding:0; margin:0;  font:normal 12px/200% "宋体"; color:#000000;text-align:center; font-size:1.2rem;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "宋体"; font-size:1.2rem;}
li,p{text-align:left;font:normal 12px/200% "宋体"; font-size:1.2rem;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "宋体"; font-size:1.2rem;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.w1000{ width:1000px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px; font-size:1.4rem;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.purple,.purple a:link,.purple a:visited,.purple a:hover{ color:#ab68ff;}
.purple2,.purple2 a:link,.purple2 a:visited,.purple2 a:hover{ color:#5f03d1;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#999;}
/*top*/
/*channel nav*/
.channel_nav01{ margin:0px auto 10px;}
.channel_nav01 span{ float:left; width:200px;}
.channel_nav01 ul{ float:left; padding-left:55px; width:430px;}
.channel_nav01 ul li i{ padding-left:12px; padding-right:2px; font-weight:bold; color:#7200ff;}
.channel_nav01 p{ float:right; width:230px; text-align:right; padding-top:12px;}
.channel_nav01 p .input01{ height:26px; width:180px; vertical-align:middle; line-height:26px; border:#e7e7e7 1px solid; color:#000;}
.channel_nav01 p .input02{ background:url(images/icon01.gif) no-repeat; border:none; width:30px; height:28px; vertical-align:middle;}

.channel_nav02{ background:#333; height:60px;}
/*.channel_nav02 .nav01a{ width:340px; padding-left:20px; float:left;}
.channel_nav02 .nav01a dt{ float:left; width:65px; text-align:center; font: normal 20px/140% \5FAE\8F6F\96C5\9ED1; padding-top:8px;}
.channel_nav02 .nav01a dt i{ color:#7722e1; font:normal 12px/120% \5FAE\8F6F\96C5\9ED1;}
.channel_nav02 .nav01a dd{ font:normal 14px/65px \5FAE\8F6F\96C5\9ED1;}
.channel_nav02 .nav01a dd a{ padding:0 8px;}
.channel_nav02 .nav02a{ float:right; width:640px;}
.channel_nav02 .nav02a dt{ background:url(images/nav01.gif) 0 15px no-repeat; width:1px; height:65px; float:left; float:left;}
.channel_nav02 .nav02a dd{ text-align:center; float:left;font:normal 20px/120% \5FAE\8F6F\96C5\9ED1; width:126px; padding-top:12px;}
.channel_nav02 .nav02a dd i{ color:#a4a4a4;font:normal 12px/140% \5FAE\8F6F\96C5\9ED1; display:block;}*/
/*p1*/
.p1_content{ margin:30px auto;}
.p1_content .fl{ width:660px;}
.p1_content .fr{ width:300px;}
.title_h2_a{ height:78px; margin-bottom:10px;}
.title_h2_a span{ float:left; width:78px;font:normal 36px/110% \5FAE\8F6F\96C5\9ED1; font-size:3.6rem;}
.title_h2_a em{ float:left;}
.title_h2_a i{ display:block; font-family:Arial, Helvetica, sans-serif; line-height:110%;}
.title_h2_a .fz14{ font-size:14px; font-size:1.4rem;}
.title_h2_a .fz12{ font-size:12px; font-size:1.2rem;}
.title_h2_a .fz16{ font-size:16px; font-size:1.6rem;}
.title_h2_a .pad_top01{ padding-top:33px;}
.title_h2_a .pad_top02{ padding-top:49px;}
.title_h2_a b{ float:right; font:normal 12px/120% Arial, Helvetica, sans-serif; padding-top:65px; font-size:1.2rem;}
.p1_content .fr .pic01{ margin-bottom:26px;}

.p1_content .fr .pic02{ margin-bottom:20px;}
.p1_content .fr .pic02 dt{ float:left; width:130px;}
.p1_content .fr .pic02 dd{ float:right; width:150px;}
.p1_content .fr .pic02 dd p{ display:block;}
.title_h2_b{ height:55px; margin-bottom:10px;}
.title_h2_b span{ display:block;font:normal 24px/120% \5FAE\8F6F\96C5\9ED1; font-size:2.4rem;}
.title_h2_b em{ display:block;}
.title_h2_b i{ display:block; font-family:Arial, Helvetica, sans-serif; line-height:110%; color:#999;}
.title_h2_b .fz14{ font-size:14px; font-size:1.4rem;}
.title_h2_b .fz12{ font-size:12px; font-size:1.2rem;}
.p1_content .fr .top_h2{ padding:0; margin-bottom:-6px;}
.p1_content .fr .top_h2 em{font:normal 36px/120% Arial, Helvetica, sans-serif; font-size:3.6rem;}
.p1_content .fr .top_title{ background:url(images/p1_01.gif) repeat-x; height:19px; font:normal 14px/19px "宋体"; text-align:center; margin-bottom:5px; font-size:1.4rem;}
.p1_content .fr .top_title a{ padding:0 15px;}
.p1_content .fr .top_ol{ background:url(images/p1_02.gif) 2px 8px no-repeat;}
.p1_content .fr .top_ol li{ padding-left:30px; line-height:36px;}


#p1_box{width:660px;position:relative;}
#p1_box ul li{display:none;text-align:center;font-size:14px;font-weight:bold;position:absolute; font-size:1.4rem;}
#p1_box ul li img{display:block;}
#p1_box ul li em{background:#000;filter:alpha(opacity=60);opacity:.6;height:143px;position:absolute;top:647px;width:660px;left:0;display:inline-block;}
#p1_box ul li span{position:absolute;top:660px; width:540px;left:0;display:inline-block;z-index:1;text-align:left;padding:8px 10px 8px 80px;font-weight:normal;}
#p1_box ul li span b{display:block;padding-bottom:12px;font-size:24px; font-family: \5FAE\8F6F\96C5\9ED1; font-size:2.4rem;}
#p1_box ol{position:absolute;top:647px; left:0; width:40px;}
#p1_box ol li.active{background:#7200ff;display:block;color:#fff;}
#p1_box ol li{background:#222222;float:left;text-align:center;height:28px;line-height:28px;width:40px;font-size:14px;cursor:pointer;color:#68646f; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1.4rem;}


/*p2*/
.p2_content{ margin:30px auto;}
.p2_content .fl{ width:660px;}
.p2_content .fr{ width:300px;}
.p2_content .fl h2{ margin-bottom:18px;}
.p2_content .fl h2 span{font:normal 36px/120% \5FAE\8F6F\96C5\9ED1; font-size:3.6rem;}
.p2_content .fl h2 i{font:normal 18px/120% Arial, Helvetica, sans-serif; font-size:1.8rem;}
.p2_content .fl .con_text{ margin:0 auto 35px;}
.p2_content .fl .con_text dt{ width:250px; float: left;}
.p2_content .fl .con_text dd{ width:390px; float:right;}
.p2_content .fl .con_text dd strong{font: bold 20px/200% \5FAE\8F6F\96C5\9ED1; display: block; clear:both; font-size:2.0rem;}
.p2_content .fl .con_text dd p{ display:block; line-height:210%; padding-right:5px;}
.p2_content .fl .con_text dd div{ clear:both; height:30px;}
.p2_content .fl .con_text dd div span{ float:right; line-height:120%;}
.p2_content .fl .con_text dd div span a{ padding:0 0 0 10px;}
.p2_content .fl .con_text dd div em{ float:left; background:#5f03d1; padding:0 16px; line-height:120%;}
.p2_content .fr .pic01{ width:300px; margin-bottom:10px;}
.p2_content .fr .pic01 em{ display:block; height:30px; background:#000; margin-top:-30px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p2_content .fr .pic01 i{display:block; height:30px; line-height:30px; margin-top:-30px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p2_content .fr .free_banner{ background:url(images/p2_01.gif) left top no-repeat; height:97px; overflow:hidden; text-align:right; margin-top:30px;}
.p2_content .fr .free_banner b{ display:block;font:normal 18px/180% \5FAE\8F6F\96C5\9ED1; font-size:1.8rem;}
.p2_content .fr .free_banner p{ text-align:right;}
.p2_content .fr .banner2{ text-align:center; padding:1px 0 25px;}
.p2_content .fr .banner2 img{ display:block; margin-bottom:6px;}
.p2_content .fr .banner2 b{ display:block; font:normal 14px/200% "宋体"; text-align:left; font-size:1.4rem;}
.p2_content .fr .banner2 p span{ padding-top:14px; display:block;}
/*p3*/
.p3_content{ margin:30px auto;}
.p3_content .fl{ width:660px;}
.p3_content .fr{ width:300px;}
.p3_content .fl h2{ margin-bottom:18px;}
.p3_content .fl h2 span{font:normal 36px/120% \5FAE\8F6F\96C5\9ED1; font-size:3.6rem;}
.p3_content .fl h2 i{font:normal 18px/120% Arial, Helvetica, sans-serif; font-size:1.8rem;}
.p3_content .fl .pic{ width:490px; float:left;}
.p3_content .fl .pic em{ display:block; height:30px; background:#000; margin-top:-30px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p3_content .fl .pic i{display:block; height:30px; line-height:30px; margin-top:-30px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p3_content .fl .title{ width:168px; float:left;}
.p3_content .fl .title li{ border-bottom:#ccc 1px solid; height:54px; text-align:center; font:normal 18px/54px \5FAE\8F6F\96C5\9ED1; font-size:1.8rem;}
.p3_content .fl .title li.t01{ background:url(images/icon04.gif) 8px 22px no-repeat #333; color:#a155ff; text-align:left; padding-left:27px;}
.p3_content .fr .pic { padding-top:4px;}
.p3_content .fr .pic li{ width:300px; height:240px; overflow:hidden;}
.p3_content .fr .pic em{ display:block; height:62px; background:#000; margin-top:-62px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p3_content .fr .pic div{display:block; height:50px; margin-top:-52px; margin-left:10px; margin-right:5px; position:relative; z-index:2;}
.p3_content .fr .pic div b{ display:block;}
.p3_content .fr .pic div b img{ vertical-align:middle; margin-right:5px;}

.p3_foucs{position:relative;width:300px;}
.p3_foucs li{ text-align:center; float:left;}
.p3_pre{ background:url(images/icon02.gif) no-repeat;width:9px;height:11px; position:absolute;top:-25px;left:255px;z-index:100; cursor:pointer;}
.p3_next{background:url(images/icon03.gif) no-repeat;width:9px;height:11px; right:10px; top:-25px;position:absolute; z-index:100;cursor:pointer;}


/*p4*/
.p4_content{ margin:30px auto;}
.title_h1p h1{ background:url(images/line_title.gif) center no-repeat; text-align:center;font:normal 42px/180% \5FAE\8F6F\96C5\9ED1; letter-spacing:0.1em; font-size:4.2rem;}
.title_h1p p{ text-align:center; clear:both; display:block; line-height:220%;}
.title_h1p p a{ padding:0 15px;}
.p4_left{ width:660px; float:left;}
.p4_right{ width:300px; float:right;}

.p4_left .div01{ clear:both; margin:10px auto 20px;}
.p4_left .div01 .pic01{ float:left; width:310px;}
.p4_left .div01 .list{ float:right; width:326px; height:210px;}
.p4_left .div01 .pic01 em{ display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p4_left .div01 .pic01 i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p4_left .div01 .list b{ display:block; width:170px; float:left;}
.p4_left .div01 .list ul{ float:left; width:170px; padding-top:5px;}
.p4_left .div01 .list ul li{ line-height:230%; background: url(images/dot.gif) 0 12px no-repeat;}
.p4_left .div01 .list div{ float:right; text-align:center; width:140px; margin-top:-20px; font-size:14px; font-size:1.4rem;}
.p4_left .div01 .list div img{ display:block;}
.p4_left .div01 .mb40{ margin-bottom:10px; padding-bottom:30px; background:url(images/p5_02.gif) center bottom no-repeat;}

.p4_left .div02{ position:relative;}
.p4_left .div02 ul{}
.p4_left .div02 ul li{ float:left; margin:0 8px;}
.p4_left .div02 .in{ background:url(images/p4_02.gif) no-repeat; width:153px; height:55px; position:absolute; left:175px; bottom:0; z-index:5;}

.p4_foucs{position:relative;width:640px; float:right;}
.p4_pre{ background:url(images/icon06.gif) no-repeat;width:26px;height:70px; position:absolute;top:45px;left:-20px;z-index:100; cursor:pointer;}
.p4_next{background:url(images/icon07.gif) no-repeat;width:26px;height:70px; right:0px; top:45px;position:absolute; z-index:100;cursor:pointer;}


.p4_right .xiuchang{ background:url(images/t12.gif) 0 6px no-repeat; height:90px; overflow:hidden; padding-left:90px; font-family: \5FAE\8F6F\96C5\9ED1 ;}
.p4_right .xiuchang p{ display:block; line-height:240%;}
.p4_right .xiuchang b{ font-weight:normal; display:block; padding-top:6px;}
.p4_right .pic01{ margin:22px auto 25px;}
.p4_right .pic02{ background:url(images/p4_01.gif) left top no-repeat; height:284px; text-align:right; position:relative;overflow:hidden;}
.p4_right .pic02 .tip{ display:block; width:115px; height:33px; position:absolute; top:125px; left:130px;font-family: \5FAE\8F6F\96C5\9ED1;z-index:22;}
.p4_right .pic02 .tip em{ display:block; height:33px; background:#000; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; margin-top:-33px;}
.p4_right .pic02 .tip i{ font-size:20px; text-align:center; line-height:33px; display:block;z-index:5; position:relative; font-size:2.0rem;}
.p4_right .pic02 .tip i b{ padding:0 8px;}
.p4_right .pic02 img{ margin-bottom:1px;}
/*p5*/
.p5_content{ margin:30px auto;}
.p5_left{ width:660px; float:left;}
.p5_right{ width:300px; float:right;}

.p5_left .div01{ clear:both; margin:10px auto 20px;}
.p5_left .div01 .fl{ width:310px;}
.p5_left .div01 .fr{ width:326px;}
.p5_left .div01 .pic01{ float:left; width:310px;}
.p5_left .div01 .fl .list_14{ clear:both; padding-top:20px;}
.p5_left .div01 .list{ float:right; width:326px; height:210px;}
.p5_left .div01 .pic01 em{ display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p5_left .div01 .pic01 i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p5_left .div01 .list b{ display:block; width:170px; float:left;}
.p5_left .div01 .list ul{ float:left; width:170px; padding-top:5px;}
.p5_left .div01 .list ul li{ line-height:230%; background: url(images/dot.gif) 0 12px no-repeat;}
.p5_left .div01 .list div{ float:right; text-align:center; width:140px; margin-top:-20px; font-size:14px; font-size:1.4rem;}
.p5_left .div01 .list div img{ display:block;}
.p5_left .div01 .mb40{ margin-bottom:10px; padding-bottom:30px; background:url(images/p5_02.gif) center bottom no-repeat;}
.p5_left .pic02{ width:310px; padding-top:20px;}
.p5_left .pic02 dt{ float:left; width:156px;}
.p5_left .pic02 dd{ float:right; width:153px; padding-top:56px; background:url(images/p5_03.gif) top right no-repeat;}
.p5_right .pic03 dt{ background:url(images/icon08.gif) left top no-repeat; height:84px; margin-bottom:1px; text-align:right;}
.p5_right .list_12{padding-top:12px;}
.p5_right .list_12 li{ line-height:230%; background: url(images/dot.gif) 0 12px no-repeat;}


.p5_right .pic04{ position:relative; margin-top:15px;}
.p5_right .pic04 h2{ background:url(images/p5_01.png) no-repeat; width:68px; height:70px; font:normal 24px/120%  \5FAE\8F6F\96C5\9ED1; position:absolute; top:0; left:0; z-index:5; padding:10px 0 0 8px; font-size:2.4rem;}
.p5_right .pic04 ul{ position:absolute; top:39px; left:; z-index:1; left:14px;}
.p5_right .pic04 ul li em{ display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p5_right .pic04 ul li i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}

#p5_box{width:300px;position:relative;}
#p5_box ul li{position:absolute;}
#p5_box ul li img{display:block;}
#p5_box ol{position:absolute;top:10px; right:0;}
#p5_box ol li.active{ background:url(images/icon10.gif) no-repeat;display:block;}
#p5_box ol li{ background:url(images/icon09.gif) no-repeat;float:left;text-align:center;height:10px;width:10px;cursor:pointer;padding:0 8px;text-indent:-9999px;}


/*p6*/
.p6_content{ margin:30px auto;}
.p6_left{ width:660px; float:left;}
.p6_right{ width:300px; float:right;}
.p6_left .p6_foucs{position:relative;width:660px; margin:15px auto 20px;}
.p6_left .p6_foucs li{ text-align:center; float:left; width:660px; height:420px;}
.p6_left .p6_foucs li em{ display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p6_left .p6_foucs li i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p6_left .p6_pre{ background:url(images/icon11.png);width:26px;height:70px; position:absolute;top:160px;left:10px;z-index:100}
.p6_left .p6_next{ background:url(images/icon12.png);width:26px;height:70px;top:160px;right:10px;position:absolute; z-index:100}
.p6_left .pic01{}
.p6_left .pic01 dt{ float:left; width:172px;}
.p6_left .pic01 dt h2{ height:57px; text-align:center; font:normal 30px/57px  \5FAE\8F6F\96C5\9ED1 ; background:#333; margin:4px auto; font-size:3.0rem;}
.p6_left .pic01 dt h2 i{ font:normal 36px/57px  \5FAE\8F6F\96C5\9ED1 ; font-size:3.6rem;}
.p6_left .pic01 dd{ float:left; width:280px; padding:0 18px;}
.p6_left .pic01 dd b{ font-size:14px; font-weight:normal; padding-bottom:15px; display:block; font-size:1.4rem;}
.p6_left .pic01 dd ul li{ line-height:220%; background:url(images/dot.gif) 0 12px no-repeat;}
.MK_PicList_06{width:660px; margin:30px auto 10px;}
.MK_PicList_06 li{ float:left; margin:0 1px 0 0;}
.MK_PicList_06 .t01{ width:250px;}
.MK_PicList_06 .t02{ width:200px;}
.MK_PicList_06 .t03{ width:207px;}
.MK_PicList_06 span{ display:block; margin-bottom:1px;}
.MK_PicList_06 span.un_line{ margin-bottom:0px;}
.MK_PicList_06 span a{ text-decoration:none;}
.MK_PicList_06 span i{ display:none; _display:block; _height:30px; _background:#333; _margin-top:-30px;_filter:Alpha(Opacity=20); opacity: 0.2;-moz-opacity:0.2;}
.MK_PicList_06 span:hover i{ display:block; height:30px; background:#000; margin-top:-30px;filter:Alpha(Opacity=60); opacity: 0.6;-moz-opacity:0.6; position:relative; z-index:0; _display:none;}
.MK_PicList_06 span em{ text-align:center; display:none; _height:27px; _display:block; _color:#fff; _padding:3px 10px 0; _margin-top:-30px;}
.MK_PicList_06 span:hover em{ height:27px; display:block; color:#fff; padding:3px 10px 0; margin-top:-30px; position:relative; z-index:5;_display:none;}

.p6_left .list li{ float:left; width:45%; line-height:230%; background:url(images/dot.gif) 0 12px no-repeat;}

.p6_right .pic02{ margin:0 auto 1px; height:90px; overflow:hidden;}
.p6_right .pic02 .fl{ background:#282828; width:70px; height:82px; color:#c5c5c5;font:normal 30px/120%  \5FAE\8F6F\96C5\9ED1 ; padding:8px 0 0 10px; font-size:3.0rem;}
.p6_right .pic02 .fl i{ font-size:34px; font-size:3.4rem;}
.p6_right .p6_foucs2{position:relative;width:205px;}
.p6_right .p6_foucs2 ul{}
.p6_right .p6_foucs2 li{ text-align:center; float:left; width:90px; height:90px; margin:0 5px;}
.p6_right .p6_foucs2 li em{ display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p6_right .p6_foucs2 li i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p6_right .p6_pre2{ background:url(images/icon02.gif) no-repeat;width:9px;height:11px; position:absolute;top:40px;left:-10px;z-index:100;cursor:pointer;}
.p6_right .p6_next2{background:url(images/icon03.gif) no-repeat;width:9px;height:11px;top:40px;right:0px;position:absolute; z-index:100;cursor:pointer;}

.p6_right .pic03{ padding-bottom:15px;}
.p6_right .pic03 img{ display:block;}
.p6_right .pic03 b{ display:block; padding:5px 0; font: normal 18px/200%  \5FAE\8F6F\96C5\9ED1; font-size:1.8rem;}
.p6_right .pic03 p{ display:block;}

.p6_right .pic04{ padding-top:10px; padding-bottom:20px;}
.p6_right .pic04 li{ font-size:14px; height:90px; margin-bottom:20px; font-size:1.4rem;}
.p6_right .pic04 li img{ float:left; margin-right:15px;}
.p6_right .pic04 li i{ display:block; font-size:12px; padding-top:5px; font-size:1.2rem;}

.p6_right .pic05 h2{ display:block; margin-bottom:12px;}
.p6_right .pic05 dl dt{ float:left; width:226px;}
.p6_right .pic05 dl dd{ float:right; width:73px;}
.p6_right .list{ clear:both; padding-top:10px;}
.p6_right .list li{line-height:230%; background:url(images/dot.gif) 0 12px no-repeat;}
/*p7*/
.p7_content{ margin:30px auto;}
.p7_left{ width:660px; float:left;}
.p7_right{ width:300px; float:right;}
.p7_left h1{ background:url(images/p7_01.gif) right center no-repeat; padding-top:20px; clear:both; margin-top:-20px;}
.p7_left h1 b{font: normal 42px/200%  \5FAE\8F6F\96C5\9ED1; padding-right:10px; font-size:4.2rem;}
.p7_left h1 span{font: normal 14px/200%  \5FAE\8F6F\96C5\9ED1; font-size:1.4rem;}
.p7_left h1 span a{ padding:0 15px;}
.p7_left h1 span a.t01{ font-weight:bold;}
.p7_left .div01{ width:314px;}
.p7_left .div01 p{ display: block;}
.p7_left .div01 p em{display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p7_left .div01 p i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center; font-size:1.4rem;}
.p7_left .div01 dl{}
.p7_left .div01 dl dt{font: normal 18px/200%  \5FAE\8F6F\96C5\9ED1; font-size:1.8rem;}
.p7_left .div01 dl dd{ padding-bottom:12px;}
.p7_left .div01 dl dd,.p7_left .div01 dl dd a,.p7_left .div01 dl dd a:hover{ color:#666;}

.p7_left ul{ padding-top:10px;}
.p7_right h2{}
.p7_right h2 b{font: normal 36px/140%  \5FAE\8F6F\96C5\9ED1; display:block; font-size:3.6rem;}
.p7_right h2 em{ display:block;}
.p7_right h2 em i{ display:block; line-height:120%; font-family:Arial, Helvetica, sans-serif;}
.p7_right h2 em .fz12{ font-size:12px; font-size:1.2rem;}
.p7_right h2 em .fz16{ font-size:16px; font-size:1.6rem;}
.p7_right .pic01{ text-align:center; padding-top:10px;}
.p7_right .pic01 img{ display:block;}

.p7_foucs{position:relative;width:300px; margin-top:15px;}
.p7_foucs li{ text-align:center; float:left; width:147px; margin:0 2px;}
.p7_foucs li img{ display:block; margin-bottom:4px;}
.p7_pre{ background:url(images/icon13.png) no-repeat;width:19px;height:45px; position:absolute;top:30px;left:0px;z-index:100;cursor:pointer;}
.p7_next{background:url(images/icon14.png) no-repeat;width:19px;height:45px; right:0px; top:30px;position:absolute; z-index:100;cursor:pointer;}

.link{ margin:30px auto;}
.link h2{ background:#333; width:92px; height:42px; text-align:center;font: normal 20px/42px  \5FAE\8F6F\96C5\9ED1; float:left; margin:10px 25px; font-size:2.0rem;}
.link img{ float:left; margin:10px 25px; border:#000 1px solid; vertical-align:middle;}

/*2j*/
.p2j_left{ width:660px;}
.p2j_left h6{ border-bottom:#ccc 1px solid; line-height:220%;}
.p2j_left .list_2j{ padding:15px 0;}
.p2j_left .list_2j li{ padding:5px 0;}
.p2j_left .list_2j li b{font: normal 20px/200%  \5FAE\8F6F\96C5\9ED1; display:block; font-size:2.0rem;}
.p2j_left .list_2j li p{ display:block;}
.p2j_left .page{ text-align:center; margin:20px auto 0;}
.p2j_left .page a{ padding:4px 8px 2px; border:#eeeff1 1px solid; color:#333; margin:0 4px;}
.p2j_left .page a:hover{ background:#333; color:#fff;}



/*20140919*/
.p1_content .fr .pic { padding-top:4px;}
.p1_content .fr .pic li{ width:300px; height:240px; overflow:hidden;}
.p1_content .fr .pic em{ display:block; height:62px; background:#000; margin-top:-62px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p1_content .fr .pic div{display:block; height:50px; margin-top:-52px; margin-left:10px; margin-right:5px; position:relative; z-index:2;}
.p1_content .fr .pic div b{ display:block;}
.p1_content .fr .pic div b img{ vertical-align:middle; margin-right:5px;}

.p1_foucs{position:relative;width:300px;height:240px; margin-bottom:26px;}
.p1_foucs li{ text-align:center; float:left;}
.p1_pre{ background:url(images/icon02.gif) no-repeat;width:9px;height:11px; position:absolute;top:-25px;left:255px;z-index:100; cursor:pointer;}
.p1_next{background:url(images/icon03.gif) no-repeat;width:9px;height:11px; right:10px; top:-25px;position:absolute; z-index:100;cursor:pointer;}

.channel_nav01 p .input01{ color:#000;}
.channel_nav02 .navtab{ float:right; width:980px;}
.channel_nav02 .navtab dt{background:url(images/nav01.gif) 0 15px no-repeat; width:126px; height:65px; text-align:center; float:left;font:normal 20px/120% \5FAE\8F6F\96C5\9ED1; padding-top:12px; font-size:2.0rem;}
.channel_nav02 .navtab dt i{ color:#a4a4a4;font:normal 12px/140% \5FAE\8F6F\96C5\9ED1; display:block; font-size:1.2rem;}
.channel_nav02 .navtab dd{ float:left; display:none;}

.channel_nav02 .navtab dt.purple{ float:left; width:65px; text-align:center; font: normal 20px/140% \5FAE\8F6F\96C5\9ED1; padding-top:8px; background:none; font-size:2.0rem;}
.channel_nav02 .navtab dt.purple i{ color:#7722e1; font:normal 12px/120% \5FAE\8F6F\96C5\9ED1; font-size:1.2rem;}
.channel_nav02 .navtab dd.purple{ font:normal 14px/65px \5FAE\8F6F\96C5\9ED1; width:278px; padding-top:0px; display:block; font-size:1.4rem;}
.channel_nav02 .navtab dd.purple a{ padding:0 8px;}

.p4_left .div01 .list div{ margin-top:-0px;}
.p5_left .div01 .list div{ margin-top:-0px;}


/*-------rechie 2014 09 22---------*/

#carousel {position:relative;padding-bottom:0px;width:300px;}
#carousel ul{height:235px;}
#carousel ul li{position:absolute;}
#carousel ul li img{position:absolute;width:101px;height:202px;}
#carousel ol{bottom:0;margin:0 auto;position:absolute;display:none;}
#carousel ol li{display:block;float:left;width:12px;height:11px;margin-left:8px;cursor:pointer;}
#carousel ol .active{}

.p4_right .pic02 .top, .p4_right .pic02 .bottom{
	width: 229px;
	height: 142px;
	margin-right: 0;
	position: relative;
}

/*20141009*/
.p6_right .pic05 dl{ width:300px; height:373px; overflow:hidden;}
.p6_right .pic05 dl dt,.p6_right .pic05 dl dd{overflow:hidden;}

/*20141011*/
.nav01{width:1000px;}

/*20141015*/
#p1_box ol{z-index:2;}
.p1_content .fr .top_title a.t01{font-weight:bold;}
.MK_PicList_06{margin:60px auto 10px;}

.p6_right .pic05 dl dt i,
.p6_right .pic05 dl dd i{ display:none; _display:block; _height:30px; _background:#333; _margin-top:-30px;_filter:Alpha(Opacity=20); opacity: 0.2;-moz-opacity:0.2;}
.p6_right .pic05 dl dt:hover i,
.p6_right .pic05 dl dd:hover i{ display:block; height:30px; background:#000; margin-top:-30px;filter:Alpha(Opacity=60); opacity: 0.6;-moz-opacity:0.6; position:relative; z-index:0; _display:none;}
.p6_right .pic05 dl dt em,
.p6_right .pic05 dl dd em{ text-align:center; display:none; _height:27px; _display:block; _color:#fff; _padding:3px 10px 0; _margin-top:-30px;}
.p6_right .pic05 dl dt:hover em,
.p6_right .pic05 dl dd:hover em{ height:27px; display:block; color:#fff; padding:3px 10px 0; margin-top:-30px; position:relative; z-index:5;_display:none;}
.p6_right .pic05 dl dt:hover em a,
.p6_right .pic05 dl dd:hover em a{color:#fff;}

.channel_nav03{ display:none;}/*20141015*/

/*20141022*/
/*20141022*/
.p7_left .p7_box{ width:660px;}
.p7_left .p7_box ol.pic li{ display:block; width:314px; float:left; margin:0 0 0 15px;}
.p7_left .p7_box ol.pic li em{display:block; height:40px; background:#000; margin-top:-40px; position:relative; z-index:1;filter:Alpha(Opacity=70); opacity: 0.7;-moz-opacity:0.7; }
.p7_left .p7_box ol.pic li i{display:block; height:40px; line-height:40px; margin-top:-40px; position:relative; z-index:2; font-size:14px; text-align:center;}
.p7_left .p7_box ul.list_12 li{width:300px; float:left; margin:0 0 0 15px;}

/*20150423*/
.p8_content{ margin-top:-30px; position:relative;}
.p8_content ul{ padding:15px 0; overflow:hidden}
.p8_content ul li{ width:22%; padding:0 1.5%; float:left; width:220px; padding:0 15px;}
.p8_content ul li img{ display:block; width:100%; height:auto; width:220px; height:150px;}
.p8_content ul li strong{ line-height:40px; font-size:14px; font-size:1.4rem}
.p8_content ul li i{ line-height:26px; font-size:14px; font-size:1.4rem}
.p8_content ul li p{ font-size:12px; font-size:1.2rem;}
.p8_pre{ background:url(images/icon06.gif) no-repeat;width:26px;height:70px; position:absolute;top:115px;left:-15px;z-index:100; cursor:pointer;}
.p8_next{background:url(images/icon07.gif) no-repeat;width:26px;height:70px; right:-15px; top:115px;position:absolute; z-index:100;cursor:pointer;}


/* MEDIA QUERIES PAD
---------------------------------------------------------------------- */
@media (min-device-width:768px) and (max-width:989px),
       screen and (max-device-width:1000px),
	   (max-device-width:1000px) and (orientation:landscape),
       (min-device-width:768px) and (max-device-width:1000px) and (orientation:portrait) {
		  html{font-size:80.4%;}
		body,div,li,p,h1,h2,h3,h6,a{ font-family: \5FAE\8F6F\96C5\9ED1;}
		.w1000,.w1000_320{ width:760px;}
		.top_nav01,.top_nav02,.ad01,.channel_nav01 ul,.p1_news p{ display:none;}
		.top_nav01_none{ display:block;background:#eeeeee; height:47px;}
		.top_nav01_none div{ line-height:47px;}
		.top_nav01_none span{ float:left;}
		.top_nav01_none em{ float:right;}
		.top_nav01_none a{ padding:0 8px;}
		
		.channel_nav01{ margin:15px auto 10px;}
		.channel_nav01 span{ margin-left:135px; _display:inline;}
		.channel_nav01 p{width:300px; margin-right:120px; _display:inline; padding-top:5px; text-align:center;}
		.channel_nav01 p .input01{ width:247px; height:36px;}
		.channel_nav01 p .input02{ background:url(images/icon01_b.gif) no-repeat;width:40px; height:38px;}
		
		.channel_nav02{ display:none;}
		.channel_nav03{ background:#333; height:60px; display:block;}
		.channel_nav03 dt{ background:url(images/nav01.gif) 0 15px no-repeat; width:1px; height:65px; float:left; float:left;}
		.channel_nav03 dd{ text-align:center; float:left;font:normal 20px/120% \5FAE\8F6F\96C5\9ED1; width:125px; padding-top:12px;}
		.channel_nav03 dd i{ color:#a4a4a4;font:normal 12px/140% \5FAE\8F6F\96C5\9ED1; display:block;}
		
.p1_content .fl{width:660px; margin:0 auto; float:none; clear:both; height:780px;}
.p1_content .fr{display:none;}		
.p2_content .fl{ margin:0 auto; float:none;}
.p2_content .fr{ display:none;}
.p3_content .fl{ margin:0 auto; float:none;}
.p3_content .fr{ display:none;}
.p4_left{ margin:0 auto; float:none;}
.p4_right{ display:none;}
.p5_left{ margin:0 auto; float:none;}
.p5_right{ display:none;}
.p6_content,.p7_content{ display:none;}

.p3_content .fl .title li{overflow:hidden;}
.p4_left .div01 .list,
.p5_left .div01 .list{height:auto;}
.p4_left .div01 .list ul li,
.p5_left .div01 .list ul li,
.p5_left .div01 .fl .list_14 li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.p8_content{display:none;}
}
	   	   /* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px) and (orientation:portrait),
	   screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-device-pixel-ratio : 1.5) ,only screen and (min-device-pixel-ratio : 1.5) 
	   {
html{font-size:80.4%;}
		body,div,li,p,h1,h2,h3,h6,a{ font-family: \5FAE\8F6F\96C5\9ED1;}
		.w1000_320,.w1000{ max-width:480px; width:100%; min-width:320px;}
		.top_nav01,.top_nav02,.ad01,.channel_nav01 ul,.p1_news p,.top_nav01_none{ display:none;}
		
		.channel_nav01{ margin:15px auto 10px; max-width:480px; width:100%; min-width:320px;}
		.channel_nav01 span{ text-align:center; max-width:480px; width:100%; min-width:320px; margin:0 auto;}
		.channel_nav01 p{ max-width:480px; width:100%; min-width:320px; margin:8px auto 15px;}

		.channel_nav03{ background:#333; height:125px; display:block;}
		
		.p1_content .fl{width:320px; margin:0 auto; float:none; clear:both; height:410px;}
		
		#p1_box{width:320px;position:relative;}
#p1_box ul li{display:none;text-align:center;font-size:14px;font-weight:bold;position:absolute;}
#p1_box ul li img{display:block; height:396px; width:320px;}
#p1_box ul li em{background:#000;filter:alpha(opacity=60);opacity:.6;height:143px;position:absolute;top:250px;width:320px;left:0;display:inline-block;}
#p1_box ul li span{position:absolute;top:250px; width:270px;left:0;display:inline-block;z-index:1;text-align:left;padding:8px 10px 8px 50px;font-weight:normal; height:125px; overflow:hidden;}
#p1_box ul li span b{display:block;padding-bottom:12px;font-size:24px; font-family: \5FAE\8F6F\96C5\9ED1;}
#p1_box ol{position:absolute;top:250px; left:0; width:40px;}
#p1_box ol li.active{background:#7200ff;display:block;color:#fff;}
#p1_box ol li{background:#222222;float:left;text-align:center;height:28px;line-height:28px;width:40px;font-size:14px;cursor:pointer;color:#68646f; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.p2_content .fl{width:95%; margin:0 auto; float:none; clear:both;}
.p2_content .fl .con_text dt{ width:100%; float: left; margin-bottom:10px;}
.p2_content .fl .con_text dd{ width:100%; float:left;}
.p3_content .fl{ display:none;}

.p4_content{ margin-top:-40px;}
.p4_left{ width:320px; float:none; margin:0 auto 0;}
.p4_left .div01 .pic01{ float:left; width:310px; margin-bottom:10px;}
.p4_left .div01 .list{ float:left; width:326px; height:210px;}
.p4_left .div02{ display:none;}
.p5_content{ display:none;}

.link{ display:none;}

.p8_content{display:none;}
}