* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*{outline:none}
html, body{min-width: 1400px;margin:0;padding:0;display: block;}
li{list-style:none;}
ul{margin: 0;padding: 0} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
.font14{font-size: 14px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.fl { float:left; }
.fr { float:right; }
.f-st { font-family:\5b8b\4f53;}
a{text-decoration:none;color:#333; cursor:pointer}
a:hover{text-decoration:underline;color:#ff1766;}
.container{width:1200px;margin-right: auto;margin-left: auto;}
.hr40{ height:40px; clear:both; overflow:hidden}
.hr60{ height:80px; clear:both; overflow:hidden}
.undis{display: none}
.show{display: block!important;}
body{background:#fff}

.footer{width: 100%;overflow: hidden;background:#d03e25;overflow: hidden;margin-top: 60px;}
.footer p{text-align: center;color: #fff;font-size: 14px;padding: 20px 0;overflow: hidden;line-height: 1.8}


.banner{width: 100%;height: 532px;background: url('../images/banner.jpg') no-repeat center top;overflow: hidden}


#loutinav{width: 105px;height: 301px;background: url('../images/loutinav.png') no-repeat;overflow: hidden; position: fixed;top: 100px;left: 50px;display: none;z-index: 1000;}
#loutinav ul{width: 95px;margin: 35px auto 0;overflow: hidden;}
#loutinav ul li{background: url('../images/line1.png') no-repeat center top;width: 100%;padding: 10px 0;}
#loutinav ul li span{font-size: 16px;color: #382222;display: flex;align-items: center;justify-content: center;cursor: pointer;}

#loutinav ul li.active span {
	color: #892700;font-weight: bold;
}

#loutinav ul li:hover span {
	color: #892700;font-weight: bold
}


.tit{margin: 60px auto;width: 100%;position: relative;overflow: hidden;}
.p1{height: 63px;background: url('../images/p1.png') no-repeat center;}
.p2{height: 63px;background: url('../images/p2.png') no-repeat center}
.p3{height: 63px;background: url('../images/p3.png') no-repeat center;}
.p4{height: 63px;background: url('../images/p4.png') no-repeat center;}
.p5{height: 63px;background: url('../images/p5.png') no-repeat center;}

.tit a{font-size: 14px;color: #989493;position: absolute;right: 50px;top: 20px;}



/* 1 */
.news{height: 350px;margin: 40px auto;overflow: hidden;}
.news-left{width:615px;height: 350px;overflow: hidden;float: left;position: relative;}
.news-left .swiper-slide{position: relative;width: 615px;height: 350px}
.news-left .swiper-slide img{width: 615px;height: 350px}
.news-left .swiper-slide p{position: absolute;left: 0;bottom: 0;width: 100%;background: url('../images/dad.png');padding: 10px 50px 10px 10px;color: white;font-size: 16px}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;left:inherit!important; width: auto!important;right: 10px;}
.news-left .swiper-pagination-bullet{opacity: 1!important;background: none!important;border: white solid 1px;}
.news-left .swiper-pagination-bullet-active{background:#e60012!important;width: 15px;border-radius: 5px;border-color: #e60012;}
.swiper-pagination{width: auto!important;right: 10px!important;left: auto!important}

.news-right{width: 510px;float: right}
.n-hd{overflow: hidden;}
.n-hd h3{font-size: 24px;font-weight: bold;overflow: hidden;text-align: center;}
.n-hd p{color: #707070;font-size: 16px;line-height: 2;padding-top: 10px;text-indent: 2em;}
.n-hd p a{color: #ea3936;}

.n-group{overflow: hidden;margin-top: 5px;}
.n-group li{width: 100%;position: relative;float: left;overflow: hidden;
	text-overflow:ellipsis; white-space: nowrap;margin-top: 10px;}
.n-group li::after{position: absolute;top: 1rem;left: 0;content: '';width: 5px;height: 5px;background: #c5c5c5;border-radius: 50em;}
.n-group li a{font-size: 18px;line-height: 2;padding-left: 15px;}


/* 2 */
.box2{position: relative;z-index: 10;}
.show-rl{width: 1118px; height:583px; background: url('../images/stv.png') center no-repeat; overflow: hidden;  position: absolute;left: 50%; top: 50px;margin-left: -559px;display: none;}


.hrhd{overflow:hidden;width: 100%;}
.times{width: 160px;height: 46px;background: #e9e9e9;float: left;}
.times .imgs{float: left;margin: 5px 0 0 5px;cursor: pointer;}
.times .imgs img{ animation:rubberBand  3s 5s infinite; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }

.date{font-size: 18px;color: #636262;float: left;line-height: 46px;padding-left: 10px;}


@keyframes rubberBand{
	0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}
	40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}
	65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}
	to{transform:scaleX(1)}
}

.th-menu{width: 945px;float: right;background: #f4f4f4;overflow: hidden;}
.th-menu li{width: 20%;float: left;text-align: center;border: 1px solid #ddd;height: 46px;}
.th-menu li a{color: #e31a26;font-size: 20px;line-height: 44px;}
.th-menu li a:hover{text-decoration: none;}
.th-menu li:nth-child(2){border-left: 0;border-right: 0;}
.th-menu li:nth-child(4){border-left: 0;border-right: 0;}
.th-menu li.active{background: #e31a26;border-color: #e31a26;}
.th-menu li.active a{color: white;}


.hrdy{overflow-x: hidden;margin: 32px auto;overflow-y: auto;height: 330px;}
.hrdy li{width: 50%;float: left;margin-bottom:40px;}
.hrdy .imgs{width: 240px;height: 318px;overflow: hidden;float: left}
.hrdy .imgs img{width: 240px;height: 318px}
.hrdy .caption{width: 300px;float: right;padding-right: 30px;}
.hrdy .caption h2{font-size: 22px;}
.hrdy .caption h3{padding: 5px 0;}
.hrdy .caption a{color: #e31a26;}
.hrdy .caption p{color: #5c5c5c;font-size: 14px;line-height: 2;text-indent: 2em;}
.picScroll{margin: 0 auto;width: 1050px;height: 510px;background: url('../images/sbt.png') repeat-x left center;margin-top: 35px;}

.picScroll .swiper-slide{background: url('../images/scd.png') no-repeat center;height: 510px;}
.picScroll .swiper-slide ul{width:90px;background: url('../images/svfvs.png') repeat-y center top;height: 247px;position: relative;margin: 0 auto;}
.year{margin-top: 20px;text-align: center;color: #e60012;font-size: 18px;height: 30px;line-height: 30px;position: absolute;left: 50%;width: 90px;margin-left: -45px;}

.picScroll .swiper-slide:nth-child(odd) .year{top: 250px}
.close-but{width: 40px;height: 40px;position: absolute;top: 20px;right: 20px;cursor: pointer;display: block;z-index: 1000;}
.close-but img{width: 40px;height: 40px;cursor: pointer;}
.picScroll .swiper-slide:nth-child(even) .year{top: 195px;}
.picScroll .swiper-slide:nth-child(even) ul{margin-top: 262px;}
.picScroll .swiper-slide:nth-child(even) .st1{top: 0;}
.picScroll .swiper-slide li{position: absolute;width: 43px;}
.picScroll .swiper-slide li a{position: relative;display: block;height: 30px;line-height: 30px;}
.picScroll .swiper-slide li a::after{content: '';width: 7px;height: 1px;background: #e60012;position: absolute;top:14px;}
.st12 a,.st11 a,.st10 a,.st9 a,.st8 a,.st7 a{text-align: right;}

.picScroll .st1{left: 0;top: -8px;}
.picScroll .st2{top: 30px;left: 0;}
.picScroll .st3{top: 70px;left: 0}
.picScroll .st4{top: 110px;left: 0}
.picScroll .st5{top: 150px;left: 0}
.picScroll .st6{top:190px;left: 0}
.picScroll .st7{top: 10px;right: 0;}
.picScroll .st8{top: 50px;right: 0;}
.picScroll .st9{top: 90px;right: 0;}
.picScroll .st10{top: 130px;right: 0;}
.picScroll .st11{top: 170px;right: 0;}
.picScroll .st12{bottom:0px;right: 0;}
.picScroll .st12 a::after{left: 0;}
.picScroll .st11 a::after{left: 0;}
.picScroll .st10 a::after{left: 0;}
.picScroll .st9 a::after{left: 0;}
.picScroll .st8 a::after{left: 0;}
.picScroll .st7 a::after{left: 0;}

.picScroll .st6 a::after{right: 0;}
.picScroll .st5 a::after{right: 0;}
.picScroll .st4 a::after{right: 0;}
.picScroll .st3 a::after{right: 0;}
.picScroll .st2 a::after{right: 0;}
.picScroll .st1 a::after{right: 0;}


.picScroll .swiper-button-next,.picScroll  .swiper-container-rtl .swiper-button-prev{background: url('right.png') center no-repeat!important;width: 30px!important;height:49px!important;}
.picScroll .swiper-button-prev,.picScroll  .swiper-container-rtl .swiper-button-next{background: url('left.png') center no-repeat!important;width: 30px!important;height: 49px!important;}

/* 3 */
/* .video{width: 800px;margin: 50px auto;overflow: hidden;height: 400px;}
.video a {
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.video a img{display: block;width: 100%;height: 400px;border-radius: 10px;}
.play{width: 54px;height: 31px;display: block;background: url('../images/play.png') no-repeat;position: absolute;}

.video .play{left: 50%;top: 50%;z-index: 10;margin: -15px 0 0 -27px;} */

.pic-jihe{height: 690px;overflow: hidden;position: relative;}

.mySwiper2{width: 800px;height:460px;margin: 0 auto;overflow: hidden}
.mySwiper2 .swiper-slide{position: relative;}

.mySwiper2 .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
}
.mySwiper2 .swiper-slide a img{display: block;width: 100%;height: 460px;border-radius: 10px;}
.play{width: 54px;height: 31px;display: block;background: url('../images/play.png') no-repeat;position: absolute;}

.mySwiper2 .swiper-slide .play{left: 50%;top: 50%;z-index: 10;margin: -15px 0 0 -27px;}




.mySwiper{width: 100%;height: 164px;margin:65px auto 0;overflow: hidden;}

.mySwiper .swiper-slide{height: 164px;display: block;position: relative;cursor: pointer;border: 4px solid #fff;}
.mySwiper .swiper-slide a{display: block;position: relative;cursor: pointer;}
.mySwiper .swiper-slide img{width: 100%;height: 156px;}


.next1{width:60px!important;height: 60px!important;background: url('../images/right.png') no-repeat;right: 0!important;margin-top: -160px!important;}
.prev1{width: 60px!important;height: 60px!important;background: url('../images/left.png') no-repeat;left: 0!important;margin-top: -160px!important;}

.mySwiper .swiper-slide-thumb-active{border-color: #e31a26;}
.swiper-button-next:after, .swiper-button-prev:after{content: ''!important;}

/* 4 */
.form{overflow: hidden;}
.box-form,.form_ul,.form_ul>li{
    width: 100%;
}
.box-form,.form_ul::after,.form_ul>li::after{
    display: block;
    clear: both;
    content: '';
}
.box-form{
    margin-top: 10px;
	margin-bottom: 40px;
}
.form_ul{
    margin-top: 50px;
}
.form_ul>li{
    margin-top: 20px;
}
.form_ul>li p, .form_ul>li input,.form_ul>li select,.form_ul>li .tx,.form_ul>li label{
    float: left;
}
.form_ul>li>p{
	line-height: 40px;
	display: none
}
.form_ul>li>label{
	width: 30%;
	line-height: 40px;
	padding-right: 15px;
    text-align: right;
    color: #444444;
}
.form_ul>li>p{
    width: 20%;
    text-align:left;
    color: #444444;
}
.form_ul>li input,.form_ul>li select{
    width: 40%;
    height: 40px;
    border: 1px solid #cfcfcf;
    text-indent: 10px;
    color: #757575;
}
.form_ul>li .tx{
    width: 60%;
    height: auto;
    border: 1px solid #cfcfcf;
    color: #757575;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tx textarea{
  	width: 100%;
	border: none;
	padding: 10px;
    color: #757575;
}
.form_ul>li input::-webkit-input-placeholder{
    text-indent: 10px;
}

.form_ul>li>p:last-child{
    color:#d03e25;
    margin-left: 15px;
}
.box-form h2{
    color: #d03e25;
	width:23.5%;
	padding-right: 15px;
	text-align: right;
	position: relative;
    line-height: 0;
    font-size: 22px;
}
.box-form h2::before{
	content: '';
	position: absolute;
	left:101%;
	height: 1px;
	background: #cfcfcf;
	width: 200%;
}
textarea{outline:none;resize:none;}
textarea::-webkit-scrollbar{
    display: none;
    width: 0;
}
.sub{
    width: 20%;
	height: auto;
	padding: 0.6rem 0;
    background: #d03e25;
    border: none;
    margin: 30px 0 0 30%;
	cursor: pointer;
	color: #FFF;
	font-size: 1.2rem
}
input:focus { outline: none; }
input:-webkit-autofill {-webkit-text-fill-color: #000 !important;　-webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s; }
.tc{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -189px;
    margin-top: -179px;
    cursor: pointer;
    display: none;
}



/* 5 */
.weibo{height: 600px;margin:40px auto 0;overflow: hidden;}



/*arc*/
.arcbd{margin-top: 45px;margin-bottom: 45px;overflow: hidden;background: url('../images/slinebg.png')  repeat-x;}
.currt{width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #d3d1d1;}
.ours{margin-top: 48px;overflow: hidden;display: flex;}
.ours .ximgs{width: 240px;height: 318px;overflow: hidden;float: left;margin-right: 40px;}
.ours .ximgs img{width: 240px;height: 318px;overflow: hidden;}
.ours .caption{width: auto;display: block;flex: 1;}
.ours .caption h2{font-size: 22px;border-bottom: 1px solid #d3d1d1;width: 100%;padding-bottom: 10px;color: #e31a26;}
.ours .caption ul{overflow: hidden;padding: 10px 0;}
.ours .caption li{width: 100%;margin-top: 15px;display: flex;float: left;line-height: 1.8;}
.ours .caption li span{color: #707070;width: 100px;display: block;text-align: right;}
.ours .caption li p{flex: 1;}
.arct{text-align: center;margin: 20px auto;overflow: hidden;}
.dycontent{overflow: hidden;font-size: 16px;line-height: 200%;}


.box1{margin-top: 45px;overflow: hidden;}
.box1 .sot{background: #fcf4f4 url('../images/slinebg.png') repeat-x;display: flex;}
.sot{overflow: hidden;}
.navs{width: 60px;height:auto;float: left;/*鏂囧瓧灞呬腑*/}
.tb{ text-align: center;height:100%;display: flex;}
.navs p{width:100%;color: white;font-size: 24px; word-wrap: break-word;/*鑻辨枃鐨勬椂鍊欓渶瑕佸姞涓婅繖鍙ワ紝鑷姩鎹㈣*/ 
    /*鑷祴浜嗚繖鍙ヨ瘽娌″暐鐢�*/
    writing-mode: vertical-rl;/*浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: vertical-rl;*/  
    writing-mode: tb-rl;/*IE娴忚鍣ㄧ殑浠庡乏鍚戝彸 浠庡彸鍚戝乏鏄� writing-mode: tb-rl锛�*/ 
    text-align: center;
    display:flex;
    -webkit-display:flex;
    flex-direction:column; 
    /* align-content: center; */
    /* vertical-align: middle; */
    justify-content:center;
}
.box1 .navs{background: #ff6362;}
.xboy{width: 1060px;margin-left: 40px;flex: 1;}
.xboy .item{margin-top: 40px;margin-bottom: 40px;width: 100%;overflow: hidden;}

.xboy .ximgs{width: 240px;height: 318px;overflow: hidden;float: left;margin-right: 30px;}
.xboy .ximgs img{width: 240px;height: 318px;overflow: hidden;}
.xboy .caption{width: auto;}
.xboy .caption h2{font-size: 22px;}
.xboy .caption h3{padding: 9px 0;font-size: 18px;}
.xboy .caption a{color: #e31a26;}
.xboy .caption p{color: #5c5c5c;font-size: 16px;line-height: 2;text-indent: 2em;}


.box2{margin-top: 0;overflow: hidden;}
.box2 .sot{background: #e2f3f1 url('../images/slinebg.png') repeat-x;display: flex;}
.box2 .navs{background: #03bdaa;}

.box3{margin-top: 0;overflow: hidden;}
.box3 .sot{background: #edf5fd url('../images/slinebg.png') repeat-x;display: flex;}
.box3 .navs{background: #419aee;}

.box4{margin-top: 0;overflow: hidden;}
.box4 .sot{background: #fff3ed url('../images/slinebg.png') repeat-x;display: flex;}
.box4 .navs{background: #fd7b41;}

.box5{margin-top: 0;overflow: hidden;}
.box5 .sot{background: #f5edff url('../images/slinebg.png') repeat-x;display: flex;}
.box5 .navs{background: #b68ce6;}


.silnav{width: 175px;position: fixed;z-index: 100;right: 0px;}
.silnav ul{background: url('../images/lnbg.png') no-repeat;overflow: hidden;width: 100%;height: 289px;padding-top: 69px;padding-left:42px;padding-right: 30px;}
.silnav ul li{width: 100%;height: 37px;background: url('../images/lnl.png') no-repeat center bottom;}
.silnav ul li a{display: block;height: 37px;line-height: 35px;color: white;font-size: 14px;text-align: center;}
#silnav {}
.sback{width: 160px;height:27px;background: url('../images/lnt.png') no-repeat center;margin-left: 15px;}
.sback a{font-size: 14px;text-align: center;color: white;display: block;}


.banner .container{height:362px;position: relative;overflow: hidden;}

.banner .container .moe{position: absolute;top: 100px;right: 140px;width: 96px;height: 91px;background: url('../images/hous.png') no-repeat;}
.banner .container .sblck{position: absolute;top: 220px;right: 135px;}

.moe .year{margin-top: 17px;height: 30px;line-height: 30px;color: white;font-size: 18px;text-align: center;position:relative!important}
.moe .moth{text-align: center;font-size: 16px;color: #e61c2e;height: 35px;line-height: 35px;}
.moe .moth span{font-size: 24px;font-weight: bold;}