@font-face {
  font-family: 'DINPRO-REGULAR';
  src: url(../fonts/DINPRO-REGULAR.ttf) format('truetype'), url(../fonts/DINPRO-REGULAR.eot) format('eot'), url(../fonts/DINPRO-REGULAR.woff) format('woff'), url(../fonts/DINPRO-REGULAR.woff2) format('woff2');
}
@font-face {
  font-family: 'AGENCYR';
  src: url(../fonts/AGENCYR.ttf) format('truetype'), url(../fonts/AGENCYR.eot) format('eot'), url(../fonts/AGENCYR.woff) format('woff'), url(../fonts/AGENCYR.woff2) format('woff2');
}
@font-face {
  font-family: 'AGENCYB';
  src: url(../fonts/AGENCYB.ttf) format('truetype'), url(../fonts/AGENCYB.eot) format('eot'), url(../fonts/AGENCYB.woff) format('woff'), url(../fonts/AGENCYB.woff2) format('woff2');
}
@font-face {
  font-family: 'PUBLICSANS';
  src: url(../fonts/PublicSans-ExtraLightPublicSans-ExtraLight.ttf) format('truetype'), url(../fonts/PublicSans-ExtraLight.eot) format('eot'), url(../fonts/PublicSans-ExtraLight.woff) format('woff'), url(../fonts/PublicSans-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'calibri';
  src: url(../fonts/calibri.ttf) format('truetype'), url(../fonts/calibri.eot) format('eot'), url(../fonts/calibri.woff) format('woff'), url(../fonts/calibri.woff2) format('woff2');
}
body {
  font-family: "PUBLICSANS";
}
#ewm{
	margin-top:10px;
	border:3px solid white;
}
#controls{
	display:none;
}

.products-top-list .news-list-border{
	border-bottom:none!important;
}

.recruitment-body span{
	font-size:20px;
}
.recruitment-body .text-margin{
	margin:15px 0;
}
.recruitment-body h1{
	font-size:50px;
	line-height:50px;
	display:inline-block;
}

.package_h{display: none}
.head_fixed {position:fixed;top:0;left:0;z-index:100;}

.slides .image-gallery .thumbnails-2 .linked{
	margin:-5px;
}
.image-gallery li{
	width:25%;
	height:auto;
	padding:5px;
}
.image-gallery a{
	height:100%;
	border:1px solid #cccccc;
	overflow:hidden;
	border-radius:5px;
}
.image-gallery a img{
	height:100%;
}

.products-xq-one .box .products-xq-body .products-xq-left .xq-bigimg img{
	width:100%;
}

.news-init3{
	margin-top:60px;
}
.news-init3 .ui.container{
	text-align:center!important;
}
.previouspostslink{
	display:inline-block;
	width:70px;
	height:30px;
	line-height:30px;
	border:1px solid #cccccc;
	margin-right:10px;
}
.nextpostslink{
	margin-left:10px;
	display:inline-block;
	width:70px;
	height:30px;
	line-height:30px;
	border:1px solid #cccccc;
}
.wp-pagenavi .page{
	display:inline-block;
	height:30px;
	width:30px;
	border:1px solid #da251d;
	vertical-align:top;
	line-height:30px;
	margin:0 5px;
}
.wp-pagenavi .current{
	background:#da251d;
	color:white;
	display:inline-block;
	height:30px;
	width:30px;
	border:1px solid #da251d;
	vertical-align:top;
	line-height:30px;
	margin:0 5px;
}

.ui.container {
  padding: 0 15px;
  position: relative;
  width: 1350px;
}
.nav .ui.container.menu {
  position: relative;
  width: 1620px;
}
.nav .menu .language {
  position: absolute;
  display: inline-block;
  top: 50%;
	transform:translatey(-50%);
  right: 0;
}
.nav .menu .active {
  font-size: 16px;
  color: white;
  padding: 10px 0;
}
#banner {
  position: relative;
}
.scroll {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10.5px;
  color: white;
}
.scroll .scroll-body{
	animation:scrollDown 1s ease infinite alternate;
}
.scroll .scroll-body img {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
@keyframes scrollDown{
    from {
        opacity:0.8;
        transform: translateY(10px)
    }
    to {
        opacity:1;
        transform: translateY(0)
    }
}
#banner ul li img{
	width:100%;
}
#banner ul li {
  position: relative;
}
#banner ul li .content {
  position: absolute;
  bottom: 22%;
  left: 0;
  width: 100%;
  margin: 0 auto;
}
#banner ul li .content .ui.container {
  width: 1650px;
}
#banner ul li .content .ui.container .left {
  font-size: 16px;
  color: white;
  letter-spacing: 1px;
}
#banner ul li .content .ui.container .left .banner-title {
  background: #da251d;
  display: inline-block;
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 5px;
}
#banner ul li .content .ui.container .left .banner-text {
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
}
#banner ul li .content .ui.container .left .banner-text span {
  color: #da251d;
	font-size:35px;
}
.i-advantage {
  margin-top: 8px;
  font-size: 0;
  height: 715px;
}
.i-advantage img{
	vertical-align: middle;
	transition: .3s ease;
}
.i-advantage .i-adv-left-box a{
	transition: .3s ease;
}
.i-advantage .i-adv-left-box:hover img{
	transform: rotateY(180deg);
}
.i-advantage .i-adv-left-box:hover{
	color: #da251d;
}
.i-advantage .i-adv-right-box a{
	transition: .3s ease;
}
.i-advantage .i-adv-right-box a:hover img{
	transform: rotateY(180deg);
}
.i-advantage .i-adv-right-box a:hover p{
	color: #da251d;
}
.i-advantage .i-adv-right-box .i-adv-right-small-box img:hover{
	transform: rotateY(180deg);
}
.i-advantage .i-adv-left-box{
	width: 35%;
	height: 100%; 
	background: url(../images/i-adv-img1.jpg) no-repeat center;
	background-size: 100% 100%;
	display: inline-block;
	font-size: 20px;
	padding: 3.5%;
	color: #8b8b8c;
}
.i-advantage .i-adv-left-box p{
	display: inline-block;
}
.i-advantage .i-adv-left-box p img{
	margin-right: 25px;
	vertical-align: middle;
}
.i-advantage .i-adv-right-box{
	width: 65%;
	height: 100%; 
	display: inline-block;
	vertical-align: top;
}
.i-advantage .i-adv-right-box p{
	display: block;
	font-size: 20px;
	color: #8b8b8c;
}
.i-advantage .i-adv-right-box .i-adv-right-small-box{
	width: 50%;
	height: 50%; 
	background-repeat: no-repeat;
	display: inline-block;
	padding: 2%;
}
.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1){
	background: url(../images/i-adv-img2.jpg);
	padding: 10% 6% 0;
	vertical-align: top;
}
.i-advantage .i-adv-right-box .i-adv-right-one{
	background: url(../images/i-adv-img3.jpg) no-repeat center;
	background-size: 100% 100%;
	vertical-align: top;
	width: 50%;
	height: 50%;
	display: inline-block;
	padding: 3% 5%;
}
.i-advantage .i-adv-right-box .i-adv-right-two{
	background: url(../images/i-adv-img4.jpg) no-repeat center;
	background-size: 100% 100%;
	width: 50%;
	height: 50%;
	display: inline-block;
	padding: 3% 5%;
}
.i-advantage .i-adv-right-box .i-adv-right-three{
	background: url(../images/i-adv-img5.jpg) no-repeat center;
	background-size: 100% 100%;
	vertical-align: top;
	width: 50%;
	height: 50%;
	display: inline-block;
	padding: 3% 5%;
}
.i-advantage .i-adv-right-box .i-adv-right-one img,
.i-advantage .i-adv-right-box .i-adv-right-two img,
.i-advantage .i-adv-right-box .i-adv-right-three img{
	margin-right: 4%;
}

.i-advantage .i-adv-right-box .i-adv-right-small-box p img{
	vertical-align: middle;
	margin-right: 25px;
}

