/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.pos{position: relative;width:100%;left:50%;transform: translateX(-50%);}
.wh{width:1200px;margin:0 auto;}
.wd1200{width:1200px;margin: 0 auto;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.xypg-right-content{font-size: 16px; line-height:36px}
.xypg-right-content img{ max-width:100%}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.max1320{max-width: 1350px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}

/*头部样式*/
.top_head{position: absolute;top: 30px;z-index: 999;width: 1320px;background: #fff;border-radius: 80px;left: 50%;transform: translateX(-50%);
padding-left: 30px;padding-right: 30px;}
.top_head .flex{height: 80px;align-items: center;width: 100%;}
.logo{width: 360px;position: relative;}
.logo a{display: block;}
.logo a img{max-width: 100%;}

.top_right{position: relative;width: calc(100% - 400px);display: flex;justify-content: space-between;align-items: center;}

#formsearch2 {width: 240px;position: relative;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eeeeee;}
#formsearch2 input {height: 40px;line-height: 40px;border: none;outline: none;background: none;}
#formsearch2 input#keyword {padding-left: 5px;color: #999999;font-size: 14px;width: calc(100% - 30px);}
#formsearch2 input#s_btn {width: 30px;text-align: center;color: #fff;cursor: pointer;
background: url(//cdn.myxypt.com/d4a307e5/22/05/e9284835729d5663a3606b0bc6ceb171203c15ce.png) no-repeat center;}

@media (max-width: 1350px){
   .top_head{width: calc(100% - 30px);} 
}

/* c1_index */
.c1_index{position: relative;padding: 5.72916vw 0;overflow: hidden;}
.c1_index>.flex{align-items: center;}
.abb_left{position: relative;width: 40.15%;margin-bottom: 30px;}
.abb_left::before{position: absolute;left: -80px;top: -100px;background: url(//cdn.myxypt.com/d4a307e5/22/05/9f4a6842c7fac798c50c591cf6b04ae282b982d8.png) no-repeat;background-size: cover;width: 240px;height: 240px;content: "";z-index: -1;}
.abb_left .tit_na{position: relative;}
.abb_left .tit_na b{font-family: "Arial";font-size: 68px;color: #e7f9ee;line-height: 1;font-weight: normal;}
.abb_left .tit_na h3{font-size: 22px;color: #36d174;position: absolute;left: 0px;top: 60%;transform: translateY(-60%);}
.abb_left .abb_content{font-size: 14px;color: #888888;line-height: 25px;margin: 15px 0 20px;}
.abb_left .abb_aa{display: block;font-size: 16px;color: #fff;width: 150px;text-align: center;background: #36d174;border-radius: 30px;line-height: 48px;}

.abb_right{position: relative;width: 50%;}
.abb_right .vvimg img{display: block;width: 100%;}
.abb_right a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999;display: block;}
.abb_right a img{max-width: 100%;}


/* c2_index */
.c2_index{position: relative;padding: 5.72916vw 0;background: url(//cdn.myxypt.com/d4a307e5/22/05/4d92c5db7358ad6b0efdca28bc71719ee61cb218.jpg) no-repeat;background-size: cover;}
.c2_top{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 50px;}
.tit_bb{position: relative;}
.tit_bb h3{font-size: 40px;color: #36d174;font-weight: normal;line-height: 1;}
.tit_bb p{font-size: 20px;color: #36d174;font-weight: normal;}

.sort2{display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;}
.sort2 li{position: relative;margin: 0 15px;text-align: center;margin-bottom: 0px;}
.sort2 li+li::before{position: absolute;left: -15px;top: 50%;transform: translateY(-50%);width: 1px;height: 20px;background: #ccc;content: "";}
.sort2 li a{display: block;font-size: 14px;color: #666666;line-height: 36px;padding: 0 15px;border-radius: 30px;transition: .3s;}
.sort2 li a:hover{background: #36d174;color: #fff;}

.c2_con{position: relative;}
.cp_list{position: relative;margin: 0 -1.5625vw;}
.cp_list .slick-slide{position: relative;margin: 0 1.5625vw;padding: 20px 0;border-radius: 20px;background: #fff;text-align: center;}
.cp_list .slick-slide a{display: block;}
.cp_list .slick-slide .img img{width: 100%;}
.cp_list .slick-slide h3{line-height: 1.7;padding: .5em 0;font-size: 18px;color: #666666;font-weight: normal;padding-bottom: 1.5625vw; 
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/* c3_index */
.c3_index{position: relative;padding: 4.6875vw 0;}
.tit_cc{position: relative;text-align: center;margin-bottom: 3.125vw;}
.tit_cc h3{font-size: 40px;color: #36d174;font-weight: 600;line-height: 1;}
.tit_cc p{font-size: 20px;color: #36d174;font-weight: normal;}

.three_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.three_list li{width: 33.33%;position: relative;text-align: center;margin-bottom: 20px;}
.three_list li .focc{position: relative;text-align: center;}
.three_list li .focc img{display: inline-block;max-width: 100%;}
.three_list li h3{font-size: 18px;color: #666666;font-weight: normal;margin-bottom: 15px;}
.three_list li .spox{line-height: 1.7;font-size: 14px;color: #999999;max-width: 200px;margin: auto;}


/* c4_index */
.c4_index{position: relative;padding: 5.72916vw 0;background: url(//cdn.myxypt.com/d4a307e5/22/05/5c51c47c22f0d80bf4f7aaa6ca08ab62e1a011b5.jpg) no-repeat;background-size: cover;}
.tit_dd{margin-bottom: 30px;}

.c4_con{position: relative;}
.xw_tj_list{position: relative;padding-bottom: 28px;margin-bottom: 28px;border-bottom: 1px solid #dbdbdb;}
.xw_tj_list li{position: relative;}
.xw_tj_list li a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xw_tj_list li .xw_img{position: relative;width: 235px;border-radius: 10px;}
.xw_tj_list li .xw_img img{display: block;width: 100%;}
.xw_tj_list li .xw_text{position: relative;width: calc(100% - 235px);padding-left: 25px;}
.xw_tj_list li .xw_text h3{font-size: 18px;color: #333333;font-weight: normal;line-height: 1.7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xw_tj_list li .xw_text span{font-size: 14px;color: #999999;margin-bottom: 1.5625vw;display: block;}
.xw_tj_list li .xw_text .nssx{font-size: 14px;color: #999999;line-height: 1.5;}

.xw_list{position: relative;flex-wrap: wrap;display: flex;}
.xw_list li{position: relative;width: 50%;margin-top: 20px;padding: 0 2.34375vw;display: flex;justify-content: space-between;align-items: center;}
.xw_list li a{display: block;font-size: 14px;color: #666666;padding-left: 25px;background: url(//cdn.myxypt.com/d4a307e5/22/05/6b5d81fd54c970bd61d2f14a599419ace1078ce8.png) no-repeat left center;transition: .3s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: calc(100% - 68px);}
.xw_list li span{font-size: 12px;color: #c3c3c3;}
.xw_list li:hover a{color: #36d174;}

.c4_map{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 4.6875vw 0 5.2083vw;}
.c4_map .map_left{width: 49%;position: relative;background: #fff;border-radius: 20px;padding: 25px;overflow: hidden;}
.c4_map .map_left img,.c4_map .map_left iframe{width: 100%;display: block;}

.c4_map .map_address{width: 49%;position: relative;background: #fff;border-radius: 20px;padding: 25px;} 
.map_address ul{position: relative;}
.map_address ul li{position: relative;padding: 1.5625vw 0 1.0416vw;border-bottom: 1px solid #ededed;}
.map_address ul li span{display: block;color: #999999;font-size: 14px;line-height: 1.7;}
.map_address ul li span:nth-child(2){color: #666666;margin-top: 5px;}


.c4_message{position: relative;}

/*  */
.x-message-wrap2 {margin-left: 0px;margin-right: 0px;max-width: 970px;margin: 0 auto;}
.x-message-wrap2 .row {margin-left: -5px;font-size: 0;margin-right: -5px}
.x-message-wrap2 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;}

.x-message-wrap2 input[type='text'],
.x-message-wrap2 textarea,
.x-message-wrap2 .code-group {width: 100%;height: 50px;border: none;padding: 0 15px;font-size: 14px;color: #999999;background: #fff;
outline: none;margin-bottom: 10px;border-radius: 30px;}
.x-message-wrap2 input[type='text']::-webkit-input-placeholder,.x-message-wrap2 textarea::-webkit-input-placeholder {color: #999999}
.x-message-wrap2 input[type='text']:-ms-input-placeholder,.x-message-wrap2 textarea:-ms-input-placeholder {color: #999999}
.x-message-wrap2 input[type='text']::-ms-input-placeholder,.x-message-wrap2 textarea::-ms-input-placeholder {color: #999999}
.x-message-wrap2 input[type='text']::placeholder,.x-message-wrap2 textarea::placeholder {color: #999999;}
.x-message-wrap2 textarea {padding-top: 15px;height: 130px;resize: none}
.x-message-wrap2 #checkcode {float: left;width: 72.29813665%;margin-bottom: 0;}
.x-message-wrap2 #codeimg2 {float: right;display: block;text-align: center;width: 25.39130435%;height: 30px;font-size: 0;background: #fff;padding: 0px;margin: 10px 0;}
.x-message-wrap2 .x-submit {width: 180px;height: 50px;background: #36d174;color: #fff;font-size: 16px;border: none;outline: none;
-webkit-transition: all .5s ease;transition: all .5s ease;margin: 30px auto 0;border-radius: 30px;}
.x-message-wrap2 .x-submit:hover {background: #36d174}
.x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;}


/* ft_layout */
.ft_layout{position: relative;background: #222222;}
.ft_top{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;padding: 70px 0 50px;}

.x-layout-menu{position: relative;display: flex;flex-wrap: wrap;width: 50%;}
.x-layout-menu dl {position: relative;width:33.33%;}
.x-layout-menu dl dt {font-size: 16px;font-weight:bold;margin-bottom: 15px;color: rgba(255, 255, 255, 1);}
.x-layout-menu dl dd a {display: block;font-size: 15px;color: rgba(255, 255, 255, 0.8);line-height: 1.7;transition: .3s;}
.x-layout-menu dl dd a:hover{color: rgba(255, 255, 255, 1);}
.x-layout-menu dl:nth-child(3) dd{ width:50%; float:left}
.ftt_bb{position: relative;width: 280px;display: flex;justify-content: space-between;}
.ftt_bb>div{width: 48%;text-align: center;font-size: 14px;color: #fff;;line-height: 40px;}
.ftt_bb>div img{max-width: 100%;}

.ft_bom{position: relative;padding: 15px 0;text-align: center;font-size: 14px;color: rgba(255, 255, 255, 0.8);line-height: 1.5;border-top: 1px solid #4e4e4e;}
.ft_bom a{font-size: 14px;color: rgba(255, 255, 255, 0.8);transition: .3s;}
.ft_bom a:hover{color: rgba(255, 255, 255, 1);}


@media (max-width: 1366px){
   .logo{width: 200px;}
   .top_right{width: calc(100% - 200px);}
   .x-menu>li{width: 90px;}
   .tit_bb h3{font-size: 30px;}
   .tit_cc h3{font-size: 30px;}
   .tit_cc p{font-size: 18px;}
}


@media (max-width: 992px){
   .abb_left .abb_aa{width: 120px;line-height: 40px;font-size: 14px;}
   .cp_list .slick-slide h3{font-size: 15px;}
   .x-layout-menu dl:nth-child(3) dd{ width:100%}
}

@media (max-width: 768px){
   .abb_left{width: 100%;}
   .abb_right{width: 100%;}
   .abb_left::before{width: 150px;height: 150px;background-size: cover;    left: -30px;top: -50px;}

   .c2_top{margin-bottom: 30px;}
   .sort2{justify-content: flex-start;margin-top: 20px;}
   .three_list li h3{font-size: 16px;}

   .xw_list li{width: 100%;}
   .c4_map>div{width: 100%!important;margin-top: 20px;padding: 15px!important;}
   .xw_tj_list li .xw_text h3{font-size: 16px;}
   .xw_tj_list{padding-bottom: 18px;margin-bottom: 8px;}

   .ft_top{padding: 40px 0 20px;}
   .x-layout-menu{width: 100%;}
}


@media (max-width: 480px){
   .three_list li{width: 100%;}
   .xw_tj_list li a{display: block;}
   .xw_tj_list li a>div{width: 100%!important;padding: 10px 0!important;}

   .c1_index{padding: 30px 0;}
   .c2_index{padding: 30px 0;}
   .c3_index{padding: 30px 0;}
   .c4_index{padding: 30px 0;}
}


/* video */
.videobox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.videobox .close {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.videobox iframe,
.videobox .video_c {
    width: 960px;
    height: 640px;
    position: relative;
    z-index: 5;
}

.video_com {
    position: relative;
}

.video_com .close_ico {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(//cdn.myxypt.com/d4a307e5/22/05/9a2b7a1c59ee3da27e221ea307c53bc00fed13da.png) no-repeat center center;
    background-size: 20px;
    cursor: pointer;
    z-index: 99;
}


@media screen and (max-width: 960px) {
   .videobox iframe,
   .videobox .video_c {
        width: 600px;
        height: 400px;
    }

    .video_com .close_ico {
        top: -10px;
    }
}

@media screen and (max-width: 666px) {
    .video_com {
        width: 100%;
        padding-bottom: 66.666666%;
        position: relative;
    }
    
    .videobox .video_c {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
}