/* -------------------------------- 

Primary style

-------------------------------- */
/* *, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
} */

body {
  color: #FFFFFF;
  /*background-color: #2782ff;*/
}

a {
  /* color: #1e6074; */
  text-decoration: none;
}

/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

header {
  z-index: 3;
}

.cd-logo, .cd-nav-trigger {
  /* position: fixed; */
  display: inline-block;
}

.cd-logo {
  top: 28px;
  left: 5%;
}
.cd-logo img {
  display: block;
}

.cd-nav-trigger {
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  background-color: #ffffff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
  background-color: #2782ff;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
  /* by default it's hidden */

  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  margin: 1.6em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.6em 0;
  }
  .cd-primary-nav a {
    font-size: 32px;
    font-size: 2rem;
  }
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: absolute;
  top: 23px;
  right: 0;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background-color: #ffffff;
}

.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 4;
}
.cd-overlay-content span {
  background-color: #2782ff;
}

.cd-content {
  /* just some dummy content */
  padding: 80px 0;
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  z-index: 1;
}
.cd-content .cd-intro {
  height: 200px;
  padding-top: 4.6em;
}
.cd-content h1 {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-content p {
  line-height: 1.5;
  color: #a76500;
}
@media only screen and (min-width: 768px) {
  .cd-content .cd-intro {
    height: 250px;
    padding-top: 6em;
  }
  .cd-content h1 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .cd-content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.8;
  }
}

.footer .footbox .topbox .tabbox tit a{color: #a5a8bb;font-family: SourceHanSansCN-Regular;}
#bj_ys{
	width:100%;
	min-width:1100px;
	height:80px;
	background:#f2f2f2;
	position:absolute;
	z-index:-1;
        margin-top: 80px;
	}	
.bj_inner{
	width:1100px;
	height:80px;
	margin:0 auto;
	}	
#bj_ys h4{
	font-size:22px;
	color:#676767;
	line-height:80px;
	font-weight:normal;
	}
#bj_ys2 h4{
	font-size:22px;
	color:#676767;
	line-height:80px;
	font-weight:normal;
	}	
#box{
	width:1100px;
	margin:0 auto;
	}
.tab{
	height:100%;
	}		
.tab ul{
	float:right;
	}	
.tab ul li{
	float:left;
	}
.tab ul li a{
	margin-top:22px;
	padding:7px 10px;
	font-size:16px;
	color:#333333;
	display:block;
	text-decoration:none;
	border-radius:6px;
	margin-left:32px;
	}
.tab ul li .tab1{
	background:#888d97;
	color:#f2f2f2;
	}	
.content_inner{
	padding-top:80px;
	display:none;
	}
.inner_pic{
	width:1100px;
	height:164px;
	padding-top:34px;
	float:left;
	}
.pic{
	width:294px;
	height:164px;
	float:left;
	}
.pic img{width:294px;
	height:164px;}
.inner_left{
	height:163px;
	width:806px;
	border-bottom:1px #c2c3c7 dotted;
	float:right;
	}
.i_l_inner{
	padding-left:60px;
	}				
.i_l_inner h3 a{
	font-size:19px;
	color:#0990ec;
	font-weight:normal;
	line-height:34px;
	padding-bottom:5px;
	}				
.i_l_inner p{
	font-size:12px;
	color:#5e5e5e;
	line-height:24px;
	}				
.i_l_inner .yuedu{
	color: #0287d7;
  background: url(../images/news_yuedu_2.png) no-repeat center left 60px;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 55px;
  text-align: right;
	}				
.i_l_inner .time{
	color:#5e5e5e;
	float:right;
	line-height: 55px;
    font-size: 12px;
	}
.inner_txt{
	width:1100px;
	border-bottom:1px #c2c3c7 dotted;
	float:left;
	}
.inner_txt h3 a{
	font-size:18px;
	line-height:58px;
	color:#0287d7;
	font-weight:normal;
	}					
.inner_txt p{
	font-size:12px;
	line-height:24px;
	color:#5e5e5e;
	}	
.inner_txt span{
	width:100%;
	float:left;
	}			
.inner_txt span a{
	font-size:14px;
	line-height:55px;
	}
.inner_txt .yuedu{
	  color: #0287d7;
  background: url(../images/news_yuedu_2.png) no-repeat center left 60px;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 55px;
  text-align: right;
	}					
.inner_txt .time{
	color:#5e5e5e;
	float:right;
	line-height: 55px;
    font-size: 12px;
	}					
#gonsi{
	display:block;
	}

.clear{clear:both;}


.lbfy{ text-align:center;line-height:80px;}
.lbfy a{  
    border: 1px solid #818181;
  border-radius: 3px;
  color: #fff;
  background: #939393;
  padding: 8px;
  }
.lbfy a b{
	color: #fff;
  padding: 8px;
  background-color: #939393;
  border: 1px solid #939393;}
.lbfy b
{
  border-radius: 3px;
  border: 1px solid #1471CA;
  padding: 10px;
  color: #FFFFFF;
  background-color: #1471CA;
	}

#bj_ys2{width:100%;
	min-width:1100px;
	height:80px;
	background:#f2f2f2;
	position:absolute;}
.bj_inner a{line-height:80px;float:right;color:#676767}
.bj_inner .shlm{line-height:80px;float:right;color:#676767}
.bj_inner .shlm li{float:left;}
.bj_inner .shlm ul li a {
  padding: 0px 10px;
  font-size: 16px;
  color: #333333;
  display: block;
  text-decoration: none;
  border-radius: 6px;
  margin-left: 32px;
}
.bj_inner .shlm ul li .tab1 {
  background: #888d97;
  color: #f2f2f2;
  line-height: 38px;
  margin-top: 20px;
}

.bj_inner a span{padding-left:5px;}
.nrm{margin-top:80px;}
.nrm img{margin-left:auto;margin-right:auto;}
.nrm .nrbt{
  font-size: 25px;
  font-weight: 400;
  text-align: center;
  line-height: 70px;} 
 .nrm .nrsj{  font-size: 12px;
  color: #746767;
  text-align: center;}
 .nrm .nrsj span{padding-right:20px;}
.nrcontent_text{color:#3F3F3F;margin:40px auto;}
.nrcontent_text p{line-height:30px;margin-bottom:20px;text-indent: 2em;}
.nrfy{
 font-size: 13px;
  line-height: 70px;}
.nrfy .nrl{float:left;}
.nrfy .nrr{float:right;} 

/**
 * ͼƬǽ
 */
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.gallery{font-size:14px;}
.product_main1 li{float:left; list-style: none;margin-left: 40px;margin-top: 20px;width:160px;}
.product_main1 li img{border:3px solid #564F4F;}
.product_main1 li a{font-size:14px;}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

/* =================================res======================================= */
@media (max-width: 1279px) {
  #box {
    width: 100%;
    margin: 0 auto;
  }
  #gonsi {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
  }
  .inner_txt {
    width: 100%;
    padding: 9px;
    border-bottom: 1px #c2c3c7 dotted;
  }
  .inner_txt h3 a {
    font-size: 18px;
    line-height: 37px;
    color: #0287d7;
    font-weight: normal;
  }
}