/*初始化样式*/
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.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 14px;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.max1240{max-width: 1270px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
a{transition: .3s;}

/*头部样式*/
.top_head{position: relative;border-bottom: 1px solid #eeeeee;}
.top_head>.flex{height: 70px;align-items: center;}
.logo{position: relative;flex: 1;}
.logo a{display: block;}
.logo a img{max-width: 80%;}

.top_right{position: relative;display: flex;justify-content: space-between;align-items: center;}

/* top_ss */
.top_ss {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1.5625vw;
}
.top_ss .ss_btn {
    width: 35px;
    height: 35px;
    background: url(../img/pc-seach.png) no-repeat center;
    cursor: pointer;
}
.top_ss #formsearch {
    position: absolute;
    top: 45px;
    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-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/icon.png);
    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;background: url(https://cdn.myxypt.com/29906504/22/06/8f54331dc2fbaccf9e35e173cbead15c986df500.jpg) no-repeat;background-size: cover;padding: 11.4583vw 0;}
.abb_tit{position: relative;margin-bottom: 50px;}
.abb_tit h2{font-family: "Arial";font-size: 3.125vw;color: #c20000;}
.abb_tit span{display: block;font-size: 18px;color: #c20000;}

.abb_text{position: relative;}
.abb_text div:nth-child(1){font-size: 18px;color: #333333;margin-bottom: 15px;line-height: 1.7;}
.abb_text div:nth-child(2){font-size: 14px;color: #999999;}

/* c2_index */
.c2_index{position: relative;background: #c20000;}
.c2_list{position: relative;display: flex;flex-wrap: wrap;height: 100%;}
.c2_list li{width: 33.33%;position: relative;padding: 25px 40px 45px;transition: .3s;}
.c2_list li a{display: flex;justify-content: space-between;}
.c2_list li .zuoce{position: relative;width: 60%;}
.c2_list li .zuoce h3{font-size: 20px;color: #fff;margin-bottom: 10px;}
.c2_list li .zuoce span{display: block;font-size: 14px;color: #fff;}
.c2_list li .youce{position: relative;width: 40%;text-align: center;padding-top: 1.125vw;}
.c2_list li .youce img{max-width: 100%;display: inline-block;}
.c2_list li:hover{background: rgba(255,255,255,.1);}
.c2_list li:nth-child(3){background: #fff;margin-top: -15px;padding-top: 40px;}
.c2_list li:nth-child(3) .zuoce h3{color: #d6b68a;}
.c2_list li:nth-child(3) .zuoce span{color: #d6b68a;}

@media (max-width: 1366px) {
    .abb_tit h2 {
        font-size: 30px;
    }
	.abb_tit span {
		font-size: 16px;
	}
	.abb_text div:nth-child(1) {
		font-size: 16px;
	}
	.c2_list li .zuoce h3 {
		font-size: 16px;
	}
	.c2_list li .zuoce span {
		font-size: 12px;
	}
}
@media (max-width: 768px) {
    .c2_list li {
        width: 100%;
    }
}


/* c3_index */
.c3_index{position: relative;background: url(https://cdn.myxypt.com/29906504/22/06/770f0187dbf7bae6f2470d5f83f375df1108f854.jpg) no-repeat;background-size: cover;padding: 9.375vw 0;}
.c3_top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 30px;flex-wrap: wrap;}
.tit3{position: relative;}
.tit3 h3{font-family: "Arial";font-weight: bold;font-size: 32px;color: #c20000;}
.tit3 p{font-size: 24px;color: #555555;font-weight: normal;}

.sort3{position: relative;display: flex;flex-wrap: wrap;}
.sort3 li{position: relative;margin-left: 25px;}
.sort3 li a{display: block;font-size: 14px;color: #888888;}
.sort3 li a:hover{color: #c20000;}

.product_list{display: flex;flex-wrap: wrap;margin: 0 -1.5%;}
.product_list li{position: relative;width: calc(33.33% - 3%);margin: 0 1.5% 20px 1.5%;background: #fff;}
.product_list li a{display: block;}
.product_list li .com-img{position: relative;padding: 1.5625vw;}
.product_list li .com-img img{display: block;width: 100%;}
.product_list li h3{padding: 20px;border-top: 1px solid #eeeeee;font-size: 16px;color: #333333;line-height: 1.7; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product_list li:hover h3{color: #c20000;}

@media (max-width: 768px) {
    .tit3 h3, .tit5 h3, .tit6 h3 {
        font-size: 24px;
    }
	.tit3 p, .tit5 p, .tit6 p {
		font-size: 16px;
	}
	.sort3 {
		margin-top: 30px;
	}
	.product_list li h3 {
	    padding: 15px 10px;
	}
}
@media (max-width: 480px) {
    .product_list li {
        width: calc(100% - 3%);
        margin: 0 1.5% 20px 1.5%;
    }
}
@media (max-width: 1366px) {
    .product_list li h3 {
        padding: 12px;
        font-size: 14px;
    }
}

/* c4_index */
.c4_index{position: relative;}
.c4_top{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.tit4{padding:140px 0;margin-left: 17.7083vw;width: 36.4583vw;}
.tit4 b{text-transform: uppercase;line-height: 1;font-size: 5.10416vw;color: #f2f3f7;}
.tit4 h3{max-width: 460px;font-size: 1.25vw;color: #333333;font-weight: bold;line-height: 1.5;margin-bottom: 20px;}
.tit4 p{max-width: 430px;font-size: 12px;color: #888888;line-height: 1.7;}

.c4_img2{width: 38.75vw;position: relative;}
.c4_img2 img{display: inline-block;width: 100%;}

.c4_list{position: relative;width: 66.65%;background: #c20000;/*padding: 5.2083vw 0;*/padding-left: 12.7083vw;display: flex;flex-wrap: wrap;margin-top: -10%;}
.c4_list li{width: 33.33%;position: relative;text-align: center;padding: 5.2083vw 3.125vw;}
.c4_list li a{display: block;}
.c4_list li h3{color: #fff;font-size: 18px;margin-top: 16px;}
.c4_list li span{color: #fff;display: block;opacity: .4;font-size: 12px;margin-bottom: 10px;line-height: 1.7;}
.c4_list li .sxo{font-size: 12px;color: #fff;line-height: 2;}
.c4_list li:hover {
    background: rgba(0,0,0,.1);
}

@media (max-width: 768px) {
    .c4_top {
        padding: 30px 15px;
    }
	.c4_top>div {
	    width: 100% !important;
	}
	.tit4 {
		padding: 30px 0;
		margin-left: 0px;
	}
	.c4_top>div {
		width: 100% !important;
	}
}
@media (max-width: 1366px) {
    .tit4 b {
        font-size: 40px;
    }
	.tit4 h3 {
	    font-size: 18px;
	}
	.c4_list {
		margin-top: 0px;
		width: 100%;
	}
	.c4_list {
		padding-left: 0;
	}
}
@media (max-width: 480px) {
    .c4_list li {
        width: 100%;
        padding: 20px 3.125vw;
    }
}

/* c5_index */
.c5_index{position: relative;background: url(https://cdn.myxypt.com/29906504/22/06/11921fa35cb3404fa74ea4aef4c9c78596d1718e.jpg) no-repeat;background-size: cover;padding-top: 10.416vw;padding-bottom: 6.25vw;}
.tit5{position: relative;text-align: center;margin-bottom: 40px;}
.tit5 h3{font-family: "Arial";font-weight: bold;font-size: 32px;color: #fff;}
.tit5 p{font-size: 24px;color: #fff;font-weight: normal;}
.xw_list{display: flex;flex-wrap: wrap;}
.xw_list li{position: relative;width: calc(33.33% - 3%);margin: 0 1.5% 20px 1.5%;border: 1px solid #888;padding: 2.083vw;padding-bottom: 1.25vw;transition: all .5s ease;}
.xw_list li a{display: block;}
.xw_list li .com-img img{display: block;width: 100%;}
.xw_list li h3{font-size: 16px;color: #fff;margin-top: 25px;margin-bottom: 10px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.xw_list li span{display: block;font-size: 14px;color: #888888;margin-bottom: 15px;}
.xw_list li .xwnr{font-size: 14px;color: #888888;line-height: 1.7; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.xw_list li:hover{background: #fff;border-color: #c20000;}
.xw_list li:hover h3{color: #c20000;}

.all-news{text-align: center;margin-top: 4.1666vw;}
.all-news a{display: inline-block;width: 180px;line-height: 45px;background: #c20000;color: #fff;text-align: center;font-size: 16px;}
.all-news a:hover {
	color: #fff;
}
@media (max-width: 768px) {
    .tit3 h3, .tit5 h3, .tit6 h3 {
        font-size: 24px;
    }
	.tit3 p, .tit5 p, .tit6 p {
		font-size: 16px;
	}
}
@media (max-width: 480px) {
    .xw_list li {
        width: calc(100% - 3%);
        padding: 15px;
    }
}
@media (max-width: 768px) {
    .all-news a {
        width: 150px;
        line-height: 38px;
        font-size: 14px;
    }
}

/* c6_index */
.c6_index{position: relative;padding-top: 7.8125vw;padding-bottom: 5.72916vw;background: url(https://cdn.myxypt.com/29906504/22/06/6a3b6ca3f995db5d2b6f20d30e5aa6fe125fc8fe.jpg) no-repeat;background-size: cover;}
.tit6{position: relative;text-align: center;margin-bottom: 35px;}
.tit6 h3{font-family: "Arial";font-weight: bold;font-size: 32px;color: #c20000;text-transform: uppercase;}
.tit6 p{font-size: 24px;color: #555555;font-weight: normal;}

.lxfs{position: relative;display: flex;flex-wrap: wrap;margin-bottom: 3.125vw;}
.lxfs li{width: 33.33%;position: relative;background: #fff;padding: 3.125vw 1.822916vw;border: 1px solid #eeeeee;display: flex;align-items: center;}
.lxfs li .lxfs_aa{margin-right: 20px;}
.lxfs li .lxfs_aa img{max-width: 70px;}
.lxfs li .lxfs_bb{position: relative;}
.lxfs li .lxfs_bb h3{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.lxfs li .lxfs_bb span{display: block;font-size: 18px;color: #888888;}
/*  */
.x-message-wrap2 {margin-left: 0px;margin-right: 0px}
.x-message-wrap2 .row {margin-left: -15px;font-size: 0;margin-right: -15px}
.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: 45px;border: none;padding: 0 5px;font-size: 14px;color: #888888;background: none;
outline: none;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;}
.x-message-wrap2 input[type='text']::-webkit-input-placeholder,.x-message-wrap2 textarea::-webkit-input-placeholder {color: #888888}
.x-message-wrap2 input[type='text']:-ms-input-placeholder,.x-message-wrap2 textarea:-ms-input-placeholder {color: #888888}
.x-message-wrap2 input[type='text']::-ms-input-placeholder,.x-message-wrap2 textarea::-ms-input-placeholder {color: #888888}
.x-message-wrap2 input[type='text']::placeholder,.x-message-wrap2 textarea::placeholder {color: #888888;}
.x-message-wrap2 textarea {padding-top: 15px;height: 120px;resize: none;border: 1px solid #eeeeee;}
.x-message-wrap2 #checkcode {float: left;width: 65%;margin-bottom: 0;}
.x-message-wrap2 #canvas {float: right;display: block;text-align: center;width: 35%;height: 34px;font-size: 0;background: #e7e4e4;padding: 0px;margin-top: 6px;}
.x-message-wrap2 .x-submit {display: block;margin: 0 auto;margin-top: 15px;width: 180px;height: 45px;background: #c20000;color: #fff;font-size: 16px;border: none;outline: none;
-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-message-wrap2 .x-submit:hover {background: #c20000}
.x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;}

@media (max-width: 768px) {
    .tit3 h3, .tit5 h3, .tit6 h3 {
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .tit3 p, .tit5 p, .tit6 p {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .lxfs li {
        width: 100%;
        padding: 20px;
        margin-bottom: 15px;
    }
}
@media (max-width: 1366px) {
    .lxfs li .lxfs_bb span {
        font-size: 15px;
    }
}
@media (max-width: 992px) {
    .x-message-wrap2 textarea {
        margin-top: 30px;
    }
}
@media (max-width: 768px) {
    .x-message-wrap2 .x-submit {
        width: 150px;
        line-height: 38px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}
