/* 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);}

.max1300{max-width: 1330px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.pd20{padding: 0 20px;}
.flex{display: flex;justify-content: space-between;}
.flex2{display: flex;}

/*头部样式*/
/* .top_head{position: relative;}
.top_head>.flex{align-items: center;}
.logo{position: relative;}
.logo a{display: block;}
.logo a img{display: block;max-width: 100%;}

.top_right{position: relative;}
.top_aa{position: relative;display: flex;align-items: center;justify-content: flex-end;padding: 15px 0;}
.top_phone{position: relative;}
.top_phone span{padding-left: 20px;background: url(//cdn.myxypt.com/c6c24e69/22/02/9ec3381bf091f66a2e68cefd29325dc86dd31af9.png) no-repeat left center;font-size: 16px;
color: #008887;font-family: "Arial";font-weight: bold;}

.top_seo{margin: 0 15px;font-size: 14px;color: #999999;}
.top_seo a{font-size: 14px;color: #999999;} */

/* top_bb */
/* .top_bb{position: relative;padding-bottom: 20px;} */

/* top_ss */
/* .top_ss {width: 20px;height: 20px;position: relative;}
.top_ss .ss_btn {width: 20px;height: 20px;background: url(//cdn.myxypt.com/c6c24e69/22/02/3501c4f0291c6108c7af90228e1cf6496b80e972.png) no-repeat center center;cursor: pointer;}
.top_ss #formsearch {position: absolute;top: 30px;right: 0px;z-index: 9999;width: 200px;display: none;background: #f2f2f2;}
.top_ss #formsearch #s_btn {float: left;outline: none;border: none;width: 35px;height: 30px;font-size: 0;
background-image: url(//cdn.myxypt.com/c6c24e69/22/02/bb9db943026be4841e008c940959518e64fd3491.png);background-color: transparent;background-repeat: no-repeat;background-position: 0 -210px;}
.top_ss #formsearch #keyword {float: left;background: none;outline: none;border: none;width: calc(100% - 35px);color: rgba(0, 0, 0, 0.8);margin-top: 0px;height: 30px;padding-left: 10px;font-size: 14px;} */

