* {box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0; font-family: "Microsoft Yahei";}
ul,ul>li{list-style: none;padding: 0;margin: 0;}
a{text-decoration: none;color: #333}
img{width: 100%}
body{max-width: 1280px;margin: 0 auto;background: #f9f9f9}
.arrow{transform:rotateX(180deg)}
.banner{display: block}
.banner1{display: none}
.topHeader{position:relative;left:0;right:0;z-index:2;width:100%;height: 1rem; display: flex; align-items: center; padding: 0 0.2rem;background: #fff;border-bottom: 1px solid #f1f1f1;}
.logo{position:absolute;width: 0.4rem;top: 0.3rem;font-size: 0}
.title{font-size: 0.3rem;color: #333;font-weight:bold;display: block;width: 100%;text-align: center;cursor: pointer;margin: 0 auto;width: 70%}
.dropdown{padding: 0.1rem 0.2rem;background: rgba(0,0,0,0.8);box-shadow: 1px -1px 1px rgba(17, 29, 63,0.2);width: 100%;font-size: 0.24rem; text-align: center;position: absolute; top: 100%; left: 0; color: #f9f9f9; line-height: 3em;}
.dropdown a{color: #f9f9f9;font-size: 0.24rem;display: block}
/*.container{position: relative;top:-1rem;}*/
.header{font-size: 0}
.description{ color: #fff;}
.description img{width: 1.08rem;float: left;    margin-top: -0.2rem; position: relative;}
.descriptionCon{
	position:relative;
	font-size: 0.22rem;
	line-height: 1.5em;
	z-index: -1;
	margin-left: 0.05rem;
	background: #f57923;
	padding: 0.18rem 0.15rem 0.18rem 1.18rem;
	background-color: #00CCFF;
}
.descriptionCon:before{position: absolute;content: ""; border-left: 0.36rem solid #fff;border-right: 0px solid transparent;border-bottom: 3rem solid transparent;
    height: 0%;left: 0; top: 0;}
.descriptionCon:after{position: absolute;content: ""; border-right: 0.36rem solid #fff;border-left: 0px solid transparent;border-top:3rem solid transparent;
    height: 0%;right: 0; top: 0;}
.navScroll{position: relative;z-index:1;display:flex;justify-content:space-between;width:100%;height: 1.1rem;padding:0.1rem 0 0.1rem 0.2rem;background: rgba(249, 175, 123,0.9); }
.navScroll a{color: #fff;font-size: 0.2rem}
.navScrollr{width: 100%;position: relative}
.navScrollr:before{position: absolute;left:0;z-index:-1;content:"";width: 100%;height: 1px;background: #1d4fb6;top: 24%;}
.navScroll:after{content: ""; position: absolute;right: 0;top: 0;-webkit-transition: .25s; transition: .25s;width: 0.4rem;height: 1.1rem; background: -webkit-linear-gradient(right,#E0A279 0,rgba(249, 175, 123,0.2) 100%);}
.navScroll .ulBottom li span{color:#fff;font-size: 0.26rem;background-image: -webkit-radial-gradient(circle at center, #8aabde,#1d4fb6);
    background-image: radial-gradient(circle at center, #8aabde,#1d4fb6); border-radius: 50%; width: 0.46rem; height: 0.46rem; line-height: 0.46rem;text-align: center;    display: block;
    margin: 0 auto;}
.navScroll .ulBottom li.active span{display:block;background-image: -webkit-radial-gradient(circle at center, #f1995a,#f57923);background-image: radial-gradient(circle at center, #f1995a,#f57923);}
.navScroll .ulBottom{ position:relative;display: flex;justify-content: baseline;font-size: 0.24rem; line-height: 2em;width: 100%;    white-space: nowrap; overflow: hidden;    overflow-x: scroll;}
.navScroll .ulBottom li{padding: 0 0.41rem;float: left;text-align: center;font-size: 0}
.navScroll .ulBottom li.active a{color: #f57923}

.navScroll0{position: relative;z-index:1;display:flex;justify-content:space-between;align-items:center;width:100%;height: 0.8rem;background:#fff; }
.navScroll0 a{color: #333}
.navScrollr0{width: 100%;position: relative;height: 100%;}
.navScrollr0:before{content: ""; position: absolute;left: 0;top: 0;-webkit-transition: .25s; transition: .25s;width: 0.4rem;height: 0.9rem; background: -webkit-linear-gradient(left,#f1f1f1 0,rgba(255,255,255,0.2) 100%);}
.navScrollr0:after{content: ""; position: absolute;right: 0;top: 0;-webkit-transition: .25s; transition: .25s;width: 0.4rem;height: 0.9rem; background: -webkit-linear-gradient(right,#f1f1f1 0,rgba(255,255,255,0.2) 100%);}
.navScroll0 .ulBottom{ position:relative;height: 100%;display: flex;justify-content: baseline;align-items:center;font-size: 0.24rem;width: 100%;    white-space: nowrap; overflow: hidden;    overflow-x: scroll;}
.navScroll0 .ulBottom li{padding: 0 0.2rem;float: left;text-align: center;font-size: 0}
.navScroll0 .ulBottom li a{color:#333;font-weight: bolder;display: block;min-width: 0.7rem;line-height: 2em;font-size: 0.24rem}



.part{padding:0.2rem 0.3rem;clear: both}
.part h2{position: relative;font-size: 0}
.part h2 img{width: 5.69rem;}
.part .title1{position:absolute;left:1rem;top:0.27rem;font-size: 0.34rem;color: #fff}
.order{position: absolute; left: 0.16rem;top: 0.27rem; color: #fff; font-size: 0.28rem; display: block;}
.part_img{font-size: 0.3rem;}
.part_img img{float: left; width: 1.5rem;margin-right: 0.2rem}
.part3{overflow: hidden;}
.txt1,.txt2,.txt3,.txt4{font-size: 0}
.txt1_box{padding: 0.2rem 0;font-size: 0;}
.txt1_box a:last-child{border: 0}
.txt1{display:inline-block;border-bottom: 1px dashed #f57923;padding: 0.2rem 0;float: left;}
.txt1 img{width: 2.82rem;height:1.9rem;margin-right: 0.25rem;float: left}
.txt1 .abstract{font-size: 0.28rem;color: #333}
.txt1 .abstract div{margin-top: 0.1rem;font-size:0.26rem;color:#666;overflow: hidden; text-overflow: ellipsis; display: box;  display: -webkit-box; line-clamp: 3;  -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all;}
.txt2_box{font-size: 0;padding-bottom: 0.2rem}
.txt2{width:49%;text-align:center;margin-top: 0.4rem;display: inline-block;float: left}
/*.txt2 img{width: 3.34rem;height: 1.9rem;}*/
.txt2 .abstract{font-size: 0.28rem;color: #333;padding: 0.2rem 0;word-break: break-all;text-align: left;}
.txt2 .abstract div{margin-top: 0.1rem;font-size:0.26rem;color:#666;overflow: hidden; text-overflow: ellipsis; display: box;  display: -webkit-box; line-clamp: 3;  -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all;}
.txt2:nth-of-type(odd){margin-right: 1%}
.txt2:nth-of-type(even){margin-left: 1%}
.txt3{display: block;margin:0; border-bottom: 1px dashed #f57923;padding: 0.2rem 0;}
.txt3_box:last-child a{border: 0}
/*.txt3 img{width: 6.9rem;height: 3.45rem}*/
.txt3 .abstract{position:relative;font-size: 0.26rem;color: #666}
.txt3 .abstract h3{background: rgba(245,121,35,0.5);color: #fff;font-size: 0.24rem;font-weight: bold;text-align: center;margin: -0.55rem 0.3rem 0.2rem;display: block;line-height: 3em;}
.txt3 .abstract div{font-size: 0.26rem;margin: 0 0.3rem;word-break: break-all;}
.timer_box{margin-left:0.1rem;border-left: 1px solid #f57923;    margin-top: 0.48rem;}
.timer_list{position: relative;font-size: 0.24rem;padding-left: 0.3rem;margin-bottom: 0.2rem;}
.timer_list h2{font-size: 0.34rem;color: #333;}
.timer_list:before{position:absolute;content: "";top:0.13rem;left:0;transform: translateX(-50%);width: 0.12rem;height: 0.12rem;border-radius: 50%;background: #f57923;}
.timer_list:after{position:absolute;content: "";top:0.09rem;left:0;transform: translateX(-50%);width: 0.2rem;height: 0.2rem;border-radius: 50%;background: rgba(245,131,35,0.5);}
.timer_list a{display:flex;justify-content:left; align-items: center; margin: 0.15rem 0 0.35rem;}
.timer_list img{max-width: 2.16rem;margin-right: 0.2rem;float: left}
.timer_list .abstract{font-size:0.3rem;color:#666;overflow: hidden;text-overflow: ellipsis; display: box; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.footer{font-size: 0.2rem;text-align: center;line-height: 3em;color: #ccc}

@media screen and (min-width:750px) {
    .txt1 .abstract,.txt2 .abstract,.txt3 .abstract{font-size: 0.24rem}
    .txt1 .abstract div,.txt2 .abstract div,.txt3 .abstract div{font-size: 0.22rem}
    .timer_list h2{font-size: 0.3rem}
    .timer_list .abstract{font-size: 0.26rem}
}
@media screen and (min-width: 1024px) {
    .banner{display: none}
    .banner1{display: block}
    .navScroll .ulBottom{justify-content: space-between}
    .navScroll .ulBottom li{padding: inherit}
    .txt1 .abstract div, .txt2 .abstract div, .txt3 .abstract div{font-size: 20px;}
    .txt2:nth-of-type(odd){margin-right: 0.5%;}
    .txt2:nth-of-type(even){margin-left: 0.5%;}
    .txt2{width: 24%;margin: 0.4rem 0.5% 0;}
    .txt3 .abstract div{margin: 0 20px;}
    .txt3_box{width: 49%;float: left;}
    .txt3_box:nth-of-type(odd){margin-right: 1%;}
    .txt3_box:nth-of-type(even){margin-left: 1%;}
    .txt3 img{width: 100%;height: auto}
    .txt3 .abstract h3{font-size: 18px;margin: -40px 10px 15px;}
    .txt3_special{width: 100%}
    .timer{clear: both}
    .timer_list .abstract{font-size: 20px;}
}
