@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% Microsoft YaHei; color:#000000;text-align:center; font-family: "Microsoft YaHei", SimSun, "SourceHanSansCN", "PingFang SC"; background:url(images/bg.jpg) top center no-repeat #fff;}
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 14px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 14px/200% Microsoft YaHei;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}
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;}
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 14px/200% Microsoft YaHei;}
.w1200{ width:1200px;}
.fl{ float:left;}
.fr{ float:right;}

/*head*/
.top_head{ height:627px;}
.top_head div{ width: 1150px; margin: 0 auto; height: 614px; position: relative;}
.top_head div h2{ font: bold 20px/180% "微软雅黑"; position: absolute; right: 0; bottom: 0; color: #940301; background: url(images/icon_go.png) right center no-repeat; width: 152px;}
.top_head div h2 a,.top_head div h2 a:hover{ color:#940301;}

.title_h2{ text-align: center; height:91px; margin: 35px auto; overflow: hidden;}
.title_h2 b{display: inline-block; text-align: center;}
.title_h2 em{ color:#000; float: right; font-size: 16px; padding-top: 60px;}
.title_h2 em a:link,.title_h2 em a:visited,.title_h2 em a:hover{color: #000;}
.title_h2 em a:hover{ text-decoration: underline;}
/*p1*/
.p1_con{ height: auto; padding: 30px; box-sizing: border-box; background: #fff;box-shadow:0px 7px 16px 3px rgba(0, 0, 0, 0.1) }
/*.p1_con .fl{ width: 605px;}*/
.p1_con .fr{ width:96%; margin: 0 auto; position: relative;}
/*.p1_con .fr h1{ display: block; font-size: 28px; line-height: 150%; font-weight: bold; margin-bottom: 20px;}
.p1_con .fr p{ font-size: 18px; text-indent: 2em; margin-bottom: 10px;}*/
.p1_con .fr ul{}
.p1_con .fr ul li{ font-size: 26px; line-height: 160%; margin: 25px auto; padding-left: 35px; position: relative;}
.p1_con .fr ul li:before{ content: ""; position: absolute; left:10px; top:20px; width: 8px;height: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #c50000;}
.p1_con .fr ul li a:hover{ text-decoration: underline;}
.p1_con .fr h6{ font-size: 16px; text-align: right; width: 100%;}
/*p2*/
.p2_con{ margin:50px auto;}
.p2_con ul{}
.p2_con ul li{width:554px; float:left; margin-left:32px; height:105px; margin-bottom:18px; overflow:hidden; display: table; box-sizing: border-box; padding: 0 10px 0 36px; border-bottom: #d6c397 1px solid;position: relative;}
.p2_con ul li:hover{ background:#c11a1c; color: #fff;}
.p2_con ul li p{font-size:22px; line-height: 160%; display: table-cell; vertical-align: middle;}
.p2_con ul li:hover a{ color: #fff;}
.p2_con ul li p a:hover{ color: #fff;}
.p2_con ul li:before { content: ""; position: absolute; left:10px; top:49px; width: 8px;height: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #c50000;}
.p2_con ul li:hover:before{content: ""; position: absolute; left:10px; top:49px; width: 8px;height: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #fff;}




/*p3*/
.p3_line1{ background: url(images/line01.png) no-repeat top center; height: 39px; overflow: hidden;}
.p3_line2{ background: url(images/line03.png) no-repeat  top center; height: 5px; overflow: hidden;}
.p3_con{ background: url(images/line02.png) top center repeat-y;}

.p3_con .text_02{width: 90%; margin: 0 auto 15px;}
.p3_con .text_02 li{ font-size: 22px; height: 108px; float: left; width: 47%; margin-left:2.5%; display: table; background: url(images/icon01.png) no-repeat 0 23px;}
.p3_con .text_02 li p{font-size: 22px; display: table-cell; vertical-align: middle; padding-left: 55px;}
.p3_con .text_02 li b{display: inline-block; margin-right:8px;}
.p3_con .text_02 li a:hover{ text-decoration: underline;}

.p3_con .text_02 li:nth-child(odd),.p3_con .text_02 li:nth-child(odd) a,.p3_con .text_02 li:nth-child(odd) a:hover { color: #fff;}

/*p4 bg bt*/
.bg_BTcon{ background:url(images/bg_bt.jpg) bottom center no-repeat;}




/*copyright*/
.copyright{ text-align: center; font-size: 14px; padding: 20px 0;}

@media (min-device-width:320px) and (max-width:1200px),
       screen and (max-device-width:1200px){ 
html,body{ width:1300px;}
	   }