.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p{
	font-size: 60px;
/* 	padding-top: 30%; */
	color: white;
}
.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) img{
	vertical-align: middle;
}
.init-2 {
  background: url(../images/init-2-bg.jpg) no-repeat center;
  background-size: 100% 100%;
}
.init-2 .box {
  padding: 180px 0 65px;
}
.init-2 .grid-box.four {
  text-align: center;
  height: auto;
  overflow: hidden;
  transition: .5s ease;
  margin: 0 -6%;
}
.init-2 .grid-box.four .column {
  padding: 0 6%;
}
.init-2 .grid-box.four .column .sum {
  position: relative;
  display: inline-block;
}
.init-2 .grid-box.four .column .sum h1 {
  font-size: 65px;
}
.init-2 .grid-box.four .column .sum span {
  font-size: 65px;
  position: absolute;
  right: -20px;
  top: -10px;
  color: red;
  font-size: 36px;
  font-weight: bold;
}
.init-2 .grid-box.four .column .hr {
  width: 20px;
  height: 1px;
  background: #000000;
  margin: 0 auto;
}
.init-2 .grid-box.four .column .h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  text-transform: uppercase;
}
.init-2 .grid-box.four .column p {
  font-size: 14px;
}
.init-2 .grid-box.four .column .img-h {
  height: 40px;
}
.init-2 .btn {
  margin-top: 60px;
}
.init-2 .plus:hover {
  background: #da251d;
}
.init-2 a {
  display: block;
  text-align: center;
}
.init-2 .plus {
  line-height: 100%;
  font-size: 50px;
  text-align: center;
  border-radius: 100%;
  background: #bababa;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  color: white;
  transition: .3s ease;
}
.init-3 {
  background: url(../images/news-bg.jpg) no-repeat center;
  background-size: 100% 100%;
}
.init-3 .box {
  padding: 150px 0 110px;
}
.init-3 .grid-box.three {
  margin: 0 -40px;
}
.init-3 .grid-box.three .column {
  padding: 0 80px;
}
.init-3 .grid-box.three .column h4 {
  font-size: 16px;
  font-weight: bold;
}
.init-3 .grid-box.three .column p {
  font-size: 16px;
  margin: 20px 0;
  padding-right: 20px;
}
.init-3 .grid-box.three .column .new-btn {
  font-size: 14px;
}
.init-3 .grid-box.three .column .new-btn span{
	vertical-align:bottom;
}
.init-3 a:first-child:hover {
  text-decoration: underline;
}
#footer .footer-top {
  background: #da251d;
}
#footer .footer-top .box {
  padding: 30px 0 50px;
  position: relative;
}
#footer .footer-top ul {
  color: white;
}
#footer .footer-top ul li span {
  font-size: 20px;
}
#footer .footer-top ol {
  margin-top: 20px;
}
#footer .footer-top ul li ol li {
  font-size: 14px;
  line-height: 25px;
}
#footer .footer-top ul li ol li i {
  margin: 0 5%;
}
#footer .footer-bottom {
  background: #323232;
}
#footer .footer-bottom .box {
  padding: 50px 0;
}
#footer .footer-bottom img {
  vertical-align: middle;
}
#footer .footer-bottom .footer-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 35px;
  font-size: 15px;
  line-height: 30px;
}
#footer .footer-bottom i {
  color: white;
}
#footer .footer-bottom .footer-text a {
  color: white;
}
#footer .footer-bottom .footer-text p {
  color: gray;
}
#footer .footer-bottom .fr {
  color: gray;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 50px;
}
#footer .footer-top .column:nth-child(1),
#footer .footer-top .column:nth-child(4),
#footer .footer-top .column:nth-child(5) {
  width: 16%;
}
#footer .footer-top .column:nth-child(6) {
  width: 10%;
}
#footer .footer-top .column:nth-child(2),
#footer .footer-top .column:nth-child(3) {
  width: 21%;
}
#header {
  z-index: 1;
  position: relative;
}
#header .h-top {
  line-height: 36px;
  height: 36px;
  background: #171717;
}
#header .h-top ul {
  float: right;
  margin-right: -15px;
}
#header .h-top ul li {
  line-height: 36px;
  font-size: 16px;
  color: white;
  display: inline-block;
  height: 36px;
  margin-top: -3px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#header .h-top ul li.active,
#header .h-top ul li:hover {
  background: #fd2318;
}
#header .h-top ul li a {
  padding: 0 15px;
}
#header .nav {
  display: inline-block;
  width: 100%;
  background: #252525;
}
#header .nav .ui.menu {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#header .nav .ui.menu .logo {
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  vertical-align: middle;
}
#header .nav .ui.menu .menu-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: 7%;
}
#header .nav .ui.menu .menu-box ul.menu > li {
  margin: 0 40px;
  font-size: 16px;
  color: white;
  z-index: 100;
  float: left;
  position: relative;
  border-bottom: 3px solid transparent;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover {
  border-color: #fd2318;
  color: #fd2318;
  -webkit-transition: .5s .5s border;
  -moz-transition: .5s .5s border;
  -ms-transition: .5s .5s border;
  -o-transition: .5s .5s border;
  transition: .5s .5s border;
}
#header .nav .ui.menu .menu-box ul.menu > li > a {
  display: block;
  padding: 15px 0;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu {
  -webkit-perspective: 500px;
  perspective: 500px;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  font-size: 15px;
  background: #fff;
  top: 110%;
  left: -10px;
  width: 180px;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  transition: transform 0.5s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  display: none \9;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li {
	position:relative;
  display: block;
  float: none;
  padding: 0 15px;
  line-height: 40px;
  color: black;
  font-size: 14px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  text-transform: capitalize;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li ul.sub-menu{
	left:100%;
	top:0;
	display:none;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover ul.sub-menu{
	display:block;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li a {
  display: block;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover {
  background: #222;
  color: white;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover ul.sub-menu {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#header .nav .ui.menu .h-search {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  margin-right: 0;
  cursor: pointer;
  cursor: hand;
}
#header .nav .search-box {
  line-height: normal;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
#header .nav .search-box form {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 60%;
  margin-left: -30%;
}
#header .nav .search-box form input {
  background: none;
  outline: none;
  border: none;
}
#header .nav .search-box form input[type="text"] {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  font-size: 26px;
  color: #000;
  padding: 10px 0;
}
#header .nav .search-box form input[type="submit"] {
  width: 22px;
  height: 22px;
  background: url(../images/tc-zoom.png) no-repeat;
  position: absolute;
  right: 15px;
  top: 20px;
}
#header .nav .search-box form input[type="submit"]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#header .nav .search-box .close {
  width: 30px;
  height: 30px;
  background: url(../images/close.png) no-repeat;
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
}
#banner .slick-arrow {
  font-size: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 80px;
  color: white;
  border: none;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  opacity: 1;
}
#banner .slick-arrow:hover {
  color: #fd2318;
}
#banner .slick-prev {
  background: url("../images/banner-btn-l.png") no-repeat left center rgba(0, 0, 0, 0);
  left: 8%;
  top: 85%;
  width: 120px;
}
#banner .slick-next {
  background: url("../images/banner-btn-r.png") no-repeat right center rgba(0, 0, 0, 0);
  right: 8%;
  top: 85%;
  width: 120px;
}
#banner ul.slick-dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#banner ul.slick-dots li {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 100%;
  border: 6px solid white;
  background-color: #fd2318;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#banner ul.slick-dots li button {
  display: none;
}
#banner ul.slick-dots li.slick-active {
  border-color: #fd2318;
  background-color: white;
}
#banner .slick-slide .content {
  display: none;
}
#banner .slick-active .content {
  display: block;
}
table {
  word-break: break-word;
  width: 100% !important;
  display: block;
  overflow: auto;
  border: none;
}
table tbody {
  display: table;
  width: 100% !important;
  min-width: 1000px;
}

table tbody tr:nth-child(odd){
	background:white;
}
table td p{
	text-align:center;
	color:#777;
	font-size:13px;
}

table td,
table th {
	white-space:normal;
  padding: 5px 10px;
  border: 1px solid #ccc;
  width: auto;
}
table td:first-child {
  color: #2d2d2d;
}
table td:last-child {
  color: #666;
}
.wpulike.wpulike-default {
  display: none;
}
.prodet-page .wpulike.wpulike-default,
.newdet-page .wpulike.wpulike-default {
  display: inline-block;
}
.post-views-box {
  position: relative;
  margin-left: 20px;
}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {
  background-image: url(../images/fw.png) !important;
  filter: none;
}
.wpulike {
  z-index: 10;
}
.wpulike.post-views-box {
  z-index: 5;
}
#banner .metaslider .slider-wrapper .nivo-directionNav a {
  width: 50px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
#banner .metaslider .slider-wrapper .nivo-directionNav a:hover {
  background-color: #fd2318;
}
#banner .metaslider .slider-wrapper .nivo-directionNav a.nivo-prevNav {
  background-image: url(../images/banner-btn-l.png);
}
#banner .metaslider .slider-wrapper .nivo-directionNav a.nivo-nextNav {
  background-image: url(../images/banner-btn-r.png);
}
#banner .theme-default .nivo-controlNav {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: auto !important;
}
#banner .theme-default .nivo-controlNav a {
  width: 25px  !important;
  height: 25px !important;
  background: #fff !important;
  border: 7px solid #7d7d7d !important;
  border-radius: 100% !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}
#banner .theme-default .nivo-controlNav a.active {
  border-color: #fd2318 !important;
}
#mobile {
  position: fixed;
  top: 0;
  left: -280px;
  width: 280px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  display: none;
  z-index: 20;
}
#mobile:before {
  content: '';
  width: 200vh;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.13);
  z-index: -1;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#mobile #menu-on {
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  position: absolute;
  left: 100%;
  top: 0;
  cursor: pointer;
  cursor: hand;
}
#mobile #menu-on i {
  width: 23px;
  height: 2px;
  background: #222;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#mobile #menu-on i.line1 {
  top: 12px;
}
#mobile #menu-on i.line2 {
  top: 19px;
}
#mobile #menu-on i.line3 {
  top: 26px;
}
#mobile .menu-content {
  width: 100%;
  height: 100vh;
  display: block;
  background: #222;
  padding: 40px 10%;
  overflow-y: auto;
  color: white;
}
#mobile .menu-content::-webkit-scrollbar {
  width: 3px;
  border-radius: 1.5px;
}
#mobile .menu-content::-webkit-scrollbar-button {
  display: none;
}
#mobile .menu-content::-webkit-scrollbar-track {
  background-color: #222;
}
#mobile .menu-content::-webkit-scrollbar-thumb {
  background-color: #eee;
}
#mobile .menu-content h3 {
  font-size: 20px;
  color: inherit;
  text-transform: capitalize;
  margin-bottom: 10px;
}
#mobile .menu-content h3 i {
  font-size: 16px;
  position: relative;
  top: -1px;
}
#mobile .menu-content .menu-logo {
  display: block;
}
#mobile .menu-content .menu-logo img {
  margin: 0 auto;
}
#mobile .menu-content .menu-list {
  margin: 40px 0;
}
#mobile .menu-content .menu-list ul li {
  font-size: 15px;
  color: inherit;
  text-transform: uppercase;
  line-height: 20px;
}
#mobile .menu-content .menu-list ul li a {
  padding: 8px 0;
  display: block;
}
#mobile .menu-content .menu-list ul li a:hover {
  color: #fd2318;
  text-decoration: underline;
}
#mobile .menu-content .menu-list ul li li a {
  position: relative;
  padding-left: 15px;
  font-size: 13px;
  line-height: 18px;
}
#mobile .menu-content .menu-list ul li li a:after {
  content: '';
  width: 6px;
  height: 1px;
  background: white;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mobile .menu-content .mob-search form {
  position: relative;
}
#mobile .menu-content .mob-search form input {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  border: none;
  padding: 0 15px;
  font-size: 14px;
  color: black;
}
#mobile .menu-content .mob-search form input[type="submit"] {
  width: 45px;
  height: 45px;
  background: url("../images/icon-search-white.png") no-repeat center center #222;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