/* c2_index */
.c2_index{position: relative;padding: 0px 0;}
.ttt1{text-align: center;}
.ttt1 h3{font-size: 44px;color: #333333;font-weight: bold;}
.ttt1 p{font-size: 18px;color: #666666;padding-top: 15px;}

.c2_con{position: relative;margin-top: 50px;overflow: hidden;}
.c2_con ul{ width: 100%; height: 100%;overflow: hidden;}
.c2_con ul li{width: 14.5%;float: left; transition: all 1s ease;height: 100%;position: relative;border-left:1px solid #fff;}
.c2_con ul li h2{font-size: 20px;color: #fff;writing-mode: vertical-lr;margin: 0 auto;position: absolute;left:50%;top: 0;transform: translateX(-50%);z-index: 999;
letter-spacing: 2px;background: url(//cdn.myxypt.com/c6c24e69/22/02/49316a7062f22741929313c10e1ac572fd2d3f4e.png) no-repeat top center;padding-top: 70px;font-weight: normal;}
.c2_con ul li a{display: block}
.c2_con ul li .cocimg{position: relative;height: 580px;}
.c2_con ul li .cocimg img{height: 100%;width: 875px;}

.c2_con ul li .fugg{position: absolute;bottom: 0px;left: 0px;z-index: 99;display: none;padding: 2.0833vw;width: 100%;background: url(//cdn.myxypt.com/c6c24e69/22/02/698421ca315027e956189ebdc841404bd30260fb.png) no-repeat;background-size: cover;}
.c2_con ul li .fugg h3{font-size: 26px;color:#fff;padding-left: 60px;margin-bottom: 20px;font-weight: bold;padding-top: 5px;padding-bottom: 5px;line-height: 40px;
background: url(//cdn.myxypt.com/c6c24e69/22/02/bf9d0a37f25d16295036a76428882f9cb717067d.png) no-repeat left center;}
.c2_con ul li .fugg span{font-size: 15px;color:rgba(255, 255, 255, 0.7);display: block;line-height: 1.7;}

.c2_con ul li::before{background: rgba(0,13,28,.4);position: absolute;left: 0px;top: 0px;content: "";z-index: 999;width: 100%;height: 100%;}

.c2_con ul:hover li{width: 14.5%;}
.c2_con ul li.active{width: 42%;}
.c2_con ul li.active::before{display: none;}
.c2_con ul li.active h2{display:none;}
.c2_con ul li.active .fugg{display: block;}


.c55_index{margin-top: 3.125vw;}
.ydche{overflow: hidden;margin-top: 3vw;}
.c55_index .max1300{position: relative;}
.c55_index .swiper-button-next{background: url(//cdn.myxypt.com/c6c24e69/22/07/4a2713b2f7fb3cfcfa6c7da881861f6c600eabba.png) no-repeat center;width: 29px;height: 50px;right: -40px;top: 63%;}
.c55_index .swiper-button-prev{background: url(//cdn.myxypt.com/c6c24e69/22/07/066256149c6dcf77c692701bfb4d3a147b072f0b.png) no-repeat center;width: 29px;height: 50px;left: -40px;top: 63%;}



/* c4_index */
.c4_index{position: relative;background: url(//cdn.myxypt.com/c6c24e69/22/02/b495af321b7ef863b243c05b88f6ad09ab3f406b.jpg) no-repeat;background-size: 100% 100%;
padding-top: 2vw;padding-bottom: 50px;overflow: hidden;}

.c4left{position: relative;width: 46%;}
.c4left .c4_title{display: flex;align-items: center;justify-content: space-between;padding-top: 30px;}
.c4_title b{text-transform: uppercase;font-weight: bold;display: block;font-size: 2.9166vw;color: rgba(51, 51, 51, 0.1);line-height: 1.3;}
.c4_title h3{font-size: 2.291666vw;color: #333333;}
.c4_title a{display: block;}
.c4_title a img{max-width: 100%;}
.c4left .abbtxt{padding: 2.08333vw 0;font-size: 16px;color: #666666;line-height: 1.9;}

/* number */
.number{display: flex;justify-content: space-between;margin-top: 4.1666vw;background: rgba(255,255,255,.9);position: relative;z-index: 999;
box-shadow: 5px 5px 15px rgba(0,0,0,.2);}
.number li{position: relative;text-align: center;width: 25%;padding: 25px 0;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.number li+li::before{background:#e7e7e7;position: absolute;left: 0px;top: 50%;content: "";width: 1px;height: 60%;transform: translateY(-50%);}
.number li span {font-size: 16px;font-weight: normal;font-style: inherit;color: #888888;}
.number li h3 {color: #333333;}
.number li h3 i {font-style: inherit;color: #333333;font-size: 3.54166vw;font-weight: 600;font-family: "Arial";}
.number li p {font-size: 16px;line-height: 1.7;color: #888888;padding-top: 0px;}
.number li:hover{background: #008887;transform: scale(1.1);cursor: pointer;}
.number li:hover span,
.number li:hover h3 i,
.number li:hover p{color: #fff;}

.c4right{position: absolute;right: 0px;bottom: 0px;width: 50%;}
.c4right img{display: block;max-width: 100%;}


/* 手风琴手机版适配代码 */
@media (max-width: 992px){
    .aa_list li{width: 20%;padding: 0 5px;}
    .aa_list li .aatxt h3{font-size: 18px;}
    .aa_list li .aatxt p{font-size: 14px;}
    .ttt1 h3{font-size: 30px;}
    .ttt1 p{font-size: 14px;}

    .c2_index{padding: 10px 0 0;}
    .c2_con{margin-top: 35px;}
    .c2_con ul li h2{font-size: 16px;}
    .c2_con ul li .fugg h3{font-size: 20px;margin-bottom: 10px;}
    .c2_con ul li .fugg span{font-size: 13px;}
    .c2_con ul li .cocimg{height: 480px;}

    .c3_index{padding-top: 0;}
    .c3_con{margin-top: 35px;}
    .his_small{padding: 0 8.3333vw;}
    .mySwiper .swiper-slide img{height: 100px;}

    .c4left{width: 100%;}
    .c4right{position: relative;margin-top: 30px;width: 100%;}
    .c4_title b{font-size: 25px;}
    .c4_title h3{font-size: 25px;}

    .c5_index{padding-top: 35px;}
    .c5_con{margin-top: 35px;}

    .c6_con{margin-top: 35px;}
    .c6_con>div{width: 100%;}
    .c6left{margin-bottom: 20px;}
    .c6_list1 li .text h3{font-size: 16px;line-height: 30px;}
    .c6_list2 li .text h3{font-size: 16px;line-height: 30px;}

    .x-layout-phone span{font-size: 24px;}
}