/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;max-width: 950px;margin: 0 auto;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:0 0;}
img{outline-width:0px;vertical-align:middle;max-width: 100%;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1000px; margin:0 auto;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* .con_main{max-height: 100vh;overflow: hidden;} */
.con_banner{width: 70%;float: left;position: relative;/*height: 100vh;*/}
.con_right{width: 30%;float: right;}
.con_right .logo{position: absolute;top: 20px;right: 20px;z-index: 999;}
.ri_ti_bg{background: #f36648;min-height: 100vh;display: table;width: 100%;}
.ri_ti_bg .ri_ti{display: table-cell;vertical-align: middle;}
.ri_ti_bg .ri_ti h1{text-align: center;color: #fff;font-size: 73px;padding: 0 30px;}
.lins{position: relative;    text-align: center;}
.lins ul{background: #fff;border-radius: 10px;padding: 15px 10px;display: inline-block;margin: 0 auto;}
.lins ul li{/*display: inline-block;*/margin:5px 7px; float:left;}
.lins ul li img{width:50px;height: 50px;}
.onl{position: fixed;top:10px;right:20px;z-index: 999999;max-height: 50px;}
.onl img{width: 30px;}

.munsa{position: fixed;top: 0;right: 0;width: 100%;z-index: 99999;background: rgba(0,0,0,0.6);text-align: center;transition: all 0.3s;}
.munsa .cz{display: table;width: 100%;height: 100%;}
.munsa .cz_z{display: table-cell;vertical-align: middle;}
.munsa .mun_img{margin: 15px 0;text-align: left;padding-left: 20px;}
.munsa .mun_img img{width: 20px;}
.munsa ul li{border-top:1px solid #b0b0b0;border-right:1px solid #b0b0b0;line-height: 50px;display: inline-block;width: 16.4%;float: left;}
.munsa ul li:last-child{border-right:none;}
.munsa ul li a{color: #fff;font-size: 10px;}
.munsa ul li a:hover{color: aquamarine;}

..munsa ul li.lv a{color: aquamarine;}

.m_con4 ul{margin-top: 50px;}

.munsa.cls{top: -100%;}

.ab_top{position: relative;    z-index: 999;}
.tishi{display: table;position: absolute;bottom: -18%;left: 10%;border-radius: 50%;width: 300px;height: 300px;background:#ff7f50;color: #fff;text-align: center;font-size: 52px;}
.tishi .ti_ma{display: table-cell;vertical-align: middle;}

.ab_bg{position: relative;min-height: 108vh;}
.ab_bg .ab_tex{position: absolute;width: 70%;top: 8%;left: 13%;}
.ab_bg .ab_tex ul{}
.ab_bg .ab_tex ul li{width: 100%;display: inline-block;margin: 10px;text-align: center;}
.ab_bg .ab_tex ul li .c{padding: 0px 67px;}
.ab_bg .ab_tex ul li h1{color: #f36648;border-bottom: 1px dashed #f36648;padding-bottom: 20px;}
.ab_bg .ab_tex ul li p{color: #898989;font-size: 17px;line-height: 26px;padding-top: 11px;}

.ab_bg .ab_tex::before{content: ""; display: block;width: 110%;height: 110%;position: absolute;top: -8px;left:-8px;border: 1px solid #ccc;display: none;}
.ab_bg .ab_tex::after{content: "";display: block;width: 110%;height: 110%;position: absolute;top:-15px;left:-15px;border: 1px solid #ccc;display: none;}

.mun_xuf.cls{display: block;}
.mun_xuf{position: fixed;top: 10px;left: 20px;z-index: 999999;display: none;}
.mun_xuf img{width: 30px;}

.pro_de{/*height: 100vh;*/}
.pro_de .swiper-pagination{background: url(../images/bg12.png) center center repeat-x;width: 18%;left: 5%;top:58%;text-align: left;}
.pro_de .swiper-pagination p{display: inline-block; width:30px;height:30px;line-height:50px;text-align: center; border-radius: 50%;opacity: 1;display: inline-block;background: #fff;border:1px solid #ff7f50;color: #ff7f50;padding: 7px;margin-bottom: 10px;}
.pro_de .swiper-pagination p i{font-style: normal;font-size: 14px;line-height: 16px;display: table;height: 100%;overflow: hidden;width: 100%;text-align: center;font-weight:bold;}
.pro_de .swiper-pagination p i span{display: table-cell;vertical-align: middle;}
.pro_de .swiper-pagination p.swiper-pagination-bullet-active{background: coral;color: #fff;}

.ab_top{position: relative;}
.tishi{display: table;position: absolute;bottom: -23%;left: 10%;border-radius: 50%;width: 100px;height: 100px;background: #ff7f50;color: #fff;text-align: center;font-size: 15px;}
.tishi .ti_ma{display: table-cell;vertical-align: middle;}

.wapper2{max-width: 90%;margin: 0 auto;}
.contact_main{/*background: url(../images/lian_bg.jpg) center center no-repeat;*/background-size: cover;min-height: 100vh;}
.contact_de{width: 100%;/*<!--float: left;-->*//*margin-top: 40%;*/}
.contact_de h1{font-size: 40px;color: tomato;}
.contact_de .lianxi{margin-top: 20px;}
.contact_de .lianxi li{font-size: 16px;line-height: 36px;font-family: math;letter-spacing: 0px; /*font-weight:bold*/}
.contact_de .lianxi li span{color: tomato; font-weight:bold;}
.contact_de .er_s{margin-top: 30px; margin-bottom:70px}
.contact_de .er_s ul{text-align: center;}
.contact_de .er_s ul li{display:block;}
.contact_de .er_s ul li img{width: 100px;}
.contact_de .er_s ul li p{font-size: 15px;}

@media (max-width:1200px) {
}

@media (max-width:1000px) {
}

@media (max-width:980px) {
    
    .con_banner{width: 100%;/*height: 70vh;*/}
    .con_right{width: 100%;}
    .con_right .logo{left: 20px;}
    .ri_ti_bg{min-height: 50vh;}
    .ri_ti_bg .ri_ti h1{font-size: 61px;}
}