#mobile .menu-content .mob-yuy {
  margin: 40px 0;
}
#mobile .menu-content .mob-yuy ul li {
  margin-bottom: 10px;
  color: inherit;
  font-size: 14px;
}
#mobile .menu-content .mob-yuy ul li img {
  max-width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#mobile .menu-content .mob-share ul li {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #333;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  margin-right: 3px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
#mobile .menu-content .mob-share ul li:hover {
  background: #fd2318;
}
#mobile .menu-content #menu-off {
  margin-top: 40px;
  cursor: pointer;
  cursor: hand;
}
#mobile.active {
  left: 0;
}
#mobile.active:before {
  right: 0;
}
#mobile.active #menu-on i.line1 {
  -webkit-transform: translateX(-50%) rotateZ(45deg);
  -moz-transform: translateX(-50%) rotateZ(45deg);
  -ms-transform: translateX(-50%) rotateZ(45deg);
  -o-transform: translateX(-50%) rotateZ(45deg);
  transform: translateX(-50%) rotateZ(45deg);
  top: 12px;
  margin-left: 3px;
}
#mobile.active #menu-on i.line2 {
  opacity: 0;
}
#mobile.active #menu-on i.line3 {
  -webkit-transform: translateX(-50%) rotateZ(-45deg);
  -moz-transform: translateX(-50%) rotateZ(-45deg);
  -ms-transform: translateX(-50%) rotateZ(-45deg);
  -o-transform: translateX(-50%) rotateZ(-45deg);
  transform: translateX(-50%) rotateZ(-45deg);
  top: 28px;
  margin-left: 3px;
}
#mobile.white .menu-content {
  background: white;
  color: black;
}
#mobile.white .menu-content .menu-list ul li li a:after {
  background: black;
}
#mobile.white .menu-content .mob-search form input {
  border: 1px solid black;
}
#mobile.white .menu-content .mob-search form input[type="submit"] {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media screen and (max-width: 1800px) {
	.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p{
		font-size:50px;
	}
}
@media screen and (max-width: 1650px) {
  #banner ul li .content .ui.container {
    width: 1620px;
  }
	.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) .fl{
		float:none;
		text-align:center;
	}
	.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) .fr{
		float:none;
		text-align:center;
	}
}
@media screen and (max-width: 1620px) {
  .nav .ui.container.menu {
    width: 1500px;
  }
  #banner ul li .content .ui.container {
    width: 1500px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    margin: 0 30px;
  }
}
@media screen and (max-width: 1550px) {
  .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p {
/*     margin-top: 50%; */
    font-size: 3.3rem;
    padding: 0;
  }
}
@media screen and (max-width: 1500px) {
  .ui.container,
  .nav .ui.container.menu,
  #banner ul li .content .ui.container {
    width: 1230px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    margin: 0 20px;
  }
}
@media screen and (max-width: 1230px) {
  .ui.container,
  .nav .ui.container.menu,
  #banner ul li .content .ui.container {
    width: 970px;
  }
	#ewm{
		display:none;
	}
  #mobile {
    display: block;
  }
  #header {
    display: none;
  }
  .i-advantage {
    height: 550px;
  }
  .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) {
    padding: 3% 3% 0;
  }
/*   .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) img {
    height: 200px;
  } */
  .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p {
    font-size:2.5rem;
  }
  .init-2 .grid-box.four .column {
    padding: 0 3%;
  }
  .init-2 .grid-box.four {
    margin: 0 -3%;
  }
  .init-3 .grid-box.three .column {
    padding: 0 10%;
  }
  .init-2 .box,
  .init-3 .box {
    padding: 10% 0 6%;
  }
}
@media screen and (max-width: 970px) {
  .ui.container,
  .nav .ui.container.menu,
  #banner ul li .content .ui.container {
    width: 768px;
  }
  #banner ul li .content .ui.container .left {
    font-size: 14px;
  }
  #banner ul li .content .ui.container .left .banner-text {
    font-size: 25px;
  }
  .i-advantage {
    height: 450px;
  }
  .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p {
    font-size: 2rem;
  }
/*   .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) img {
    height: 150px;
  } */
  .i-advantage .i-adv-left-box,
  .i-advantage .i-adv-right-box p {
    font-size: 16px;
  }
  .init-2 .grid-box.four .column .sum h1 {
    font-size: 55px;
  }
  #footer .footer-bottom .fr {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .ui.container,
  .nav .ui.container.menu,
  #banner ul li .content .ui.container {
    width: 100%;
    overflow: hidden;
  }
  #banner .scroll {
    bottom: 0;
  }
  .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p {
    font-size: 2rem;
  }
  .i-advantage .i-adv-left-box p img,
  .i-advantage .i-adv-right-box .i-adv-right-small-box p img {
    display: block;
  }
  .init-2 .grid-box.four .column .sum h1 {
    font-size: 45px;
  }
  .init-2 .grid-box.four .column {
    padding: 0 2%;
  }
  .init-2 .grid-box.four {
    margin: 0;
  }
  .init-3 .grid-box.three {
    margin: 0;
  }
  .init-3 .grid-box.three .column {
    padding: 0 5%;
  }
  .init-3 .grid-box.three .column h4 {
    font-size: 16px;
  }
  .init-3 .grid-box.three .column p {
    font-size: 14px;
    padding: 0;
  }
  #footer .footer-top .column:nth-child(1),
  #footer .footer-top .column:nth-child(4),
  #footer .footer-top .column:nth-child(2),
  #footer .footer-top .column:nth-child(3),
  #footer .footer-top .column:nth-child(5),
  #footer .footer-top .column:nth-child(6) {
    width: 33.33%;
  }
}
@media screen and (max-width: 660px) {
  #banner ul li .content .ui.container .left {
    font-size: 12px;
  }
  #banner ul li .content .ui.container .left .banner-text {
    font-size: 16px;
  }
  .i-advantage {
    height: 350px;
  }
  .i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 550px) {
  #banner ul li .content {
    bottom: 28%;
  }
  #banner ul li .content .ui.container .left .banner-title {
    padding: 2px 5px;
  }
  #banner ul li .content .ui.container .left {
    text-align: center;
  }
  #banner ul li .content .ui.container .left .banner-text {
    font-size: 14px;
    line-break: 16px;
  }
  .i-advantage {
    height: 700px;
  }
  .i-advantage .i-adv-left-box {
    width: 100%;
    height: 50%;
  }
  .i-advantage .i-adv-right-box {
    width: 100%;
    height: 50%;
  }
}
@media screen and (max-width: 500px) {
	.service-left{
		width:40%;
		display:inline-block;
	}
	.service-right{
		width:60%;
		display:inline-block;
	}
	.init-2 .grid-box.four .column{
		margin:5% 0;
	}
	.init-2 .grid-box.four .column .sum h1{
		font-size:35px;
	}
}
@media screen and (max-width: 440px) {
	#banner ul li .content .ui.container .left .banner-text span{
		font-size: 16px;
	}
  #banner ul li .content {
    bottom: auto;
    top: 10%;
  }
  .scroll {
    display: none;
  }
}
@media screen and (max-width: 375px) {
	.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1){
		float:none;
		
	}
	
  #banner ul li .content .ui.container .left .banner-text {
    line-height: 14px;
	  margin: 5px 0;
  }
  #banner ul li .content .ui.container .left p {
    line-height: 12px;
  }
}
.news-box {
  padding: 65px 0 100px;
}
.news-list-border {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 25px;
}
.selected {
  font-weight: bold;
  /* background: #ff99cc; */
  color: #df423b!important;
}

.single-solution-box .news-init1 ul li{
  font-size: 15px;
}

