@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "宋体"; color:#000000;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/200% "宋体";}
li,p{text-align:left;font:normal 12px/200% "宋体";}
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% "宋体";}
.mt10{ margin-top:10px;}
.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;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
/*top*/
.top01{ height:40px; position:relative; z-index:1;}
.top01 em{ float:left;position:relative; z-index:2;}
.top01 i{ float:right; line-height:40px;}
.top01 i a{ padding:0 8px;}
.bg01{ background:url(images/top_bg.jpg) top center no-repeat; position:relative; z-index:2;}
.bg02{ background:url(images/bg02.jpg) bottom center no-repeat; position:relative; z-index:1;}

.top02{ position:relative; z-index:5; height:399px; overflow:hidden;}
.top02 img{ float:left;}
.fx{ position:relative; z-index:6; height:100px; margin-top:-90px; text-align:right;}
.bdsharebuttonbox{ float:right; margin-right:30px; _display:inline;}

.con_list{ clear:both;}
.con_list ul{}
.con_list ul li{ float:left; width:214px; margin:8px 14px;}
.con_list ul li div{ position:relative; width:214px; height:272px; overflow:hidden;}
.con_list ul li div img{ display:block;}
.con_list ul li span{ display:block; background:url(images/icon03.png) no-repeat; width:214px; height:272px; position: absolute; z-index:3; top:232px;}
.con_list ul li p{ font:normal 14px/190% "宋体"; padding:10px 10px 10px 25px; display:block; width:179px; height:252px;  position:relative; z-index:6; margin-top:-50px;}
.con_list ul li p b{ display:block; text-align:center; font:normal 14px/40px "宋体"; position:relative; z-index:8;}
.con_list ul li div:hover span{ top:0;}
.con_list ul li div:hover p{ margin-top:-272px;}
.con_list ul li div:hover p b{ display:none;}
.con_list ul li div:hover p i{ display:block; text-align:left; font: bold 14px/40px "宋体"; padding-bottom:10px;}

.con_list ul li em{ display:block; background:url(images/icon02.png) no-repeat; width:152px; height:33px; margin:10px auto; font:normal 14px/33px "微软雅黑";}
.con_list ul li em a{ display:block; float:left; width:60px; height:30px; padding-left:10px}


.con_list2{ clear:both;}
.con_list2 ul{}
.con_list2 ul li{ float:left; width:300px; margin:8px 12px;}
.con_list2 ul li div{ position:relative; width:300px; height:235px; overflow:hidden;}
.con_list2 ul li div img{ display:block;}
.con_list2 ul li span{ display:block; background:url(images/icon07.png) no-repeat; width:300px; height:235px; position: absolute; z-index:3; top:195px;}
.con_list2 ul li p{ font:normal 14px/190% "宋体"; padding:10px 10px 10px 25px; display:block; width:265px; height:232px;  position:relative; z-index:6; margin-top:-50px;}
.con_list2 ul li p b{ display:block; text-align:center; font:normal 14px/40px "宋体"; position:relative; z-index:8;}
.con_list2 ul li div:hover span{ top:0;}
.con_list2 ul li div:hover p{ margin-top:-235px;}
.con_list2 ul li div:hover p b{ display:none;}
.con_list2 ul li div:hover p i{ display:block; text-align: center; font: bold 14px/40px "宋体"; padding-bottom:10px;}

.con_list2 ul li em{ display:block; background:url(images/icon02.png) no-repeat; width:152px; height:33px; margin:10px auto; font:normal 14px/33px "微软雅黑";}
.con_list2 ul li em a{ display:block; float:left; width:60px; height:30px; padding-left:10px}


.copyright{ text-align:center; padding:50px 0;}
/*2j*/
.bg03{ background: url(images/bg05.jpg) top center no-repeat;}
.top03{ position:relative; z-index:5; height:288px; overflow:hidden;}
.top03 img{ float:left;}
.fx2{ position:relative; z-index:6; height:110px; margin-top:-110px; text-align:right;}
.fx2 .bdsharebuttonbox{ float:right; margin-right:155px; _display:inline;}

.p2j_con1{ height:195px; overflow:hidden;}
.p2j_con1 .fl{ width:172px; padding:20px 0 0;}
.p2j_con1 .fr{ width:765px; padding:15px 20px 10px 0;}

