@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;}
a{text-decoration:none;color:#333}
a img{border:0}
ul{list-style:none}
.clear{clear:both}
body{ min-width:1100px;}
.title{
    text-align: center;
}
.title img{width: 142px;height: 145px;margin-bottom: 5px;}
.title span{
    display: block;
    font-size: 30px;
    color: #414663;
    font-weight: bold;
}
.title p{
    font-size: 12px;
    color: #eb6100;
}
.mqhhs1{ background:url(../images/banner_mqhhs.jpg) no-repeat center bottom; height:750px; padding-top:129px;}
.mqhhs2{
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0 30px;
}
.mqhhs2 ul{
    overflow: hidden;
    padding: 50px 20px 35px;
}
.mqhhs2 ul li{
    width: 200px;
    float: left;
    text-align: center;
}
.mqhhs2 ul li img{ width:163px; height:164px;}
.mqhhs2 ul li p{
    font-size: 16px;
    color: #6a6a6a;
    line-height: 24px;
    margin: 15px 0;
}
.mqhhs2 ul li.jt{
    width: 86px;
    margin-top: 71px;
}
.mqhhs2 ul li.jt img{ width:26px; height:18px;}
.mqhhs3{
    background: url(../images/jsysbg.jpg) no-repeat center;
    height: 710px;
}
.mqhhs3 .jsys{width:1100px;overflow: hidden;padding: 70px 0 0;margin:0 auto;}
.mqhhs3 .jsysb{
    padding: 60px 0 0;
    overflow: hidden;
}
.mqhhs3 .jsysb .jsysl{
    float: left;
    width: 590px;
}
.mqhhs3 .jsysb .jsysl img{
    display: block;
    float: left;
    width: 490px;
    height: auto;
}
.mqhhs3 .jsysb .jsysl img.cimg{
    margin: 40px 0 0 -190px;
    width: 280px;
    height: auto;
}
.mqhhs3 .jsysb ul{
    width: 500px;
    float: right;
    padding-top: 10px;
}
.mqhhs3 .jsysb ul li{
    overflow: hidden;
    padding-bottom: 40px;
}
.mqhhs3 .jsysb ul li img{
    width: 51px;
    height: auto;
    float: left;
}
.mqhhs3 .jsysb ul li p{
    float: right;
    width: 435px;
    line-height: 24px;
    color: #545971;
    font-size: 16px;
}
.mqhhs4{
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px;
}
.mqhhs4 .jstdimg{
    padding: 55px 0 90px;
    text-align: center;
}
.mqhhs4 .jstdimg img{
    width: 1063px;
    height: 329px;
}
.mqhhs4 .jstd{
    border: 2px #eb6100 dotted;
    box-shadow: #cfcfcf 2px 2px 8px 0;
    margin: 0 50px;
}
.mqhhs4 .jstd img{
    width: 107px;
    height: auto;
    display: block;
    margin: -65px auto 0px;
}
.mqhhs4 .jstd ul{
    padding: 5px 75px 20px;
}
.mqhhs4 .jstd ul li{
    font-size: 16px;
    color: #545971;
    line-height: 31px;
    background: url(../images/sd_ico.png) no-repeat left 8px/11px;
    padding-left: 30px;
}
.mqhhs5{
    background: url(../images/sztdbg.jpg) no-repeat center;
    height: 640px;
}
.mqhhs5 .sztd{
    width: 1100px;
    margin: 0 auto;
    padding: 70px 0;
}
.mqhhs5 .sztd ul{
    overflow: hidden;
    padding: 40px 0 0;
}
.mqhhs5 .sztd ul li{
    width: 212px;
    float: left;
    margin-right: 10px;
}
.mqhhs5 .sztd ul li.last{
    margin-right: 0;
}
.mqhhs5 .sztd ul li img{
    width: 212px;
    height: 298px;
	display:block;
}
.mqhhs5 .sztd ul li p{
    padding: 15px 30px;
    text-align: center;
    font-size: 16px;
    color: #636363;
    line-height: 26px;
}

.gnfs9{background:url(../images/tjbd_bg.jpg) no-repeat; height:425px;}
.zs{}
.zs h2{font-size:24px;color:#333;line-height:44px}
.zs p{font-size: 18px;margin: 25px 15px 15px;font-weight: bold;}
.tj_2{width:1100px;margin:0 auto;padding-top: 25px;overflow: hidden;}
.tj_2 form{overflow: hidden;background: rgba(255, 255, 255, 0.9);width: 830px;float: right; height:375px;}
#xinxi tr{width:1100px;height:50px;line-height:50px}
#xinxi td{width:400px;height:50px;border-spacing:30px;}
#xinxi td span.hjd{ width:75px; display:block; float:left;}
#xinxi b{color:red}
#xinxi input{width: 150px;height:30px;border:1px solid #ddd;background:#fff;}
#xinxi input+span{width:150px;display:block;float:right;margin-top:10px;height:30px;line-height:30px;margin-right:15px;font-size:14px}
#button{width: 140px;height:35px;line-height: 35px;background: #eb6100;color:#fff;border:0;font-size: 14px;border-radius: 17px;margin: 0 auto;display: block;}
.tell{width:260px;height: 375px;float:left;background: #eb6100;}
#xinxi{margin: 0 15px;}
.tell p{font-size:18px;color:#fff;line-height:30px;margin: 60px 20px 0;}
.tell p.fbt{font-size:12px;line-height:14px;color: rgba(255, 255, 255, 0.6);margin-top:0;}
.tell p.fx{border-top: 1px #fff solid;margin-top: 15px;width: 140px;padding-top: 20px;}
.tell span{font-size:14px;color: #fff;float: left;margin: 30px 20px 0;}
.tell a{display:block;float:left;margin-top:20px;margin-left:20px;}
.tell .wx{position:relative}
.tell .wx .wx1{position:absolute;top: 40px;left: -45px;display:none;width: 120px;}
.tell .wx:hover>.wx1{display:block}


@media only screen and (max-width: 768px) {
body{min-width: 320px;}
.mqhhs1{padding: 0!important;background-size: auto 100%!important;height: 360px!important;}
.mqhhs2{width: 98%;padding: 4% 0 3%;}
.title img{width: 100px;height: auto;margin-bottom: 1%;}
.title span{ font-size:26px;}
.mqhhs2 ul{ padding:3% 0 0;}
.mqhhs2 ul li{width: 40%;padding:1% 0;}
.mqhhs2 ul li p{ margin:3% 0;}
.mqhhs2 ul li.jt{width: 20%;}
.mqhhs2 ul li:nth-child(4){ display:none;}
.mqhhs3{background-size: auto 100%;height: auto;}
.mqhhs3 .jsys{ width:98%; padding:3% 0 0;}
.mqhhs3 .jsysb{ padding:3% 0 0;}
.mqhhs3 .jsysb .jsysl{ width:522px; float:none; margin:0 auto;}
.mqhhs3 .jsysb .jsysl img{ width:100%; float:none;}
.mqhhs3 .jsysb .jsysl img.cimg{ display:none;}
.mqhhs3 .jsysb ul{ width:100%; float:none; padding-top:3%;}
.mqhhs3 .jsysb ul li{ padding-bottom:2%;}
.mqhhs3 .jsysb ul li p{width: 89%;float: left;padding: 2px 0 0 2%;}
.mqhhs4{ width:98%; padding:3% 0;}
.mqhhs4 .jstdimg{ padding:3% 0 10%;}
.mqhhs4 .jstdimg img{ width:100%; height:auto;}
.mqhhs4 .jstd{ margin:0 5%; border-width:1px;}
.mqhhs4 .jstd ul{ padding:1% 4% 2%;}
.mqhhs4 .jstd ul li{padding-left:25px;line-height: 26px;background-position-y: 6px;}
.mqhhs5{background-size: auto 100%;height: auto;}
.mqhhs5 .sztd{width: 98%;padding: 3% 0 0;}
.mqhhs5 .sztd ul{ padding:1% 0 0;}
.mqhhs5 .sztd ul li{ width:31%;margin: 1% 1.1%;}
.mqhhs5 .sztd ul li img{ width:100%; height:auto;}
.mqhhs5 .sztd ul li p{ padding:3%; height:66px; line-height:22px;}


.gnfs9{height: auto;background-position-y: top;background-repeat-y: repeat;margin-bottom: 11vw;}
.tj_2{ width:100%; padding:3% 0;}
.tell{ display:none;}
.tj_2 form{ width:96%; margin:0 2%; height:auto;}
#xinxi{ margin:0 2%;}
#xinxi tr{ width:100%;}
#xinxi tr:nth-child(3){ height:100px;}
#xinxi td{ width:100%; display:block;}
#xinxi input{ width:58%;}
#xinxi td textarea{ width:100% !important;}
.footer{ display:none;}
.social_nav5{display:block !important;}
.social_nav5{height:82px;position:fixed; bottom:0; min-width:320px; max-width:768px; width:100%;  z-index:999; background: #232323; display:none;}
.social_nav5 li{width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.social_nav5 li:last-child{border-right:none;}
.social_nav5 li em{ width:40%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;}
.social_nav5 li em img{ width:100%; height:auto;}
.social_nav5 li a{ color:#fff;}
.social_nav5 li.cur{ color:#fff;}
.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
.social_nav5 li .erji a:last-child{border-bottom:none;}
}
@media only screen and (max-width: 640px) {
.mqhhs1{ height:290px!important;}
.title img{ width:75px; margin-bottom:0;}
.title span{ font-size:24px;}
.mqhhs2 ul li p{ font-size:15px;}
.mqhhs3 .jsysb ul li p{ width:88%; font-size:15px;}
.mqhhs4 .jstd img{ width:75px; margin:-45px auto 0;}
.mqhhs4 .jstd ul li{ font-size:15px;}
.mqhhs5 .sztd ul li p{ font-size:15px;}


#xinxi input{ width:52%;}
.hsdh9{ margin-bottom:14vw;}
}
@media only screen and (max-width: 560px) {
.mqhhs1{height: 230px!important;}
.mqhhs2 ul li img{ width:130px; height:auto;}
.mqhhs2 ul li.jt{ margin-top:50px;}
.mqhhs3 .jsysb .jsysl{ width:94%;}
.mqhhs3 .jsysb ul li p{ width:87%;}
.mqhhs4 .jstd{ margin:0;}
.mqhhs5 .sztd ul li p{ font-size:14px;}


#xinxi input{ width:44%;}
.hsdh9{ margin-bottom:16vw;}
}
@media only screen and (max-width: 480px) {
.mqhhs1{height: 180px!important;}
.title span{ font-size:22px;}
.mqhhs2 ul li{ width:46%;}
.mqhhs2 ul li.jt{ width:8%; margin-top:35px;}
.mqhhs2 ul li img{ width:100px;}
.mqhhs2 ul li p{ font-size:14px; line-height:22px;}
.mqhhs3 .jsysb .jsysl{ width:100%;}
.mqhhs3 .jsysb ul li p{ width:84%; line-height:22px; font-size:14px;}
.mqhhs4 .jstdimg{padding: 3% 0 13%;}
.mqhhs4 .jstd ul li{ font-size:14px; line-height:22px;background-position-y: 4px;}
.mqhhs5 .sztd ul li{ margin:1%; width:48%;}

#xinxi td{ height:68px; line-height:30px;}
#xinxi input{ width:75%;}
#xinxi input+span{ margin-top:0; padding-left:75px; margin-right:0; float:left;}
#button{width: 110px;height: 30px;line-height: 30px;border-radius: 5px;}
.social_nav5{ height:65px;}
}
@media only screen and (max-width: 400px) and (min-width: 320px) {
.mqhhs3 .jsysb ul li p{ width:83%;}
.mqhhs4 .jstdimg{padding: 3% 0 15%;}

.zs p{ font-size:16px; margin:15px;}
#xinxi td span.hjd{ font-size:14px;}
#xinxi input{ width:73%;}
}
