@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial","微软雅黑"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}

body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden; position:fixed }

#ppyy{width: 100%; display:block; transition:all 0.5s ease 2.5s;transform: scale(1.05); background-image:url(../images/indexbanner.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; background-size:cover; height:100%!important;position:fixed;  

  }


.blurimg {background-image:url(../images/yin.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; background-size:cover;height:100%!important;position:fixed;  
  filter: blur(6px);
  -webkit-filter: blur(6px);
}


.ppyy12{height:100%!important;position:fixed;width:100%;   transition:all 0.8s ease 0s;background-color: rgba(0,0,0,0.5)!important; opacity:1;}



.main-header{background-color:#f3f3f3;}
.shlbox {
  padding:0px 17px 50px 17px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #FFF;
}
.flexs1 {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.flexs1 img {
  width: 100%; height:100%; object-fit:cover; display:block;
}
.flexd { display:flex;}
.flex-end{align-items: flex-end;}
.flex-start{align-items: flex-start;}



.shl {
  padding: 1% 0%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;

}
.flexs1 {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.flexs1 img {
  width: 100%; height:100%; object-fit:cover; display:block;
}



.pat7 {padding-top:14px!important;}
.pab7 {padding-bottom:14px!important;}
.flexd { display:flex;}
.flex-end{align-items: flex-end;}
.flex-start{align-items: flex-start;}
.fitem1{ width:27%; margin-right:3%; height:auto;overflow: hidden;}
.fitem1 img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem2hj{ width:25%;  height:auto; overflow: hidden;margin-right:2%;}
.fitem2hj img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem2{ width:43%;height:auto;overflow: hidden;}
.fitem2 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem3{ width:65%; margin-right:2%; height:auto;overflow: hidden;}
.fitem3 img{ width: 100%; height:80%; object-fit:cover; display:block;}

.fitem4{ width:33%;height:auto;overflow: hidden;}
.fitem4 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem5{ width:51%; margin-right:3%; height:auto;overflow: hidden;}
.fitem5 img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem6{ width:46%;height:300px;overflow: hidden;}
.fitem6 img{ width: 100%; height:100%; object-fit:contain; display:block;}


.fitem7{ width:75%;height:auto;overflow: hidden; margin-left:25%;}
.fitem7 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem8{ width:52%; margin-right:2%; overflow: hidden; }
.fitem8 img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem9{ width:45.5%;overflow: hidden; }
.fitem9 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem10{ width:47%; margin-right:3%; height:356px;overflow: hidden;}
.fitem10 img{ width: 100%; height:100%; object-fit:contain; display:block;}

.fitem11{ width:50%;height:auto;overflow: hidden;}
.fitem11 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem12{ width:45%;height:auto;overflow: hidden;}
.fitem12 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem13{ width:55%;height:auto;overflow: hidden;margin-left:2%;}

.fitem14{height:56%;overflow: hidden; margin-left:60px;}
.fitem14 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem15{width: 100%;height:auto;overflow: hidden; margin-top:3%;}
.fitem15 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem16{ width:62%; margin-right:2%; height:auto;overflow: hidden;}
.fitem16 img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem17{ width:38%;height:auto;overflow: hidden;}
.fitem17 img{ width: 100%; height:100%; object-fit:cover; display:block;}



.fitem20{ width:40%;height:auto;overflow: hidden;}
.fitem20 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem21{ width:60%;height:auto;overflow: hidden;margin-right:2%;}

.fitem22{height:55%;overflow: hidden; }
.fitem22 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem23{width: 100%;height:42%;overflow: hidden; margin-top:3%;}
.fitem23 img{ width: 100%; height:100%; object-fit:fill; display:block;}


.fitem24{ width:50%; margin-right:2%; height:auto;overflow: hidden;}
.fitem24 img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem25{ width:48%;height:auto;overflow: hidden;}
.fitem25 img{ width: 100%; height:100%; object-fit:cover; display:block;}



.fitem26{ width:49%; margin-right:2%; height:auto;overflow: hidden;}
.fitem26 img{ width: 100%; height:100%; object-fit:cover; display:block;}

.fitem27{ width:49%;height:auto;overflow: hidden;}
.fitem27 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem31{ width:48%;height:auto;overflow: hidden;}
.fitem31 img{ width: 100%; height:100%; object-fit:cover; display:block;}


.fitem32{ width:52%;height:auto;overflow: hidden;margin-left:2%;}

.fitem33{height:40%;overflow: hidden;}
.fitem33 img{ width: 100%; height:100%; object-fit:contain; display:block;}


.fitem34{width: 100%;height:55%;overflow: hidden; margin-top:10%;}
.fitem34 img{ width: 100%; height:100%; object-fit:cover; display:block;}














.const_:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	transition: all 0.8s ease 0s;
	
}
.const_.active:after{
	background: rgba(0,0,0,0.8);
}


.yindao{ width:100%; position:absolute; top:0; left:0; z-index:10;transition:all 0.5s ease 3s;}
.yindaot{ width:100%; position:fixed; top:0; left:0; z-index:11;transition:all 0.5s ease 0s; height:100%; display:flex; text-align:center;justify-content: center;
align-items: center;transform:scaleX(1) scaleY(1);}
.yindaot img{ }
.xxxxx{ transform:scaleX(2) scaleY(2);}
.yincang{ opacity:0;transform:scaleX(0.9) scaleY(0.9);}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:13px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	

	
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}

.focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;}

	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.daohang_1{margin-right:0px;display: flex;
align-items: center;}
.daohang_1 li{margin-left:46px; line-height: 28px;}
.daohang_1 li a{ color:#FFF; font-size:0.5em; font-family:alcubierre;}

.line{ position:relative;}
.line:after {
            content: "";
            width: 0;
            height:1px;
            background:#fff;
            position: absolute;
            top: 100%;
            left: 50%;
			margin-top:0px;
            transition: all .5s; 
}

.line:hover:after {left:27%;width:40%; }




.focriqi{ font-size:0.75em;}
	
.toubu{ position: fixed; left:0; top:0; width:100%;  z-index:999;transform:translate(0, 30px); opacity:0;transition-property: all;transition-duration: 0.8s;transition-timing-function: cubic-bezier(.19,1,.22,1);transition-delay: 3s; }
.toubuad{transform:translate(0, 0); opacity:1;}


.toubuge{ width:100%; height:58px;transition:all 0.8s ease 0s;  }
.main-header {margin-top:30px;border-bottom:#b7aca9 solid 1px; border-top:#b7aca9 solid 1px;
    height: 58px;
	background:rgba(47,41,36,0.2);
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto 100%;
    z-index: 60; padding-left:3%; padding-right:3%;
	width:100%;
	position:relative;
box-sizing: border-box;	transition:all 0.8s ease 0s;display: flex;
justify-content: space-between;
align-items: center;
}

.actheader{ height: 58px;transition:all 0.8s ease 0s;background-color: rgba(112,96,83,0.8)!important; opacity:1; margin-top:0px;}



	
.toubu1{ transform:translate(0, 30px); opacity:0;transition-property: all;transition-duration: 0.8s;transition-timing-function: cubic-bezier(.19,1,.22,1);transition-delay: 3s; }
.toubuad1{transform:translate(0, 0); opacity:1;}


.bbbb213{  width:100%;height:0px;  position: relative;clear: both; z-index:100; transition:all 0.8s ease 0s; opacity:1; }
.bbbb22{ width:100%;  position:absolute; clear:both; }
.bbbb0{ text-align:center; text-transform:uppercase; font-family:'ubuntu'; font-size:50px; color:#FFFFFF; position:fixed; bottom:70px!important;  width:100%}

.actbbbb1{ transition:all 0.8s ease 0s; opacity:0; }

.line1{ }
.line1:after {
            content: "";
            width:0;
            height:1px;
            background:#fff;
            position: absolute;
            top: 100%;
            left: 50%;
			margin-top:10px;
            transition: all .5s; 
}

.line1:after {left:47.5%;width:5%; }



@font-face{ font-family:'alcubierre';
src:url(../images/alcubierre.otf);
 src:url('../images/alcubierre.woff') format('woff'),
     url('../images/alcubierre.woff2') format('woff2')}
	 
@font-face{ font-family:'ubuntu';
src:url(../images/ubuntu.ttf);
 src:url('../images/ubuntu.woff') format('woff'),
     url('../images/ubuntu.woff2') format('woff2')}	 
	 
@font-face{ font-family:'ubuntul';
src:url(../images/ubuntul.ttf);
 src:url('../images/ubuntu-l-5-webfont.woff') format('woff'),
     url('../images/ubuntu-l-5-webfont.woff2') format('woff2')}	 	 



.cd-logo {
	margin-left:0px;transition:all 0.8s ease 0s;
   
}


.search_open {
display: block;
width: 30px;height:30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
color: #fff;


text-align: center;background-position:center center; background-size:auto 25px;
}
.menu_open {
display: block;
    width: 38px; height:28px;
background: url(../images/pcmenu.png) no-repeat;
	
color: #fff;
font-size: 12px;
text-align: center;
background-position:center bottom; background-size:auto 22px; z-index:99999;-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;cursor:pointer;
}

.pcclose {
display: block;
width: 30px; height:50px;
background: url(../images/pcclose.png) no-repeat; position: absolute;right: 30px;
top: 20px;
	
color: #fff;
font-size: 12px;
text-align: center;
background-position:center bottom; background-size:auto 27px; z-index:99999;-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s; cursor:pointer;
}

.cshow{ display:block!important;}
.chide{ display:none!important;}
.zicai{display:block;}
.ziguanbi{display:none;}
.acti1{ top: 20px;transition:all 0.8s ease 0s;}
.acti2{ top: 25px;transition:all 0.8s ease 0s;}

.animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
animation:turnoverl .3s;
 background: url(../images/pcclose.png) no-repeat;background-position: center center;
background-size: auto 25px;} 

  .animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block;
  animation:turnover2 .3s;} 



.rl{ float:right;}
.fl{ float:left;}

@keyframes turnoverl {
    from {
        transform: scaleY(0);
    }

    to {
        transform: scaleY(1);
    }
}
@keyframes turnover2 {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}



#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#FFF;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}






.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:3rem;}
#BottomNav { background-color:#E60012; bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 25%; 
}


