@charset "utf-8";
body{margin: 0;padding: 0;min-width: 1200px;font-family: 'Microsoft YaHei';}
a{text-decoration: none;cursor: pointer;}
li { list-style: none;}
ul,p,span,li,button {padding: 0;margin: 0}
.header{width: 100%;height: 88px;background-image: url(../jpg/header.jpg);}
.header img {margin-bottom: 18px;margin-left: 18%}
.header ul {display: inline-block;padding: unset;margin: unset;margin-left: 8%}
.header li { float:  left}
.header li a { color: #6c6b6b;width: 95px;height: 88px;line-height: 88px;text-align: center;display: inline-block;font-size: 14px}
.header li .cur-sel { background: #0a53a0;color: white;box-sizing: border-box;border-bottom:4px solid #004791}
.footer{width: 100%;height: 40px;background-color: black;color: white}
.footer p{text-align: center;line-height: 40px;font-size: 14px}
.footer a{color: white}

@media screen and (max-width: 1600px) {
    .header img {margin-bottom: 18px;margin-left: 14%}
    .header ul {display: inline-block;padding: unset;margin: unset;margin-left: 4%}
}

@media screen and (max-width: 1300px) {
    .header img {margin-bottom: 18px;margin-left: 10%}
    .header ul {display: inline-block;padding: unset;margin: unset;margin-left: 2%}
}

.index_pic{min-width: 1000px;margin: 0 auto;overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.index_pic_02{background-image: url("../jpg/indexcn_02c619.jpg");height: 200px;}
.index_pic_03{background-image: url("../jpg/indexcn_03c619.jpg");height: 200px;}
.index_pic_04{background-image: url("../jpg/indexcn_04c619.jpg");height: 200px;}
.index_pic_05{background-image: url("../jpg/indexcn_05c619.jpg");height: 200px;}
.index_pic_06{background-image: url("../jpg/indexcn_06c619.jpg");height: 200px;}
.index_pic_07{background-image: url("../jpg/indexcn_07c619.jpg");height: 200px;}
.index_pic_08{background-image: url("../jpg/indexcn_08c619.jpg");height: 200px;}

.style_pic{min-width: 1200px;margin: 0 auto;overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.style_pic_02{background-image: url("../jpg/page2cn_02c619.jpg");height: 200px;}
.style_pic_03{background-image: url("../jpg/page2cn_03c619.jpg");height: 200px;}
.style_pic_04{background-image: url("../jpg/page2cn_04c619.jpg");height: 200px;}
.style_pic_05{background-image: url("../jpg/page2cn_05c619.jpg");height: 200px;}
.style_pic_06{background-image: url("../jpg/page2cn_06c619.jpg");height: 200px;}
.style_pic_07{background-image: url("../jpg/page2cn_07c619.jpg");height: 200px;}

.service_pic{min-width: 1200px;margin: 0 auto;overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.service_pic_02{background-image: url("../jpg/page3cn_02c619.jpg");height: 200px;}
.service_pic_03{background-image: url("../jpg/page3cn_03c619.jpg");height: 200px;}
.service_pic_04{background-image: url("../jpg/page3cn_04c619.jpg");height: 200px;}
.service_pic_05{background-image: url("../jpg/page3cn_05c619.jpg");height: 200px;}
.service_pic_06{background-image: url("../jpg/page3cn_06c619.jpg");height: 200px;}
.service_pic_07{background-image: url("../jpg/page3cn_07c619.jpg");height: 200px;}
.service_pic_08{background-image: url("../jpg/page3cn_08c619.jpg");height: 200px;}

.global_pic{min-width: 1200px;margin: 0 auto;overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.global_pic_02{background-image: url("../jpg/page4cn_02c619.jpg");height: 200px;}
.global_pic_03{background-image: url("../jpg/page4cn_03c619.jpg");height: 200px;}
.global_pic_04{background-image: url("../jpg/page4cn_04c619.jpg");height: 200px;}
.global_pic_05{background-image: url("../jpg/page4cn_05c619.jpg");height: 200px;}
.global_pic_06{background-image: url("../jpg/page4cn_06c619.jpg");height: 200px;margin-bottom: 80px}

.news_pic{min-width: 1200px;margin: 0 auto;overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.news_pic_02{background-image: url("../jpg/page5cn_02c619.jpg");height: 200px;}

.news-div {width: 1150px;margin: 60px auto;height: 700px;}
.news-div .new-top-left{width: 400px;height: 320px;display: inline-block;position: relative;float: left}
.news-div .new-top-left img{ width: 100%;height: 100%;display: inline-block}
.news-div .new-top-left a{width: 100%;height: 40px;line-height: 40px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;bottom: 0;left: 0;color: white;background-color: rgba(0,0,0,0.3);padding: 0 10px;box-sizing: border-box}
.news-div .new-top-right{display: inline-block;height: 320px;width: 680px;margin-left: 50px}

.news-div .list-div {float: left}
.news-div .list-div .title,.news-div .list-div .n-li li {height: 60px;line-height: 60px;border-bottom: 1px solid #c7c7c7}
.news-div .list-div .title span {height: 60px;line-height: 60px;display: inline-block;font-size: 17px}
.news-div .list-div .title span a {color: #8d8d8d; font-size: 14px;}
.news-div .list-div .title span:nth-of-type(1),.news-div .list-div .n-li li .n-li-title{float: left}
.news-div .list-div .title span:nth-of-type(2),.news-div .list-div .n-li li .n-li-time {float: right;color: #8d8d8d}
.news-div .list-div .title i{background-image: url("../jpg/page5cniconc619.jpg");background-position: center;background-repeat: no-repeat;height: 60px;width: 60px;display: inline-block;float: left}

.news-div .new-top-right .n-li li a span {max-width: 500px}
.news-div .n-li li a span {color: black;height: 60px;line-height: 60px;display: inline-block;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-div .n-li li a i{background-image: url("../jpg/page5cnarrowc619.jpg");background-position: center;background-repeat: no-repeat;height: 60px;width: 60px;display: inline-block;float: left}

.new-bottom .list-div {width: 550px;margin-top: 40px;}
.new-bottom .list-div:nth-of-type(2) {margin-left: 30px}
.new-bottom .list-div .n-li li a span {max-width: 380px}

.nlist-div {width: 1150px;margin: 10px auto;height: 1000px;}
.nlist-div .title {height: 60px;line-height: 60px;border-bottom: 1px solid #c7c7c7}
.nlist-div .title span {height: 60px;line-height: 60px;display: inline-block;font-size: 17px;float: left}
.nlist-div .title i{background-image: url("../jpg/page5cniconc619.jpg");background-position: center;background-repeat: no-repeat;height: 60px;width: 60px;display: inline-block;float: left}

.nlist-div .n-li li {height: 200px;border-bottom: 1px solid #c7c7c7;display: block;box-sizing: border-box;padding: 20px 0}
.nlist-div .n-li-left,.nlist-div .n-li-right{float: left;display: inline-block}
.nlist-div .n-li-left img{width: 240px;height: 160px}
.nlist-div .n-li-right {margin-left: 20px;width: 890px}
.nlist-div .n-li-right a{color: black; width: 100%}
.nlist-div .n-li-right a {height: 40px;line-height: 40px;display: inline-block;}
.nlist-div .n-li-right a span {height: 40px;display: inline-block;}
.nlist-div .n-li-right a .n-li-title {float: left;width: 750px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nlist-div .n-li-right a .n-li-time {float: right;color: #8d8d8d}
.nlist-div .n-li-right .n-li-content {height: 80px;line-height: 25px;color: #8d8d8d;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;}
.nlist-div .n-li-right .show-detail{color: #237eee}

.m-page {margin-top: 20px}
.m-page ul li {float: left;border: 1px solid #eee;border-left: none;overflow: hidden;}
.pull-right {float: right;}
.m-page ul li a {display: block;width: 32px;height: 32px;text-align: center;line-height: 32px;background-color: #fff;color: #428bca;}
.m-page ul li span {display: block;width: 32px;height: 32px;text-align: center;line-height: 32px;background-color: #428BCA;color: #fff;}
.m-page ul li a:hover {background-color: #eff2f5;}
.m-page ul li:first-child {border-left: 1px solid #eee;border-radius: 3px 0 0 3px;}
.m-page ul li:last-child {border-radius: 0 3px 3px 0;}

.n-detail-div {width: 1150px;margin: 10px auto;}
.n-detail-div .title {height: 60px;line-height: 60px;border-bottom: 1px solid #c7c7c7}
.n-detail-div .title span {height: 60px;line-height: 60px;display: inline-block;font-size: 17px;float: left}
.n-detail-div .title a {height: 60px;line-height: 60px;display: inline-block;font-size: 17px;float: right;color: #8d8d8d}
.n-detail-div .title i{background-image: url("../jpg/page5cniconc619.jpg");background-position: center;background-repeat: no-repeat;height: 60px;width: 60px;display: inline-block;float: left}

.n-detail-div .n-detail .n-d-title p{text-align: center}
.n-detail-div .n-detail .n-d-title {height: 100px;box-sizing: border-box;padding: 20px 0;border-bottom: 1px solid #c7c7c7;}
.n-detail-div .n-detail .n-d-title p:nth-of-type(1){line-height: 40px;height: 40px;font-size: 18px}
.n-detail-div .n-detail .n-d-title p:nth-of-type(2){color: #8d8d8d}
.n-detail-div .n-detail .n-d-detail {height: auto;padding-bottom: 30px;border-bottom: 1px solid #c7c7c7;}

.n-detail-div .n-detail .n-prev,.n-detail-div .n-detail .n-next {height: 35px;width:85px;line-height: 35px;text-align: center;color: #c7c7c7;border: 1px solid #c7c7c7;display: inline-block;margin-top: 20px}
.n-detail-div .n-detail .n-next{float: right}


.contact_pic{min-width: 1200px;margin: 0 auto;overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.contact_pic_02{background-image: url("../jpg/page6cn_02c619.jpg");height: 200px;}
.contact-div {width: 1150px;margin: 60px auto;height: 600px;}
.contact-div .c-left {width: 400px;height: 560px;background-image: url("../png/page6cnmapc619.png");display: inline-block;float: left}
.contact-div .c-right {width: 715px;height: 560px;background-color: #F5F5F5;display: inline-block;float: left;margin-left: 10px;box-sizing: border-box;padding: 40px 10px;}

.contact-div .c-right .input-div {width: 650px;margin: 0 auto;height: 40px;margin-bottom: 20px}
.contact-div .c-right .input-div span,.contact-div .c-right .input-textarea span{width: 85px;height: 35px;line-height: 35px;font-size: 18px;display: inline-block;text-align: center;float: left;color: #666}
.contact-div .c-right .input-div input{width: 550px;margin: 0 auto;height: 35px;line-height: 35px;display: inline-block;box-sizing: border-box;padding:2px 10px;border: 1px solid #ddd}
.contact-div .c-right .error{margin-left: 85px;color: red;display: inherit}
.contact-div .c-right .input-textarea {width: 650px;margin: 0 auto;height: 200px;margin-bottom: 20px}
.contact-div .c-right .input-textarea textarea{width: 550px;margin: 0 auto;height: 200px;line-height: 35px;display: inline-block;box-sizing: border-box;padding:2px 10px;border: 1px solid #ddd}
.contact-div .c-right .input-button{width: 650px;margin: 0 auto;height: 40px;}
.contact-div .c-right .input-button button{width: 145px;height: 40px;float: right;background-color: #0a53a0;color: white;text-align: center;outline: unset;border: unset;margin-right: 15px;cursor:pointer}