/*====================?????ʽ======================*/
* {
    margin: 0;
    padding: 0;
}
.empty{width:100%;height:1px;overflow:hidden;clear:both;}
.empty100{height:100px;}
.empty58{height:58px;}
.empty55{height:55px;}
.empty20{height:20px;}
img {
    border: 0 none;
    vertical-align: center;
}

ul, li {
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
}

body, input, select, button, textarea {
    font-size: 12px;
    font-family: "微软雅黑";
    outline: none;
}

button {
    cursor: pointer;
}

i, em, cite {
    font-style: normal;
}

aside section, .body {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

a, a:link {
    text-decoration: none;
}

a:focus {
    outline: none;
}

.orange {
    color: #F26E01;
}

.clear:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

body {
    max-width: 1920px;
    margin: 0 auto;
}
.head {
    width: 1200px;
    height: 143px;
    margin: 0 auto;
}
.head nav {
    float: left;
    margin-top: 83px;
}
.head nav a {
    height: 60px;
    width: 67px;
    font-size: 12.5px;
    display: inline-block;
    text-align: center;
    color: #151515;
    margin-left: 57px;
    position: relative;
}
.head nav a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #18abab;
    transition: all 0.5s;
}
.head nav a:hover::after {
    width: 100%;
    left: 0;
}
.head nav a:nth-child(1) {
    margin-left: 0;
}
.logo {
    width: 156px;
    height: 129px;
    float: left;
    margin: 7px 70px 0 ;
}
.logo img {
    width: 100%;
    display: block;
}
.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner img {
    width: 100%;
    display: block;
}
.ma_t {
    width: 1163px;
    margin: 40px auto 0;
    overflow: hidden;
}
.ma_t dl {
    width: 560px;
    height: 339px;
    float: left;
    overflow: hidden;
    margin: 0 43px 32px 0;
    position: relative;
}
.ma_t dl:nth-child(2n) {
    margin-right: 0;
}
.ma_t dl dt {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ma_t dl dt img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.ma_t dl:hover dt img {
    transform: scale(1.1);
}
.ma_t dl dd {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.0);
    transition: all 0.5s;
}
.ma_t dl dd em {
    width: 230px;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    display: block;
    position: relative;
    margin: 145px auto 0;
    transition: all 0.5s;
    opacity: 0;
}
.ma_t dl dd em::after {
    width: 40px;
    height: 1px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
}
.ma_t dl dd em::before {
    width: 40px;
    height: 1px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
}
.ma_t dl dd i {
    width: 51px;
    height: 52px;
    background-image: url(../images/ma_t_i.png);
    background-repeat: no-repeat;
    display: block;
    margin: 25px auto;
    opacity: 0;
    transition: all 0.5s;
}
.ma_t dl dd p{
    text-align: center;
    color: #ffffff;
    font-size: 24px;
}
.ma_t dl:hover dd {
    background-color: rgba(0, 0, 0, 0.5);
}
.ma_t dl:hover dd em {
    opacity: 1;
}
.ma_t dl:hover dd i {
    opacity: 1;
}
.ma_b {
    width: 235px;
    height: 235px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    z-index: 1;
    top: 275px;
    left: 50%;
    margin-left: -117px;
}
.ma_b::after {
    width: 188px;
    height: 188px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    content: '';
    background-color: #ffffff;
    border-radius: 50%;
    margin: -94px 0 0 -94px;

}
.ma_b em {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #7a7a7a;
    margin-top: 50px;
}
.ma_b span {
    display: block;
    text-align: center;
    color: #b9b9b9;
    font-size: 18px;
    margin-top: 10px;
}
.main_af{
    position: relative;
    background-color: #fafafa;
    overflow: hidden;
}
.main_bf {
    width: 100%;
    height: 675px;
    padding: 75px 0;
    background-image: url(../images/mb_bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}
.mb {
    width: 1200px;
    margin: 0 auto;
}
.mb_t {
    text-align: center;
    margin-bottom: 40px;
}
.mb_t em {
    display: block;
    font-size: 40px;
    color: #6e6e6e;
}
.mb_t span {
    display: block;
    font-size: 18px;
    color: #c4c4c4;
    margin-top: 10px;
}
.mb_b {
    width: 1200px;
    margin: 0 auto;
}
.mbb_l {
    width: 659px;
    height: 541px;
    float: left;
    overflow: hidden;
}
.mbb_l img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.mbb_l img:hover {
    transform: scale(1.1);
}
.mbb_r {
    width: 540px;
    float: right;
}
.mbbr_t {
    width: 600px;
    padding: 55px 25px 45px 35px;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 70px 0 0 -90px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.mbbr_tl {
    width: 390px;
    float: left;
}
.mbbr_tl em {
    display: block;
    font-size: 27px;
    color: #6e6e6e;
}
.mbbr_tl p {
    font-size: 12px;
    line-height: 24px;
    color: #303030;
    margin: 18px 0 40px;
}
.mbbr_tl a {
    display: inline-block;
    background-image: url(../images/mbbr_tl_a.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 21px;
    line-height: 21px;
    font-size: 18px;
    color: #787878;
    padding-right: 30px;
    transition: all 0.5s;
}
.mbbr_tl a:hover {
    color: #269688;
    background-image: url(../images/more_h.png);
}
.mbbr_tr {
    width: 108px;
    float: right;
    padding-top: 23px;
}
.mbbr_tr a {
    display: block;
    width: 106px;
    height: 30px;
    border-radius: 20px;
    border: 1px solid #aaaaaa;
    text-align: center;
    line-height: 30px;
    color: #aaaaaa;
    font-size: 16px;
    margin-bottom: 32px;
    transition: all 0.5s;
}
.mbbr_tr a:hover {
    background-color: #269688;
    color: #ffffff;
    border-color: #269688;
}
.mbbr_tr a:last-child {
    margin-bottom: 0;
}
.mbbr_b {
    width: 412px;
    height: 185px;
    float: right;
}
.main_cf {
    background-color: #f8f8f8;
    padding: 30px 0 0px;
}
.mc_t {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
}
.mct_l {
    width: 300px;
    float: left;
}
.mct_l em {
    display: block;
    font-size: 40px;
    color: #6e6e6e;
}
.mct_l span {
    display: block;
    font-size: 18px;
    color: #c4c4c4;
    margin: 5px 0 20px;
}
.mct_r {
    float: right;
    margin-top: 35px;
}
.mct_r a {
    font-size: 20px;
    color: #6e6e6e;
    transition: all 0.5s;
    padding: 0 10px;
    position: relative;
}
.mct_r a::after {
    width: 1px;
    height: 18px;
    background-color: #6e6e6e;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
}
.mct_r a:nth-child(1)::after {
    display: none;
}
.mct_r a:hover {
    color: #269688;
}
.mc_b {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 40px 0 0;
    text-align:left;
}
.mc_b dl {
    width: 579px;
    float: left;
    margin: 0 42px 40px 0;
}
.mc_b dl:nth-child(2n) {
    margin-right: 0;
}
.mc_b dl dt {
    width: 244px;
    height: 174px;
    float: left;
    overflow: hidden;
}
.mc_b dl dt img {
    transition: all 0.5s;
    width:100%;
}
.mc_b dl dt img:hover {
    transform: scale(1.1);
}
.mc_b dl dd {
    float: right;
    width: 319px;
    padding-top: 20px;
}
.mc_b dl dd em {
    display: block;
    font-size: 18px;
    color: #595959;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mc_b dl dd em a {
    color: #595959;
    transition: all 0.5s;
}
.mc_b dl dd em a:hover {
    color: #269688;
}
.mc_b dl dd p {
    font-size: 12px;
    color: #999999;
    line-height: 24px;
    margin: 20px 0;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mc_b dl dd .mbb {
    height: 21px;
}
.mc_b dl dd .mbb span{
    font-size: 12px;
    color: #a6a6a6;
    line-height: 21px;
}
.mc_b dl dd .mbb a {
    float: right;
    display: inline-block;
    background-image: url(../images/mbbr_tl_a.png);
    background-position: 50px center;
    background-repeat: no-repeat;
    height: 21px;
    line-height: 21px;
    font-size: 18px;
    color: #787878;
    padding-right: 30px;
    transition: all 0.5s;
}
.mc_b dl dd .mbb a:hover {
    color: #269688;
    background-image: url(../images/more_h.png);
}
.main_df{background:#ffffff;}
.md_t {
    margin: 55px 0 ;
}
.md_t em {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #6f6f6f;
}
.md_t span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #c4c4c4;
    text-transform: uppercase;
    margin-top: 10px;
}
.md_b 
{
    margin:0px auto;
    width: 1200px;
    padding: 0 1%;
    overflow: hidden;
    margin-bottom: 120px;
}
.md_b dl {
    width: 356px;
    height: 402px;
    float: left;
    background-color:#f8f8f8;
}
.md_b dl:nth-child(1) {
    margin-left: 0;
}
.md_b dl dt 
{
    margin-left:auto;margin-right:auto;
    height: 254px;
    overflow: hidden;
    text-align:center;
}
.md_b dl dt img {
    transition: all 0.5s;
    position:relative;
}
.md_b dl:hover dt img {
    transform: scale(1.1);
}
.md_b dl dd em {
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
    color: #363636;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 30px 0 50px;
    transition: all 0.5s;
}
.md_b dl:hover dd em{
    color: #269688;
}
.md_b dl dd i {
    width: 21px;
    height: 21px;
    display: block;
    margin: 0 auto;
    background-image: url(../images/mbbr_tl_a.png);
    transition: all 0.5s;
}
.md_b dl:hover dd i {
    background-image: url(../images/more_h.png); 
}
.main_ef {
    width: 100%;
    padding-bottom: 130px;
    background: url(../images/me_bg.jpg) center bottom no-repeat #ffffff;
}
.me_t {
    width: 1200px;
    margin: 0 auto;
}
.me_t em {
    display: block;
    font-size: 40px;
    color: #6e6e6e;
}
.me_t span {
    display: block;
    font-size: 18px;
    color: #c4c4c4; 
    text-transform: uppercase;
    margin: 10px 0 30px;
}
.me_b {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.me_b dl {
    width: 352px;
    float: left;
    margin-right: 72px;
}
.me_b dl:nth-child(3n) {
    margin-right: 0;
}
.me_b dl dt {
    width: 352px;
    height: 210px;
    overflow: hidden;
}
.me_b dl dt img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.me_b dl dt img:hover {
    transform: scale(1.1);
}
.me_b dl dd ul {
    padding: 25px 0 20px;
    height:125px;
    border-bottom: 1px solid #c9c9c9;
}
.me_b dl dd ul li {
    font-size: 12px;text-align:left;
}
.me_b dl dd ul li a {
    max-width: 285px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    color: #292929;
    line-height: 25px;
    transition: all 0.5s;
}
.me_b dl dd ul li a:hover {
    color: #09b6c2;
}
.me_b dl dd ul li span {
    float: right;
    line-height: 25px;
}
.me_b .meb_more {
    width: 100px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background-color: #09b6c2;
    display: block;
    font-size: 15px;
    color: #f9ead3;
    margin-top: 20px;
}
.me_b .meb_more i {
    margin-right: 5px;
}
.main_ff {
    width: 100%;
    height: 544px;
    overflow: hidden;
    background-image: url(../images/mf_bg.jpg);
    background-position: center;
}
.mf {
    width: 1200px;
    margin: 0 auto;
}
.mf_l {
    float: left;
    padding-top: 55px;
}
.mf_l em {
    display: block;
    font-size: 40px;
    color: #9a9a9a;
}
.mf_l i {
    width: 51px;
    height: 52px;
    background-image: url(../images/mf_l_i.png);
    display: block;
    margin-top: 15px;
}
.mf_r {
    float: right;
    padding-top: 110px;
}
.mf_r em {
    display: block;
    font-size: 24px;
    color: #9a9a9a;
    margin-bottom: 30px;
}
.mf_r p input {
    width: 190px;
    height: 40px;
    font-size: 14px;
    margin-right: 30px;
    background-color: unset;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.mf_r p input:nth-child(2n) {
    margin-right: 0;
}
.mf_r p {
    margin-bottom: 20px;
}
.mf_r p input{color:#9a9a9a;}
.mf_r p textarea {
    width: 100%;
    height: 80px;
    background-color: unset;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #9a9a9a;
}
.mf_r p .button {
    width: 80px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color: #9a9a9a;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}
.inside_page {
    width: 100%;
    background-image: url(../images/ip_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
.ip_head {
    width: 1200px;
    margin: 0 auto;
    background-image: url(../images/iph_bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    overflow: hidden;
}
.crumbs {
    width: 1200px;
    height: 20px;
    line-height: 20px;
    text-indent: 23px;
    background-image: url(../images/crumbs.png);
    background-position: left 0px;
    background-repeat: no-repeat;
    margin-top: 20px;
	margin-bottom:25px;
    font-size: 12px;
    color: #949494;
}
.crumbs a {
    color: #949494; 
}
.crumbs a:hover{color:#e60012;}
.crumbs span {
    font-family: '宋体';
    margin: 0 5px;
} 
.main_title {
    width: 1200px;
    text-align: center;
    margin-bottom: 25px;
}
.main_title em {
    display: block;
    font-size: 30px;
    color: #8e8e8e;
}
.main_title span {
    display: block;
    font-size: 17px;
    color: #c4c4c4;
    margin-top: 8px;
}
.ip_column {
    text-align: center;
    padding-bottom: 70px;
}
.ip_column li {
    display: inline-block;
    width: 117px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    color: #070b0e;
    position: relative;
    margin: 0 50px;
}
.ip_column li em {
    width: 100%;
    height: 100%;
    display: block;
}
.ip_column li em a {
    width: 115px;
    height: 32px;
    display: block;
    color: #070b0e;
    border: 1px solid #c9c9c9;
}
.ip_column li em:hover a {
    color: #ffffff;
    border: 1px solid #09b6c2;
    background-color: #09b6c2;
}
.ip_column li nav {
    width: 559px;
    position: absolute;
    left: 0;
    top: 55px;
    text-align: left;
    display: none;
    justify-content: space-around;
}
.ip_column li nav a {
    width: 55px;
    display: inline-block;
    font-size: 12px;
    color: #a0a0a0;
	text-align:center;
}
.ip_column li nav a:hover{
    color: #09b6c2;
    border-bottom: 3px solid #09b6c2;
}
.ip_column .ipc nav{display:flex;} 
.ip_column .ipc em a {
    color: #ffffff;
    border: 1px solid #09b6c2;
    background-color: #09b6c2;
}
.ip_column .ipc nav .ipc_a {
    color: #09b6c2;
    border-bottom: 3px solid #09b6c2;
}
.ip_column li:nth-child(1) nav{left:110px;}
.ip_column li:nth-child(2) nav{left:-100px;}
.ip_column li:nth-child(3) nav{left:-340px;}
.ip_column li:nth-child(4) nav{left:-540px;}

footer {
    background-color: #000000;
    border-top: 12px solid #0e5155;
}
.footer_af {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 20px;
}
.footer_af em {
    display: block;
    font-size: 40px;
    color: #9a9a9a;
}
.footer_af span {
    display: block;
    font-size: 18px;
    color: #9a9a9a;
    margin-top: 5px;
    text-transform: uppercase;
}
.footer_bf {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.fb_l {
    width: 700px;
    float: left;
    padding-top: 45px;
}
.fb_l li {
    width: 280px;
    height: 20px;
    line-height: 20px;
    padding-left: 35px;
    float: left;
    font-size: 14px;
    color: #dddddd;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left;
}
.fb_l li:nth-child(1) {
    background-image: url(../images/fb_l2.png);
}
.fb_l li:nth-child(2) {
    background-image: url(../images/fb_l3.png);
}
.fb_l li:nth-child(3) {
    background-image: url(../images/fb_l1.png);
}
.fb_l li:nth-child(4) {
    background-image: url(../images/fb_l4.png);
}
.fb_r {
    float: right;
}
.fb_r dt {
    float: left;
    padding-top: 70px;
}
.fb_r dt em {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
}
.fb_r dd {
    float: right;
    margin-left: 10px;
}
.footer_cf {
    width: 1200px;
    height: 70px;
    line-height: 70px;
    margin: 40px auto 0;
    font-size: 12px;
    color: #666666;
}
.footer_cf a{color:#666666;}
.footer_cf a:hover{color:#ffcc00;}
.footer_cat {
    width: 1200px;
    height: 70px;
    line-height: 70px;
    margin: 0px auto;
    font-size: 12px;
    color: #666666;
}
.footer_cat a{color:#666666;}
.footer_cat a:hover{color:#ff0000;}
/******************inside***********************/
#main_productBox{margin-left:auto;margin-right:auto;width:1200px;}
#main_product{margin-left:auto;margin-right:auto;width:1200px;height:auto !important;height:400px;min-height:400px;overflow-x:hidden;}
#main_product .prolist{width:110%;}
#main_product .prolist li{margin-right:45px;border:1px solid #dddddd;}
#main_product li{float:left;margin-bottom:34px;width:368px;height:356px;background-color:#ffffff;text-align:center;}
#main_product li a{display:block;margin-left:auto;margin-right:auto;margin-top:5px;width:358px;height:292px;clear:both;overflow:hidden;}
#main_product li a:hover{color:#ff0000;}
#main_product li a .pro_img{display:block;width:100%;height:223px;overflow:hidden;}
#main_product li a .pro_img img{display:block;margin-left:auto;margin-right:auto;position:relative;}
#main_product li a .pro_tit{display:block;width:100%;height:69px;line-height:69px;text-align:center;font-size:16px;}
#main_product li .pro_link{float:left;margin:0px;margin-left:17px;display:inline-block;width:117px;height:36px;line-height:36px;text-align:center;background-color:#09b6c2;color:#ffffff;}
#main_product li .pro_bj{float:right;margin-right:17px;cursor:pointer;}
#main_product li .pro_link:hover{background-color:#e60012;color:#ffffff;}

#main_about{margin-left:auto;margin-right:auto;width:1200px;height:auto !important;height:400px;min-height:400px;overflow-x:hidden;text-align:center;}
#main_about_img{margin-left:auto;margin-right:auto;margin-bottom:62px;width:1094px;height:364px;overflow:hidden;clear:both;}
#main_about_lbox{float:left;margin-right:82px;width:171px;text-align:right;}
#main_about_rbox{float:left;width:686px;text-align:left;line-height:200%;}

#main_contact{margin-left:auto;margin-right:auto;width:1200px;height:auto !important;height:600px;min-height:600px;overflow-x:hidden;text-align:center;}
#main_contact_map{margin-bottom:30px;width:100%;height:550px;overflow:hidden;}
#main_contact_con{width:100%;height:260px;border-top:1px solid #2a2a2a;}
#main_contact_con .contact_ul{float:left;margin-top:16px;width:920px;text-align:left;}
#main_contact_con .contact_ul li{float:left;margin-bottom:45px;font-size:18px;height:25px;line-height:25px;text-indent:55px;color:#666666;}
#main_contact_con .contact_ul li:nth-child(1){width:390px;background:url("../images/contact_icon3.png") left top no-repeat;}
#main_contact_con .contact_ul li:nth-child(2){width:530px;background:url("../images/contact_icon2.png") left top no-repeat;}
#main_contact_con .contact_ul li:nth-child(3){width:390px;background:url("../images/contact_icon1.png") left top no-repeat;}
#main_contact_con .contact_ul li:nth-child(4){width:530px;background:url("../images/contact_icon4.png") left top no-repeat;}
#main_contact_con .contact_wx{float:right;display:inline-block;margin-right:21px;width:253px;text-align:left;}

#main_join{margin-left:auto;margin-right:auto;width:1200px;height:auto !important;height:600px;min-height:600px;overflow-x:hidden;text-align:left;}
#main_joinUs{margin-bottom:38px;width:100%;height:419px;background:url("../images/join_apply.jpg") no-repeat;}
#main_joinCon{margin-left:auto;margin-right:auto;width:1000px;height:auto !important;height:400px;min-height:400px;}
#main_joinCon p{line-height:200%;}
#main_joinUs .mf_r{margin-right:98px;}
#main_joinUs .mf_r em{display:none;}

#main_left{margin-left:auto;margin-right:auto;width:1200px;height:auto !important;height:400px;min-height:400px;overflow-x:hidden;text-align:left;}