img { max-width: 100%;}
.n-banner { height: 600px; background-position:  center center; background-size: auto 100%;}


#main { background-color: #f8f8f8;}
.about-box {margin: 20px auto; padding: 20px 54px; background-color: #fff;}
.about-box h2 { font-size: 42px;}
.about-box h3 {margin: 20px auto; font-size: 30px; font-weight: normal;}
.about-box img { max-width: 100%;}
.about-text {margin: 20px auto; }
.about-text p { line-height: 30px;}

.about-hj { display: table; margin-bottom: 20px; font-size: 0; background-color: #fff; overflow:hidden}
.hj-txt,.hj-img { text-align: left; display: table-cell;vertical-align: middle;}
.hj-txt {padding: 0 54px; background-color: #fff; font-size: 16px; line-height: 30px;overflow:hidden}
.hj-txt h2 { font-size: 30px; font-weight: normal;}
.hj-txt p { margin: 40px auto;}
.hj-txt p.mj { font-size: 60px;}
.hj-txt p span { }
.hj-txt p em {margin-right: 20px; font-style: normal;}
.hj-txt p sup { font-size: 40px;}

.about-img { margin-bottom: 20px;}

.about-honor { padding: 20px 54px; background-color: #fff;}
.about-honor h3 {font-size: 30px; font-weight: normal;}
.honor-list { margin: 20px auto;}
.honor-list .item { text-align: center; font-size: 16px; line-height: 30px;}
.qy-list {}
.qy-list .item { float: left; margin-right: 20px; width: 285px; text-align: center;}
.qy-list .item:nth-of-type(4) { margin-right: 0;}
.qy-list .item h2 { margin: 20px auto; font-size: 24px;}
.qy-list .item p { margin: 0 auto; width: 80%; line-height: 24px;}

.Ncontainer {margin: 0 auto; width: 1320px;}
.n-nav { margin: -59px auto 20px; padding: 37px 0; width: 100%; background-color: #f6f6f6; }
.n-nav a { float: left; width: 33.3%; box-sizing: border-box;  height: 44px; line-height: 44px; text-align: center; font-size: 18px; border-right: solid 1px #dedede; box-sizing: border-box;}
.n-nav a:last-of-type { border-right: 0;}
.n-nav a:hover,.n-nav a.on {background-color: #005bac; color: #fff;}

.detailTitle {margin-top: 40px; font-size: 30px;}
.detailInfo { justify-content: space-between; align-items: center;margin: 30px auto; height: 68px; line-height: 68px;vertical-align: middle; border-top: solid 1px #dedede;border-bottom: solid 1px #dedede;}
.detailInfo p { color: #999;vertical-align: middle;}
.detailInfo p span { padding: 0 10px;}
.detailText {margin-bottom: 30px; font-size: 16px; line-height: 30px;}

#prevNext {margin: 20px auto 40px; line-height: 36px; font-size: 16px; border-top: solid 1px #dedede;}
#prevNext a { display: block;}
#prevNext .goBackList {margin: 20px 0; width: 200px; border: solid 1px #dedede; text-align: center;}
#prevNext .goBackList:hover {background-color: #005bac; color: #fff;}

.notice-title { height: 70px; line-height: 70px; border-bottom: solid 1px #dedede;}
.notice-title h2 {float: left; margin-top: -3px; font-size: 30px;  font-weight: normal; border-bottom: solid 2px #005bac;}
.notice-title .newsearch { float: right;}
.notice-title .newsearch .search { padding: 0 10px; width: 350px; height: 32px; line-height: 32px; border: solid 1px #dedede;outline: none; vertical-align: middle;}
.notice-title .newsearch .submit {width: 30px; height: 32px; background: url('../images/search.png') center center no-repeat #005bac; border: 0;vertical-align: middle; }
.notice-list { display: table; width: 100%; height: 60px; border-bottom: solid 1px #dedede;}
.notice-list .Info,.notice-list .Arrow { text-align: left; display: table-cell;vertical-align: middle;}
.notice-list .Info h2 {  margin-bottom: 0px; font-size: 18px; font-weight: normal; color: #333;}
.notice-list .Arrow {width: 50px; text-align: center;}
.notice-list .Arrow span { font-size: 32px;}
.notice-list .Info p,.notice-list .Arrow span { color: #666;}
.notice-list:hover .Info p,.notice-list:hover .Arrow span { color: rgb(52, 136, 245);}
.notice-list .Info p{float:right}
#map img { max-width: 100%;}
.contact { margin: 50px auto; max-width: 580px}
.contact h1 { font-size: 36px; text-align: center; font-weight: normal;}
.contact p {margin: 40px auto; padding-left: 50px; height: 30px; line-height: 30px; font-size: 18px; background-image: url('../images/contacticon.jpg'); background-repeat: no-repeat;}
.contact p:nth-of-type(2) { background-position-y: -60px; }
.contact p:nth-of-type(3) { background-position-y: -130px; }

.ly { padding: 60px 0;;}
.ly h2 , .ly p { text-align: center;}
.ly h2 {margin-bottom: 20px; font-size: 32px; font-weight: normal;}
.ly p  {margin-bottom: 40px; font-size: 18px;}
.input-box {margin: 20px auto; height: 50px;}
.input-box input,textarea,.form  input[type="submit"] { line-height: 50px; font-size: 16px; color: #999; border-radius: 8px; border: 0; background-color: #eee; outline: none;}
.input-box input { float: left;padding: 0 20px; width: 48%; height: 50px;}
.input-box input[type="email"] { float: right;}
textarea {padding: 0 20px; width: 100%;}
.form  input[type="submit"] {margin: 20px auto; width: 100%;text-align: center; color: #fff;; background-color: #005abc;}

.input2-box {margin: 20px auto; height: 50px;}
.input2-box .inputs{padding: 0 20px; width: 48%; height: 50px; line-height: 50px; font-size: 16px; color: #999; border-radius: 8px; border: 0; background-color: #eee; outline: none; margin-bottom:20px}
.input2-box .fl{float:left}
.input2-box .fr{float:right}

.input2-box .radio-inline{float: left;/*padding: 0 20px;*/ width:auto; height: 50px; line-height: 50px; font-size: 16px; margin-left:4%}

.fujian {margin: 20px auto; font-size:16px }
.fujian .inputs{padding: 0 20px; width: 10%; height: 50px; line-height: 50px; font-size: 16px; color: #999; border-radius: 8px; border: 0; background-color: #eee; outline: none; margin-bottom:20px}
@media screen and (max-width: 1024px) {
    .Ncontainer { padding: 0 2%; width: 100%;}
    .hj-txt{ padding: 0 20px;}
    .hj-img{ width: 700px;}
    .hj-txt p { margin: 20px auto;}
    .about-box,.about-honor { padding: 20px;}
    .qy-list { display: -webkit-flex;display: flex; justify-content: space-between;}
    .qy-list .item { flex: 0 0 24%; margin-right: 1.33%;}
    .qy-list .item h2 { margin: 10px auto;}
    .ly { padding: 20px 2%;}
}
@media screen and (max-width: 768px) { 
    .about-box h3,.about-honor h3 { font-size: 24px;}
}

@media screen and (max-width: 414px) {  

    .detailInfo { height: auto; line-height: 30px;}
    .notice-list { height: 80px;;}
    .notice-list .Arrow { display: none;}
    .input-box { height: auto;}
    .input-box input { float: none; display: block; margin-bottom: 20px; width: 100%;}
}