.news-init1 ul li:hover,
.news-init1 ul li:active{
	font-weight: bold;
  color: #df423b!important;
}
.news-init2 .news-body .news-init2-list li:hover,
.news-init2 .news-body .news-init2-list li:active{
	font-weight: bold;
  color: #df423b!important;
}
.news-init1 ul li {
  display: inline-block;
  border-left: 1px solid #808080;
  padding: 0 20px;
  font-size: 16px;
  line-height: 16px;
  color: #6e6e6e;
	margin:10px 0;
}
.news-init1 ul li:first-of-type {
  border: none;
  outline: none;
	padding-left:0;
}
.news-init2 {
  margin-top: 50px;
}
.news-init2 .news-body .text-margin {
  margin: 15px 0;
}
.news-init2 .news-body .news-init2-list {
  line-height: 50px;
}
.news-init2 .news-body .news-init2-list li {
  display: inline-block;
  border-left: 1px solid #808080;
  padding: 0 20px;
  font-size: 16px;
  line-height: 16px;
}
.news-init2 .news-body .news-init2-list li:first-of-type {
  border: none;
  outline: none;
}
.news-init2 .news-body span {
  font-size: 20px;
}
.news-init2 .news-body h1 {
  font-size: 50px;
  line-height: 50px;
  display: inline-block;
}
.news-init2 .news-body ol li {
	width:100%;
  font-size: 0;
  height: 200px;
  border: 1px solid #dcdcdc;
  transition: .3s ease;
  margin: 25px 0;
  overflow: hidden;
  display: inline-block;
}
.news-init2 .news-body ol li:hover,
.news-init2 .news-body ol li:active {
  box-shadow: 0px 25px 15px -15px #adadad;
  background: #da251d;
  color: white;
  border: 1px solid #b3b3b3;
}
.news-init2 .news-body ol li:hover a {
  color: white;
}
.news-init2 .news-body ol li .news-img {
  width: 415px;
  display: inline-block;
  overflow: hidden;
}
.news-init2 .news-body ol li .news-img img {
  max-width: 100%;
  height: 100%;
  transition: .3s ease;
}
.news-init2 .news-body ol li .news-text {
  display: inline-block;
  width: 52%;
  vertical-align: top;
  padding: 30px 80px;
  height: 100%;
}
.news-init2 .news-body ol li .news-text .news-time span {
  font-size: 16px;
  line-height: 40px;
}
.news-init2 .news-body ol li .news-text .news-p {
  font-size: 18px;
  line-height: 40px;
}
.news-init2 .news-body ol li .news-more {
  display: inline-block;
  vertical-align: top;
  font-size: 40px;
  color: #da251d;
  width: 16%;
  height: 100%;
  text-align: center;
}
.news-init2 .news-body ol li .news-more a {
  display: inline-block;
  margin-top: 100px;
  transform: translateY(-50%);
  transition: .3s ease;
}
.news-init3 .news-fenye {
  font-size: 0;
  margin-top: 55px;
  text-align: center;
}
.news-init3 .news-fenye span {
  border: 1px solid #a6a6a6;
  padding: 10px;
  cursor: pointer;
  font-size: 10px;
  vertical-align: middle;
}
.news-init3 .news-fenye span img {
  vertical-align: middle;
}
.news-init3 .news-fenye .pev img {
  margin-right: 10px;
}
.news-init3 .news-fenye .next img {
  margin-left: 10px;
}
.news-init3 .news-fenye ul {
  display: inline-block;
  margin: 0 10px;
}
.news-init3 .news-fenye ul li {
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #da251d;
  color: white;
}
.inner-banner {
  position: relative;
  width: 100%;
  height: 565px;
  background: url(../images/inner-banner.jpg) no-repeat center;
  background-size: cover;
  padding-top: 205px;
}
.inner-banner .news-title-name {
  font-size: 60px;
  color: white;
  text-transform: uppercase;
  text-align: center;
  line-height: 55px;
}
.inner-banner .title-hr {
  width: 60px;
  height: 3px;
  background: white;
  margin: 25px auto;
}
.inner-banner .bread-crumbs,
.inner-banner .bread-crumbs a,
.inner-banner .bread-crumbs span {
  font-size: 16px!important;
  text-transform: none;
  line-height: 16px;
  text-align: center;
  color: white;
}
.news-init2 .news-body ol li .news-img img:hover {
  transform: scale(1.2);
}
@media screen and (max-width: 1500px) {
	.init-2 .grid-box.four{
		margin:0 -4%;
	}
	.init-2 .grid-box.four .column{
		padding:0 4%;
	}
  .news-init2 .news-body ol li .news-img {
    width: 31%;
  }
}
@media screen and (max-width: 1230px) {
  .news-init2 .news-body ol li .news-text {
    padding: 1% 4%;
    width: 55%;
  }
  .news-init2 .news-body ol li .news-img {
    width: 35%;
  }
  .news-init2 .news-body ol li .news-more {
    width: 5%;
  }
}
@media screen and (max-width: 970px) {
  .news-init2 .news-body ol li .news-text .news-p {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  .news-init2 .news-body ol li .news-img img {
    max-width: 150%;
  }
  .news-init2 .news-body h1 {
    font-size: 2.6rem;
  }
  .news-init2 .news-body .news-init2-list {
    margin-top: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .news-init2 .news-body ol li .news-img {
    width: 45%;
  }
  .news-init2 .news-body ol li .news-text {
    width: 45%;
    padding: 1% 1%;
  }
}
@media screen and (max-width: 550px) {
		.i-contact .contact-box .fl,
	.i-contact .contact-box .fr{
		width:100%!important;
		float:none!important;
	}
	
  .news-init2 .news-body ol li .news-text .news-p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 440px) {
  .news-init2 .news-body ol li .news-text .news-p {
    font-size: 1rem;
  }
  .news-init2 .news-body ol li .news-text {
    width: 100%;
	  text-align:center;
  }
	.news-init2 .news-body ol li .news-more{
		width:100%;
	}
	.news-init2 .news-body ol li .news-more a{
		margin-top:10%;
	}
  .news-init2 .news-body ol li .news-img {
    width: 35%;
  }
  .news-init2 .news-body ol li .news-img img {
    max-width: 100%;
  }
	.news-init2 .news-body ol li .news-img{
		width:100%;
	}
	.news-init2 .news-body ol li{
		height:auto;
	}
	.i-advantage .i-adv-right-box p img{
		display:block;
	}
	.init-2{
		background-image:none;
		background-color:#eeeeee;
	}
	.single-solution-box .single-solution-init1 .fl,
	.single-solution-box .single-solution-init1 .fr{
		width:100%!important;
		float:none;
	}
	.single-solution-init2 .fr{
		width:100%!important;
		float:none;
	}
	.single-solution-init2 .fr ul li{
		width:100%!important;
	}
	#footer .footer-bottom .box .fl,
	#footer .footer-bottom .box .fr{
		float:none!important;
		text-align:center!important;
	}
	#footer .footer-bottom .footer-text{
		margin-left:0!important;
	}
	.inner-banner .news-title-name{
		font-size:24px;
		line-height:30px;
	}
	.inner-banner{
		padding-top:30px;
		height:200px;
		
	}
	.inner-banner .title-hr{
		margin:15px auto;
	}
	.products-xq-one .box .products-xq-list .fl,
	.products-xq-one .box .products-xq-list .fr{
		float:none;
	}
	.products-xq-one .box .products-xq-list .right-list ul li{
		padding:0;
	}
}
.faq-list {
  font-size: 0;
}
.faq-list .clearfix .fa.fa-angle-up.fr {
  font-size: 20px;
}
.faq-list dt {
	height:90px;
  word-break: break-word;
  border-bottom: 2px solid #c1c1c1;
  text-align: center;
  width: 16.6%;
  display: inline-block;
  padding: 20px 0;
  vertical-align: top;
  /* padding: 16px 30px 14px; */
  /* background: #f3f3f3; */
  font-size: 14px;
  cursor: pointer;
  color: #000000;
  /* margin-bottom: 12px; */
  transition: 0.5s ease;
}
.faq-list dt:last-of-type {
  padding: 20px 30px;
  color: #da251d;
}
.faq-list dt:nth-of-type(1),
.faq-list dt:nth-of-type(3),
.faq-list dt:nth-of-type(5) {
  width: 16%;
}
.faq-list dt:nth-of-type(2) {
  width: 18%;
}
.faq-list dt:nth-of-type(4),
.faq-list dt:nth-of-type(6) {
  width: 17%;
}
.faq-list dd {
  font-size: 12px;
  line-height: 22px;
  color: #000000;
  padding: 30px 30px 60px;
  /* margin-bottom: 12px; */
  display: none;
  background: #f5f5f5;
}
.faq-list dd h5 {
  font-size: 14px;
  line-height: 30px;
}
.faq-list.dl-header dt {
  border: none;
  background: #da251d;
  color: white!important;
}
.faq-list.dl-header dt:last-of-type {
  padding: 20px 0;
}
.faq-box {
  margin-top: 25px;
}
@media screen and (max-width: 1230px) {
  .faq-list dt {
    height: 85px;
  }
}
@media screen and (max-width: 768px) {
  .faq-list dt {
    height: 100px;
  }
}
@media screen and (max-width: 590px) {
  .faq-list dt {
    height: 100px;
    font-size: 12px;
  }
  .faq-list dt:last-of-type {
    padding: 20px 20px;
  }
}
@media screen and (max-width: 440px) {
  .faq-list dt:last-of-type {
    padding: 20px 10px;
  }
	#footer .footer-top .column:nth-child(1), #footer .footer-top .column:nth-child(4), #footer .footer-top .column:nth-child(2), #footer .footer-top .column:nth-child(3), #footer .footer-top .column:nth-child(5), #footer .footer-top .column:nth-child(6){
		width:50%;
		margin-bottom:20px;
	}
	#footer .footer-top ol{
		margin-top:5px;
	}
	#footer .footer-top ul li span{
		font-size:18px;
	}
	#footer .footer-icon{
		width:20%!important;
	}
	
	#banner ul li .content .ui.container .left{
		text-align:left;
	}
	#banner ul li .content .ui.container .left .banner-title{
		display:none;
	}
	#banner ul li .content .ui.container .left p{
		display:none;
	}
	
	.i-advantage .i-adv-right-box .i-adv-right-one,
	.i-advantage .i-adv-right-box .i-adv-right-two,
	.i-advantage .i-adv-right-box .i-adv-right-three{
		background-image:none;
		background-color:#dddddd;
	}
	.i-advantage .i-adv-left-box, .i-advantage .i-adv-right-box p{
		text-align:center;
	}
	.i-advantage .i-adv-right-box .i-adv-right-one img, .i-advantage .i-adv-right-box .i-adv-right-two img, .i-advantage .i-adv-right-box .i-adv-right-three img{
		margin: 0 auto;
	}
	.i-advantage .i-adv-left-box p img{
		margin: 0 auto;
	}
	.i-advantage .i-adv-right-box p{
		margin-top:20px;
	}
	.i-advantage .i-adv-right-box .i-adv-right-small-box:nth-child(1) p{
		margin-top:0;
	}
	.i-advantage .i-adv-left-box p{
		margin-top:50px;
	}
	.i-adv-right-three{
		background-color:#d4d5da!important;
	}
}
@media screen and (max-width: 375px) {
	
  .faq-list dt {
    height: 115px;
  }
  .faq-list dt:last-of-type {
    padding: 20px 0px;
  }
}
.about-one {
  margin-top: 35px;
}
.about-box {
  padding: 65px 0 0;
}
.about-one .box {
  font-size: 0;
  padding: 0 0 115px;
/*   background-image: url(../images/about-one-bg.png); */
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.about-one .box .about-one-text {
  width: 48%;
  padding-top: 75px;
  display: inline-block;
}
.about-one .box .about-one-text h6 {
  font-size: 16px;
}
.about-one .box .about-one-text h4 {
  font-size: 26px;
}
.about-one .box .about-one-text p {
  font-size: 16px;
  font-family: "calibri";
  margin: 20px 0;
}
.about-one .box .about-one-video {
  width: 52%;
  display: inline-block;
  vertical-align: top;
  padding-right: 30px;
}
.about-one .box .about-one-video .about-video-box {
  border-radius: 100%;
  width: 505px;
  height: 505px;
  overflow: hidden;
}
.about-one .box .about-one-video .about-video-box img {
  position: relative;
  max-width: 150%;
  height: 100%;
  left: -25%;
  top: 0;
}
.about-two {
  background: #eaebee;
}
.about-two .box {
  padding: 90px 0;
  text-align: center;
}
.about-two .box h6 {
  font-size: 16px;
}
.about-two .box h4 {
  font-size: 26px;
}
.about-two .grid-box.four {
  margin: 0 -2%;
  margin-top: 60px;
}
.about-two .column {
  text-align: center;
  padding: 0 2%;
}
.about-two .column .about-two-img {
  margin-bottom: 25px;
}
.about-two .column p {
  font-size: 16px;
  padding: 0 14px;
}
.about-three {
  background: #da251d;
}
.samll_line {
  display: inline-block;
  position: absolute;
  height: 1px;
  overflow: hidden;
  border-top: 1px solid white;
  width: 70px;
}
#timeline .timeline-item:nth-of-type(odd) .samll_line {
  left: 50.5%;
  top: 37px;
}
#timeline .timeline-item:nth-of-type(even) .samll_line {
  right: 50.5%;
  top: 37px;
}
#timeline .timeline-item:after,
#timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #ee4d4d;
  left: 50%;
  top: 0;
  position: absolute;
}
#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}
#timeline .timeline-item {
  position: relative;
}
#timeline .timeline-item .timeline-icon {
  border: 4px solid white;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 30px;
  left: 50%;
  overflow: hidden;
  margin-left: -6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 100%;
}
#timeline .timeline-item .timeline-content {
  color: white;
  width: 45%;
  padding: 20px;
  transition: all 0.3s ease;
}
#timeline .timeline-item .timeline-content h2 {
  letter-spacing: 2px;
  padding: 15px;
  font-size: 27px;
  font-family: "calibri";
  margin: -20px -20px 0 -20px;
  font-weight: bold;
}
#timeline .timeline-item .timeline-content p {
  font-size: 14px;
}
#timeline .timeline-item:nth-of-type(even) .timeline-content {
  text-align: right;
}
#timeline .timeline-item:nth-of-type(odd) .timeline-content {
  float: right;
}
.htmleaf-container {
  padding-top: 20px;
}
.about-three .box {
  padding-top: 80px;
}
.about-three .box h6,
.about-three .box h4 {
  text-align: center;
  color: white;
}
.about-three .box h6 {
  font-size: 16px;
}
.about-three .box h4 {
  font-size: 26px;
}
.about-four .box {
  padding: 90px 0;
}
.about-four .box .grid-box.three {
  margin: 0 -18px;
  margin-top: 45px;
}
.about-four .box .grid-box.three .column {
  padding: 0 18px;
}
.about-four .about-four-img{
	overflow:hidden;
}
.about-four .about-four-img img {
  max-width: 100%;
	transition:.3s ease;
}
.about-four .about-four-img img:hover{
	transform:scale(1.1);
}
.about-four .about-four-text {
  padding: 40px 40px 55px;
  background: #e9e9e9;
}
.about-four .about-four-text .about-four-title {
  border-bottom: 4px solid #da251d;
  padding-bottom: 25px;
}
.about-four .about-four-text .about-four-title span {
  font-size: 26px;
}
.about-four .about-four-text .about-four-title p {
  font-size: 17px;
  font-family: "calibri";
}
.about-four .about-four-text .about-four-title p em:nth-child(2) {
  float: right;
}
.about-four .about-four-text .about-four-title p em:nth-child(1) {
  float: left;
}
.center-title {
  text-align: center;
}
.about-four .box .center-title h6 {
  font-size: 16px;
}
.about-four .box .center-title h4 {
  font-size: 26px;
}
.about-five {
  background: url(../images/about-five-bg.jpg) no-repeat center;
  background-size: 100% 100%;
}
.about-five .ui.container {
  width: 1600px;
}
.about-five .box .grid-box.five {
  margin-top: 70px;
}
.about-five .box .grid-box.five .column {
  padding: 0 8px;
}
.about-five .box {
  padding: 90px 0;
}
.about-five .box .center-title h6 {
  font-size: 16px;
}
.about-five .box .center-title h4 {
  font-size: 26px;
  margin-top: 20px;
}
.about-five .about-five-img img {
  width: 100%;
}
@media screen and (max-width: 1600px) {
  .about-five .ui.container {
    width: 1350px;
  }
}
@media screen and (max-width: 1350px) {
  .about-five .ui.container {
    width: 1230px;
  }
}
@media screen and (max-width: 1230px) {
  .about-one .box .about-one-text {
    padding-top: 5%;
  }
  .about-one .box .about-one-video {
    padding-right: 0;
  }
  .about-one .box .about-one-video .about-video-box {
    width: 400px;
    height: 400px;
  }
  .samll_line {
    width: 6%;
  }
  .about-five .ui.container {
    width: 970px;
  }
}
@media screen and (max-width: 970px) {
  .about-one .box .about-one-text {
    padding-top: 0;
  }
  .about-one .box .about-one-text {
    width: 60%;
  }
  .about-one .box .about-one-video {
    width: 40%;
  }
  .about-one .box .about-one-video .about-video-box {
    width: 300px;
    height: 300px;
  }
  .about-five .ui.container {
    width: 768px;
  }
}
@media screen and (max-width: 768px) {
  .about-five .ui.container {
    width: 100%;
  }
  .samll_line {
    width: 10%;
  }
  .container {
    padding: 0;
  }
  #timeline .timeline-item:nth-of-type(even) .samll_line,
  #timeline .timeline-item:nth-of-type(odd) .samll_line {
    left: 0.5%;
  }
  #timeline {
    /* margin: 30px; */
    padding: 0;
  }
  #timeline:before {
    left: 0;
  }
  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
  }
  #timeline .timeline-item .timeline-content:before,
  #timeline .timeline-item:nth-of-type(odd) .timeline-content:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #ee4d4d;
  }
  #timeline .timeline-item .timeline-icon {
    left: 0;
  }
  #timeline .timeline-item:nth-of-type(even) .timeline-content {
    text-align: left;
  }
  .about-one .box .about-one-text,
  .about-one .box .about-one-video {
    width: 100%;
  }
  .about-one .box .about-one-video .about-video-box {
    width: 400px;
    height: 400px;
    margin: 0 auto;
    float: none;
  }
}
@media screen and (max-width: 440px) {
	#banner ul li .content{
		top:auto;
		bottom:10px;
	}
	
	.recruitment-dt:first-child, .recruitment-dd:first-child,
	.recruitment-dt:nth-child(2), .recruitment-dd:nth-child(2),
	.recruitment-dt:nth-child(3), .recruitment-dd:nth-child(3),
	.recruitment-dt:nth-child(4), .recruitment-dd:nth-child(4),
	.recruitment-dt:nth-child(5), .recruitment-dd:nth-child(5),
	.recruitment-dt:last-child, .recruitment-dd:last-child{
		width:50%!important;
	}
	
	.down-page .down-title .down-dt:first-child, .down-page ul li .down-a .down-dd:first-child,
	.down-page .down-title .down-dt:nth-child(2), .down-page ul li .down-a .down-dd:nth-child(2),
	.down-page .down-title .down-dt:last-child, .down-page ul li .down-a .down-dd:last-child{
		width:100%!important;
		text-align:center!important;
		padding-left:0!important;
	}
	.down-page ul li .down-a .down-dd{
		border:1px solid #cccccc!important;
	}
	
	.i-abilities .abilities-box-one .fl{
		width:100%!important;
	}
	.i-abilities .abilities-box-one .fr{
		width:100%!important;
		padding-right:0;
	}
	.i-patent .slick-prev{
		left:30%!important;
	}
	.i-patent .slick-next{
		right:30%!important;
	}
	
	.i-advantage{
		height:600px;
	}
	
	
	.support-page .support-list li .faq-a{
		padding:19px 15px 19px 15px!important;
	}
	.support-page .support-list li .icon{
		right:15px!important;
	}
  .about-one .box .about-one-video .about-video-box {
    width: 300px;
    height: 300px;
  }
}
.inner-banner .t-transform-n {
  text-transform: none;
}
.products-box {
  padding: 65px 0 50px;
}
.products-body .grid-box.four {
  margin: -8px;
}
.products-body .grid-box.four .column {
  padding: 8px;
}
.products-body .grid-box.four .products-color-box {
  height: 450px;
  background: #eaebee;
  overflow: hidden;
}
.products-body .grid-box.four .column .products-img {
  height: 65%;
  /* border: 1px solid #000000; */
}
.products-body .grid-box.four .column .products-img img {
  width: 100%;
  height: 100%;
}
.products-body .grid-box.four .column .products-img-title {
  height: 35%;
  /* border: 1px solid #000000; */
  text-align: center;
}
.products-body .grid-box.four .column .products-img-title h5 {
  font-size: 18px;
  line-height: 30px;
  transition: .5s ease;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.products-body .grid-box.four .column .products-img-title h6 {
  font-size: 15px;
  transition: .5s ease;
}
.products-color-box .warp {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(218, 37, 29, 0.8);
  height: 100%;
  width: 100%;
  transform: translateY(100%);
  transition: 0.5s ease;
  color: white;
}
.products-color-box:hover .warp {
  transform: translateY(0);
}
.products-color-box:hover .products-img-title h5,
.products-color-box:hover .products-img-title h6 {
  opacity: 0;
}
.products-color-box .warp .title-box {
  height: 100%;
}
.products-color-box .warp .title-box .warp-top {
  height: 72%;
  padding: 60px 35px 0 35px;
}
.products-color-box .warp .title-box .warp-top h5 {
  font-size: 26px;
  margin-bottom: 30px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.products-color-box .warp .title-box .warp-top p {
  font-size: 15px;
  line-height: 35px;
}
.products-color-box .warp .title-box .warp-center {
  height: 12%;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
}
.products-color-box .warp .title-box .warp-bottom {
  font-size: 2.5rem;
  text-align: center;
  height: auto;
  line-height: 2em;
  border-top: 1px solid white;
}
@media screen and (max-width: 1230px) {
  .products-color-box .warp .title-box .warp-top h5 {
    margin-bottom: 5%;
  }
  .products-color-box .warp .title-box .warp-top p {
    line-height: 25px;
  }
}
.products-xq-one .box {
  padding: 50px 0 120px;
}
.products-xq-one .box .products-xq-list {
  font-size: 16px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 25px;
}
.products-xq-one .box .products-xq-list .right-list ul {
  display: inline-block;
}
.products-xq-one .box .products-xq-list .right-list ul li {
  line-height: 10px;
  padding: 0 15px;
  border-left: 1px solid #000000;
  display: inline-block;
  vertical-align: baseline;
}
.products-xq-one .box .products-xq-list .right-list ul li:first-child {
  border: none;
  outline: none;
}
.products-xq-one .box .products-xq-body .products-xq-left {
  /* border: 1px solid #000000; */
  width: 40%;
}
.products-xq-one .box .products-xq-body .products-xq-left .grid-box.three .column {
  padding: 5px;
}
.products-xq-one .box .products-xq-body .products-xq-left .grid-box.three .column .xq-smallimg-box {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
}
.products-xq-one .box .products-xq-body .products-xq-right {
  width: 45%;
  /* border: 1px solid #000000; */
  font-size: 16px;
  padding-right: 52px;
  margin-top: 9%;
}
.products-xq-one .box .products-xq-body .products-xq-right h5 {
  font-size: 26px;
}
.products-xq-one .box .products-xq-body .products-xq-right hr {
  margin: 30px 0;
}
.products-xq-one .box .products-xq-body .products-xq-right p {
  line-height: 35px;
  padding-right: 10%;
}
.products-xq-one .box .products-xq-body .products-xq-right h6 {
  margin: 40px 0 15px;
}
.products-xq-one .box .products-xq-body .products-xq-right .xq-icon span {
  border: 1px solid #000000;
  border-radius: 5px;
  width: 35px;
  height: 35px;
  text-align: center;
  display: inline-block;
  margin: 3px;
	transition:.3s ease;
}
.products-xq-one .box .products-xq-body .products-xq-right .xq-icon span:hover{
	border:1px solid #de3d35;
	background:#de3d35;
	color:white;
}
.products-xq-one .box .products-xq-body .products-xq-right .xq-icon span i {
  vertical-align: -webkit-baseline-middle;
}
.products-xq-two {
  background: #eaebee;
}
.products-xq-two .box {
  padding: 105px 0 80px;
}
.products-xq-two .box .grid-box.four {
  margin-bottom: 40px;
  margin-top: 25px;
}
.products-xq-two .box .grid-box.four .column {
  background: white;
  border-bottom: 2px solid #CCCCCC;
  font-size: 16px;
/*   padding: 20px 0; */
}
.products-xq-two .box .grid-box.four .column a{
	display:block;
	padding:20px 0;
}
.products-xq-two .box .grid-box.four .column:hover,
.products-xq-two .box .grid-box.four .column:active {
  border-bottom: 2px solid #da251d;
}
.border-active{
	border-bottom: 2px solid #da251d!important;
}
.products-xq-two .box .grid-box.four .column .xq-two-border {
  border-left: 1px solid #000000;
  text-align: center;
}
.products-xq-two .box .grid-box.four .column:first-child .xq-two-border {
  border: none;
  outline: none;
}
.products-xq-two .box .page-container div {
  font-size: 16px;
/*   padding: 8px; */
}
.products-xq-two .box .page-container div li{
	display:block;
	padding:8px;
}
.products-xq-two .box .page-container div li:nth-child(odd) {
  background: white;
}
.products-xq-two .box .page-container div li:nth-child(even) {
  background: #eaebee;
}
.products-xq-two .box h5 {
  font-size: 26px;
  text-align: center;
  color: #7b7b7b;
}
.products-xq-three .box {
  padding: 80px 0 140px;
}
.products-xq-three .grid-box.five {
  margin: -8px;
  margin-top: 35px;
}
.products-xq-three .grid-box.five .column {
  padding: 8px;
}
.products-xq-three .grid-box.five .products-color-box {
  background: #eaebee;
  overflow: hidden;
}
.products-xq-three .grid-box.five .column .products-img {
/*   height: 245px; */
  /* border: 1px solid #000000; */
}
.products-xq-three .grid-box.five .column .products-img img {
  width: 100%;
  height: 100%;
}
.products-xq-three .grid-box.five .column .products-img-title {
  height: 125px;
  /* border: 1px solid #000000; */
  text-align: center;
}
.products-xq-three .grid-box.five .column .products-img-title h5 {
  font-size: 18px;
  line-height: 30px;
  transition: .5s ease;
}
.products-xq-three .grid-box.five .column .products-img-title h6 {
  font-size: 15px;
  transition: .5s ease;
}
.products-xq-three .products-color-box .warp .title-box .warp-top {
  height: 65%;
  padding: 5% 5% 0;
}
.products-xq-three .products-color-box .warp .title-box .warp-top h5 {
  font-size: 26px;
  margin-bottom: 5%;
}
.products-xq-three .products-color-box .warp .title-box .warp-center {
  height: 15%;
  text-align: center;
  font-size: 15px;
  line-height: 22px;
}
.products-xq-three .products-color-box .warp .title-box .warp-bottom {
  font-size: 2.5rem;
  text-align: center;
  height: auto;
  line-height: 2em;
  border-top: 1px solid white;
}
.products-xq-three h3 {
  font-size: 26px;
  color: #7b7b7b;
}
@media screen and (max-width: 970px) {
  .products-xq-one .box .products-xq-body .products-xq-right {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .products-xq-one .box .products-xq-body .products-xq-left,
  .products-xq-one .box .products-xq-body .products-xq-right {
    width: 100%;
  }
  .products-xq-one .box .products-xq-list .right-list ul,
  .products-xq-one .box .products-xq-list .right-list ul li {
    display: block;
    line-height: 25px;
    border-left: none;
	  padding:0;
  }
}


/*专案*/
.projects-hotel .hotel-list-box{
  margin-top: 35px;
}
.projects-hotel .hotel-list-box ul{
  margin: -10px;
}
.projects-hotel .hotel-list-box ul li{
  padding: 10px;
}
.projects-hotel .hotel-list-box ul li .hotel-img img{
  width: 100%;
}
.projects-hotel .hotel-list-box .hotel-box p{
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 15px 0;
}

/*服务*/
.service .service-box{
  margin: 100px 0;
}
.service ul{
  margin: -60px -15px;
}
.service ul li{
  padding: 60px 15px;
}
.service ul li .service-body{
  font-size: 0;
}
.service ul li .service-icon{
  display: inline-block;
  width: 35%;
}
.service ul li .service-body .service-text{
  display: inline-block;
  padding-top: 35px;
  vertical-align: top;
  width: 56%;
}
.service ul li .service-body .service-text p{
  font-size: 14px;
  font-weight: bold;
}
.service ul li .service-body .service-text span{
  font-size: 14px;
}



/*常见问答*/
.support-page .support-list{
  margin-top: 35px;
}
.support-page .support-list li {
  cursor: pointer;
  position: relative;
  margin-bottom: 20px;
}
.support-page .support-list li,
.support-page .support-list li .faq-a,
.support-page .support-list li .icon {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
.support-page .support-list li:last-child {
  margin-bottom: 12px;
}
.support-page .support-list li .faq-a {
  padding: 19px 0 19px 35px;
  font-size: 16px;
  /* color: #fff; */
  margin-bottom: 6px;
  border: 1px solid #b7b7b7;
}
.support-page .support-list li.active .faq-a{
  background: #d6000f;
  color: #FFFFFF;
}
.support-page .support-list li .faq-a i{
  color: #b7b7b7;
  font-size: 24px;
  vertical-align: middle;
  margin-right: 20px;
  transition: .3s ease;
}
.support-page .support-list li.active .faq-a i{
  color: #FFFFFF;
}
.support-page .support-list li .faq-q {
  font-size: 16px;
  padding: 29px 24px;
  background: #fff;
  border: 1px solid #b7b7b7;
  box-shadow: 5px 5px 10px 0 #CCCCCC;
  display: none;
}

.support-page .support-list li .faq-q p {
  font-size: 1.6rem;
  color: #333;
}
.support-page .support-list li .icon {
  position: absolute;
  color: #616161;
  font-size: 1.8rem;
  right: 36px;
  top: 21px;
}
.support-page .support-list li.active .faq-a,
.support-page .support-list li.active .icon {
  color: #fff;
}


/* 室内遮阳系统 */
.i-solutions-one .solutions-one-list-box{
  margin-top: 35px;
}
.i-solutions-one .solutions-one-list-box ul{
  margin: -10px;
}
.i-solutions-one .solutions-one-list-box ul li{
  padding: 10px;
  margin-bottom: 30px;
}
.i-solutions-one .solutions-one-list-box .solutions-one-box p{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.i-solutions-two .solutions-two-list-box{
  margin-top: 35px;
}
.i-solutions-two .solutions-two-list-box ul{
  margin: -6px;
}
.i-solutions-two .solutions-two-list-box ul li{
  padding: 6px;
  margin-bottom: 30px;
}
.i-solutions-two .solutions-two-list-box .solutions-two-box p{
	font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}



/*联系我们*/
.i-contact .contact-box .fl input,
.i-contact .contact-box .fl textarea{
  width: 100%;
  padding: 10px 5px;
}
.i-contact .contact-box .fl input[type="submit"]{
  width: auto;
  padding: 10px 40px;
  font-weight: bold;
  color: white;
  background: #000000;
  border: none;
  margin-top: 10px;
}
.i-contact .contact-box .fl textarea{
  height: 120px;
}
.i-contact .contact-box .fl form{
  font-size: 13px;
}
.i-contact .contact-box .fl label{
  margin-top: 20px;
  display: block;
}
.i-contact .contact-box .fl label span{
  color: red;
}
.i-contact .contact-box h1{
  font-size: 24px;
}
.i-contact .contact-box .fl{
  width: 30%;
}
.i-contact .contact-box .fr{
  width: 50%;
  font-size: 16px;
}
.i-contact .contact-box .form-box{
  margin-top: 40px;
}
.i-contact .contact-box .fr p{
  margin: 10px 0;
  display: inline-block;
  width: 100%;
}
.i-contact .contact-box .fr p img{
  display: inline-block;
  margin: 0 10px;
}
.i-contact .contact-box .fr .tel-two{
  padding-left: 155px;
}
.i-contact .contact-box .fr .email-two{
  padding-left: 100px;
}
.i-contact .contact-box .fr ul{
  margin-top: 30px;
}
.i-contact .contact-box .i-map{
  margin-top: 10px;
}



/*联系我们*/
.i-contact .contact-box input,
.i-contact .contact-box textarea{
	width: 100%;
	padding: 10px 5px;
}
.i-contact .contact-box input[type="submit"]{
	width: auto;
	padding: 10px 40px;
	font-weight: bold;
	color: white;
	background: #000000;
	border: none;
	margin-top: 10px;
}
.i-contact .contact-box textarea{
	height: 120px;
}
.i-contact .contact-box form{
	font-size: 13px;
}
.i-contact .contact-box label span{
	color: red;
}
.i-contact .contact-box h1{
	font-size: 24px;
}
.i-contact .contact-box .fl{
	width: 30%;
}
.i-contact .contact-box .fr{
	width: 50%;
	font-size: 16px;
}
.i-contact .contact-box .form-box{
	margin-top: 40px;
}
.i-contact .contact-box .fr p{
	margin: 10px 0;
	display: inline-block;
	width: 100%;
}
.i-contact .contact-box .fr p img{
	display: inline-block;
	margin: 0 10px;
}
.i-contact .contact-box .fr .tel-two{
	padding-left: 155px;
}
.i-contact .contact-box .fr .email-two{
	padding-left: 100px;
}
.i-contact .contact-box .fr ul{
	margin-top: 30px;
}
.i-contact .contact-box .i-map{
	margin-top: 10px;
}
.i-contact .i-map .map input{
	width:auto;
	padding:0 10px;
	background:#da251d;
}

/*研发实力*/
.i-abilities .abilities-box-one{
	padding: 60px 0 80px;
}
.i-abilities .abilities-box-one .abilities-one-img{
	position: relative;
}
.i-abilities .abilities-box-one .abilities-one-img:before{
	content: "";
	height: 545px;
	width: 405px;
	border: 2px solid #dfdfdf;
	position: absolute;
	right: -20px;
	bottom: -20px;
	z-index: -1;
}
.i-abilities .abilities-box-one .fl{
	width: 37%;
}
.i-abilities .abilities-box-one .fr{
	width: 52%;
	padding-right: 6%;
}
.i-abilities .abilities-box-one .fr h1,
.i-team h1,
.i-patent h1{
	font-size: 36px;
	margin-top: 20px;
}
.i-team h1,
.i-patent h1{
	text-align: center;
}
.i-abilities .abilities-box-one .fr p{
	font-size: 16px;
	line-height: 40px;
	margin-top: 30px;
}
.i-abilities .abilities-box-one .fr .abilities-icon{
	margin-top: 20%;
}

.i-team .box{
	padding: 80px 0;
}
.i-team{
	background: #efefef;
}
.i-team .team-title p{
	font-size: 16px;
	line-height: 40px;
	padding: 0 3%;
	text-align: center;
	margin-top: 15px;
}
.i-team .team-list .team-body .team-img img{
	width: 100%;
}
.i-team .team-list .team-body p{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.i-team .team-list{
	margin-top: 40px;
}
.i-team .team-list .grid-box.four{
	margin: -6px;
}
.i-team .team-list .grid-box.four .column{
	padding: 6px;
}

.i-patent .patent-box .patent-list img{
	width: 100%;
}
.i-patent .patent-box{
	margin-top: 40px;
}
.i-patent .patent-box ul{
	margin: -6px;
}
.i-patent .patent-box ul li{
	padding: 6px;
}
.i-patent .box{
	padding: 20px 0 130px;
}
.i-patent button{
	width: 55px;
	height: 35px;
	border: 1px solid #CCCCCC;
	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 5;
	bottom: -75px;
}
.i-patent .slick-prev{
	background-image: url(../images/patent-pev.png);
	left: 45.5%;
}
.i-patent .slick-next{
	background-image: url(../images/patent-next.png);
	right: 45.5%;
}


.news-page .new-list {
  padding-top: 78px!important;
}
.news-page .new-list li {
  padding-bottom: 52px;
  margin-bottom: 65px;
  border-bottom: 2px solid #777777;
}
.news-page .new-list li:last-child {
  margin-bottom: 0;
}
.news-page .new-list li .new-pic {
  width: 30%;
}
.news-page .new-list li .new-con {
  width: 70%;
}
.news-page .new-list li .new-con .tit a {
  height: 48px;
  overflow: hidden;
  display: block;
  color: #777777;
  font-size: 21px;
  line-height: 24px;
}
.news-page .new-list li .new-con .tit a:hover {
  color: #004ca1;
}
.news-page .new-list li .new-con .abst {
  color: #777777;
  font-size: 16px;
  line-height: 27px;
  margin: 25px 0 35px;
}
.news-page .new-list li .new-con .abst a {
  color: #004ca1;
}
.news-page .new-list li .new-con .date span {
  color: #777777;
}
.news-page .new-list li .new-con .date span:last-child {
  margin-left: 20px;
  text-transform: capitalize;
}
.news-page .new-list li:last-child {
  margin-bottom: 50px;
}
.newdet-page .news {
  padding: 50px 0 60px!important;
  color: #777777;
}
.newdet-page .news .news_title h1 {
  padding-bottom: 10px;
  font-size: 30px;
  text-align: center;
  color: #222;
}
.newdet-page .news .news_date {
  text-align: center;
  line-height: 22px;
  border-bottom: 1px solid #555;
  padding-bottom: 5px;
}
.newdet-page .news .news_abst {
  border-bottom: 1px solid #555;
  padding: 10px 0;
}
.newdet-page .news .news_abst p {
  display: inline-block;
}
.newdet-page .news .news_contents {
  color: #555;
  line-height: 24px;
  clear: both;
  margin-top: 10px;
  border-bottom: 1px solid #555;
  padding: 20px 0 40px;
}
.newdet-page .news .news_contents.page {
  border-bottom: none;
}
.newdet-page .news .news_contents a {
  color: #555;
  font-size: 16px;
  line-height: 24px;
}
.newdet-page .news .news_contents p,
.newdet-page .news .news_contents div,
.newdet-page .news .news_contents span,
.newdet-page .news .news_contents table {
  color: #555;
  font-size: 14px;
  line-height: 24px;
  clear: both;
}
.newdet-page .news .news_next {
  width: 99%;
  margin-top: 0px;
  padding-left: 5px;
  border-top: 0px solid #CCC;
  text-align: left;
  padding-top: 10px;
}
.newdet-page .news .news_next a {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #777;
  font-size: 15px;
  margin-left: 5px;
}
.newdet-page .news .news_next a:hover {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #000;
}
.newdet-page .news .newsnav {
  margin-bottom: 30px;
}



/*室内遮阳系统*/
.single-solution-box .news-list-border{
  padding: 65px 0 45px;
  border-bottom: none;
}
.single-solution-box .single-solution-init1{
  background: #eaebee;
}
.single-solution-box .single-solution-init1 .box{
  padding: 100px 0 80px;
}
.single-solution-box .single-solution-init1 h3{
  border-bottom: 2px solid #9d9ea0;
}
.single-solution-box .single-solution-init1 h3 span{
  position: relative;
  font-size: 20px;
  display: inline-block;
  line-height: 40px;
  font-weight: bold;
}
.single-solution-box .single-solution-init1 h3 span:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #d92532;
  bottom: -2px;
  left: 0;
}
.single-solution-box .single-solution-init1 .fl{
  width: 42%;
}
.single-solution-box .single-solution-init1 .fl p{
  font-size: 15px;
  line-height: 40px;
  margin-top: 40px;
}
.single-solution-box .single-solution-init1 .fr{
  width: 43%;
}
.single-solution-box .single-solution-init1 .fr .solution-right{
  margin-top: 25px;
	font-size:15px;
}
.single-solution-box .single-solution-init2 .box{
  padding: 60px 0 100px;
}
.single-solution-box .single-solution-init2 .fl h5{
  font-size: 16px;
  font-weight: bold;
}
.single-solution-box .single-solution-init2 .fl ul{
  margin-top: 45px;
}
.single-solution-box .single-solution-init2 .fl ul li{
  margin-bottom: 20px;
	font-size:15px;
}
.single-solution-init2 .fl{
	width:20%;
}

.single-solution-init2 .fr{
  width: 80%;
}
.single-solution-init2 .fr ul{
  margin: -8px;
  text-align: left;
  font-size: 0;
}
.single-solution-init2 .fr ul li{
  padding: 8px;
  display: inline-block;
  width: 25%;
}
.single-solution-init2 .fr .products-color-box{
  height: auto;
  padding-bottom: 30%;
  background: #eaebee;
  overflow: hidden;
}
.single-solution-init2 .fr .products-img{
  height: 65%;
  /* border: 1px solid #000000; */
}
.single-solution-init2 .fr .products-img img{
  width: 100%;
  height: 100%;
}
.single-solution-init2 .fr .products-img-title{
  height: 35%;
  /* border: 1px solid #000000; */
  text-align: center;
}
.single-solution-init2 .fr .products-img-title h5{
  font-size: 18px;
  line-height: 30px;
  transition: .5s ease;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;
}
.single-solution-init2 .fr .products-img-title h6{
  font-size: 15px;
  transition: .5s ease;
}
.single-solution-init2 .fr .products-color-box .warp .title-box .warp-top{
  text-align: left;
  padding: 25px 30px 0;
}
.single-solution-init2 .fr .products-color-box .warp .title-box .warp-top h5{
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 24px;
  margin-bottom: 5px;
}
.single-solution-init2 .fr .products-color-box .warp .title-box .warp-top p{
  font-size: 14px;
  line-height: 30px;
}



/*招聘*/
.recruitment-more{
  color: #da251d;
}
.recruitment-more i{
  margin-left: 10%;
}
.recruitment-a{
  font-size: 0;
  padding: 20px 0;
  border-bottom: 2px solid #c1c1c1;
}
.recruitment-dd{
  display: inline-block;
  text-align: center;
  font-size: 16px;
  vertical-align:middle;
}
.recruitment-dt{
  display: inline-block;
  font-size: 16px;
  color: white;
  text-align: center;
  vertical-align: middle;
}
.recruitment-dt:first-child,
.recruitment-dd:first-child{
  width: 15%;
}
.recruitment-dt:nth-child(2),
.recruitment-dd:nth-child(2){
  width: 20%;
}
.recruitment-dt:nth-child(3),
.recruitment-dd:nth-child(3){
  width: 15%;
}
.recruitment-dt:nth-child(4),
.recruitment-dd:nth-child(4){
  width: 20%;
}
.recruitment-dt:nth-child(5),
.recruitment-dd:nth-child(5){
  width: 15%;
}
.recruitment-dt:last-child,
.recruitment-dd:last-child{
  width: 15%;
}
.recruitment-title{
  background: #d92532;
  padding: 20px 0;
  font-size: 0;
}

.recruitment-page .recruitment-list{
  margin-top: 35px;
}
.recruitment-page .recruitment-list li {
  cursor: pointer;
  position: relative;
}

.recruitment-page .recruitment-list li .faq-q {
  font-size: 16px;
  padding: 30px 25px 60px;
  background: #f5f5f5;
  display: none;
}



.down-page .down-title{
	background: #d6000f;
	font-size: 0;
	padding: 10px 0;
	color: white;
}
.down-page .down-title .down-dt{
	display: inline-block;
	font-size: 16px;
}
.down-page .down-title .down-dt:first-child,
.down-page ul li .down-a .down-dd:first-child{
	width: 40%;
	text-align: left;
	padding-left: 5%;
}
.down-page .down-title .down-dt:nth-child(2),
.down-page ul li .down-a .down-dd:nth-child(2){
	width: 35%;
}
.down-page .down-title .down-dt:last-child,
.down-page ul li .down-a .down-dd:last-child{
	width: 25%;
}
.down-page ul li .down-a{
	/* background: #CCCCCC; */
	font-size: 0;
	/* color: #d6000f; */
}
.down-page ul li .down-a .down-dd{
	display: inline-block;
	font-size: 16px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px 0;
}
.down-page ul li .down-a .down-dd:last-child{
	border-right: 1px solid #CCCCCC;
}
.down-page{
	margin-top: 35px;
}




.about-one-video .about-video-btn{
	cursor:pointer;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		font-size: 25px;
		width: 95px;
		height: 95px;
		text-align: center;
		line-height: 95px;
		color: white;
		background: #d6000f;
		border-radius: 100%;
	}
	.about-one-video .yuan-1{
		right: -100px;
		top: -100px;
		transition: 1s ease;
		opacity: 0;
	}
	.about-one-video .yuan-2{
		left: 50px;
		bottom: -100px;
		transition: 1.5s ease;
		opacity: 0;
	}
	.about-one-video .yuan-3{
		right: -100px;
		bottom: -150px;
		transition: 1.3s ease;
		opacity: 0;
	}
	.about-one-video .yuan-1.active{
		right: 0!important;top: 32px!important;
		opacity: 1!important;
	}
	.about-one-video .yuan-2.active{
		left: 150px!important;bottom: -13px!important;
		opacity: 1!important;
	}
	.about-one-video .yuan-3.active{
		right: 0px!important;bottom: -105px!important;
		opacity: 1!important;
	}

.about-one .box .about-one-video .about-video-box{
	background: url(../images/about-video-bg.jpg)no-repeat center;
}
/* #page4 a{
	font-size:18px;
	display:inline-block;
	text-align:center;
}
#page4 a .fa-file-pdf-o{
	color:#999999;
	transition:.3s ease;
}
#page4 a .fa-download{
	transition:.3s ease;
}
#page4 a p{
	margin-top:10px;
}
#page4 a:hover .fa-file-pdf-o,
#page4 a:hover .fa-download{
	color:#da251d;
} */

#page4 .download-a{
	font-size:0;
	background:white;
	border:1px solid #c1c1c1;
	box-shadow:5px 5px 10px 0 #ccc;
}
#page4 .download-a i{
	color:#da251d;
}
#page4 .recruitment-dd.download-btn{
	color:#da251d;
}
#page4 .recruitment-dd:first-child{
	width:10%;
}

#page4 .recruitment-dd:nth-child(2){
	width:70%;
	text-align:left;
}
#page4 .recruitment-dd:nth-child(3){
	width:20%;
}



	
	.nav .menu .language {
	  /* border-left: 1px solid white; */
	  /* margin-left: 20px; */
	  padding-left: 20px;
	  /* margin-top: 30px; */
	}
	.nav .menu .language a {
	  vertical-align: super;
	  font-size: 16px;
	  color: white;
	}
	.nav .menu .language a img {
	  vertical-align: text-bottom;
		width:18px;
		height:18px;
	  /* margin-right: 5px; */
	}
	.active ul.sub-menu {
	  -webkit-perspective: 500px;
	  perspective: 500px;
	  transform-style: preserve-3d;
	  text-align: left;
	  position: absolute;
	  background: #fff;
	  top: 100%;
	  right: 8%;
	  width: 60px;
	  transform: rotate3d(1, 0, 0, -90deg);
	  -webkit-transform: rotate3d(1, 0, 0, -90deg);
	  -moz-transform: rotate3d(1, 0, 0, -90deg);
	  -ms-transform: rotate3d(1, 0, 0, -90deg);
	  -o-transform: rotate3d(1, 0, 0, -90deg);
	  -webkit-transform-origin: 0 0 0;
	  -moz-transform-origin: 0 0 0;
	  transform-origin: 0 0 0;
	  opacity: 0;
	  transition: transform 0.5s, opacity 0.5s;
	  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
	  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
	  display: none \9;
	}
	.active ul.sub-menu li a{
	  display: block;
	  float: none;
	  padding: 0 15px;
	  line-height: 40px;
	  font-size: 12px!important;
	  color: #000000!important;
	  -webkit-transition: .5s;
	  -moz-transition: .5s;
	  -ms-transition: .5s;
	  -o-transition: .5s;
	  transition: .5s;
	  text-transform: capitalize;
	}
	
	.active ul.sub-menu li:hover a{
	  background: #000000;
	  color: white!important;
	}
	.active:hover ul.sub-menu {
	  -moz-opacity: 1;
	  -khtml-opacity: 1;
	  opacity: 1;
	  transform: rotate3d(0, 0, 0, 0);
	  -webkit-transform: rotate3d(0, 0, 0, 0);
	  -moz-transform: rotate3d(0, 0, 0, 0);
	  -ms-transform: rotate3d(0, 0, 0, 0);
	  -o-transform: rotate3d(0, 0, 0, 0);
	  display: block \9;
	}


