
*{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;}
img{ vertical-align:middle}
body{font-family:"Microsoft YaHei";font-size:14px;color:#333;}

@media  screen and (min-width:1200px){
.header{width:1200px;margin:auto; border-bottom:1px solid #666; margin-bottom:10px;}
.banner{ width:1200px; margin:0 auto; position:relative}
.bntxt{ position:absolute; top:130px; left:50px; right:50px; margin:auto; z-index:999;}
.bntxt p{ text-align:center; font-size:28px; color:#FFF}
.bntxt p:nth-child(1){ font-size:34px;}
#mob_zz {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
}
.mob_cd { display:none;
    height: 32px;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 60px;
}
.header .logo{}
.header .logo p{ line-height:64px; font-size:22px; text-shadow:1px 1px 1px #F33}
.header .logo a{ color:#FFF}
.header .logo img{height:67px;}
.header .nav{ background:#218DCD;color: #FFF}

.header .nav li{float:left;width:140px;height:66px;line-height:66px;text-align:center;position:relative; border-right:1px solid #FFF}
.header .nav li a{display:block;width:100%;height:100%;color:#FFF;}
.header .nav li:hover a{background:#2F80BB;color:#fff;}
.header .nav li p:nth-child(1){ line-height:20px; height:20px; padding-top:15px; font-size:18px}
.header .nav li p:nth-child(2){ line-height:20px; height:20px; margin-top:5px}
/*大图*/

.wrap{width:1200px;overflow:hidden;margin:auto;}
.pic_list li{width:25%;float:left;}
.pic_list li img{width:100%;height:200px;}
.pic_bd{ margin:10px 10px; position:relative;border:1px solid #CCC;}
.pic_list li p{width:100%;height:24px;line-height:24px;background:rgba(0,0,0,0.6);color:#fff;text-align:center;position:absolute;left:0;bottom:0;}

.pic_bd:hover{border:1px solid #000724;}

}

@media  screen and (max-width:1199px){
.header{margin:auto; border-bottom:1px solid #666; margin-bottom:10px;}
.banner{margin:0 auto}
.bntxt{ position:absolute; top:130px; left:50px; right:50px; margin:auto; z-index:999; display:none}
.bntxt p{ text-align:center; font-size:28px; color:#FFF}
#mob_zz {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
}
.mob_cd { display:none;
    height: 32px;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 60px;
}
.header .logo{}
.header .logo p{ line-height:64px; font-size:22px; text-shadow:1px 1px 1px #F33}
.header .logo a{ color:#FFF}
.header .logo img{height:67px;}
.header .nav{ background:#218DCD; color: #FFF}
.header .nav li{float:left;width:140px;height:60px;line-height:60px;text-align:center;position:relative;}
.header .nav li a{display:block;width:100%;height:100%;color:#FFF;}
.header .nav li:hover a{background:#2F80BB;color:#fff;}
.header .nav li p:nth-child(1){ line-height:30px; height:30px;font-size:1.2em}
.header .nav li p:nth-child(2){ line-height:20px; height:20px;}
.wrap{overflow:hidden;margin:auto;}
.pic_list li{width:33.3%;float:left;}
.pic_list li img{width:100%;height:200px;}
.pic_bd{ margin:10px 10px; position:relative;border:1px solid #CCC;}
.pic_list li p{width:100%;height:24px;line-height:24px;background:rgba(0,0,0,0.6);color:#fff;text-align:center;position:absolute;left:0;bottom:0;}

.pic_bd:hover{border:1px solid #000724;}

}
@media  screen and (max-width:768px){
.header{margin:auto; border-bottom:1px solid #FF6633; margin-bottom:10px; position:relative}
#mob_zz {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
}
.mob_cd {
    height: 32px;
    position: absolute;
    top:5px;
    left: 2px;
    width: 60px; display:block;
}
.header .logo{ padding-left:10px; text-align:center; margin:0 auto; float:none}
.header .logo img{height:46px;}
.header .nav{ display:none; position:absolute; left:0; width:38%; top:46px;#218DCD;z-index:999;}
.header .nav li{width:100%; height:40px; margin-top:10px;text-align:center;position:relative;}
.header .nav li a{display:block;width:100%;height:100%;color: #FFFFFF;}
.header .nav li:hover a{background:#000724;color:#fff;}
.header .nav li p:nth-child(1){ line-height:20px; height:20px;font-size:1.0em}
.header .nav li p:nth-child(2){ line-height:20px; height:20px;}
.about_us .text{margin:auto;overflow:hidden;text-align:center;}
.pic_list{overflow:hidden;margin:auto;}
.wrap{overflow:hidden;margin:auto;}
.pic_list li{width:50%;float:left; margin:10px 0px}
.pic_list li img{width:100%; height:120px}
.pic_bd{ margin:0px 10px; position:relative}

.pic_list li p{width:100%;height:24px;line-height:24px;background:rgba(0,0,0,0.3);color:#fff;text-align:center;position:absolute;left:0;bottom:0;}
}

.page-title{width:100%;text-align:center;padding-top:50px;padding-bottom:30px;}
.page-title .p1 {
    font-size: 24px;
    color: #000724;
    font-weight: bold;
}
.page-title .p2{font-size:12px;color:#888;line-height:12px;}
.page-title em.line{display:block;width:50px;height:4px;background:#000724;margin:auto;margin-top:16px;margin-bottom:16px;}

.about_us .text p{font-size:16px;color:#808080;line-height:30px;text-indent:2.0em;}
.about_us .text a.more{display:block;width:150px;height:40px;line-height:40px;color:#6f6f6f;border:1px solid #d6d6d7;border-radius:3px;margin-top:30px;
	text-align:center;margin:auto;margin-top:30px;}
.about_us .text a.more:hover{background:#000724;color:#fff;border:1px solid #000724;}
p.jscon{ font-size:16px;}

.pic_list ul{overflow:hidden;}

.pic_list a.more{display:block;width:150px;height:40px;line-height:40px;color:#6f6f6f;border:1px solid #d6d6d7;border-radius:3px;margin-top:30px;
	text-align:center;margin:auto;margin-top:30px;}
.pic_list a.more:hover{background:#000724;color:#fff;border:1px solid #000724;}
.home-news{width:100%;overflow:hidden;}


@media  screen and (min-width:1200px){

.footer p{width:1200px;margin:auto;overflow:hidden;padding-top:40px;padding-bottom:40px; text-align:center}

.about img{ max-width:100%}
.about .text{}

.liuyan  p{line-height:36px;margin-top:5px;}
.liuyan input{width:548px;height:36px;border:1px solid #ddd;background:#fcfcfc;outline:none;}
.liuyan  textarea{width:548px;height:160px;border:1px solid #ddd;background:#fcfcfc;outline:none;resize:none;}
.liuyan .box{width:550px;margin:auto;padding:16px 0;}
.liuyan input[type="submit"]{ margin-top:10px; background:#000724; color: #FFF}

.lianxi .left{width:300px;float:left;}
.lianxi .right{width:650px;float:right;}
.lianxi .right .map{width:648px;height:358px}
.lianxi .map img{ width:746px;}
.lianxi .left h3 {
    color: #000724;
    line-height:32px;
}
.lianxi .left .ewm{float:left;margin-top:30px;}
.lianxi .left .ewm img{width:130px;padding:5px;border:1px solid #ddd;}
.liuyan .left .yzm{display:block;width:426px;float:left;}
.liuyan .left img{width:100px;height:32px;background:#fcfcfc;padding:2px 10px;border:1px solid #ddd;float:left;}
.slbox{ float: left; width:25%;}
}

@media  screen and (max-width:1199px){
.footer p{overflow:hidden;padding-top:30px;padding-bottom:30px; text-align:center}
.about img{ margin:0px;}
.about .text{ padding:10px;}

.liuyan  p{line-height:36px;margin-top:5px;}
.liuyan input{width:80%;height:36px;border:1px solid #ddd;background:#fcfcfc;outline:none;}
.liuyan  textarea{width:80%;height:160px;border:1px solid #ddd;background:#fcfcfc;outline:none;resize:none;}
.liuyan .box{width:550px;margin:auto;padding:16px 0;}
.liuyan input[type="submit"]{ margin-top:10px; background:#000724; color: #FFF}
.lianxi .left h3 {
    color: #000724;
    line-height:32px; text-align:center
}
.lianxi .left{ padding:10px;}
.lianxi .right{padding:10px;}
.lianxi .right .map{height:300px;}
.lianxi .map img{ width:100%;}
.lianxi .left p{ text-align:center; font-size:1.2em;}
.lianxi .left .ewm{}
.lianxi .left .ewm img{width:100%;}
.liuyan .left .yzm{display:block;}
.liuyan .left img{background:#fcfcfc;padding:2px 10px;border:1px solid #ddd;}
.slbox{ float: left; width:50%;margin-bottom:10px}
}
@media  screen and (max-width:768px){
.footer p{overflow:hidden;padding-top:20px;padding-bottom:20px; text-align:center}
.about img{ margin:0px;}
.about .text{ padding:10px;}

.liuyan  p{line-height:32px;margin-top:5px;}
.liuyan input{width:98%;height:36px;border:1px solid #ddd;background:#fcfcfc;outline:none;}
.liuyan  textarea{width:98%;height:160px;border:1px solid #ddd;background:#fcfcfc;outline:none;resize:none;}
.liuyan .box{width:98%;margin:auto;padding:16px 0;}
.liuyan input[type="submit"]{ margin-top:10px; background:#000724; color: #FFF}
.lianxi .left h3 {
    color: #000724;
    line-height:32px; text-align:center
}
.lianxi .left{ padding:10px;}
.lianxi .right{padding:10px;}
.lianxi .right .map{height:200px;}
.lianxi .map img{ width:100%;}
.lianxi .left p{ text-align:center; font-size:1.2em;}
.lianxi .left .ewm{}
.lianxi .left .ewm img{width:100%;}
.liuyan .left .yzm{display:block;}
.liuyan .left img{background:#fcfcfc;padding:2px 10px;border:1px solid #ddd;}
.slbox{ float: left; width:100%; margin-bottom:10px}
}

.about .title{text-align:center;margin-top:40px;margin-bottom:40px;}
.about .p1{font-size:24px;color:#000724;font-weight:bold;}
.about .p2{font-size:16px;color:#999;margin-top:10px;}

.about .text p{line-height:2;text-indent:28px;}
.about .text p span{font-weight:bold;color:#000724;}
.art_xq{ border:1px solid #CCC; padding:10px;}
.art_xq p{ line-height:30px; text-indent:2.0em;}
/*底部*/
.footer{width:100%;background:#0A5193;color:#fff;margin-top:100px;}

.liuyan .title{text-align:center;margin-top:40px;margin-bottom:40px;}
.liuyan .p1{font-size:24px;color:#000724;font-weight:bold;}
.liuyan .p2{font-size:16px;color:#999;margin-top:10px;}

.liuyan .left .btn{display:block;padding-top:10px;clear:both;}
.liuyan .left .btn input{display:block;width:100px;height:38px;border:none;background:#000724;float:right;color:#fff;margin-bottom:15px;cursor:pointer;}

.liuyan .right h3{color:#000724;line-height:32px;}
.liuyan .right p{line-height:30px;}
.liuyan .right img{width:100%;height:338px;margin-top:10px;}


.lianxi .title{text-align:center;margin-top:40px;margin-bottom:40px;}
.lianxi .p1{font-size:24px;color:#000724;font-weight:bold;}
.lianxi .p2{font-size:16px;color:#999;margin-top:10px;}

.lianxi .left h3{color:#000724;line-height:32px;}
.lianxi .left p{line-height:30px;}

.lianxi .left .ewm p{text-align:center;}
.fzlc_c{ display:flex;flex-direction:column;align-items:center}
.fzlc_c li{border:2px solid #C90; margin:10px 0px; padding:10px; text-align:center; border-radius:6px; background:#F0EEE3}
.fzlc_c p.a1 a{ font-size:26px; line-height:38px; color:#396}
.fzlc_c p.a2{ font-size:14px;}
.about h2{ margin:30px 0px; text-align:center}

.slc{ margin:0px 10px; background:rgb(0 0 0 / 52%); color:#FFF; height:220px; padding:20px 10px}
.slbox p{ line-height:25px; height: auto; font-size:16px; padding:5px; text-align:center; text-indent:0px!important}
.slbox h3{text-align:center; font-size:24px}
.xspp{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:10px;}
.xspp .pic{ width:100px; margin:10px 0px}
.xspp .pic img{ width:100%;}


.marqueeleft{width:1200px;overflow:hidden; margin: 20px auto;}
.marqueeleft ul{float:left;}
.marqueeleft ul li{width: 278px;margin-right: 20px;float: left;border: 1px solid #333333;background-color: #333;}
.marqueeleft ul li .pro{width: 278px;height: 200px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.marqueeleft ul li .pro img{vertical-align:middle;max-height:200px; max-width:278px}
.marqueeleft ul li p{ text-align:center;line-height: 35px;color: #fff;font-weight: bold; padding:0 15px}

.fwprice{ padding:10px;}
.fwprice h2{ font-size:16px; text-align:center; margin-top:0px; margin-bottom:10px;}
.fwprice .desc{ text-align:center; font-size:14px; margin-bottom:20px;}
.fwprice h4{ line-height:30px;}
.fwprice h3{ margin-top:10px; margin-bottom:10px;}
.fwprice .xk{ border:1px dashed #333; padding:10px; margin-bottom:50px;}
.Frequently{ padding:10px;}
.fqbox{ border:1px solid #333; padding:10px; border-radius:6px; margin-bottom:20px;}
.fqbox h3{ line-height:30px;}
.fqbox p.a1{ line-height:24px; font-size:14px}
.fqbox h4{ line-height:26px; color:#666}
.fqbox p.a2{ line-height:20px; font-size:13px; color:#666}

.Scope{ padding:10px;}

.Scfx{ display:flex;justify-content:center; gap:10px;}
.Scfx .pic{ width:100%}
@media  screen and (min-width:1200px){
.Scope h2 {margin: 30px 0px; text-align: center; font-size:16px
}
.Scope span{ font-size:14px; color:#333}
.Scfx img{ width:100%; height:200px;}
}
@media  screen and (max-width:1199px){
.Scope h2 {margin:20px 0px; text-align: center; font-size:14px}
.Scfx img{ width:100%; height:120px;}	
}