.p2j_con1 .fl h1{ font: normal 40px/120% "微软雅黑"; text-align:center;}
.p2j_con1 .fl h2{ font:bold 16px/220% "微软雅黑"; text-align:center; color:#7b0200;}
.p2j_con1 .fl ul{ padding-left:2px;}
.p2j_con1 .fl ul li{ float:left; background:#990c0a; width:32px; margin:2px 2px 0 0; _display:inline; text-align:center; font:normal 16px/32px "微软雅黑";}
.p2j_con1 .fl ul li,.p2j_con1 .fl ul li a:link,.p2j_con1 .fl ul li a:visited,.p2j_con1 .fl ul li a:hover{ text-decoration:none; color:#ff6b68;}
.p2j_con1 .fl ul li:hover{ background:#6c0807;}

.p2j_con1 .fr h1{font: normal 40px/120% "微软雅黑";color:#184292;}
.p2j_con1 .fr p{ color:#434343; font-size:18px; line-height:150%; display:block; padding:10px 0 0;}

.keyworld{ height:138px; margin:20px auto;}
.keyworld i{ font:normal 24px/69px "微软雅黑"; height:69px; padding:0 21px; margin:0; display:block; float:left;}
.keyworld i.t01{ background:#167ecd;}
.keyworld i.t02{ background:#359ae6;}
.keyworld i.t03{ background:#0063af;}
.keyworld i.t04{ background:#4cb2ff;padding:0 24px;}

.title01{ font:bold 36px/79px "微软雅黑"; border-bottom:#cf403d 1px solid; height:79px;}
.title01,.title01 a:link,.title01 a:visited,.title01 a:hover{color:#cf403d; }

.title02{ height:56px;font:bold 28px/56px "微软雅黑"; text-align:center; background:#ededed; margin:20px auto; color:#3d3d3d;}

.p1,.p1 a:link,.p1 a:visited,.p1 a:hover{ color:#494949;}
.p1 dl{ height:205px; overflow:hidden; margin:5px auto 25px;}
.p1 dl dt{ margin-top:4px; background:url(images/bg03.jpg) top left no-repeat; width:279px; padding:10px; float:left;}
.p1 dl dd{ width:670px; float:right;}
.p1 dl dd b{font:normal 24px/200% "微软雅黑"; display:block;}
.p1 dl dd p{font: normal 16px/200% "微软雅黑"; text-indent:2em;}


.p2,.p2 a:link,.p2 a:visited,.p2 a:hover{ color:#494949;}
.p2 dl{ height:205px; overflow:hidden; margin:5px auto 25px;}
.p2 dl dt{ margin-top:4px; background:url(images/bg03.jpg) top right no-repeat; width:279px; padding:10px; float:right;}
.p2 dl dd{ width:670px; float:left;}
.p2 dl dd b{font:normal 24px/200% "微软雅黑"; display:block;}
.p2 dl dd p{font: normal 16px/200% "微软雅黑"; text-indent:2em;}

.p3{ background:url(images/bg04.png) top left no-repeat #efefef;}
.p3 h2{ width:80px; float:left; text-align:center;font:normal 24px/110% "微软雅黑"; padding:30px 0;}
.p3 p{ width:850px; padding:15px 20px 15px 0;font: normal 16px/200% "微软雅黑"; float:right;}

.zan{ background:url(images/icon06.png) no-repeat;width:237px; height:53px;font:normal 24px/53px "微软雅黑"; margin:30px auto;}
.zan a{ display:block; width:118px; height:53px; float:left;}

.p4 h2{font:normal 30px/50px "微软雅黑";}
.p4 .fl h2{ border-bottom:#cf403d 1px solid; color:#cf403d;}
.p4 .fr h2{ border-bottom:#0065ba 1px solid; color:#0065ba;}
.p4 .fl{ width:620px;}
.p4 .fl .liuyan{ margin:20px auto 10px; border-bottom:#eeeeee 1px solid; padding-bottom:20px;}
.p4 .fl .liuyan li{ font:normal 18px/200% "微软雅黑";}
.p4 .fl .liuyan input{ vertical-align:middle; width:199px; height:30px; border:none; margin:10px 10px 5px 10px; background:#e4e4e4;}
.p4 .fl .liuyan textarea{ width:565px; height:104px; border:none; overflow:hidden; margin:10px auto 10px 10px; background:#e4e4e4; vertical-align: top;}
.p4 .fl .liuyan .t01{}
.p4 .fl .liuyan .t02{ padding-left:40px;}
.p4 .fl .liuyan .t02 input{ margin-right:10px; width:77px; height:36px; border:none; text-align:center; font:normal 18px/36px "微软雅黑"; color:#fff; background:#c60813;}

.p4 .fl .liuyan02 li{ border-bottom:#eeeeee 1px solid; padding:10px 0; font-size:14px; color:#545554;}
.p4 .fl .liuyan02 li span{ display:block;}

.p4 .fr{ width:333px;}
.p4 .fr .pic01{ padding-bottom:25px;}
.p4 .fr .pic01 img{ display:block; margin:25px auto;}
.p4 .fr .pic02{ margin:18px auto;}
.p4 .fr .pic02 li{ float:left; width:129px; text-align:center; padding:10px 18px; font-size:14px;}
.p4 .fr .pic02 li,.p4 .fr .pic02 li a,.p4 .fr .pic02 li a:hover{ color:#666;}
.p4 .fr .pic02 li img{ display:block; margin-bottom:5px;}