/* 下载页 */
.download-page{
	margin-top: 35px;
}
.download-a{
	font-size: 0;
	padding: 10px 0;
	border-bottom: 1px solid #c1c1c1;
}
.download-page .recruitment-dd{
	display: inline-block;
	text-align: center;
	font-size: 16px;
}
.download-page .recruitment-dt{
	display: inline-block;
	font-size: 16px;
	color: white;
	text-align: center;
	vertical-align: middle;
}
.download-page .recruitment-dd:first-child{
	width: 10%;
}
.download-page .recruitment-dd:nth-child(2){
	width: 70%;
	text-align: left;
}
.download-page .recruitment-dd:nth-child(3){
	width: 20%;
}
.download-page .recruitment-dd.download-btn{
	color: #da251d;
}
.download-page .recruitment-dd i{
	color: #da251d;
}
.download-page .recruitment-title{
	background: #d92532;
	padding: 20px 0;
	font-size: 0;
}

.download-list ul li:last-child .download-a{
	border-bottom: none;
}
.download-list ul{
	border: 1px solid #c1c1c1;
	box-shadow: 5px 5px 10px 0 #ccc;
}


/* 产品视频按钮 */
.products-video-box{
	margin-top:30px;
}
.products-video-box .products-video-btn{
	display:inline-block;
	background:#da251d;
	color:white;
	padding:5px 40px;
	border-radius:5px;
	cursor:pointer;
}
.products-video-box .products-video-btn i{
	margin-right:10px;
}


@media screen and (max-width: 1230px) {
	.products-xq-one .box{
		padding:100px 0 50px;
	}
	.products-xq-two .box{
		padding:50px 0;
	}
	.products-xq-three .box{
		padding:50px 0;
	}
}
@media screen and (max-width: 970px) {
	.single-solution-init2 .fr ul li{
		width:33%;
	}
}
@media screen and (max-width: 768px) {
	.single-solution-init2 .fr ul li{
		width:50%;
	}
}

@media screen and (max-width: 660px) {
	.single-solution-init2 .fr{
		width:100%;
	}
	
	.single-solution-init2 .fl{
		width:100%;
	}
}


.foot-icp{
	background-color: #323232;
	color: gray;
	font-size: 14px;
}
.foot-icp .box{
	padding:20px 0;
}