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

body{ padding:0; margin:0;  font:normal 12px/180% "宋体"; color:#333;text-align:center; background:url(images/bg.gif) ;}
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/180% "宋体";}
li,p{text-align:left;font:normal 12px/180% "宋体";}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clear{ clear:both;}
.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% "\5FAE\8F6F\96C5\9ED1";font-size:1.2rem;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt60{ margin-top:60px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w980{ width:980px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.gary,.gary a:link,.gary a:visited,.gary a:hover{ color:#666;}
.o_h{ overflow:hidden;}
/*top*/
.top01{ height:33px; position:relative; z-index:2;background:url(images/topbg.gif);}
.top01 em{ float:left;}
.top01 i{ float:right; line-height:33px;}
.top01 i a{ padding:0 8px;}

.banner{ background:url(images/banner.jpg) no-repeat top center;height:257px;}
h1{font-size:36px; text-align:center;padding:15px 0;line-height:50px;font-weight:bold;}
.p1_content{ background:url(images/bg1.gif) repeat-x top #fff;}
.p1_left{width:420px; overflow:hidden;}
.p1_left p{color:#666;line-height:24px;width:400px;}
.list1{padding-top:15px;}
.list1 li{ background:url(images/line1.gif) repeat-x bottom;font:normal 20px/42px "\5FAE\8F6F\96C5\9ED1";clear:both;}
.list1 li i{ display:block; background:url(images/ico1.gif);width:18px;height:22px;line-height:22px; float:left;margin:8px 10px 11px 0;}

.p1_a { clear:both;margin-top:25px;}
.p1_a i{ display:block; float:left;padding:0 20px;line-height:45px;margin:0 4px 4px 0;color:#fff;font-size:18px;}
.p1_a i a{color:#fff;}
.p1_a i.a1{ background:#ff8a00;}
.p1_a i.a2{ background:#ffb000;padding:0 15px;}

.p1_right{width:531px;padding:12px; background:#fff;margin-right:3px;border-bottom:5px solid #e2e0e2; display:inline;overflow:hidden;}
.p1_right1{width:531px;padding:12px; background:#fff;margin-right:3px;}

.list2{padding-top:15px;}
.list2 li{ font:normal 18px/36px "\5FAE\8F6F\96C5\9ED1";clear:both;}
.list2 li i{ display:block; background:url(images/ico2.gif);width:21px;height:21px;line-height:21px; float:left;margin:8px 10px 11px 0;}

.p1_right1 h3{border-bottom:5px solid #e8e7e7;}
.list3 li{clear:both;font:normal 18px/36px "\5FAE\8F6F\96C5\9ED1"; background:url(images/line1.gif) repeat-x bottom; overflow:hidden;}
.list3 span{ display:block; background:url(images/ico3.gif) no-repeat 10px 10px;font-size:18px;color:#ff6633; float:left; padding-left:25px;}
.list3 li p{ display:block;width:320px; float:right;font-size:18px;font:normal 18px/36px "\5FAE\8F6F\96C5\9ED1";}

.p2_con{ background:#fff; overflow:hidden;margin-top:20px;padding-bottom:15px;}
.p2_con li{ float:left;border:1px solid #eaeaea; background:#f9f9f9;margin:13px 0 0 13px ;}
.p2_con li p{padding:10px;font:normal 14px/24px "\5FAE\8F6F\96C5\9ED1"; }

.p3_content{ background:url(images/web_69.gif);height:395px;}
.p3_content ol{padding-top:14px;margin-left:273px;height:28px; overflow:hidden;}
.p3_content ol li{line-height:17px;height:17px;width:52px; display:block; float:left; background:#ffcd00;margin:11px 4px 0 0; text-align:center;color:#fff;}
.p3_content ol li.this{line-height:28px;height:28px;margin:0 4px 0 0; background:#ff6600;font-size:30px; font-family:Arial, Helvetica, sans-serif}
.p3_a{clear:both;margin:30px 0 0 305px; overflow:hidden;width:620px;}
.p3_a h2{font-size:30px;}
.p3_a h2 span{ float:left;display:block; }
.p3_a h2 i{ display:block; float:right;color:#c8c0ba;}
.p3_a h2 i em{color:#f58c03;}
.p3_a h4{clear:both;line-height:44px;padding-top:5px;}
.p3_a p{line-height:37px; display:block; clear:both;color:#666;font-size:14px;}
.list4{width:1020px; position:relative;left:-20px;}
.list4 li{ float:left; display:block;width:430px; background:#fff;border-bottom:5px solid #ebefed;margin:0 20px 20px 20px;padding:10px 20px;height:140px;display:inline;overflow:hidden;}
.list4 li h3{font-size:18px;line-height:40px;}
.list4 li p{color:#999;line-height:24px;}
.list4 li i{color:#ccc;clear:both; display:block; float:right;}

.p4_a{ background:url(images/d1.jpg);width:979px;height:148px;}
.p4_a i{ display:block;width:98px; float:left; text-align:center;color:#fff;margin-top:50px;font:bold 24px/40px "\5FAE\8F6F\96C5\9ED1"; display:inline;overflow:hidden;}
.p4_a i.i1{margin-left:65px;}
.p4_a i.i2{margin-left:278px;}
.p4_a i.i3{margin-left:282px;}

.page{ text-align:center;}
.page a{padding:5px 10px;margin:0 10px; background:#f7f6f2;border:1px solid #dddad1;}

.p5_content{position:relative;}
.p5_con{width:980px;}
.jCarouselLite1 li{ float:left;width:182px; background:#fff; text-align:center;margin:23px 3px;}
.jCarouselLite1 li b{font-size:16px; display:block;font-weight:normal;padding-top:10px;}
.jCarouselLite1 li i{color:#999999;border-bottom:1px solid #999;margin:0 17px;display:block;padding:5px 0;}
.jCarouselLite1 li p{color:#999999;margin:0 17px;display:block;padding:10px 0;}
.p5_bt{ position:absolute;top:0;left:0;width:980px;}
.b_left1{ position:absolute; left:0px;top:190px; z-index:100}
.b_right1{ position:absolute; right:0px;top:190px; z-index:100}

.jCarouselLite2{margin-top:15px;}
.jCarouselLite2 li{width:980px;height:725px; background:#fff;}

.p6_bt{ position:absolute;top:100px;left:0;width:980px;}
.jCarouselLite2 li{ position:relative;}
.jCarouselLite2 li b{font-size:24px; display:block;font-weight:normal;padding:10px 20px;margin-top:10px;}
.jCarouselLite2 li i{color:#999999;display:block;padding:5px 0;font-size:30px; position:absolute;right:55px;bottom:35px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.jCarouselLite2 li i em{font-size:48px;color:#f58c03;}
.jCarouselLite2 li p{color:#999999;display:block;padding:10px 20px;width:690px;}

.p7_con{margin-top:18px;padding:18px; background:#fff;}
.p7_left{width:534px; text-align:center;font-size:18px;}
.p7_right {width:410px;}
.p7_right li{ float:left;width:190px;margin:0 0 10px 14px; text-align:center;display:inline;overflow:hidden;}

.p8_a{ float:left;width:308px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;height:215px;padding:20px 25px;}
.p8_content h3{font-size:24px;}
.p8_right{width:202px; background:#fafafa;padding:20px 30px;height:471px;}
.p8_left{width:718px; background:#fff;}
.p8_right p{ display:block;width:175px;margin-top:10px;line-height:24px;}

.wb_con{ background:#fff;padding:20px;}
.copyright{ background:url(images/copyright.gif);padding:30px; text-align:center;color:#fff;}

/*left_list*/
.r_list{width:150px; position:fixed;right:0px;top:100px;}
.er{width:120px; text-align:center; float:left;}
.nav_r{margin-left:30px;width:120px;clear:both; overflow:hidden;padding-top:10px;}
.nav_r li{width:60px; background:#f48600; text-align:center;padding:10px 0; position:relative}
.nav_r li span{ display:none;width:120px;height:50px; text-align:center;font:bold 18px/50px "\5FAE\8F6F\96C5\9ED1"; position:absolute;left:0;top:0;background:#f48600;color:#fff;}
.nav_r li a:hover span{ display:block;}

.p1_left h3 span i{ display:block;width:140px;height:54px; float:left;margin-left:8px;}
.p1_left h3 span i.b1{ background:url(images/title01a.gif)}
.p1_left h3 span i.b2{ background:url(images/title02a.gif)}
.p1_left h3 span i.b1.this{ background:url(images/title01.gif)}
.p1_left h3 span i.b2.this{ background:url(images/title02.gif)}


#box{width:534px;position:relative;height:350px;}
#box ul li{position:absolute;line-height:160%;}
#box ul li img,#box ul li b{display:block;}
#box ul li b{font-size:14px;padding-bottom:5px;}
#box ul li span{top:360px;width:283px;left:0;display:inline-block;text-align:left;height:55px; display:block;line-height:55px;font-size:18px;font:normal 18px/55px "\5FAE\8F6F\96C5\9ED1";}
#box ol{position:absolute;top:317px;right:25px;}
#box ol li.active{background:url(images/ball3.jpg) no-repeat;display:block;}
#box ol li{background:url(images/ball4.jpg) no-repeat;float:left;text-align:center;height:10px;width:10px;cursor:pointer;padding:0 5px;}


.p1_right1 p.text{ font:normal 17px/40px "Microsoft Yahei"; text-indent:2em; margin:10px auto;}
.p1_right1 p.text em{ display:inline-block; width:33px; height:30px; background:url(images/yh01.jpg) no-repeat; padding-right:5px;}
.p1_right1 p.text i{ display:inline-block; width:28px; height:25px; background:url(images/yh02.jpg) no-repeat;}

.p4_content .class1{background:url(images/d1.jpg);}
.p4_content .class2{background:url(images/d2.jpg);}
.p4_content .class3{background:url(images/d3.jpg);}

/*20150422*/
.p8_content_foreign{}
.p8_content_foreign div.con{ background:#fff;}
.p8_content_foreign div.box{ width:270px; padding:10px 25px; display:inline-block;}

/*20150703*/
.banner div.w980{position:relative;}
/*.banner div.w980 a.ying{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:460px;}
.banner div.w980 a.ri{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:510px;}
.banner div.w980 a.fa{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:565px;}
.banner div.w980 a.xi{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:620px;}
.banner div.w980 a.ew{display:inline-block; width:80px; height:25px; position:absolute; top:10px; left:670px;}
.banner div.w980 a.aw{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:750px;}
.banner div.w980 a.han{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:790px;}
.banner div.w980 a.de{display:inline-block; width:50px; height:25px; position:absolute; top:10px; left:845px;}
.banner div.w980 a.pu{display:inline-block; width:70px; height:25px; position:absolute; top:10px; left:900px;}*/

/*20151009*/
.nav_r li{ background:#cc3433;}
.nav_r li span{ background:#cc3433;}
.p3_content ol{ margin-left:173px;}
.p3_content ol li{ background:#ffcd00;}
.p3_content ol li.this{ background:#c13131;}
.p3_a{ margin:30px 0 0 205px; width:720px;}
.jCarouselLite2 li i em{ color:#cc3433;}
.copyright{ background:#cc3433;}

.p9_con{ background:#fff;}
.p9_a{ float:left;width:300px; height:auto; padding:10px 12px 10px;}
.p9_a h3{ font:normal 16px/240% "Microsoft Yahei";}
.p9_a div.pic{ color:#999999; font:normal 12px/160% "SimSun"; margin-bottom:10px;}
.p9_a div.pic img{float:left; margin-right:10px;}
.p9_a ul.list_14 li{ color:#666666;}
.p9_a ul.list_14 li a{ color:#666666;}

.p10_con{ background:#fff;}
.p10_left{ width:450px; float:left; padding:15px 25px;}
.p10_right{ width:450px; float:right; padding:15px 15px;}
.p10_right h2{ font:bold 18px/240% "Microsoft Yahei";}
.p10_right p{color:#999999; font:normal 12px/180% "SimSun";}
.p10_right p.data{ text-align:right;}
.p10_right ul.list_14{ margin-top:20px;}
.p10_right ul.list_14 li{ color:#666666;}
.p10_right ul.list_14 li a{ color:#666666;}

/**/
#box2{width:450px;margin:10px auto;}
#container{position:relative;height:390px;}
#container .item{position:absolute;top:0;left:0;width:380px;height:382px;overflow:hidden;background:#FAFAFA;border:1px solid #ddd;z-index:1;opacity:1;}
#container .item .pic{float:left;width:210px;height:200px;display:inline;margin:15px;}
#container .item .pic img{width:210px;height:200px;vertical-align:top;}
#container .item .txt{float:left;width:250px;margin-top:12px;}
#container .item .txt dt{font-size:14px;font-weight:700;}
#container .item .txt .info{color:#999;}
#container .item .txt dd{height:24px;line-height:24px;}
#container .item .txt dd span{float:left;}
#container .item .txt .star{position:relative;float:left;height:12px;width:69px;margin:6px 0 0 5px;}
#container .item .txt .star .star_red{position:absolute;top:0;left:0;height:12px;width:69px;z-index:2;background:url(http://js.fgm.cc/learn/lesson10/img/youa/star.png) repeat-x scroll left top transparent;}
#container .item .txt .star .star_grey{background:url(http://js.fgm.cc/learn/lesson10/img/youa/star.png) repeat-x scroll left -15px transparent;height:12px;width:69px;}
#container .item .txt .pink,#container .item .txt .blue,#container .item .txt .green{color:#FFF;font-weight:700;margin-right:2px;background:#F66B5B;padding:0 5px;}
#container .item .txt .blue{background:#96BAE7;}
#container .item .txt .green{background:#9CDBC3;}
#container .item .txt .comment{width:232px;height:99px;margin-top:10px;background:#FFF;border:1px solid #EAEAEA;}
#container .item .txt .comment h3{font-size:12px;font-weight:400;height:24px;line-height:24px;border-bottom:1px solid #E9E9E9;padding:0 10px;}
#container .item .txt .comment .comment_list{width:220px;height:60px;overflow:hidden;margin:8px 0 0 10px;}
#container .item .txt .comment .comment_list ul{width:220px;}
#container .item .txt .comment .comment_list ul li{height:20px;line-height:20px;white-space:nowrap;}
#container .item .txt .comment .comment_list ul li b{color:#999;font-weight:400;}
#control{height:37px;text-align:center;}
#control span{width:8px;height:8px;font-size:0;line-height:0;cursor:pointer;display:inline-block;background-color:#FEFEFE;border:1px solid #BCC1C5;margin:13px 2px 2px;}
#control span.active{background-color:#848484;border:1px solid #6E6E6E;}
.itemtit{width:100%;background:#cc0000;margin:10px auto;line-height: 40px; }
.itemtit a h3{color:#fff;font-size:18px;padding-left:10px;}
.itempic,.itemartic,.itempic img{width:340px;margin:0 auto;font-size: 16px;line-height: 30px;}
.itemartic p{text-indent: 2em;}
.itempic{margin:20px auto;}

/*20151010*/
.jCarouselLite1 li{ height:280px;}

.itemtit h3{color:#fff;}

.list4 li{height:150px;}

.p3_pic{width:170px; height:340px; float:left;}
.p3_a{margin:30px 0 0 35px; float:left; clear:none;}

.p8_left{ width:980px;}
.p8_a{ width:295px; padding:20px 15px;}

/*2020新增通栏*/
.pXZ_conList{ display:none;}
/*2022新增*/
.title_2022{ background:#c83233; height:60px; line-height:60px; color:#fff; font-family:"微软雅黑";}
.title_2022 a:link,.title_2022 a:visited,.title_2022 a:hover{ color:#fff;}
.title_2022 em{ float:left; font-size:34px; font-weight:bold; padding-left:15px;}
.title_2022 i{ float:right; font-size:14px; padding-right:15px;}