html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{padding:0;margin:0; }
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
img{border: none;margin:0px;padding:0px;}
a:link, a:visited{text-decoration: blink;}
body{max-width: 750px;margin:0 auto !important;
background: #C81312;max-width: 750px;}

/*统计*/
.banner{ width:100%; height:3.2rem; color: #fff;  text-align: center; margin:-1.8rem 0 2% 0; line-height: 1.3rem;background:url(../images/icon_eye.png) no-repeat top; background-size: 5%; text-align: center;}
.banner_txt{ width: 100%; margin:0 auto; color: #F7CA96; font-size:1rem; padding-top: 1.4rem; height: 1.3rem; }
.banner_txt i{ font-style: normal; color: #FDA039; font-weight: bold; padding: 0 1%;}

#swiper-container1{ width: 100%; }
#swiper-container1 img{display: block;max-width:100%;margin:0 auto;}

.home_banner{width: 100%;margin:0 auto 2rem/* 275/30 */ auto;height: auto;overflow: hidden;}
.home_banner img{display: block;max-width:100%;margin:0 auto;}
.home_foot{width: 100%;}
.home_foot img{display: block;max-width:100%;margin:0 auto;}

.homebg_top{width: 90%;margin:0 auto ;height: auto;overflow: hidden;margin:0 auto -0.1rem/* 275/30 */ auto;}
.homebg_top img{display: block;max-width:100%;margin:0 auto ; overflow: hidden;}
.homebg_bot{width: 90%;margin:-0.1rem/* 275/30 */ auto 2.5rem/* 275/30 */ auto ;height: auto;overflow: hidden;}
.homebg_bot img{display: block;max-width:100%;margin:0 auto ; overflow: hidden;}
.index_icon{width: 90%;margin: 1rem /* 275/30 */ auto ;height: auto;overflow: hidden;}
.index_icon img{display: block;max-width:100%;margin:0 auto ; overflow: hidden;}
.fq_box{ width: 100%;margin: 1rem /* 275/30 */ auto ;height: auto;overflow: hidden; }
.fq_box img{display: block;max-width:100%;margin:0 auto ; overflow: hidden;}

.index{ width:80%; height: auto; padding:1% 5% ; margin: auto; display: block; background: #F7CA96; }

.items{ width: 96%; height: 13.1rem /* 275/30 */;  position: relative; padding: 2%; background: #fff; margin-bottom: 5%;}
.items img{display: block;max-width:100%; margin:0 auto ;height: 11rem /* 275/30 */; max-height: 100%; overflow: hidden; z-index: 0;}
.items i{ background: rgba(0, 0, 0, 0.3) url("../images/playbtn.png") no-repeat center; width:96%;height: 11rem /* 275/30 */; display: block; position: absolute; z-index: 2; top: 2%; left: 2%; }
.items .txts{ color:#7F574B; line-height: 2.1rem; }
.items .txts span{ color: #333333; float: right; }

.p_video{cursor: pointer; }
.model{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 5;display: none;}
.model_cn{width: 100%;position: fixed;left: 0;top:50%;height: 320px;margin-top:-170px;z-index:100;background: #000000;display: none;margin-left: 0}
.model_cn video{width: 100%;height: 320px;margin:0 auto;display: block;}




.tabBox{ margin:10px auto;   }
.tabBox .hd{ height:42px; line-height:40px; font-size:0.9rem; overflow:hidden;  padding:0; margin-bottom: 5%;}

.tabBox .hd ul{ float:left;
color: #7F574B;  }
.tabBox .hd ul li{ float:left;  padding:0 0.78rem/* 275/30 */; vertical-align:top;  border-radius: 20px;border: 1px solid #FFFFFF; margin: 0 7px;
color: #7F574B;}
.tabBox .hd ul li a{color: #7F574B;}
.tabBox .hd ul li.on{ color:#fff; display:block;
background: #C81312;border-radius: 20px; border: none;}
.tabBox .hd ul li.on a{ color:#fff; display:block;
background: #C81312;border-radius: 20px; border: none;}
.tabBox .bd ul{}
.tabBox .bd ul li{}



.school_icon{font-family: DOUYUFont; color: #fff; font-size: 20px;  text-align: center; font-weight: 500; margin:0 auto 4% auto; width: 90%;}

.school_bg{ width: 90%; margin: auto; }
.school_bg .items{ width: 96%; height: 14.1rem /* 275/30 */;  position: relative; padding: 2%; background: #F7CA96;margin-bottom: 5%;}
.school_bg .items img{display: block;max-width:100%; margin:0 auto ;height: 12rem /* 275/30 */; max-height: 100%; overflow: hidden; z-index: 0;}
.school_bg .items i{ background: rgba(0, 0, 0, 0.3) url("../images/playbtn.png") no-repeat center; width:96%;height: 12rem /* 275/30 */; display: block; position: absolute; z-index: 2; top: 3.5%; left: 2%; }
.school_bg .items .txts{  text-align: center; font-size: 0.95rem;color: #7F574B; line-height: 2.1rem; }

.school_btn{width: 100%;margin:2rem auto;height: auto;overflow: hidden;}
.school_btn a{display: block;width: calc((100% - 30px)/2);float: left;}
.school_btn a:last-child{float: right;}
.school_btn a:last-child img{float: left;}
.school_btn a img{display: block;width: 5.9rem  /* 177/30 */;max-width: 100%;float: right;}

.backico{display: block;width: 2.967rem  /* 80/30 */;height: auto;overflow: hidden;position: fixed;right: 1rem;top:72%;z-index: 5;}
.backico img{display: block;width: 100%;margin:0 auto;}

.index_svg{width: 96%;margin:0 auto;height: auto;overflow: hidden;position: relative;}
.svgcli{display: block;width: 100%;margin:0 auto;height: auto;overflow: hidden;position: relative;z-index: 2;}
.tabtext{position: absolute;left: 17%;top:17.5%;width: 66%;z-index: 10;}

.model-list{display:none;z-index:10;position: fixed;width:100%;height:100%;left: 0;top:0px;background:#AE0801 url("../images/clisbg.png") no-repeat bottom center;background-size: contain;}
.list-com{width: 94%;margin:0 auto;height: auto;overflow: hidden;}
.model-list .title{margin:2rem auto 1rem;font-size: 1.2rem;text-align: center;color: #ffffff;}
.index-close{display:block;position: absolute;left: 0;bottom: 0rem;width: 100%;}
.index-close i{display: block;width: 2.2rem;height: 2.2rem;background: url("../images/closes.png") no-repeat center;background-size: 100%;margin:0 auto;}
.index-close span{display: block;width: 100%;text-align: center;font-size: 0.85rem;color: #ffffff;line-height: 2rem;}

.model-list .ccmx_list ul{display: none;width:100%;height:31rem;overflow-y:scroll;}
.model-list .ccmx_list ul li{opacity: 0;}
.model-list li{width: calc((100% - 12px) / 2);margin-left: 12px;height: 3.533rem  /* 106/30 */;float: left;overflow: hidden;background: #F7CA96;margin-top:1.167rem  /* 35/30 */;border-radius: 0.2rem  /* 6/30 */;}
.model-list li:nth-child(odd){margin-left: 0;}
.model-list li a{display:block;width: calc(100% - 10px);height: calc(3.533rem - 10px);margin:3px auto;border: 2px solid;border-image: linear-gradient(0deg, #ffffff, #ffffff) 2 2;border-radius: 0.2rem  /* 6/30 */;font-size: 0.8rem  /* 24/30 */;color: #ffffff;text-align: center;line-height: calc(3.533rem - 10px);}

.index_svg_g{position: absolute;top: 22.5%;left: 22.5%;width: 55%;z-index: 2;}
.index_svg_g img{display: block;width: 100%;}

html, body {position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;}
#swiper-container2 .swiper-slide {height: auto;}

.startHome{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("../images/home/home.png") no-repeat top center;background-size: 100%;}
.start_dg{width: 100%;height: 21.933rem  /* 658/30 */;background: url("../images/home/highlight.png") no-repeat left top;background-size: 100%;position: relative;z-index: 3;}
.start_num,.start_text {position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;}
.start_num li{width: 37.5%;height: 16.24rem  /* 609/30 */;}
.start_num li:nth-child(1){position:absolute;left:1rem  /* 20/30 */;top:2rem;background: url("../images/home/ico1.png") no-repeat center;background-size: 100%;}
.start_num li:nth-child(2){position:absolute;left:3.6rem  /* 20/30 */;top:6rem;background: url("../images/home/ico2.png") no-repeat center;background-size: 100%;}
.start_num li:nth-child(3){position:absolute;left:7rem  /* 20/30 */;top:8rem;background: url("../images/home/ico3.png") no-repeat center;background-size: 100%;}
.start_num li:nth-child(4){position:absolute;left:10rem  /* 20/30 */;top:12rem;background: url("../images/home/ico4.png") no-repeat center;background-size: 100%;}
.start_text li:nth-child(1){width:29%;height:5rem  /* 150/30 */;position:absolute;left:2rem  /* 20/30 */;bottom:14rem;background: url("../images/home/ico5.png") no-repeat center;background-size: 100%;}
.start_text li:nth-child(2){width:30.4%;height:5rem;position:absolute;left:7rem  /* 20/30 */;bottom:9rem;background: url("../images/home/ico6.png") no-repeat center;background-size: 100%;}
.startHome_two{position: absolute;left: 15%;top: 8rem;height:17rem  /* 294/30 */;background: url("../images/home/infos.png") no-repeat top center;background-size: 100%;z-index: 2;width: 70%;display: none; }


.tips{width: 100%;position: fixed;left: 0;bottom: 1rem;z-index: 10;}
.tips img{display: block;width: 3rem;margin:0 auto;-webkit-animation: start 1.5s infinite ease-in-out;}
.tips span{display: block;color: #ffffff;font-size: 0.9rem;text-align: center;margin:1rem auto;}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}