/* CSS Document */


body{font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#19110b;background:#ffffff;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;}
img{ border:0; width:100%;}
ul,li{ list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.miana{ display:inline-block; width:100%; background:#f7f7f7;}




.public_tab {
    width: 100%;
    padding: 30px 0px 20px;
}
.sort{width:80%;margin:auto;}
.sort ul{width:100%;display:flex;justify-content:center;}
.sort li{ width:160px; background:#f7f7f7; font-size:18px; margin-left:5px;}
/*.sort li a{ color:#19110b;width:90px; height:70px; padding-left:45px;margin-left: 10px; }*/
.sort li a{ color:#19110b;width:90px; height:70px; padding-left: 45px;margin-left: 0px;}
/*.sort li:nth-child(1){ margin-left:0; background:url(../image/sort.png) 20px 27px no-repeat,#f7f7f7;}*/
.sort li:nth-child(1){ margin-left:0; background: #f7f7f7;}
/*.sort li:nth-child(2){ background:url(../image/sort.png) 20px -38px no-repeat,#f7f7f7;}*/
.sort li:nth-child(2){ background: #f7f7f7;}
/*.sort li:nth-child(3){ background:url(../image/sort.png) 20px -117px no-repeat,#f7f7f7;}*/
.sort li:nth-child(3){ background: #f7f7f7;}
.sort li.select a,.sort li:hover a{ color:#FFF;}
/*.sort li:nth-child(1).select,.sort li:nth-child(1):hover{ margin-left:0; background:url(../image/sort_a.png) 20px 27px no-repeat,linear-gradient(to right,#001d5f,#184da7); color:#f7f7f7;}*/
.sort li:nth-child(1).select,.sort li:nth-child(1):hover{ margin-left:0; background:linear-gradient(to right,#001d5f,#184da7); color:#f7f7f7;}
.sort li:nth-child(2).select,.sort li:nth-child(2):hover{ background:linear-gradient(to right,#001d5f,#184da7);color:#f7f7f7;}
/*.sort li:nth-child(2).select,.sort li:nth-child(2):hover{ background:url(../image/sort_a.png) 20px -38px no-repeat,linear-gradient(to right,#001d5f,#184da7);color:#f7f7f7;}*/
/*.sort li:nth-child(3).select,.sort li:nth-child(3):hover{background:url(../image/sort_a.png) 20px -117px no-repeat,linear-gradient(to right,#001d5f,#184da7); color:#f7f7f7;}*/
.sort li:nth-child(3).select,.sort li:nth-child(3):hover{background:linear-gradient(to right,#001d5f,#184da7); color:#f7f7f7;}



.sorta{ display:block; width:100%; padding-top:47px; height:150px; background:#f7f7f7;}

.mgqwdz{ display:block; height:461px; width:770px; margin:0 auto;}
.mgqwdz span:nth-child(1){ float:left; width:100%; text-align:center; font-size:36px; font-weight:bold; color:#19110b; margin-top:90px;}
.mgqwdz span:nth-child(2){ float:left; width:100%; text-align:center; font-size:36px; color:#19110b;}
.mgqwdz .content{ float:left; width:770px; text-align:center; line-height:34px; font-size:16px; color:#19110b; margin-top:40px;}
.mgqwdz a{ display:block; width:105px; text-align:center;font-size:20px; color:#19110b;  margin:0 auto; margin-top:35px; text-decoration:underline;}

.xq{ float:left; width:100%; height:740px; background:url(../image/xq.png); margin-top:80px;}
.xq .div{ float:left; width:100%; color:#FFF; text-align:center; font-size:36px; margin-top:75px;} 
.xq ul{width:70%; margin:0 auto; margin-top:60px;display:flex;justify-content: space-between;}
.xq li{ width:340px; height:339px; background:url(../image/guang.png) no-repeat;}
.xq li span{ display:block; width:100%; text-align:center; color:#FFF;}
.xq li span:nth-child(1){ font-size:36px; margin-top:80px;}
.xq li span:nth-child(2){ width:170px; margin:0 auto; line-height:36px; font-size:20px; margin-top:26px;}
.xq li:nth-child(2) span:nth-child(2){ width:265px; margin:0 auto; line-height:36px; font-size:20px; margin-top:26px;}
.xq li span:nth-child(3){ display:block; width:81px; margin:0 auto; margin-top:29px;}
.xq samp{ display:block; margin:0 auto; width:210px; margin-top:90px;}

.mg17nszry{ display:block; width:770px; margin:0 auto; padding-bottom:95px;}
.mg17nszry h2,.mg17nszry h3,.mg17nszry h4{ float:left; width:100%; text-align:center; font-size:32px; color:#19110b; margin-top:60px;}
.mg17nszry p{ float:left; width:770px; text-align:center; line-height:34px; font-size:16px; color:#19110b; margin-top:25px;}
.mg17nszry div{display:inline-block;}
.mg17nszry a{ display:block; font-size:20px; width:105px; text-align:center; color:#19110b; margin:0 auto; padding-top:20px; text-decoration:underline;}

.csr{ width:100%; background:url(../image/csr.jpg) center no-repeat;background-size:100%;float:left;}
.csr .right{ float:right; width:35%;padding-top:17%;padding-bottom:13%;}
.csr .right span{ display:block;}
.csr .right span:nth-child(1){ font-size:40px; color:#FFF; font-weight:bold; }
.csr .right span:nth-child(1) i{ margin:0 10px;}
.csr .right span:nth-child(2){ font-size:16px; color:#FFF; line-height:32px;margin-top:35px;}


.xxq{ float:left; width:100%; height:944px; background:url(../image/xxq.jpg);}
.xxq .div{ float:left; width:100%; color:#FFF; text-align:center; font-size:36px; margin-top:75px;font-weight:bold} 
.xxq .div span{ display:block;}
.xxq .div span:nth-child(1){ font-size:36px;font-weight:bold;}
.xxq .div span:nth-child(2){ font-size:36px;}
.xxq ul{ width:70%; margin:0 auto; margin-top:105px;display:flex;justify-content: space-between;}
.xxq li{ float:left; width:340px; height:339px; background:url(../image/guang.png) no-repeat;}
.xxq li span{ display:block; width:100%; text-align:center; color:#FFF;}
.xxq li span:nth-child(1){ font-size:36px; margin-top:80px;}
.xxq li span:nth-child(2){ width:220px; height:72px; margin:0 auto; line-height:36px; font-size:20px; margin-top:26px;}
.xxq li:nth-child(2) span:nth-child(2){ width:230px; margin:0 auto; line-height:36px; font-size:20px; margin-top:26px;}
.xxq li span:nth-child(3){ display:block; width:28px; margin:0 auto; margin-top:29px;}
.xxq .div_a{ display:block; width:845px; line-height:34px; margin:0 auto; color:#FFF; text-align:center; font-size:16px; margin-top:75px;}
.xxq .div_a span{ display:block;}
.xxq li:nth-child(1) .breathe-btn,.xxq li:nth-child(2) .breathe-btn,.xxq li:nth-child(3) .breathe-btn{top:-316px;}
@media screen and (max-width: 1400px) { 
	.xxq ul{width:100%;}
	.xq ul{width:100%;}
}

.dzgpzdjjsh{ display:block; height:461px; width:770px; margin:0 auto;}
.dzgpzdjjsh span:nth-child(1){ float:left; width:100%; text-align:center; font-size:36px; font-weight:bold; color:#19110b; margin-top:90px;}
.dzgpzdjjsh span:nth-child(2){ float:left; width:100%; text-align:center; font-size:36px; color:#19110b;}
.dzgpzdjjsh .content{ float:left; width:815px; text-align:center; line-height:34px; font-size:16px; color:#19110b; margin-top:40px;}

.styles{ display:block; width:100%; overflow:hidden;}
.styles span{ float:left; width:100%; margin-left:10%; color:#FFF;}
.styles span:nth-child(1){ width:212px; margin-top:129px;}
.styles span:nth-child(2){ font-size:36px;font-weight:bold; margin-top:88px;}
.styles span:nth-child(3){ font-size:30px; width:575px; margin-top:45px;}
.styles samp{ display:block; margin-left:10%; width:210px; margin-top:170px;}
.styles img{display:block;}

.qdpcxt{ display:block; height:303px; width:770px; margin:0 auto;}
.qdpcxt span:nth-child(1){ float:left; width:100%; text-align:center; font-size:36px; color:#19110b; margin-top:85px;}
.qdpcxt .content{ float:left; width:815px; text-align:center; line-height:34px; font-size:16px; color:#19110b; margin-top:40px;}
.qdpcxt_ul{ display:block; width:1100px; margin:0 auto;}
.qdpcxt_ul li{ float:left; width:125px; height:125px; text-align:center; line-height:150px; color:#19110b; font-size:16px; margin-left:30px; border:2px solid #c4c4c4; border-radius:50%;}
.qdpcxt_ul li:nth-child(1){ margin-left:0; background:url(../image/qdpcxt1.png) 50px 29px no-repeat;}
.qdpcxt_ul li:nth-child(2){ background:url(../image/qdpcxt2.png) 45px 29px no-repeat;}
.qdpcxt_ul li:nth-child(3){ background:url(../image/qdpcxt4.png) 50px 29px no-repeat;}
.qdpcxt_ul li:nth-child(4){ background:url(../image/qdpcxt3.png) 47px 29px no-repeat;}
.qdpcxt_ul li:nth-child(5){ background:url(../image/qdpcxt7.png) 50px 29px no-repeat;}
.qdpcxt_ul li:nth-child(6){ background:url(../image/qdpcxt5.png) 47px 29px no-repeat;}
.qdpcxt_ul li:nth-child(7){ background:url(../image/qdpcxt6.png) 47px 29px no-repeat;}


.mgfzlc{ float:left; width:100%; height:740px; background:url(../image/mgfzlc.jpg) center no-repeat; margin-bottom:50px;}
.mgfzlc span{ display:block; text-align:center; color:#19110b;}
.mgfzlc span:nth-child(1){ font-size:36px; margin-top:242px;}
.mgfzlc span:nth-child(2){ font-size:16px; margin-top:40px; color:rgba(25,17,11,.8);}
.mgfzlc .open { position: relative; margin:0 auto; background-color: #333; width:144px; height:40px; overflow:hidden; border-radius:5px;}
.mgfzlc .open span{  position: absolute; z-index: 5;color: #fff;line-height: 40px;font-size: 14px;font-weight: 400; margin:0; margin-left:35px;}
.mgfzlc .open img{ position: absolute;z-index: 5;margin-left: 80px; margin-top:10px;width: 20px;height: 20px;overflow: hidden;}
.mgfzlc .open .over{transition: all .6s;width: 144px;height: 40px;overflow: hidden;background-color: #555;position: absolute;bottom: -40px;left: 0;z-index: 2;}
.mgfzlc .open:hover .over{bottom: 0;left: 0;z-index: 4;}
.mgfzlc samp{ display:block; margin:0 auto; width:127px; margin-top:130px;}

#bat_p5{ float:left; width:100%; text-align:center; margin-top:10px;} 

.jb{ float:left; width:100%; height:740px; background:url(../image/jb.jpg) center no-repeat;}
.jb .jb_div{ display:block; margin:0 auto; width:1075px; margin-top:155px;}
.jb p{ float:left; width:100%; line-height:40px; color:#19110b; font-size:21px;}
.jb p strong{ margin-left:16px; font-weight:bold;}
.jb .open { position: relative; margin:0 auto; background-color: #333; width:144px; height:45px; overflow:hidden; border-radius:5px;}
.jb .open span{  position: absolute; z-index: 5;color: #fff;line-height: 40px;font-size: 14px;font-weight: 400; margin:0; margin-left:35px;}
.jb .open img{ position: absolute;z-index: 5;margin-left: 80px; margin-top:10px;width: 20px;height: 20px;overflow: hidden;}
.jb .open .over{transition: all .6s;width: 144px;height: 40px;overflow: hidden;background-color: #555;position: absolute;bottom: -40px;left: 0;z-index: 2;}
.jb .open:hover .over{bottom: 0;left: 0;z-index: 4;}
.jb #bat_p5{ color:#19110b;}


.breathe-btn {
	position:relative;
	width:322px;
	height:322px;
	margin:40px auto;
	line-height:40px;
	border:9px solid #002fde;
	border-radius:50%;
	color:#fff;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	box-shadow:0 1px 2px rgba(0,0,0,.3);
	overflow:hidden;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:1000ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	top:-309px;
}

@-webkit-keyframes breathe {
	0% {
	opacity:.2;
	box-shadow:0 1px 2px rgba(255,255,255,0.1);
}
100% {
	opacity:1;
	border:9px solid rgba(0,47,222,1);
	box-shadow:0 1px 30px rgba(0,47,222,1);
}
}
.demo-class .layui-layer-setwin{top: 85%;right: 50%;}
.demo-class .layui-layer-setwin .layui-layer-close2{ width:50px; height:90px;background:url(../image/db.png) no-repeat;}
.demo-class .layui-layer-setwin .layui-layer-close2:hover{background-position:0;}

.mgzl{ width:1280px; margin:0 auto;}
.mgzlgd{ float:left; width:100%; text-align:center; font-size:36px;}
.mgz_lgd{ display:block; width:905px; margin:0 auto; font-size:16px; line-height:34px; text-align:center;}
.zlgd_ul{ float:left; width:100%;}
.zlgd_ul samp{ float:left; width:50px; height:3px; background:#012c8c; margin:10px 0;}
.zlgd_ul .span{ float:left; width:100%; font-size:36px;}
.zlgd_ul .spana{ float:left; width:615px; font-size:16px; line-height:34px; margin-top:5px;}
.zlgd_ul li{ float:left; width:309px; height:235px; overflow:hidden; margin-left:14px; position:relative;}
.zlgd_ul li img{ float:left; width:100%;}
.zlgd_ul li .div{ opacity:0;transition: all .6s;}
.zlgd_ul li:hover .div{ opacity:1; float:left; position:absolute; top:0; left:0; background:rgba(0,29,95,0.7);  width:309px; height:256px; color:#FFF; text-align:center; line-height:30px;}
.zlgd_ul li .div span{ display:block; width:250px; margin:0 auto; font-size:14px; text-decoration:underline; margin-top:85px;}
.zlgd_ul li:nth-of-type(1){ margin-left:0;}
.zlgd_ul .open { position: relative; background-color: #333; width:144px; height:40px; overflow:hidden; border-radius:5px;}
.zlgd_ul .open span{  position: absolute; z-index: 5;color: #fff;line-height: 40px;font-size: 14px;font-weight: 400; margin:0; margin-left:35px;}
.zlgd_ul .open img{ position: absolute;z-index: 5;margin-left: 80px; margin-top:10px;width: 20px;height: 20px;overflow: hidden;}
.zlgd_ul .open .over{transition: all .6s;width: 144px;height: 40px;overflow: hidden;background-color: #555;position: absolute;bottom: -40px;left: 0;z-index: 2;}
.zlgd_ul .open:hover .over{bottom: 0;left: 0;z-index: 4;}
.zlgd_ul #bat_p5{ color:#19110b; width:144px; color:#999;}

.mgzl a{ display:block; margin:0 auto;width:140px; height:38px; line-height:38px; font-size:15.8px; padding-left:28px; border:1px solid #19110b;}
.mgzl a samp{ color:#012c8c; font-size:14px; font-weight:bold; margin-left:10px;}
.mgzl a:hover{ background:#012c8c; border:1px solid #012c8c; color:#fff;}
.mgzl a:hover samp{ color:#FFF;}