@charset "utf-8";
/* CSS Document */


/*css 初始化 */
/*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}*/

*{
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Microsoft Yahei","Arial";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.hide{
    display: none;
}
.show{
    display: block;
}
.warp{ max-width:1600px;margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1610px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

img{
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 


/*parts*/
div.fy {text-align:center;line-height:4rem; width: 100%}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
    div.fy a:hover {
        color: #fff;
        background: #E6002D;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
    div.fy a:active {
        color: #fff;
        background: #E6002D;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
    div.fy span.current {
        margin: 2px 2px;
        padding: 8px 12px;
        color: #fff;
        font-size: 1.4em;
        background: #E6002D;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    }
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:fixed;	top: 34px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#E6002D; content: ''; display: block;    width: 20px;  height: 2px;}
.neiye #hamburger:before,.neiye  #hamburger:after,.neiye  #hamburger span{  background:#000;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}

/*搜索*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center { background-color:rgba(68,68,68,0.8);  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left; border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;    display:block;}
.s-close::before,.s-close::after {  content:''; width:40px; height:2px; background:#FFF;    display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {  -webkit-transform:rotate(45deg);    transform:rotate(45deg);}
.s-close::after {   -webkit-transform:translateY(-2px) rotate(-45deg);  transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}



/*header*/
/*.header,.header .mune a,.header .mune .mt,.header .mune .mtpro .mpd,.header .mune .mtpro .mpi .t p{  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }*/
.header .mune .mtpro{ transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all; }
.header{ position: absolute; top:0; left: 0; width: 100%;  z-index: 998; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .warp{ display: flex; align-items: center; justify-content: space-between;}
.header .logo{ padding: 10px 0;}
.header .hshow{ display:none;}



.header .mune{ display: flex; align-items: center;}
.header .mune a{color: #fff; font-size: 1.6em; line-height: 24px;}
.header .mune .thead a{  position: relative;}
.header .mune .thead a:hover{
    color: #E6002D;
    
}

#m1 #a1,#m2 #a2,#m3 #a3,#m4 #a4,#m5 #a5{
    color: #E6002D;
}


.header .mune .mbd{ padding: 28px 0; position: relative; margin: 0 25px; line-height: 36px; } 
/*.header .mune .mbp{ position: static;}*/
.header .mune .mt{ position: absolute; top:100%; left: calc(50% - 70px); width: 160px;  z-index: 10; text-align: center;  transform-origin : 50% 0 0;  transform: scale(0);  background:#fff; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); }
.header .mune .mt a{ font-size: 1.8em; line-height: 1.4; color: #000; display: block; padding: 12px 4px; text-transform: inherit; } 
.header .mune .mbd:hover .mt{  transform: scale(1);}
.header .mune .mt a:hover{ background:#4c9be2; color: #fff;}

.header:hover .mune a{ color:#555;}
.header:hover .mbl a{ color:#fff;}

.header .mune .mtpro{ display: none; position: absolute; top:100%; width: 100%; left: 0%;  z-index: 10; box-shadow: 2px 2px 6px rgba(0,0,0,0.4); transform-origin : 50% 0 0;   background:#fff;}
.header .mune .mbd:hover .mtpro{ display: flex;  animation:mtp .5s; animation-iteration-count:1; animation-fill-mode:forwards; }
@-webkit-keyframes mtp {
0% {
	opacity: 0;
}
100% {
	opacity:1;
}
}

.header .mune .mtpro .mpl{ padding: 20px 2%; background: #f5f5f5; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .mune .mtpro .mpl a{ margin: 4vh 0; font-size: 2.4em; color: #333; display: inline-block; padding: 6px; min-width: 55%;  border-bottom: 2px solid #f5f5f5;}
.header .mune .mtpro .mpl a.hover{ border-bottom: 2px solid #333;}
.header .mune .mtpro .mpis{ padding: 60px 4%;width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .mune .mtpro .mpi{ display: none; }
.header .mune .mtpro .mpds{ text-align: center; display: flex; width: 100%;}
.header .mune .mtpro .mpd{ width: calc(33.33% - 40px); margin: 0 20px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .mune .mtpro .mpi .img img{ max-width: 100%;}
.header .mune .mtpro .mpi .t p{ font-size:2em; line-height: 1.5; color: #333; }
.header .mune .mtpro .mpd:hover{ background: #f5f5f5; }
.header .mune .mtpro .mpd:hover p{ animation:show 1s; animation-iteration-count:1; animation-fill-mode:forwards;}

@-webkit-keyframes show {
0% {
 	transform: scale(1); 
	opacity: 0.4;
}
20% {
 	transform: scale(0.4); 
	opacity: 0.1;
}
40% {
 	transform: scale(1.2); 
	opacity: 1;
}
60% {
 	transform: scale(0.6); 
	opacity: 1;
}
80% {
 	transform: scale(1.1); 
	opacity: 1;
}
100% {
	 transform: scale(1); 
	opacity:1;
}
}

.btop .header{ border-bottom: 1px solid #d2d2d2;  position: relative;}
.btop .header .mbd>h3 a,.btop .header .mbs form{ filter: invert(100%);}

.header.up {
    position: fixed;
    background: #fff;
    -moz-box-shadow: 0px 2px 5px #8C8C8C;
    -webkit-box-shadow: 0px 2px 5px #8C8C8C;
    box-shadow: 0px 2px 5px #8C8C8C;
}
.header.up .mbd>h3 a,.header:hover .mbd>h3 a,.header:hover .mbs form,.header.up .mbs form{ filter: invert(0%) !important;}
.header.up .mbd>h3 a{ color:#555;}


.header.up .hnone{ display:none;}
.header.up .hshow{ display:inline-block;}
.header.up form{ border-color:#4c9be2;}
.header.up .ht::placeholder{ color:#888;}
.header.up input{ color:#888;}
.header.up form .hb{ background: url(../images/sreach2.png) left center no-repeat; background-size: 76%; width: 30px; cursor:pointer }
.header.up .mune .mbl h3 a{ display:block; color:#333;}




.header .mune .mbs{ padding: 20px 0; margin: 0 !important;}
.header form{ padding: 10px 0px 10px 20px; max-width: 150px; justify-content: space-between; display: flex; flex-wrap: wrap; border: 1px solid #fff; }
.header input{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff;  border: none; padding: 0 16px; background: rgba(0,0,0,0);}
.header input::-webkit-input-placeholder{ color:#fff;}
.header input:-moz-placeholder{ color:#fff;}
.header input::-moz-placeholder{ color:#fff;}
.header input:-ms-input-placeholder{ color:#fff;}
.header form .ht{ width: calc(100% - 40px);}
.header form .hb{ background: url(../images/sreach3.png) left center no-repeat; background-size: 80%; width: 30px;}

.header .mune .mbl a{ 
    margin:0 0 0 5px!important;
    width: 104px;
    height: 40px;
    /* 自动布局 */
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    background: #E6002D;
    border-radius: 8px;
    align-items: center;
    

}

.header .mbl .mt{ width: 100px; left: calc(50% - 50px);}

	
	
/*header:hover*/	
.header:hover{ background: #fff;}
.header:hover .hnone{ display:none;}
.header:hover .hshow{ display:inline-block;}
.header:hover form{ border-color:#4c9be2;}
.header:hover .ht::placeholder{ color:#888;}
.header:hover input{ color:#888;}
.header:hover form .hb{ background: url(../images/sreach2.png) left center no-repeat; background-size: 80%; width: 30px; }
.header:hover .mune .mbl h3 a{     display: flex;  justify-content: center;
    align-items: center;
    color: #555;
  
}


/*pron .header*/	
.pron .header{ background: #fff;}
.pron .header .hnone{ display:none;}
.pron .header .hshow{ display:inline-block;}
.pron .header form{ border-color:#4c9be2;}
.pron .header .mune a{ color:#333;}
.pron .header .ht::placeholder{ color:#888;}
.pron .header input{ color:#888;}
.pron .header form .hb{ background: url(../images/sreach2.png) left center no-repeat; background-size: 80%; width: 30px; }
.pron .header .mune .mbl h3 a{ display:block; padding: 10px 30px; border: 1px solid#4c9be2; background-color:#4c9be2; color:#fff;}



/*footer*/
.footer{ background:#fff; padding:64px 0 0 0}
.footer .txts{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    flex-wrap: wrap;
}
.footer .txts .t1{
    text-align: center;
}
.footer .txts .t1 img{
    margin-bottom: 40px;
}
.footer .txts .t1 h4{
    font-size: 1.6em;
    margin-bottom: 12px;
    font-weight: bold;
    color: #333;
}
.footer .txts .t1 h2{
    font-size: 3.2em;
    color: #E6002D;
    margin-bottom: 40px;
    font-weight: bold;
}
.footer .txts .t1 p{
    font-size: 1.6em;
    color: #333;
    line-height: 20px;
}
.footer .txts .hide{
    display: none;
}
/*.footer .txts .t1 p:nth-child(2){
    padding-left: 4.2em;
}
.footer .txts .t1 .dot{
    margin-bottom:12px;
}*/

.footer .txts .t2 h3,.footer .txts .t3 h3,.footer .txts .t4 h3{
    font-size: 2.4em;
    font-weight: bold;
    line-height: 28px;
    color: #333333;
    margin-bottom: 32px;
}
.footer .txts .t4 h3{
    text-align: center;
}

.footer .txts .t2 a{
    font-size: 2em;  
    line-height: 24px;
    margin-bottom: 20px;
    display: block;
    color: #333;
}

.footer .txts .t3 p{
    font-size: 2em;  
    line-height: 24px;
    margin-bottom: 20px;
    color: #333;
}




.footer .txts2{
    text-align: center;
    padding: 0 0 28px 0;
}
.footer .txts2 p{
    line-height: 20px;
    color: #333;
    font-size: 1.4em;
    display: inline-block;
    margin:0 20px;
}
.footer .txts2 a{
    color: #333;
}




.footer a,.footer .fo1 .fs span{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer a:hover{ opacity: 1; text-decoration: underline;}
.footer .fo1{ padding: 60px 0 40px 0; }
.footer .fo1 .warp{  display: flex; justify-content: space-between;}
.footer .fo1 .warp .fm-box{ width:50%;  display: flex; justify-content: space-between;}
.footer .fo1 .warp .dot{ width:15%;}
.footer .fo1 .warp .dot .wx{ display:flex;}
.footer .fo1 .warp .dot .wx .wm{ width:50%; margin:0 5px; text-align:center;}
.footer .fo1 .warp .dot img{ max-width:100%; }
.footer .fo1 .warp .dot p{ color:#fff; font-size:16px; margin-top:10px;}
.footer .fo1 .fm h3 a{ font-size: 1.8em; display: inline-block;  line-height: 24px; color: #fff; text-transform: uppercase;  padding-bottom: 16px;}
.footer .fo1 .fm p a{ color: #fff;  margin-bottom: 10px; display: inline-block;}
.footer .fo1 .fm:last-child{ width: 280px;}
.footer .fo1 .fm p{  font-size: 1.6em; line-height: 1.5; color: #fff; }
.footer .fo1 .fm span{}
.footer .fo1 .fm span:first-child{ width: 3em;}
.footer .fo1 .fm span:last-child{ width: calc(100% - 3em);}
.footer .fo1 .fm img{ margin-top: 16px; border-radius: 5px; border: 1px solid #5b6063;}
.footer .fo1 .fmtxt{ display: none; text-align: center; color: #fff;}
.footer .fo1 .fmtxt h3{ font-size: 1.6em; line-height: 1.5; margin-bottom: 10px; font-weight: bold;}
.footer .fo1 .fmtxt p{ font-size: 1.4em; line-height: 1.5;}


.footer .fo2 .warp{ justify-content: space-between;  display: flex;}
.footer .fo2{  padding:14px 0;}
.footer .fo2 p{ font-size:1.4em; color: #fff; line-height: 1.5; opacity: 0.4;}
.footer .fo2 p a{ font-size: 1em; }
.footer .fo2 span{ cursor: pointer; display: inline-block; margin-left: 30px;}

.footer .fo3{ border-bottom:1px solid #666; padding-bottom:15px; padding-top:20px;}
.footer .fo3 p{ font-size:1.4em; color:#a7870e; display:flex;}
.footer .fo3 p a{ color:#a7870e;}
.footer .fo3 p span{ margin-top:-5px; margin-right:5px;}

.bottomlist{ background:#E6002D; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:400;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*tits*/
.tits h3{ margin-bottom: 20px; font-size: 4.8em; color: #000; font-family: "Basic Sans"; text-transform: uppercase;}
.tits p{ font-size: 1.4em; color: #000; line-height: 1.5; }




/*banner*/
.banner .txt{ transition:ease 2.5s all;-moz-transition: ease 2.5s all; -webkit-transition:ease 2.5s all; -o-transition: ease 2.5s all;}
.banner .swiper-slide{ position: relative; display: flex; align-items: center; background-size: cover !important; height: 865px; overflow: hidden; flex-direction:row-reverse;}
.banner .ban1{ background: url(../images/banner01.jpg) center center no-repeat; background-size: cover !important;}
.banner .ban2{ background: url(../images/banner02.jpg) center center no-repeat; background-size: cover !important;}
.banner .ban3{ background: url(../images/banner03.jpg) center center no-repeat; background-size: cover !important;}
.banner .ban1 .txt{ padding: 0% 15% 10% 0;}
.banner .ban2 .txt{ padding: 0 15% 10% 0;}
.banner .ban3 .txt{ padding: 0 15% 10% 0;}
.banner .txt{ transform: scale(0); max-width: 50%;}
.banner .txt img{ max-width: 100%;}
.banner .swiper-slide-active .txt{ transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 50px; height: 5px;  opacity: 0.8; background: #999; border-radius: 5px;}
.banner .swiper-pagination-bullet-active{ background: #fff;}
.banner .swiper-pagination { bottom: 60px;}


/*ip1*/
.ip1{
    background: url(../images/index_about_bg.jpg) center bottom no-repeat;
    padding: 180px 0 600px 0;
}
.ip1 .tit{
    text-align: center;
    margin-bottom: 130px;
}
.ip1 .tit h2{
    font-size: 5em;
    font-weight: bold;
    line-height: 40px;
    color: #333333;
    margin-bottom: 30px;
}
.ip1 .tit p{
    font-size: 1.6em;
    line-height: 40px;
    width: 480px;
    display: inline-block;
}

.ip1 .txt{
    max-width: 892px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ip1 .txt .dot{
    width: calc((100% - 64px)/3);
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    height: 118px;
    padding: 24px 0;
    text-align: center;
}
.ip1 .txt .dot p{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 24px;
    color: #999999;
    margin-bottom: 10px
}
.ip1 .txt .dot .shuzi{
    display: flex;
    justify-content: center;
    color: #ED1939;
}
.ip1 .txt .dot .shuzi h3,.ip1 .txt .dot .shuzi i{
    font-style: normal;
    font-size: 3em;
    font-weight: bold;
}

/*ip2*/
.ip2{
    padding-top: 78px;
}
.ip2 .tit,.ip3 .tit{
    position: relative;
    margin-bottom: 40px;

}
.ip2 .tit .title,.ip3 .tit .title{
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}
.ip2 .tit .title h2,.ip3 .tit .title h2{
    font-size: 3.6em;
    font-weight: bold;
}
.ip2 .tit .title h2:first-child,.ip3 .tit .title h2:first-child{
    color: #E6002D;
}
.ip2 .tit b,.ip3 .tit b{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3em;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #E0E0E0;
    font-family: "Arial";
    z-index: -1;
    height: 40px;
    width: 100%;
}

.ip2 .txt{
    
}
.ip2 .txt .dot{
/*    width: calc((100% - 96px)/4);*/
}
.ip2 .txt .dot a{
    position: relative;

}
.img{
  text-align: center;  
}
.ip2 .txt .dot .title{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F9FAFB;
    padding: 24px;
}
.ip2 .txt .dot:hover .title{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(249, 250, 251, 0.2);
    padding: 24px;
    backdrop-filter: blur(5px);
}
.ip2 .txt .dot .title h3{
    padding: 14px 0;
    font-size: 2em;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.ip2 .txt .dot .title h3:after{
    position: absolute;
    top: 0px;
    content: "";
    background-color: #ED1939;
    width: 40px ;
    height: 2px;
    left: 0;
}
.ip2 .txt .dot .title p{
    font-size: 1.6em;
    color: #333333;
    line-height: 24px;
}

/*第三层*/
.ip3{
    padding: 90px 0 ;
}
.ip3 .txt{
    /*display: flex;
    justify-content: space-between;*/
}
.ip3 .txt .dot{
/*    width: calc((100% - 64px)/3);*/
}
.ip3 .txt .dot a{
    display: block;
}
.ip3 .txt .dot .title{
    background: #F9FAFB;
    padding: 24px;
}

.ip3 .txt .dot .title h3{
    padding: 14px 0;
    font-size: 2em;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.ip3 .txt .dot .title h3:after{
    position: absolute;
    top: 0px;
    content: "";
    background-color: #ED1939;
    width: 20px ;
    height: 2px;
    left: 0;
}
.ip3 .txt .dot .title p{
    font-size: 1.6em;
    color: #333333;
    line-height: 24px;
}
.ip3 .txt .dot .title i {
    font-size: 1.4em;
    color: #4B5563;
    line-height: 24px;
    font-style: normal;
    margin-top: 10px;
    display:block
}
.ip3 .txt .dot .img{
    width: 100%;
    overflow: hidden;
}
.ip3 .txt .dot img{
    transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; 
}
.ip3 .txt .dot:hover img{
    transform: scale(1.1);
    transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; 
}

/*第四层*/
.ip4{
    background: url(../images/ip4_bg.jpg) center center no-repeat ;  
}
.ip4 .warp{
    display: flex;
    align-items: center;
    flex-direction:column;
    justify-content: center;
    height: 535px;
}
.ip4 h2{
    font-size: 4em;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.ip4 p{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}



/*banners-start*/
.banners,.banners2{ background-size: cover !important;   overflow: hidden;}
.banners .warp,.banners2 .warp {   align-items: center;
    display: flex;
    height: 550px;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-left: 190px;
}
.banners .warp>*{width: 100%; font-style: normal;}
.banners h3,.banners2 h3{
    font-size: 4.2em;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0px;
    color: #FFFFFF; 
    margin-bottom:20px;
}
.banners p{ 
    font-size: 3.2em;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF; 
}
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.contactb{ background: url(../images/banners/contact-banner.jpg) center center no-repeat;}
.new{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.banners2 .warp2{ text-align: center; height: 600px; justify-content: center;}
.project{ background: url(../images/banners/product-banner.jpg) center center no-repeat;}
.productab{background: url(../images/banners/product-banner.jpg) center center no-repeat;  }
.down{ background: url(../images/banners/download-banner.jpg) center center no-repeat;}
/*banners-end*/

/*lead*/
.lead { padding: 24px 0;}
.lead.gery{ background: #fff;}
.lead .warp{ display: flex; justify-content: flex-end;}
.lead .warp>*{ font-size: 1.6em; color: #fff; display: inline-block; line-height: 1.5; margin-right: 10px;}
.lead.fd .warp{ display: flex; justify-content: space-between;}

.newfeed .lead .warp, .profeed .lead .warp{ display: flex;
    justify-content: space-between;}
.newfeed .lead .warp a, .profeed .lead .warp a{ color:#fff;font-size: 1em;    }
.newfeed .lead .warp span, .profeed .lead .warp span{margin:0 6px;font-size: 1em;}


/*内页通用*/
.inside .tit .title{
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}
.inside .tit .title h2{
    font-size: 3.6em;
    font-weight: bold;
}
.inside .tit .title h2:first-child{
    color: #E6002D;
}
.inside .tit b{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3em;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #E0E0E0;
    font-family: "Arial";
    z-index: -1;
    height: 40px;
    width: 100%;
}

/*about-start*/
.ab1{
    background: url(../images/about/about-bg.png) left 80px no-repeat;
    padding-top: 80px
}

.ab1 .tit{
    position: relative;
    margin-bottom: 60px;
}



.ab1 .txt{
    position: relative;
    
}
.ab1 .txt .warp{
    padding: 40px 0;
}
.ab1 .txt .content{
    width: 50%;
    background: rgba(255, 255, 255, 0.6);
    padding: 24px;
}
.ab1 .txt .content p{
    font-size: 1.6em;
    line-height: 26px;
    color: #333333;
    padding-bottom: 16px;
    text-indent: 2em;
}
.ab1 .txt .content p b{
    color: #E6002D;
    font-size: 1em;
}
.ab1 .txt .img{
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    z-index: -1;
    background: url(../images/about/about_right.jpg) right center no-repeat;
    width: 60%;
    background-size: cover;
}
.ab2{
    padding-top: 80px;
    padding-bottom: 40px;
}
.ab2 .tit,.ab3 .tit{
    position: relative;
    margin-bottom: 30px;
}
.ab2 .txt,.ab3  .txt{
    
}
.ab2 .txt .dot,.ab3 .txt .dot{
   
}
.ab2 .txt .dot .title,.ab3 .txt .dot .title{
    background: #F9FAFB;
    padding: 36px 24px 24px ;
}

.ab2 .txt .dot .title h3{
    padding: 0 0 8px 0;
    font-size: 2em;
    line-height: 28px;
    font-weight: bold;
    color: #000;
    position: relative;
}
.ab2 .txt .dot .title p{
    font-size: 1.4em;
    color: #4B5563;
    line-height: 24px;
}
.ab2 .txt .dot .img,.ab3 .txt .dot .img{overflow: hidden;}
.ab2 .txt .dot img,.ab3 .txt .dot img{
    transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; 
}
.ab2 .txt .dot:hover img,.ab3 .txt .dot:hover img{
    transform: scale(1.1);
    transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; 
}

.ab3{
    background: #F9FAFB;
    padding-top: 80px;
    padding-bottom: 40px;
    position: inherit;
    z-index: 0;
}
.ab3 .tit{
    margin-bottom: 30px;
}
.ab3 .txt .dot .title{
    background-color: #fff;
    padding: 16px;
}
.ab3 .txt .dot .title h3{
    font-size: 1.8em;
    font-weight: 600;
    line-height: 28px;
    color: #000000;
}
/*.about-t .ab1{ 
    padding: 0px 0px 0 195px;
    vertical-align: middle;
    
}
.about-t .img,.about-t .txt{
    width: 50%;
}
.about-t .ab1 .txt{
    padding: 25px 55px;
    box-sizing: border-box;
}
.about-t .ab1 .txt p{ font-size: 1.6em; color: #333;line-height: 1.5;text-align: justify;}
.about-t .ab1 .txt b{ font-size: 1em;  font-style: italic;}
.about-t .ab2{ text-align: center;}
.about-t .ab3{ padding: 75px 220px 70px 220px;}
.about-t .ab3 p{
    font-size: 1.6em;
    color: #333;
    margin-bottom: 30px;
    line-height: 2em;
}
/*about-end*/

/*product*/

/*product_type*/





/*header*/
.product-t{
    padding: 80px 0;
    background: #F9FAFB;
}
.product-t .warp{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product-t .prolist{
    width: 377px;
    padding: 50px 34px 30px;
    
}

.product-t .protxt{
    display: flex;
    justify-content:flex-start;
    width: calc(100% - 400px);
    flex-wrap: wrap;
}
.product-t .protxt .dot {
    width: calc((100% - 32px)/3);
    margin-right: 16px;
    background-color: #fff;
    margin-bottom: 32px;
    border: 1px solid rgba(0, 0, 0, 0);
}
.product-t .protxt .dot:nth-child(3n){
    margin-right: 0;
}
.product-t .protxt .dot a {
    position: relative;
    
}

.product-t .protxt .dot .title{
    padding:0 24px 24px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    
}
.product-t .protxt .dot:hover{
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-t .protxt .dot .title h3{
    padding: 14px 0;
    font-size: 2em;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
    position: relative;
}
.product-t .protxt .dot .title h3:after{
    position: absolute;
    top: 0px;
    content: "";
    background-color: #ED1939;
    width: 40px ;
    height: 2px;
    left: 0;
}
.product-t .protxt .dot .title p{
    font-size: 1.6em;
    color: #333333;
    line-height: 24px;
}

.prolist{
    width: 377px;
    padding: 50px 22px;
    background-color: #fff;
}
.prolist h2{
    font-size: 3.2em;
    font-weight: bold;
    line-height: 28px;
    color: #333333;
    padding-bottom: 30px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 10px;
}
.prolist .dl{
    font-size: 2em;
    line-height: 28px;
    color: #333333;
    padding: 20px 0;
    border-bottom: 1px solid #F0F0F0;
}
.prolist .dl a{
    color: #333333;
}
.prolist .dl:hover a,.prolist .dl a.cur{
    font-weight: bold;
    color: #E6002D;
}
.prolist .zs{
    text-align: right;
    margin-top: 30px;
}


/*proshow*/
.proshow{
    background: #F9FAFB;
    padding: 80px 0;
    position: relative;
    z-index: 0;
}
.proshow .pro1{    
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.proshow .pro2 .warp{
    padding: 0 20px;
}
.proshow .pro1 .pro_img{
    width: calc( 100%/16*7);
    background-color: #fff;
    text-align: center;
}

.proshow .pro1 .s1{
    width: calc( 100%/16*9);
    padding-left: 45px;
    padding-top: 45px;
    
    
}
.proshow .pro1 .info{
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 60px;
    padding-right:30%;
}
.pro1 .s1 h2{
    font-size: 3em;
    font-weight: bold;
    line-height: 36px;
    color: #000000;
    margin-bottom: 16px;
    
}
.pro1 .s1 .info p {
    font-size: 1.6em;
    line-height: 24px;
    color: #4B5563;
    margin-bottom: 10px ;
    text-indent:2em;
}
.pro1 .s1 .prar{
    margin-top: 40px;
    width: 400px; 
    display: flex;
    justify-content: space-between;  
    flex-wrap: wrap;
}
.pro1 .s1 .prar .dl{
    width: 50%;
    margin-bottom: 30px;
}

.pro1 .s1 .prar .dl p{
    font-size: 1.6em;
    line-height: 24px;
    color: #4B5563;
}
.pro1 .s1 .pr_con{
    padding-top: 33px;
}
.pro1 .s1 .pr_con h3{
    font-size: 2em;
    font-weight: bold;
    line-height: 28px;
    color: #000000;
    margin-bottom: 16px;
}
.pro1 .s1 .pr_con i{
    font-size: 2.4em;
    font-weight: bold;
    line-height: 32px;
    color: #E60012;
    font-style: normal;
    margin-bottom: 10px;
    display: block;
}
.pro1 .s1 .pr_con p{
    font-size: 1.4em;
    line-height: 24px;
    color: #4B5563;
}
.pro2{
    padding-top: 120px;
}
.pro2 .warp .tit{
    position: relative;
    margin-bottom: 45px;
}

.pro2 .s2 .pnbiaoge{
    margin: 40px 0 30px 0;
    background-color: #f9fafb;
}
.pro2 .s2 .pnbiaoge table {
    width: 100%;
}

.pro2 .s2 .pnbiaoge tr td{
    vertical-align: middle;
    padding: 8px;
    font-size: 1.6em;
    line-height: 3;
    color: #333;
    text-align:center;
    /*border-right:1px solid #fff;
    border-left:1px solid #fff;*/
    border:1px solid #D5D5D5;
    
}
.pro2 .pnbiaoge tr:first-child td, .pro2 .pnbiaoge .tip td, .pro2 .pnbiaoge .tip th, .pro2 .pnbiaoge .tip {
    background: #F3F3F3;
    font-weight: bold;
}





/*news*/
.new-t{
    padding: 80px 0;
    background-color: #F9FAFB;
}
.new-t .warp{
    display: flex;
    justify-content: space-between;
}


.new-t .newlist{
    width: 330px;
    background-color: #fff;

}
.new-t .newlist .tit{
    padding: 24px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.new-t .newlist h2{
    font-size: 1.8em;
    font-weight: bold;
    line-height: 28px;
    color: #000000;
    margin-bottom: 16px;
}
.new-t .newlist .tit .dl{
    padding:8px 16px;
    margin-bottom: 8px;
} 
.new-t .newlist .tit .dl a{
    font-size: 16px;
    line-height: 24px;
    color: #4B5563;
}
.new-t .newlist .tit .dl a:hover, .new-t .newlist .tit .dl a.lock{
    color: #E6002D;
}

.hotnew{
    padding: 24px;
    margin-top: 32px;
    margin-bottom: 60px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.001)), #FFFFFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.hotnew .dl{
    margin-top: 16px;
}
.hotnew .dl a p{
    font-size: 1.6em;
    line-height: 24px;
    color: #1F2937;
    margin-bottom: 4px;
}
.hotnew .dl a i{
    font-size: 1.4em;
    line-height: 24px;
    color: #6B7280;
    font-style: normal;
}

.new-t .newtxt {
    width: calc(100% - 370px);
    
}
.new-t .topnew {
    background: #fff;
    padding: 24px;
    margin-bottom: 24px;
}
.new-t .topnew .title{
    margin-top: 24px;
    
}
.new-t .topnew .title h3{
    font-size: 2em;
    font-weight: bold;
    line-height: 28px;
    color: #000000;
    margin-bottom: 16px;
}
.new-t .topnew .title p{
    font-size: 1.6em;
    line-height: 24px;
    color: #4B5563;
}

.new-t .topnew .time{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.new-t .topnew .time i{
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
    font-style: normal;
}
.new-t .topnew .time a{
    background: url(../images/n_right.png)  right center no-repeat;
    padding-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #6B7280;
}
.newbox {
    padding: 60px 24px 26px;
    background-color: #fff
}
.newbox .dot {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.newbox .dot .img{
    width: 240px;
}
.newbox .dot .img img{
    max-width: 100%;
}
.newbox .dot .txt{
    width: calc(100% - 264px);
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}
.newbox .dot .txt h3{
    font-size: 1.8em;
    font-weight: bold;
    line-height: 28px;
    color: #000000;
    margin-bottom: 12px;
}
.newbox .dot .txt p{
    font-size: 1.6em;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #4B5563;
    font-style: normal;
}
.newbox .dot .time {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}
.newbox .dot .time i{
    font-size: 1.4em;
    font-style: normal;


}
.newbox .dot .time a{
    background: url(../images/n_right.png)  right center no-repeat;
    padding-right: 20px;
    font-size: 1.4em;
}







/*newsshow*/
/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:40px 0;background-color: #F9FAFB;}
.newsshow .boxs{ background:#fff; }
.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ border-bottom:1px solid #ccc; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#333; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#E6002D !important; color:#fff !important;}



/*contact*/
.contact{  
    padding:80px 0  60px 0 ; 
}
.contact .warp{
    display: flex;
    justify-content: space-between;
}
.contact .txt,.contact .feedback{
    width: calc(50% - 20px);
}
.contact .txt .dot{
    margin-bottom: 32px;
}
.contact .txt .dot h3{
    font-size: 3.2em;
    font-weight: bold;
    line-height: 32px;
    color: #000000;
    padding-bottom: 24px;
}
.contact .txt .dot .dl{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
}
.contact .txt .dot .dl img{
    margin-right: 26px;
}
.contact .txt .dot .dl p{
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}
.contact .txt .dot i{
    font-size: 3em;
    font-weight: bold;
    line-height: 36px;
    font-style: normal;
    color: #FF0000;
}

.contact .txt .ewm{
    background: #F9FAFB;
    padding: 32px;
}
.contact .txt .ewm h5{
    font-size: 2em;
    font-weight: bold;
    line-height: 28px;
    color: #000000;
    margin-bottom: 16px;
}
.ewm_list{
    display: flex;
    justify-content: flex-start;
}
.ewm_list .box{
    margin-right: 32px;
}
.ewm_list .box p{
    font-size: 1.4em;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #4B5563;
    padding: 8px 0;
}
.feedback{
    background: #F9FAFB;
    padding: 32px;
}
.feedback h4{
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    color: #000000;
    margin-bottom: 24px;
}
.feedback .dl{
    padding-bottom: 24px;
}
.feedback .dl p{
    font-size: 1.4em;
    font-weight: 500;
    line-height: 20px;
    color: #374151;
    margin-bottom: 8px;
}
.feedback .dl input{
    padding: 8px 16px;
    width: 100%;
    border: 1px solid #D1D5DB;
    font-size: 16px;
    line-height: 24px;
    color: #9CA3AF;
}
.feedback .dl textarea{
    padding: 8px 16px;
    width: 100%;
    border: 1px solid #D1D5DB;
    font-size: 16px;
    line-height: 24px;
    color: #9CA3AF;
    height: 114px;
}
.feedback .dl input::placeholder,.feedback .dl textarea::placeholder{
    font-size: 16px;
    line-height: 24px;
    color: #9CA3AF;
}
.feedback .dl button{
    width: 100%;
    padding: 12px 0px;
    height: 48px;
    background: #FF0000;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    border: none;
}
/*.contact .ctxt>a,.contact .btn .fc-btn,.contact .ctxt .coninfo .info-img{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.contact{  padding:80px 0 65px 0; align-items: center;}
.contact .warp{ justify-content: space-between;  display: flex;max-width: 1240px}
.contact .ctxt{ width: 40%; padding:0 0 0 17px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .ctxt h3{ font-size: 8em; color: #333; font-weight: 800; margin-bottom: 40px;}
.contact .ctxt span{display:block; color: #2370fd; font-size: 2.4em; font-weight: bold; text-transform: uppercase; margin-bottom: 25px;}
.contact .ctxt h4{ font-size: 1.6em; color: #888; line-height: 1.2;}
.contact .ctxt p{ font-size: 1.6em; color: #333; line-height: 1.2; margin-bottom: 50px;}
.contact .ctxt p:last-child{
    color: #888;
} */


/*.contact .cf{ width: 40%; padding: 0 17px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .cf>h3{  font-size: 3.6em; color: #333; font-weight: 800; text-transform:uppercase;}
.contact form{ margin-top: 40px;}
.contact form .dot{ width:calc(100% + 30px); margin:0px 0 0 -15px;}
.contact input,.contact textarea{ font-size: 1.6em; outline:none; border: none; border-bottom:1px solid #e7e7e7; padding:2px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:50px; color:#000;}
.contact .dot .fc-input{ width:calc(100% - 30px); margin:0 15px 25px 15px; float:left;}
.contact textarea{ width:100%; margin-bottom:30px; font-family: "Arial","Microsoft Yahei"; height:100px;}
.contact .fc-input{ width: 100%; margin-bottom: 30px;}
.contact .fc-input::-webkit-input-placeholder,.contact textarea::-webkit-input-placeholder { color:#888;}
.contact .fc-input:-moz-placeholder,.contact textarea:-moz-placeholder { color:#888;}
.contact .fc-input::-moz-placeholder,.contact textarea::-moz-placeholder { color:#888;}
.contact .fc-input:-ms-input-placeholder,.contact textarea:-ms-input-placeholder { color:#888;}
.contact .btn .fc-btn{ border:none; padding:0px 80px; font-size:1.6em; color:#fff; line-height:64px; cursor:pointer; background:#2370fd; border-radius: 32px; text-transform: uppercase;}
.contact .btn .fc-btn:hover{ background:#4c9be2; }

.contact .warp3{ justify-content: space-between; max-width: 1240px; margin:65px auto 0 auto;  display: flex;border-top: 1px solid #bfbfbf; }
.contact .warp3 .txt{
    padding: 0 100px 0 35px;
    width: 28%;
}
.contact .warp3 .txt:first-child{
    width: 44%;
}
.contact .warp3 h3{
    font-size: 3em;
    color: #333;
    margin: 75px 0 50px 0;
    font-weight: bold;
}
.contact .warp3 p{
    font-size: 1.6em;
    line-height: 1.8;
}*/