html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

a{ color:#555}
html {
  }
  
@font-face{ font-family: "albb";src: url("../font/Alibaba-PuHuiTi-Regular.ttf")}
@font-face{ font-family: "albb-Heavy";src: url("../font/Alibaba-PuHuiTi-Heavy.ttf")}
@font-face{ font-family: "albb-Bold";src: url("../font/Alibaba-PuHuiTi-Bold.ttf") format('truetype')}
@font-face{ font-family: "albb-Bold_0";src: url("../font/Alibaba-PuHuiTi-Bold_0.ttf")}

.about-icon{ width:55px; margin:auto; margin-right:0px}

body { 
	
  color: #151918;
  color: var(--color-black, #151918);
  background-color: var(--color-white, #f7f8f9);
  font-family:"albb";
  font-weight: normal;
  font-style: normal;
  line-height: 1.45; letter-spacing:0px; }

p, ul, ol, dl, pre, details, blockquote {
  margin-bottom: 1.25em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  line-height: 1.15;
  margin: 2.75rem 0 1rem; }

h1, .h1 {
  margin-top: 0;
  font-size: 1.802em; }

h2, .h2 {
  font-size: 1.602em; }

h3, .h3 {
  font-size: 1.424em; }

h4, .h4 {
  font-size: 1.266em; }

h5, .h5 {
  font-size: 1.125em; }

h6, .h6 {
  font-size: 1em; }

small, .text-small {
  font-size: 0.833em; }

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

a:visited {
  text-decoration: none; }
a {
  text-decoration: none; }
a:hover,a:focus {
 }


.button {
  background-color: #2786de;
  background-color: var(--color-primary, #2786de);
  padding: 12px 32px;
  display: inline-block;
  text-decoration: none;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  min-width: 180px; }
.button.outline {
  background-color: transparent;
  border: 1px solid white; }
.button.outline,.button:hover, .button:active, .button:focus {
  color: white; }

.banner {
  height: calc(100vh - 85px);
  min-height: 600px;
  display: flex;
  align-items: center; }
.banner.banner-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: .4; }






li { list-style:none}
.clear{ clear:both}
.table-1{ background-color:#0c3579; padding-top:50px; background-image:url(../image/bg.png); background-repeat:no-repeat; background-size: cover; padding-bottom:100px; margin: 0}
.content-main{ width:80%; margin:auto;}
.table-2{ background-color:#fff; padding-top:50px; }
.table-right{ float:right}
.pro-table{margin:0px 150px;display:block;}
.frontpage-title-1{font-size:40px; list-style-type:none; color:#fff; font-weight:normal; margin:auto; text-align:center; margin-bottom:20px; margin-top:30px;border-bottom:solid 0px #ccc; width:250px; border-top:solid 0px #ccc; line-height:80px}
.frontpage-title-2{font-size:40px; list-style-type:none; color:#242c45; font-weight:normal; margin:auto; text-align:center; margin-bottom:60px; margin-top:30px;border-bottom:solid 0px #ccc; width:250px; border-top:solid 0px #ccc; line-height:80px}
.pro-intro{margin:0 auto; margin-bottom:0px; padding-top:0px; padding-bottom: 50px; font-size:18px; width:85%; color:#fff}


a.link:{-webkit-transition:none; transition: none; color:#555 } 
a.link:active{ -webkit-transition: none;
      transition: none; color:#555} 
a.link:visited{ -webkit-transition: none;
      transition: none; color:#555 } 
	  	
.pro-item1{float:left; width:23%; margin:1%; color:#fff; font-size:16px; padding:20px;  line-height:32px; }

.pro-item-table{ background-color:rgba(0,0,0,0); padding:0px}
.pro-item-table .grid figure{ margin: -3px -3px -3px -2px;}
.pro-right{float:right; margin-top:-120px; width:720px;}
.pro-tt{ float:right; margin:50px 50px -50px 0px}
.pro-pic{ float:right;  position: absolute; margin-left:520px}

.pic-left{ float:left}
.pic-right{ float:right; margin-top:-300px}
.pic-right2{ float:right; margin-top:280px}
.pic-tt{ position:absolute; float:right; margin-top:80px; margin-left:70px; z-index:5; }

.product{}
.product_word{ width:780px; float:left}
.product_word p{ color:#fff; line-height:30px; width:400px}
.product-title{font-size:32px; list-style-type:none; color:#fff; font-weight:normal; margin:auto; text-align:center; margin-bottom:60px; border-bottom:solid 1px #ccc; width:200px; border-top:solid 1px #ccc; line-height:60px}

.product_en{
	 width:100%;
	position: none;
	opacity : 80%;
	z-index: 5; height:auto
}
.product_en img{ width:100%}

.news-left{float:left; margin-left:10%}
.news-right{float:right; margin-top:280px; margin-right:10%}
.news_en{ position:absolute;opacity :80%;z-index:5;}
.news_en img{ width:660px}
.news{ float: left; margin:1%; width: 31.33%; background-color: #f8f8f8; padding-bottom: 30px;overflow: hidden;position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;}
.news img{ width: 100%;overflow: hidden;transition: transform 0.5s;position: relative;
	display: block;}
.img-box{overflow: hidden;}
.news-tt{  font-size:24px; font-weight:normal; margin-top:15px;overflow:hidden;display:-webkit-box;
    -webkit-box-orient:vertical;-webkit-line-clamp:1; margin-bottom: 15px; text-align: left}
.news-date{ font-size:14px; font-weight:normal; font-family: Arial; color:#fff}
.news-tt-word{ font-size:14px; color:#555; line-height:24px; text-align:left; width:600px; margin-top:10px}
.news-tt-images{ margin:-70px 0px;float:left;user-select: none;}
.news_word{padding:30px;height:300px;}
.news_word p{ color:#555;  overflow:hidden;display:-webkit-box;
    -webkit-box-orient:vertical;/*设置方向*/
    -webkit-line-clamp:3;/*设置超过为省略号的行数*/
	 text-align:left;}
.news-title{ font-size:48px; list-style-type:none; color:#555; font-weight:normal;margin-top:140px}
.news:hover{  background-color: #f2f2f2; }
.news:hover img{ -webkit-transform: scale(110%);transform: scale(105%);transition: transform 0.5s;display: block;}

a.pp visited{ list-style:none; text-decoration:none}
a.pp hover{ list-style:none; text-decoration:none; }
a.pp link{ list-style:none; text-decoration:none; }

.num{ width:200px; height:300px; display:block;border: 0px solid #ef9d00;margin:20px;float: left;position: relative;line-height: 70px; text-indent:25px;text-align:left; font-size:24px; cursor:pointer}

.divhover-1{ margin-top:80px}
.divhover-2{ margin-bottom:50px;}


.num p { font-size:14px; line-height:0px; margin-top:-10px}
.pro-bottom{ float:left; margin-left:150px;  color:#fff; margin-top:-120px}
.pro-bottom a{color:#fff; margin:0px 10px}
.pro-bottom a:hover{color:#ef9d00;}

.button-normol{ color:#555; line-height:46px; width:260px; border:solid 1px;box-shadow:0px 0px 10px #ccc;border-color:rgba(85,85,85,0.0); text-align:center;border-radius:50px; transition: 0.3s; margin:auto; margin-top:70px; margin-bottom: 10px}
.button-normol:hover{transition: 0.3s;background:#ef9d00;border-color:rgba(85,85,85,0.0);color:#fff; cursor: pointer; text-decoration:none;}

.button-light{ color:#ffffff; line-height:46px; width:260px; box-shadow:0px 0px 10px #017bad; border:solid 0px;border-color:rgba(255,255,255,0.5); text-align:center;border-radius:50px; margin:auto; margin-top:20px;transition: 0.3s; }
.button-light:hover{transition: 0.3s;background:#ef9d00;border-color:rgba(85,85,85,0.0);color:#fff; cursor: pointer;}

.monaka-header.monaka-header-overlay-dark-bg ~ #content .banner, .monaka-header.monaka-header-overlay-light-bg ~ #content .banner, .monaka-header.monaka-header-transparent-light ~ #content .banner, .monaka-header.monaka-header-transparent-dark ~ #content .banner {
  height: 100vh; }


.partner{background-size: cover; text-align:center;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:auto; margin-top:0px; padding-bottom:100px;
	position: relative; background-image:url(../image/partner-bg.jpg); background-position:top}
.partner-word{ margin:auto; width:60%; padding-top:250px; font-size:24px; color:#fff; line-height:40px; }
.partner-table{ width:1500px; margin-top:50px}
.button-partner{ color:#ffffff; line-height:46px; width:260px; box-shadow:0px 0px 10px #017bad;border:solid 1px;border-color:rgba(255,255,255,0.0); text-align:center;border-radius:50px; transition: 0.3s; margin:auto;margin-top:100px;}
.button-partner:hover{transition: 0.3s;background:#ef9d00;border-color:rgba(85,85,85,0.0);color:#fff; cursor: pointer; }
.partner-logo{ float:left; width:100px}

a.bt:visited {color:#fff;}
a.bt-top:visited {color:#0c7ec7;}
a.bt{ color:#fff;border-bottom:solid 1px;border-color:rgba(239,157,0,0.0); padding-bottom:3px;text-align:center}
a.bt-top{ color:#0c7ec7;border-bottom:solid 1px;border-color:rgba(239,157,0,0.0); line-height:25px; margin-bottom:20px; padding-bottom:3px}
a.bt:hover{color:#ef9d00;cursor:pointer; border-bottom:solid 1px;border-color:rgba(239,157,0,1); text-decoration:none}
a.bt-top:hover{color:#ef9d00;cursor:pointer; border-bottom:solid 1px;border-color:rgba(239,157,0,1); text-decoration:none}


.footer-front{background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative; background-image:url(../image/foot-bg.jpg); width:100%;}

.footer{background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative; background-image:url(../image/foot-bg.jpg); width:100%;}
.footer-table{ width:90%; margin:auto}
.footer-left{ float:left; margin:0px;padding:100px 0px; width: 68%}
.footer-right{ float:right;padding:100px 0px ; color:#fff; margin-right:0px; width: 30%}
.footer-right .title{ font-size:40px; margin-top:15px; margin-bottom:50px}
.footer-right .weixin{margin-top:50px;}
.weixin{margin-top:50px; width:120px;text-align:center; float: left; margin-right: 20px}
.weixin img{margin-bottom:10px; }
.right-word { float:left; margin-right:10px; }
.gotop{ margin-top:20px;float:right; margin-right:10px;}
.gotop img{ width:85px }
.right-line{ margin-top:20px;float:left; margin-right:40px;}

.footer-nav-top{ font-size:18px;color:#0c7ec7; line-height:25px; margin-bottom:20px; border-bottom:solid 1px;border-color:rgba(255,255,255,0.0);  text-align:left}
.footer-nav{ color:#fff; line-height:25px; margin-bottom:20px; border-bottom:solid 1px;border-color:rgba(255,255,255,0.0);  text-align:left}
.footer-partner-table{ border-top: solid 1px #7280a0; width: 100%; padding-top: 30px; margin-top: 30px}
.footer-partner{ color:#fff; line-height:25px; margin-bottom:20px; border-bottom:solid 1px;border-color:rgba(255,255,255,0.0); text-align:left; float: left; margin-right: 50px}
.footer-nav:hover{ color:#ef9d00;cursor:pointer; border-bottom:solid 1px;border-color:rgba(255,255,255,0.0);}
.footer-nav-t{ float:left; margin-top:20px; padding-left: 0px; margin-right: 15%}
.footer-nav-line{ border-left:solid 1px #fff; height:250px; float:left; margin-top:20px; opacity:0.5}
.copyright{ position: absolute; bottom:0px; border-top: solid 1px; width:98%; margin:1%; padding:20px 20px 30px 20px ;border-color:rgba(255,255,255,0.3); opacity:0.8;}
.copy{ float:right; font-size:16px; color:#ccc; }
.copyright img{ width:150px}

.lileft{ float:left; margin-right: 10px}
.liright{ float:right}

.pro-right {font-size:30px; color:#fff; text-align:center; padding-top:0px; line-height:10px}


@media screen and (max-width: 1500px) {
.pro-left{float:left; width:40%; margin-left:0; position:absolute;}
.pro-right{float:right; margin-top:-120px;   margin-left:500px; width:60%}
.pro-table{ width:100%; margin:auto; padding:0px 50px;display:block;}
.num{width: 30%;height:200px;border: 0px solid #ef9d00;margin: 10px;float: left;position: relative;line-height: 70px; text-indent:25px;text-align:left; font-size:14px; cursor:pointer}

.pro-item{float:left; width:31%; margin:1%; height:auto; background-color:#0c3579;color:#fff;transition: 0.5s; cursor:pointer; padding-bottom:50px}
.pro-item p{ margin:20px}
.pro-item .tt{ font-size:18px; height:50px}
.pro-item .word{ font-size:14px; overflow:hidden;display:-webkit-box;
    -webkit-box-orient:vertical;/*设置方向*/
    -webkit-line-clamp:3;/*设置超过为省略号的行数*/
}

.num p { font-size:14px; line-height:0px; margin-top:-10px}

.partner-word{ margin:auto; width:80%; padding-top:150px; font-size:16px; color:#fff; line-height:24px;}
.partner{ margin-top:0px;position: relative; background-image:url(../image/partner-bg.jpg); background-position:top}

.divhover-1{ margin-top:80px}
.divhover-2{ margin-bottom:50px; margin-left:150px}
.product{ width:100%; float:left; margin-top:auto}
.product_word{ width:100%; float:left; margin-top:auto}
.product_word p{ color:#fff; line-height:30px;  width:100%}
.product-title{ list-style-type:none; color:#fff; font-weight:normal; margin-top:auto}
.product_en{
	position: absolute;
	opacity : 80%;
	z-index: 5;
}
.product_en img{ width:100%}
}



@media screen and (max-width: 1250px) {
	.news_en img{ width:500px}
	.news-title{ margin-top:105px}
	
.content-main{ width:90%; margin:auto;}




.partner-word{ margin:auto; width:80%; padding-top:90px; font-size:16px; color:#fff; line-height:24px;}
.partner{ margin-top:0px;position: relative; background-image:url(../image/partner-bg.jpg); background-position:top}
.footer-left{ float:none; margin:0px;padding:60px 0px ; margin-left:0px; width:100%}
.footer-right{ float:none;padding:50px 0px ; color:#fff;width:100%;}
.footer-right .title{ font-size:30px; margin-top:30px; margin-bottom:10px}
.footer-right .weixin{margin-top:10px; width:120px;text-align:center; float: left; margin-right: 20px}
	
	
.copyright{ position: absolute; bottom:0px; border-top: solid 1px; width:100%;  padding:20px 20px 0px 20px ;border-color:rgba(255,255,255,0.3); opacity:0.8;}
.copy{ float:right; font-size:14px!important; color:#ccc; }
.copyright img{ width:200px}
.footer-table{ width:85%; margin:auto; margin-bottom: 100px}
	
 }
 
 
 
 @media screen and (max-width: 1001px) {
  .monaka-header-center-3 ~ #content .banner {
    height: calc(100vh - 85px * 2); }
  .monaka-header-center-3.monaka-header-overlay-dark-bg ~ #content .banner, .monaka-header-center-3.monaka-header-overlay-light-bg ~ #content .banner, .monaka-header-center-3.monaka-header-transparent-light ~ #content .banner, .monaka-header-center-3.monaka-header-transparent-dark ~ #content .banner {
    height: 100vh; } }
	 
.pro-intro{margin:auto;margin-bottom:20px;padding-top:20px;font-size:16px;width:100%;color:#fff;}
@media screen and (max-width:1001px) {

	 .footer-right{ float:none; margin:0px;padding:50px 0px  ; margin-left:0px;}
	 .right-line{  display: none}
	 .footer-left{ }
	 .gotop{ margin-top:0px;float:right; margin-right:50px;}
	

.news{ float: none; margin:3% 1%; width: 98%; background-color: #f8f8f8; padding-bottom: 0px;overflow: hidden;position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;}
	
.partner-word{ margin:auto; width:80%; padding-top:150px; font-size:14px; color:#fff; line-height:20px; }
}



	 
@media screen and (max-width: 767px) {


a.link:{ -webkit-transition: none;
      transition: none; color:#555 } 
a.link:active{ -webkit-transition: none;
      transition: none; color:#555} 
a.link:visited{ -webkit-transition: none;
      transition: none; color:#555 } 
      .copyright img{ width:200px}
.lileft{ float:none; margin-right: 0px; text-align: right}
.liright{ float:none; text-align: right}
}
	 
@media only screen and (max-width: 480px) {
	body{ font-size:14px}
	 .footer-right{ float:left; margin:0px;padding:50px 0px  ; margin-left:20px; line-height:10px}
	 .right-line{ margin-top:20px;float:left; margin-right:20px;}
	 .footer-left{ display:none}
	 .gotop{ margin-bottom:50px;float:none; margin-right:0px;}
.gotop img{ width:55px }
	 .partner-word{ margin:auto; width:100%; padding-top:50px;padding-bottom:50px; font-size:14px; color:#fff; line-height:20px;}
	 .partner{ padding-top:150px;
	height:70vh;
	position: relative; background-image:url(../image/partner-bg.jpg); background-position:top}
	.copyright img{ width:150px; margin:-5px 0px 0px -5px}
	.copy{      font-size: 10px!important;
    margin: -12px;}
	
.news-left{float:none; font-size:14px; margin: 20px; }
.news-right{float:none; }
.news_word{}

.news_en{ position: relative;opacity :100%;z-index:5;}
.news_en img{ width:80%}
.news_word p{ color:#555; line-height:24px;font-size:14px; width:100%}
.news-title{ font-size:40px; list-style-type:none; color:#555; font-weight:normal;margin-bottom:10px; margin-top:-15px}
.weixin{ line-height:20px}

.news-tt{ float:left; font-size:16px; font-weight:normal; margin-top:25px;width:280px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; course:hand; }
.news-date{float:right; font-size:14px; font-weight:normal; margin-top:10px; text-align:right}
.news-tt-word{ font-size:12px; color:#555; line-height:20px; text-align:left; width:400px; margin-top:10px}

.news-tt-images{ margin:-70px 0px;float:left;user-select: none;}






.content-main{ width:90%; margin:auto;}

.table-1{ padding:0px ;background-color:#0c3579; padding-top:40px; background-image:url(../image/bg.png); background-repeat:no-repeat; background-size: cover; margin-bottom:0px; padding-bottom:50px}
.table-2{padding:0px; background-color:#fff;height:85vh; padding-top:30px;}

.pro-intro{margin:auto; margin-bottom:20px; padding-top:20px; font-size:14px; width:90%; color:#fff}
.pro-item-table{ background-color:rgba(0,0,0,0); padding:0px}
.frontpage-title-1{font-size:22px; list-style-type:none; color:#fff; font-weight:normal; margin:auto; text-align:center; margin-bottom:0px; margin-top:0px;border-bottom:solid 0px #ccc; width:250px; border-top:solid 0px #ccc; line-height:40px}
.frontpage-title-2{font-size:22px; list-style-type:none; color:#242c45; font-weight:normal; margin:auto; text-align:center; margin-bottom:20px; margin-top:0px;border-bottom:solid 0px #ccc; width:250px; border-top:solid 0px #ccc; line-height:40px}

.table-right{ float:none}
.pro-left{float:none;width:100%; padding:20px}
.pro-right{float:none;  padding-top:400px;  margin:auto;}
.pro-table{ width:100%; margin:auto; padding:0px 0px;display:block;}
.pro-tt{  margin-top:0px; font-size:18px; margin:auto; float:none; width:90%;border-top: dotted 1px #fff; padding-top:40px}
.pro-pic{  position: none; margin-left:0px}


.divhover-1{ margin-top:0px}
.divhover-2{ margin-left:0px; margin-bottom:100px}


.num{width: auto;height: 180px;border: 0px solid #ef9d00;margin: 20px;float:none;position: relative;line-height: 70px; text-indent:25px;text-align:left; font-size:18px; cursor:pointer}
.num p { font-size:14px; line-height:10px; margin-top:-15px}
.pro-bottom{ display:none}

.pic-left{ margin:10px;padding:50px;}
.pic-left img{ width:100px}
.pic-right{  margin-top:0px;width:100px; margin-top:-100px}
.pic-right2{ margin-top:0px; margin-top:100px}
.pic-tt{ position:none; margin-top:30px; margin-left:20px; z-index:5; font-size:14px; color:#fff}

.product_en img{ width:95%}
.button-normol{ color:#555; line-height:36px;  width:160px; border:solid 1px;border-color:rgba(85,85,85,0.6); text-align:center;border-radius:50px; margin-top:20px;transition: 0.3s; margin:auto; margin-top:30px}
.button-normol:hover{transition: 0.3s;background:#ef9d00;border-color:rgba(85,85,85,0.0);color:#fff; cursor: pointer;}

.button-light{ color:#ffffff; line-height:36px; width:160px; border:solid 1px;border-color:rgba(255,255,255,0.6); text-align:center;border-radius:50px; margin:auto;margin-top:0px;transition: 0.3s; }
.button-light:hover{transition: 0.3s;background:#ef9d00;border-color:rgba(85,85,85,0.0);color:#fff; cursor: pointer;}

.button-partner{ color:#ffffff; line-height:36px;  width:160px; border:solid 1px;border-color:rgba(255,255,255,0.6); text-align:center;border-radius:50px;transition: 0.3s; margin:auto; margin-top:30px; margin-bottom:0px}
.button-partner:hover{transition: 0.3s;background:#ef9d00;border-color:rgba(85,85,85,0.0);color:#fff; cursor: pointer;}
}




select{display: none; }
.select_box{ font-size: 14px;color: #666;width: 404px;line-height: 38px;margin: 0px auto; z-index:5; margin-bottom:20px; background-image:url(../image/slag.png); background-position:378px 15px;background-repeat:no-repeat; background-size:15px}
.select_showbox{border: 1px solid #ccc;height:38px;padding-left: 10px;background: url(https://www.shhyit.com/static/css/icon.png) no-repeat 156px 0;}
.select_option{border: 1px solid #b0a296;border-top: none;display: none; position:absolute; z-index:5; width:404px; background-color:#fff;}
.select_option li{padding-left: 10px;}
.select_option li.selected{background-color: #f0f0f0;color: #666;}
.select_option li.hover{background: #f0f0f0; color: #666;}