@charset "utf-8";

body {margin:0 auto; padding:0; font-size:14px; line-height:1.5;background: #fafafa;font-family:Microsoft YaHei; border-top:2px #e6e6e6 solid;color:#333;}
ol,ul,li,span,h1,h2,h3,h4,h5,div,dl,form{ margin:0; padding:0;}
ul{list-style:none;}
div,td{word-wrap:break-word;}
.clear{ clear:both; font-size:0; line-height:0;}
a{ text-decoration:none; color:#333;}
a:hover{color:#e60000; text-decoration:none;}
img{ border:0px;}
.blank20{ width:100%; clear:both; height:20px; overflow:hidden;}
.blank15{ width:100%; clear:both; height:15px; overflow:hidden;}
.blank10{ width:100%; clear:both; height:10px; overflow:hidden;}
.blank5{ width:100%; clear:both; height:5px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
img{vertical-align:middle; max-width:100%;}
.h50{ min-height:60px; display:none;}
.h450{ min-height:450px;}

.w100{width:100%;}
.w1000{width:1000px;margin:0 auto;}
.Vimg{ width:100%; height:100%; display:block;}
.Top{  z-index:8888;}
.pagetop{ position:relative;}
.Logo{ padding:20px 0; max-width:500px; overflow:hidden;}
.Logo h1 a{ font-size:24px;}
.toptel{ float:right; color:#EC0A16; margin-top:10px; padding:0px 0 0 40px;font-size:28px; line-height:60px; background:url(../images/tel.jpg) left center no-repeat;}
.toptel span{ display:block; text-align:right;font-family:Dinpro,"微软雅黑",Georgia;}

.Nav{background:#062e65;}
.Navlist{ height:44px; line-height:44px;}
.Navlist ul{ float:left;}
.Navlist li{ display:block; float:left;}
.Navlist li.none em{ display:none;}
.Navlist a,.Navlist em{vertical-align:middle;}
.Navlist a{font-size:16px;color:#fff;display:block;padding:0 30px; text-align:center;}
.Navlist a:hover,.Navlist a.on{ color:#fff; background:#155ec2;}
.Navlist li.on a{color:#fff; background:#155ec2;}

.meau{ width:28px; height:25px; position:relative; float:left; margin-left:10px; margin-top:12px;}
.meau span{ width:100%;position:absolute;left:0; top:0;background:#e60000;display:block;height:3px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;vertical-align:top;}
.meau span{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.meau .m1{ width:20px;}
.meau .m2{top:11px;}
.meau .m3{top:22px;}

.meauon .m1,.meauon .m2,.meauon .m3{ background:#ccc;}
.meauon .m1{ transform:rotate(45deg); top:9px;width:28px;}
.meauon .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.meauon .m3{ transform:rotate(-45deg); top:9px;}

.Tel{ background:url(../images/tell2.png) left top no-repeat; width:29px; height:29px; margin-right:10px; display:inline-block; margin-top:10px;}

.meau,.Tel{ display:none;}

.w980{ width:1000px;margin:0 auto;}
.w700{ width:700px; float:left;}
.w250{ width:250px; float:right;}
.w650{ width:650px; float:left;}
.w300{ width:300px; float:right;}

.blockindex{margin-top:20px; padding:10px;background: #fff;  border-top:1px #155ec2 solid;}
.blockindex h2{font-size:16px; color:#000; padding-left:0; height:25px; line-height:25px; width:auto; float:left;}
.blockindex .h2{width:100%; text-align:center;}
.blockindex1{ padding:10px 0;}
.blockindex img{ max-width:100%;}

.red{ color:#ff0000;}
.blockindex dl { padding:0px; margin:0px;}
.blockindex dt {color:#949494; padding:0; height:25px; }
.blockindex dd {color:#042B66; padding:8px 5px 0 0px; margin:0px; }
.blockindex .ipt {border:solid 1px #CECECE; font-size:14px; padding:3px 0; width:130px;}
.blockindex .sbt {height:25px; padding:3px 5px; border:solid 1px #032660;}


.ppage{ text-align:center; clear:both; padding:50px 0px; margin:0 auto; width:100%;}
.ppage a{color:#8698B6; border:1px solid #CCCCCC; display:inline-table; padding:2px 10px; margin:0 2px;}
.ppage a:hover{background-color:#e60000; color:#fff;}
.ppage .a1{background-color:#e60000; color:#fff;}

.product{ width:100%; padding:10px 0;}
.product li{ float:left; width:600px; line-height:30px; border-bottom:1px dotted #333;}
.product .ap{ display:block; float:left; padding:0 10px 0 10px; background:url(../images/a1.gif) 0 13px no-repeat; height:30px; width:400px; overflow:hidden;}
.product .ap:hover{background:url(../images/a1.gif) 0 -14px no-repeat;}
.product span {float:right;font-size: 14px; color:#ff000; width:80px; display:block; overflow:hidden; font-family:Arial;}
.product span a {color:#ff0000; }

.news{ width:100%; padding:10px 0;}
.news li{ float:left; width:325px; line-height:30px; overflow:hidden;}
.news p{ display:block; float:left; padding:0 0px 0 60px; height:90px; width:260px; overflow:hidden; font-size:12px; line-height:18px; margin:0; color:#999;}
.news a{ display:block; float:left; padding:0 10px 0 10px; background:url(../images/a1.gif) 0 13px no-repeat; height:30px; width:280px; overflow:hidden;}
.news a:hover{background:url(../images/a1.gif) 0 -14px no-repeat;}
.news span {float:left;font-size: 14px; color: #4a4a4a; width:50px; display:block; overflow:hidden; font-family:Arial;}
.news li:hover span{color:#e60000;}
.news li.li1{ float:left; width:490px; line-height:30px;}
.news li.li1 a{width:400px; overflow:hidden; }
.news li.li1 p{ display:block; float:left; padding:0 0px 0 60px; height:90px; width:360px; overflow:hidden; font-size:12px; line-height:18px; margin:0; color:#999;}
.new9{ width:100%;  min-height:320px; margin:0 auto; padding:0; border-bottom:1px solid #e6e6e6; margin-bottom:10px; }
.new91{ text-align:center; font-size:12px; padding:10px 0; color:#666;}
.new91 h1{ float:none; font-size:20px; font-family:"微软雅黑";  line-height:28px; color:#e60000; width:100%; margin-bottom:5px; }
.new92{border-top:0px #CCC dashed; padding:15px 0; margin-bottom:0px; font-size:14px;}

.bottom{ clear:both; padding:15px 0; text-align:center; background:#022049; color:#fff; line-height:2;}
.bottom span{ margin-right:10px;}
.bottom a{color:#fff;}
.bottom .bproduct{ clear:both;border-top:0px #191919 solid;}
.yqlj{ text-align:left;}

.adv{ padding:10px 0; clear:both; width:100%; text-align:center;}
.adv .img581{ display:none;}

.pagenav{font-size:18px; padding:20px 0; line-height:32px; padding-bottom:12px; border-bottom:0px solid #efefef;}
.pagenav span{ display:block;}
.pagenav dl{ float:left;}
.pagenav dd{ float:left; margin:0 0 10px 10px; display:inline;padding:0 7px;}
.pagenav a{ display:block; padding:3px 15px; background:#f4f4f4;}
.pagenav dd.on a,.pagenav dd:hover a{background:#e60000;color:#fff;}
.pagetxt{ line-height:28px; padding-top:40px; padding-bottom:60px; }
#contentt,#contentb{ width:100%; clear:both;} 

.photo{ width:100%; padding:20px 0;}
.photo li{ display:inline-block; width:182px; padding:0 6px; height:230px; overflow:hidden; float:left;}
.photo .p1{ display:table-cell; height:180px; width:180px; border:1px solid #f6f6f6; overflow:hidden;vertical-align:middle; text-align:center;}
.photo img{vertical-align:middle;max-height:180px; max-width:180px;}
.photo  .tit{ font-size:14px;  width:180px; text-align:center; height:30px; line-height:35px; overflow:hidden; display:block;}
.photo li:hover .p1{ border:1px solid #e60000;}

.amom{border-bottom: 1px solid #ccc;margin-top: 50px;}
.amom span{display: inline-block;position: relative;padding-bottom: 10px;font-size: 18px;}
.amom span:before{position: absolute;width: 100%;height: 1px;background: var(--color);content: '';}
.amom span:before{left:0;bottom:-1px;}
.amom i{font-style: normal;padding-right: 10px;}
.amomlyp1{font-weight: 600;}
.amomlyp2{font-size: 12px;color: #666;}
.amomlym{justify-content: flex-start;}
.amomlyml{width: 120px;}
.amomlymr{width: calc(98% - 120px);margin-left: 2%;}
.amomlymr{padding: 20px;box-shadow: 0 0 15px rgba(0,0,0,0.08);position: relative;}
.amomlymr:before{position: absolute;content: '';width: 0;height: 0;}
.amomlymr:before{border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.amomlymr:before{border-right: 8px solid #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.amomlymr:before{left:-8px;top:8px;}
.amomlymrdate span{padding-right: 15px;}
.amomlymrdate{margin-top: 5px;}
.amomlym{margin-top: 25px;}
.otxt,.otext{background: none;border: none;border: 1px solid #ddd;padding: 15px;outline: none;padding-left: 35px;width:80%;}
.otxt,.otext{line-height: 20px;resize: none;}
.otext{height: 126px;}
.otxt:focus,.otext:focus{border-color: var(--color);}
.amomformm{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.amomformli1{width: 30%;}
.amomformli2{width: 68%;}
.amomformma{position: relative;margin-top: 20px;}
.amomformma i{position: absolute;left:10px;top:8px;z-index: 3;font-size: 18px;}
.amomgetbtn{display:inline-block;border: 1px solid #ccc;padding: 8px 30px;border-radius: 5px;}
.amomgetbtn{color: var(--color);cursor: pointer;}
.amomget{text-align: right;margin-top: 30px;width:80%;}
.amomform{padding-top: 20px;}


.courseid{width:145px; padding:8px 0;}
.courseid1{width:245px; padding:8px 0;}
.ipt{width:91px;padding:5px 0; line-height:22px;}
.sex{width:50px;padding:8px 0;}
.sbt{padding:10px; display:block; width:50px; text-align:center; border:1px solid #ccc;}
.sbt:hover{ border:1px solid #ff0000;}
.content{ width:500px; height:60px;}
.ipt1{width:200px;padding:5px 0; line-height:22px;}

@media screen and (max-width: 1199px) 
{
	.w1000{ width:90%;}
}

@media screen and (max-width: 769px) 
{
    .w1000{ width:100%;}
	.meau,.Tel,.h50{ display:block;}
	.toptel,.yqlj{ display:none;}    
	.Logo {width:80%; text-align:center; height:50px; top:10px;overflow:hidden;zoom:1; margin-right:10px; padding:0; position:absolute; left:15%; margin-left:-17px;}
	.Logo h1 a{ font-size:18px;}
	.Top{ background:#fff; height:50px; padding:10px 0; position:fixed; left:0; top:0; z-index:99999;}
	.Nav{z-index:88888; position:fixed; left:0; box-sizing:border-box; background:url(../images/nav.png) left top repeat;top:60px; width:100%;box-shadow:0 2px 3px rgba(9, 9, 9, 0.3); display:none; margin-top:0;}
	.Navlist{ overflow:hidden;zoom:1; padding:0 10px;box-sizing:border-box; height:auto;}
	.Navlist em{ display:none;}
	.Navlist ul{ float:none;}
	.Navlist li{ float:left; text-align:left; padding:0 5px; box-sizing:border-box;border-bottom:1px solid #d2d2d2; width:100%;  line-height:35px; margin-left:0;}
	.Navlist li.on a{background:none;color:#e60000;}
	
	.Navlist a{ font-size:14px; color:#888888; text-align:left; padding:0; }
	.Navlist a:hover{ background:none;color:#e60000;}
	
	.pagenav{ box-sizing:border-box; padding-left:10px; padding-right:10px;}
	.pagenav{ font-size:15px; padding:0 5px; border:none;}
	.pagenav dd,.pagenav dd:hover{background:none;}
	.pagenav dd{ margin:0;  padding:0 5px; box-sizing:border-box; width:33.33%; text-align:center; margin-top:10px;}
	.pagenav dd a{ background:#f4f4f4; display:block; padding:5px 10px;}
	.pagenav dd a:hover{ background:#e60000 ;}	
	.pagenav dl{ float:none;}	
	
	.w980{ width:100%;margin:0 auto;}
    .w700{ width:100%;}
    .w650{ width:100%;}
    .w300{ width:100%;}
	
	.blockindex{ width:96%; margin:0 auto; margin-top:20px; padding:10px;}
	.blockindex h2{padding-top:10px;}

	.news li{ width:90%; }
    .news p{width:90%; }
    .news li a{width:80%;}
	.news li.li1{ float:left; width:90%; line-height:30px;}
	.news li.li1 p{ width:90%;}
	.news li.li1 a{ width:80%;}
    .bottom{ clear:both; padding:15px 10px; text-align:center; background:#000; color:#fff; line-height:2;}
    .bottom span{ float:left; clear:both; width:100%; text-align:left;}
    .bottom .bproduct{ text-align:left;}
    #mapIF{ width:97%; height:250px;}
    
    .adv a{ display:none;}
    .adv .img581{ display:block;}
    
    
	.product li{ float:left; width:90%; line-height:30px; border-bottom:1px dotted #333;}
	.product .ap{ display:block; float:left; padding:0 10px 0 10px; background:url(../images/a1.gif) 0 13px no-repeat; line-height:30px; width:60%; overflow:hidden;}
	.product .ap:hover{background:url(../images/a1.gif) 0 -14px no-repeat;}
	.product span {float:right;font-size: 14px; color:#ff000; width:30%; display:block; overflow:hidden; font-family:Arial;}
    
	.courseid{width:70%; padding:8px 0;}
	.courseid1{width:70%; padding:8px 0;}
	.ipt{width:70%; line-height:30px; padding:0;}
	.ipt1{width:70%; line-height:30px; padding:0;}
	.sex{width:50px;padding:8px 0;}    
    .content{ width:70%;}
    
	.amomlyml,.amomlymr{width: 100%;margin: 0;}
	.amomlymr{padding: 15px;margin-top: 10px;}
	.amomlymr:before{display: none;}
	.amomformli1,.amomformli2{width: 100%;}    
   
}