#BottomNav ul li a {
    color: #fff;
    display: block;
    
    padding-top:0.4rem; 

}


#BottomNav ul li a div {
    font-size: 0.65rem; padding-top:0.15rem;padding-bottom:0.5rem; 
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
    background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/vbob1.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.2rem;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}


#menu{ position:fixed; width:100%; height:100%;  right:-100%; background:#0c0c0c;  z-index:20000; display:none; font-size:0.9rem; box-sizing:border-box; overflow-y: auto;top: 0;}


.list{width: 100%;padding-top: 45px;padding-bottom: 30px;padding-right: 200px;
box-sizing: border-box;}
	.list ul li{opacity: 0; transform: translateX(200px);padding-bottom: 8px;}
	
	.list ul li a{padding-left: 45px;color: #fff; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 30px;font-family: ubuntu;transition: all ease 0.3s;
	}
.list ul li:hover a{letter-spacing: 4px;
  opacity: .5;}
	.list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;}
	.list ul li .inactives{background:url(../images/shl-down-open1.png) no-repeat right center; background-size:auto 20px;} 
	.list ul li ul{display: none;}
	.list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;}
	.list ul li ul li::after { border:none;}
	.list ul li ul li ul{display: none;}
	.list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;}
	
	.lxr{padding-left: 45px; padding-top:18px; width:100%; box-sizing:border-box; background-color:#161616; color:#9e9e9f; font-size:11px;font-family: arial;opacity: 0; transform: translateX(200px);}
	.lxr p{ padding-top:2px; }
	
	.lxr1{ color:#FFF; font-size:14px; font-weight:bold; padding-bottom:5px;}
.condi{ width:100%; position:fixed; bottom:10px;}
	
.navtt li:nth-child(1) {transition:all 0.3s ease 0s;opacity: 1; transform: translateX(0);}
.navtt li:nth-child(2) {transition:all 0.5s ease 0s;opacity: 1; transform: translateX(0);}
.navtt li:nth-child(3) {transition:all 0.7s ease 0s;opacity: 1; transform: translateX(0);}
.navtt li:nth-child(4) {transition:all 0.9s ease 0s;opacity: 1; transform: translateX(0);}
.navtt li:nth-child(5) {transition:all 1.1s ease 0s;opacity: 1; transform: translateX(0);}
.navtt li:nth-child(6) {transition:all 1.3s ease 0s;opacity: 1; transform: translateX(0);}
.navtt li:nth-child(7) {transition:all 1.5s ease 0s;opacity: 1; transform: translateX(0);}

.navde:nth-child(1) {transition:all 1.5s ease 0s;opacity: 1; transform: translateX(0);}
.navde:nth-child(2) {transition:all 2s ease 0s;opacity: 1; transform: translateX(0);}
.navde:nth-child(3) {transition:all 2.5s ease 0s;opacity: 1; transform: translateX(0);}

.mshouye {
    background-image: url(../images/drawer-home.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 20px;
}
.jianyou {
    background-image: url(../images/shl-down-open1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 19px;
}

.main{ width:100%; margin-top:100%;position:static; }
.op{width:70%;padding-left:15%; padding-right:15%; position:absolute; z-index:999; margin:0 auto;overflow: hidden;
position:absolute; left:0; top:10px; z-index:99;}

.jibg1{background-image:url(../images/pcbg1.png);
    background-repeat: no-repeat;
    background-position:right top;
    background-size:auto; position:relative; cursor:pointer; }
.jitext{ position:absolute; left:0; bottom:10px;}
.jitexta{ position:absolute; right:0; bottom:0px;}
.jitextb{ position:absolute; left:0; bottom:0px;}
.jitextc{ position:absolute; right:40px; top:40px;}
.jitextd{ position:absolute; left:0; top:0;}

.jitextkkk{ font-family:alcubierre;text-transform: uppercase;color:#fff; font-size:2em;font-weight: bold; line-height:1.2em;letter-spacing: 3px;}

.jitext1{ font-family:alcubierre;text-transform: uppercase;color:#fff; font-size:3em;font-weight: bold; line-height:1.2em;letter-spacing: 3px;}
.jitext11{ font-family:alcubierre;text-transform: uppercase;color:#fff; font-size:3em;font-weight: bold;line-height:1em;letter-spacing: 3px;}
.jitext2{ font-family:ubuntu;text-transform: uppercase; color:#fff;font-size: 1.35em;line-height: 1.1em;letter-spacing: 1px;}
.jitext3{ font-family:alcubierre;text-transform: uppercase;color:#fff; font-size:3em; text-align:right;font-weight: bold;letter-spacing: 3px;}

.jitext3t{ font-family:alcubierre;text-transform: uppercase;color:#fff; font-size:3em; text-align:right;font-weight: bold; line-height:1.2em;letter-spacing: 3px;}

.jitext33{ font-family:alcubierre;text-transform: uppercase;color:#fff; font-size:2.8em; text-align:right; font-weight:bold;letter-spacing: 2px;}
.jitext4{ font-family:ubuntu;text-transform: uppercase; color:#fff;font-size: 1.4em;line-height: 1.1em;text-align: left;letter-spacing: 1px;}

.jitext4kk{ font-family:ubuntu;text-transform: uppercase; color:#fff;font-size: 0.6em;line-height: 1em;text-align: left;letter-spacing: 1px;}

.kku{display: table;float: right;}
.jibg2{background-image: url(../images/pcbg2.png);
    background-repeat: no-repeat;
    background-position:right center;
    background-size: auto 100%; position:relative;  cursor:pointer;}	
.jibg3{background-image: url(../images/pcbg3.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%; position:relative; cursor:pointer;}	
.jibg4{background-image: url(../images/pcbg4.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 94%; position:relative; cursor:pointer;}	
.jibg5{background-image: url(../images/pcbg5.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 92%; position:relative; cursor:pointer;}	
.jibg6{background-image: url(../images/pcbg6.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%; position:relative; cursor:pointer;}			
.abrighttext{ width: 65%; color:#959595;font-family:ubuntu;text-align: justify;
white-space: normal;
word-break: break-all;font-size: 0.65em;
line-height: 1.65em;}
.ableftpic{width: 30%; margin-right:5%;}
.ableftpic img{ width: 100%; height:100%; object-fit:cover; display:block;}
.ap1{ padding-top:50px; padding-bottom:50px; width:100%; clear: both;
overflow: hidden;}
.ap1 img{ height: 52px; display:block; float:right; }
.p50{ padding-top:50px;}
.p20{ padding-top:25px;}
.p13{ padding-top:13px;}
.p16{ padding-top:16px;}
.atext1{ padding-top:25px;  font-weight:bold; text-transform:uppercase;font-family:ubuntu; color:#000;font-size: 0.7em;
line-height: 1.6em;}
.atext2{ padding-top:13px; font-size: 0.65em;
line-height: 1.65em;font-family:ubuntu; color:#959595;text-align: justify;
white-space: normal;
word-break: break-all;}

.atext3{ padding-top:20px; font-size: 0.7em;
line-height: 1.6em;font-family:ubuntu; color:#3d3d3d;}
.atext4{  font-size: 0.65em;
line-height: 1.5em;font-family:ubuntu; color:#959595;text-align: justify;
white-space: normal;
word-break: break-all; padding-top:10px; padding-bottom:10px;}
.atext5{width: 100%; padding-top:20px;}
.atext5 img{ width: 100%;  display:block;}
.mttop50{ margin-top:50px;}
.mttop40{ margin-top:40px;}
.abrighttextcn{ width: 65%; color:#959595;text-align: justify;
text-justify: distribute;font-size: 0.65em;
line-height: 1.7em;font-family: ubuntul;}
.atext1cn{ padding-top:25px;   text-transform:uppercase; color:#000;font-size: 0.65em;
line-height: 1.6em; font-weight:bold;}
.atext1cn span{ font-weight:normal;font-size: 0.9em;}
.atext2cn{ padding-top:18px; font-size: 0.62em;
line-height: 1.6em; color:#959595;text-align: justify;
text-justify: distribute;font-family: ubuntul;}
.atext3cn{ padding-top:18px; font-size: 0.6em;
line-height: 1.6em; color:#3d3d3d; padding-bottom:10px; font-weight:bold;}
.atext4cn{  font-size: 0.63em;
line-height: 1.6em; color:#959595;text-align: justify;
text-justify: distribute; padding-bottom:5px; font-family:ubuntul;}

/*技术团队*/
.team{ width:100%;}
.teampic{width: 50%; margin-left:5%;}
.teampic img{ width: 100%; display:block;}
.teamtext1{ width:45%;}
.tetit1{ padding-top:12px; font-size:0.45em;  line-height:1.6em;font-family:ubuntu; color:#959595;}
.tetit2{ padding-top:12px; font-size:0.6em;  line-height:1.7em; color:#959595;font-family:ubuntul;}
.tetit3{  font-size:0.85em;  font-family:ubuntu; color:#0b0b0b;}
.tetit3 span{ padding-left:12px;}

.tetit4 {
  padding-top: 20px;
 font-size:0.65em;  line-height:1.6em;
  font-family: ubuntu;
  color: #959595;
 text-align: justify;
white-space: normal;
word-break: break-all;
}
.tetit5 {
  padding-top: 20px; padding-bottom:50px;
  font-size:0.65em;  line-height:1.7em;
  color: #959595;
  text-align: justify;
  text-justify: distribute; font-family:ubuntul;
}
/*联系我们*/
.contit1 {
  font-size:0.63em;  line-height:1.7em;
  color: #959595;
}
.contit1 span {
  font-size:1.1em;
  color: #000;font-weight: bold;
}
.conname {
  font-size:1.3em!important;
}

.flex-space{justify-content: space-between;}
.contit2{width: 100%; padding-top:50px;}
.contit2 img{ width: 100%;  display:block;}

.conma{ width:32%; text-align:center;font-size:0.65em;  line-height:1.5em;color: #959595; }
.conma1{ width:45%; text-align:center;font-size:0.65em;  line-height:1.5em; margin-left:3%;color: #959595; }
.concode{width: 90px; margin:0 auto;}
.concode img{ width: 100%;  display:block;}
.blackc{ color:#000;}
/*人才招聘*/
.jobs{width: 100%;}
.jobs img{ width: 100%;  display:block;}
.jobstit1 {
  font-size: 0.7em;
  line-height: 1.4em;
  font-family: ubuntu;
  color: #231413;
 margin-top:40px; text-transform:uppercase;
  background-image: url(../images/jobbg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 12px;display: table; padding-top:3px; padding-right:4px;
}
.jobstit11 {
  font-size: 0.7em;
  line-height: 1.4em;
  font-family: ubuntu;
  color: #231413;
 margin-top:30px; text-transform:uppercase;
 display: table; 
}
.jobstit1 span {
  font-size: 0.8em;
}
.jobstit2 {
  font-size: 0.65em;
  line-height: 1.8em;
  font-family: ubuntu;
  color: #737373;
  padding-top:15px;
}
.jobstit3 {
  font-size: 0.68em;
  line-height: 1.8em;
  font-family: ubuntu;
  color: #000;
  padding-top:40px;
}
/*荣耀时刻*/
.hborder{ border-bottom:1px solid #e0e0e0;}
.mt50{ margin-top:50px;}
.hosec{ width:100%;display:flex;align-items: flex-start; padding-top:13px; padding-bottom:23px;border-bottom:1px solid #e0e0e0;}
.hosec1{ width:14%; font-size:0.6em; color:#000;}
.hosec2{ width:10%; border-top:1px solid #2f2522; margin-right:3%;margin-top: 0.4em;}
.hosec3{ width:73%;}
.hop1{ color: #000;font-size:0.6em;}
.hop2{ color: #959595;font-size:0.5em;font-family: ubuntu; padding-top:12px;}
/*设计说明*/
.flowtit1{ padding-top:44px; padding-bottom:20px; width:100%; clear: both;
overflow: hidden; text-transform:uppercase; font-size:2em; font-weight:bold; color:#000;}
.flowtit2{ font-size:0.85em; font-weight:bold; color:#000; text-align:right;}
.flowtit3{ font-size: 0.65em;
line-height: 1.9em;
color: #6e6e6e;
padding-top: 40px;text-align: justify;
  text-justify: distribute;}
.flowtit4{ font-size: 0.68em;
line-height: 1.8em;
color: #8f8f8f;
padding-bottom: 50px;font-family: ubuntu;text-align: justify;
  text-justify: distribute; padding-top:0.6em;}
.flowtit5{ font-size: 0.68em;
line-height: 1.7em;
color: #737373;
padding-bottom: 40px;font-family: ubuntu;text-align: center; padding-top:10px;
}
.flowpic{width: 100%; padding-bottom:10px;}
.flowpic img{ width: 100%;  display:block;}
.flowtit6{ font-size: 0.65em;
line-height: 1.8em;
color: #6e6e6e;}
.flowtit6 span{color: #8f8f8f;}

/*新闻动态*/
.newtit1{ color:#000; font-size:0.85em; border-bottom:1px solid #000; display:table; text-transform:uppercase;font-family: ubuntu; padding-bottom:3px;}
.newsec{ width:100%;display:flex;align-items: center; padding-top:15px; padding-bottom:15px;border-bottom:1px solid #e0e0e0;}
.newsec1{ width:90%; color:#353535;font-family: ubuntu; font-size:0.65em;
 overflow:hidden;
 height:1.8em;
 line-height:1.8em;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;}
.newsec2{ width:7%; margin-left:3%;}
.newsec2 img{ width: 100%;  display:block;}

.workpic{width: 100%; padding-top:15px;}
.workpic img{ width: 75%;  display:block;}
.worktit1 {
  font-size: 0.65em;
  color: #6e6e6e;
   overflow:hidden;
 height:1.8em;
 line-height:1.8em;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;
 
}
.worktit2{ color:#000; font-size:1.1em; border-bottom:1px solid #000; display:table; text-transform:uppercase;font-family: ubuntu; padding-bottom:3px; font-weight:bold;}
.workww{height: 80px;overflow: hidden;}
.workflex{ display:flex;align-items: center; padding-top:10px; padding-bottom:25px;box-sizing: border-box;
flex-wrap: nowrap;overflow-x: auto;}
.workse {
  height:60px;
  box-sizing: border-box; margin-right:2px;
 
}
.workse img {height:100%;}