/*初始化样式*/
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;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}


/*头部样式*/
.top_head{position: relative;background: #fff;z-index: 999;}
.top_head .flex{height: 90px;align-items: center;}

.tp_bb{display: flex;align-items: center;}
.top_phone{position: relative;margin-left: 10px;}
.top_phone span{padding-left: 25px;background: url(//cdn.myxypt.com/07453195/22/02/7ee6ae2302f6eb59d011573d880be18f318e0aa7.png) no-repeat left center;
font-size: 14px;color: #000000;}

.tp_cc{position: relative;display: flex;align-items: center;}
.tp_cc>div{margin: 0 15px;display: block;}
.tp_cc>a{margin: 0 15px;display: block;}
.tp_cc>a>img{max-width: 100%;}

/* top_ss */
.top_ss {
    width: 20px;
    height: 20px;
    position: relative;
}
.top_ss .ss_btn {
    width: 25px;
    height: 25px;
    background: url(//cdn.myxypt.com/07453195/22/02/3c78f376005a4545c10a5e22bf19d2d0aa4a9cc5.png) no-repeat center center;
    cursor: pointer;
}
.top_ss #formsearch {
    position: absolute;
    top: 55px;
    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/07453195/22/02/78dd482d2d142545007c25381691814a182fb3cd.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;
}

/* c1_index */
.c1_index{
    position: relative;
    padding: 6.25vw 0;
}
.con_wap{
    position: relative;
}
/*  */
.le_img{
    position: relative;
}
.le_img img{
    display: block;
    max-width: 100%;
}

/*  */
.le_txt{
    position: relative;
}
.tit_aa{
    position: relative;
}
.tit_aa h3{
    font-size: 3.125vw;
    color: #000000;
    font-weight: bold;
    line-height: 1.7;
}
.tit_aa p{
    font-size: 2.08333vw;
    font-weight: normal;
    color: #000000;
}
.le_txt .hd{
    padding-top: 2.08333vw;
}
.le_txt .hd li{
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 2.60416vw;
    color: #808080;
    cursor: pointer;
}
.le_txt .hd li.on{
    color: #000;
}

/* morex */
.morex{
    position: relative;
    padding-top:  3.125vw;
}
.morex a{
    display: inline-block;
    font-size: 1.0416vw;
    color: #000000;
    padding-right: 35px;
    line-height: 30px;
    background: url(//cdn.myxypt.com/07453195/22/02/fe6d76425801ce6253ed0a573b4357ff16c89756.png) no-repeat right center;
}

.morex a:hover{
    color: #0061b3
}

/* c2_index */
.c2_index{
    position: relative;
    padding: 6.25vw 0 5.208333vw;
    background: #f2f2f7;
}


/* c3_index */
.c3_index{
    position: relative;
    padding: 5.208333vw 0;
}

/* c4_index */
.c4_index{
    position: relative;
    padding: 4.6875vw 0;
    background: url(//cdn.myxypt.com/07453195/22/02/294bcdfb139f67e94ab55e04e498760ae2298c2d.jpg) no-repeat;
    background-size: cover;
}
.c4_index .flex{
    align-items: center;
}
.c4_left{
    position: relative;
}
.c4_left h2{
    font-size: 3.125vw;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
}
.c4_left>span{
    display: block;
    font-size: 1.875vw;
    line-height: 1.5;
    color: #fff;
}
.c4_left .abbtxt{
    padding: 2.60416vw 0;
    line-height: 2;
    font-size: 1.0416vw;
    color: #fff;
}
.c4_left .ab_more{
    display: inline-block;
    position: relative;
    border: 2px solid #999;
    border-radius: 35px;
    margin-top: 20px;
}
.c4_left .ab_more a{
    display: block;
    font-size: 0.9375vw;
    padding: 0.78125vw 3.125vw;
    color: #fff;
}

/* c4_right */
.c4_right{position: relative;}
.c4_right>a{margin: 15px 0;display: block;}
.c4_right>a img{display: block;max-width: 100%;}

/* c5_index */
.c5_index{position: relative;padding: 80px 0;}
.c5_index h2{text-align: center;color: #000;font-size: 3.125vw;margin-bottom: 4.1666vw;line-height: 1.3;}
.c5_index ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.c5_index ul li{position: relative;text-align: center;}
.c5_index ul li a{display: block;}
.c5_index ul li .ooimg{text-align: center;}
.c5_index ul li .ooimg img{max-width: 100%;display: inline-block;}
.c5_index ul li h3{font-weight: normal;padding: 1.5635vw 0;font-size: 1.25vw;color: #000;}
.c5_index ul li:hover .ooimg img{filter: invert(40%) sepia(20%) saturate(863%) hue-rotate(122deg) brightness(90%) contrast(101%);}
.c5_index ul li:hover h3{color: #0061b3}

/* c6_index */
.c6_index{position: relative;background: #f2f2f7;padding: 4.1666vw 0;}
.c6_index h2{text-align: center;color: #000;font-size: 2.08333vw;margin-bottom: 4.1666vw;line-height: 1.3;}
.c6_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.c6_list li{position: relative;width: 31.33%;}
.c6_list li a{display: block;}
.c6_list li .qximg{box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.c6_list li .qximg img{width: 100%;display: block;}
.c6_list li .qxa{display: flex;align-items: center;padding-top: 30px;}
.c6_list li .qxa span{display: block;font-size: 0.8333vw;color: #999999;}
.c6_list li .qxa span:nth-child(1){font-weight: bold;margin-right: 20px;}
.c6_list li h3{font-weight: bold;font-size: 1.25vw;color: #000000;margin: 15px 0;transition: .3s;  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.c6_list li .qxw{font-size: 0.8333vw;color: #333333;line-height: 1.7; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.c6_list li .xqing{width: 100px;line-height: 45px;background: #000;text-align: center;color: #fff;font-size: 13px;font-weight: bold;border-radius: 30px;margin-top: 2.60416vw;
transition: .3s;}
.c6_list li:hover h3{color: #0061b3}
.c6_list li:hover .xqing{background: #0061b3}


/* msg */
.msg{position: relative;background: #000;padding: 2.60416vw 0 4.6875vw;}
.msg .flex{align-items: center;}
.msg_left{position: relative;width: 49%;}
.msg_left h3{color: #fff;font-size: 40px;line-height: 1.5;font-weight: bold;
background: url(//cdn.myxypt.com/07453195/22/02/d3a2f7d5f0f153677d171207304bfb8d463d9b3c.png) no-repeat left bottom;padding-bottom: 40px;}

/*  */
.msg_right{position: relative;width: 49%;}
.x-message-wrap2 {margin-left: 0px;margin-right: 0px}
.x-message-wrap2 .row{margin-left: -0px;font-size: 0;margin-right: -0px;}
.x-message-wrap2 div[class^='col-'] {padding-left: 15px;padding-right: 15px;position: relative;}
.x-message-wrap2 input[type='text'],
.x-message-wrap2 textarea {width: 100%;height: 55px;border: none;padding: 0 5px;font-size: 14px;color: rgba(255,255,255,.7);background:none;outline: none;
margin-bottom: 1.822916vw;border-bottom: 1px solid rgba(255,255,255,.3);}
.x-message-wrap2 input[type='text']::-webkit-input-placeholder,
.x-message-wrap2 textarea::-webkit-input-placeholder {color: rgba(255,255,255,.7)}
.x-message-wrap2 input[type='text']:-ms-input-placeholder,
.x-message-wrap2 textarea:-ms-input-placeholder {color: rgba(255,255,255,.7)}
.x-message-wrap2 input[type='text']::-ms-input-placeholder,
.x-message-wrap2 textarea::-ms-input-placeholder {color: rgba(255,255,255,.7)}
.x-message-wrap2 input[type='text']::placeholder,.x-message-wrap2 textarea::placeholder {color: rgba(255,255,255,.7);}

.x-message-wrap2 .hxx {border-bottom: 1px solid rgba(255,255,255,.3);padding: 0px 0px 15px;margin: 0 15px;width: calc(50% - 30px);display: flex;justify-content: space-between;}
.x-message-wrap2 textarea {padding-top: 15px;height: 165px;resize: none}
.x-message-wrap2 #checkcode {float: left;width: 62.29813665%;margin-bottom: 0;border: none;height: 35px;}
.x-message-wrap2 #codeimg2 {float: right;display: block;text-align: center;width: 32.39130435%;height: 35px;font-size: 0;background: #e7e4e4;padding: 0px;}
.x-message-wrap2 .x-submit {width: 100%;height: 45px;background: #0061b3color: #fff;font-size: 16px;border: none;outline: none;border-radius:3px;
-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-message-wrap2 .x-submit:hover {background: #009f65}
.x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;}

/* foot_wap */
.foot_wap{position: relative;padding: 25px 0;}
.foot_wap .flex{align-items: center;} 

/* ft_aa */
.ft_aa{position: relative;border-right: 1px solid #e4e4e4;padding-right: 15px;padding-top: 30px;padding-bottom: 30px;}
.ft_aa a{display: block;}
.ft_aa a img{display: block;max-width: 100%;}

/* ft_bb */
.ft_bb{position: relative;padding: 10px 0;}
.ft_bb .foot_nav{display: flex;margin-bottom: 15px;}
.foot_nav li{position: relative;padding-right: 2.60416vw;}
.foot_nav li a{display: block;font-size: 15px;color: #010101;font-weight: bold;line-height: 1.7;transition: .2s;}
.foot_nav li a:hover{color: #0061b3}

.ft_lxwm{line-height: 2;font-size: 14px;color: #000000;}
.ft_banq{font-size: 14px;color: #000000;line-height: 2;}
.ft_banq a{color: #000000;transition: .2s;}
.ft_banq a:hover{color: #0061b3}

/* ft_cc */
.ft_cc{position: relative;padding: 10px;}
.ft_cc .ft_ewm{text-align: center;line-height: 35px;color: #666666;font-size: 14px;}


@media (max-width: 1300px){
    .msg_left h3{font-size: 30px;}
}

@media (max-width: 992px){
    .c4_left .abbtxt{font-size: 14px;}
    .c5_index{padding: 40px 0;}
    .c5_index ul li{width: 22%;}
    .c5_index ul li h3{font-size: 15px;}

    .x-message-wrap2 .hxx{width: calc(100% - 30px);margin-bottom: 15px;}
    .ft_aa{border-right: none;}
    .foot_nav li{width: 20%;padding-right: 0;}
    .foot_nav li a{font-size: 14px;}
}

@media (max-width: 768px){
    .msg_left h3{font-size: 22px;}
    .msg .flex>div{width: 100%;}
    .msg_left{margin-bottom: 20px;}
    .x-message-wrap2 div[class^='col-']{padding-left: 0px;padding-right: 0px;}
    .c4_right{margin-top: 15px;}
    .c4_right>a img{max-width: 80px;}
    .c4_left h2{font-size: 20px;}
    .c4_left>span{font-size: 16px;}
    .c4_left .ab_more a{font-size: 14px;padding: 5px 25px;}
    .c5_index h2{font-size: 20px;}
    .c5_index ul li h3{font-size: 13px;}
    .c6_index h2{font-size: 20px;}
    .c6_list li{width: 100%;margin-bottom: 20px;}
    .c6_list li .qxa span{font-size: 14px;}
    .c6_list li h3{font-size: 18px;}
    .c6_list li .qxw{font-size: 14px;}
    .c6_list li .xqing{line-height: 30px;font-size: 12px;}
}

@media (max-width: 480px){
    .tit_aa h3{font-size: 20px;}
    .tit_aa p{font-size: 14px;}
    .le_txt{margin-bottom: 20px;}
    .le_txt .hd li{font-size: 18px;}
    .morex a{font-size: 14px;}
    .le_txt .hd{padding-top: 20px;}
}