/**********display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; ***********/
#loading{position: fixed;top: 0;left: 0;width: 100%;height: 100%; background:url(../images/banner0.jpg) no-repeat;z-index: 9999999;overflow: hidden; text-align:center}
#spinner{ height:100%; text-align:center}
#loading img{ position:relative; top:50%; margin-top:-95px; width:333px;}
.wechat,.wechat2{ position:relative;}
.wechat-code{
    position: absolute;
    top: 50px;
    left: 0;
    margin-left: -25px;
    z-index: 1000;
    display: none;
	width:110px;
	background:#fff;
	padding:5px;
}
.wechat-code2{
    position: absolute;
    top: 0;
    left: 45px;
    z-index: 1000;
    display: block;
	width:110px;
	background:#fff;
	padding:5px;
}

html, body {
	width:100%;
	height:100%;
}
.section .mt20 {
	margin:0;
}
section, article {
	width:100%;
	/*min-width:1000px;
	height:100%;*/
	position:relative;
}
article .txthide {
	text-indent:-999999em;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	display:none;
}
.sectionTitle {
	width:100%;
	height:55%;
	margin:0 auto;
	padding-top:0px;
	text-align:center;
	position:absolute;
	top:7%;
	left:0;
	opacity:0;
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	transform:translateY(-30px);
	-webkit-transition:all 1s ease-out;
	transition:all 1s ease-out;
	z-index:8;
}
.fadeInDown .sectionTitle {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
.sectionWrapper {
	width:100%;
	margin:0 auto;
}
.sectionBtndiv {
	width:100%;
	position:absolute;
	bottom:auto;
	left:0px;
	text-align:center;
	z-index:10;
}
.sectionBtnsub {
	width:13%;
	margin:0 auto;
	text-align:center;
	display:block;
	max-width:195px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>195?"195px":"13%");
}
.sectionBtnsub img {
	width:100%;
}
.sectionbg {
	width:100%;
	height:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
	z-index:1;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");
}
.section1, .section2, .section3, .section4, .sectionbg5 {
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.section1 {
	background:#419dea;
}
.section2 {
	background:url(../images/index1.jpg) no-repeat center center;
	background-size:cover;
}
.section3 {
	background:#121212;
}
.section4 {
	background:url(../images/index2.jpg) no-repeat center center;
	background-size:cover;
}
.section5 {
	background:#fff;
}
.section6 {
	background:#fff;
}
.secitonbottombg {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:20%;
	left:0px;
	z-index:1;
}
.section1 .secitonbottombg {
	position:absolute;
	bottom:0;
	left:0;
}
.section2 .secitonbottombg img, .section5 .secitonbottombg img, .section6 .secitonbottombg img {
	width:70%;
	max-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1000px":"70%");
}
.section3 .secitonbottombg img, .section4 .secitonbottombg img {
	width:79%;
	max-width:1128px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1128px":"79%");
}
.section1 .secitonbottombg img {
	width:100%;
	max-width:1622px;
	height:auto;
	max-height:705px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1622px":"100%");
}
.section2 .secitonbottombg img {
	height:auto;
	max-height:510px;
}
.section3 .secitonbottombg img {
	height:auto;
	max-height:610px;
}
.section4 .secitonbottombg img {
	height:auto;
	max-height:578px;
}
.section5 .secitonbottombg img {
	height:auto;
	max-height:530px;
}
.section6 .secitonbottombg img {
	height:auto;
	max-height:630px;
}
.section1 .sectionTitle {
	text-align:center;
	opacity:1;
	top:28%;
	_top:26%;
	left:20%;
	z-index:30;
}
.section1 .sectionTitle h2 {
	position:absolute;
	top:0;
	left:0;
	height:52%;
	width:100%;
	text-align:center;
}
.section1 .sectionTitle h2 img {
	height:100%;
	width:auto;
}
.section1 .dload {
	position:absolute;
	top:60%;
	left:0;
	height:40%;
	width:100%;
	text-align:center;
}
.section1 .iph_dload {
	position:absolute;
	top:60%;
	left:0;
	height:18%;
	width:100%;
	text-align:center;
}
.section1 .iph_dload img, .section1 .andr_dload img {
	height:100%;
	width:auto;
}
.section1 .andr_dload {
	position:absolute;
	top:85%;
	left:0;
	height:18%;
	width:100%;
	text-align:center;
}
.section6 .secitonbottombg a {
	position:absolute;
	left:0;
	bottom:5%;
	height:15%;
	width:100%;
	z-index:99;
}
.section6 .secitonbottombg a img {
	height:100%;
	width:auto;
}
/*回到顶部*/
.arrow_down {
	position:absolute;
	bottom:10%;
	left:49%;
	z-index:100;
}
#arrow_up {
	display:none;
	position:fixed;
	bottom:100px;
	right:50px;
	width:90px;
	height:90px;
	z-index:60;
	_position:absolute;
 _right:expression(eval(document.documentElement.scrollright+1000));
 _top:expression(eval(document.documentElement.scrollTop+700));
}

.secitonDesc2{ font-size:22px; color:#343434; text-align: justify; position:relative;}
.secitonDesc2 .secitonBox{ width:30%; height:600px; position:absolute; left:25%; top: 50%; transform: translate(0, -50%);}
.secitonDesc2 h3{ font-size:160px; font-weight:normal; line-height:60px; font-family:fz; padding:30px 0 0;}
.secitonDesc2 h3 span{ font-size:40px; font-weight:normal;}
.secitonDesc2 h4{ font-size:40px;}

.secitonDesc3{ overflow:hidden; position:relative;}
.secitonDesc3 .secitonBox{ width:100%; padding:4% 5%; position:absolute; top: 50%; transform: translate(0, -50%);}
.secitonDesc3 .secitonBox-container{ position:relative;}
.secitonDesc3 .secitonDesc3Left{ float:left; width:55%; font-size:80px; font-weight:normal; line-height:75px; font-family:fz; position:absolute; bottom:4%;}
/*.secitonDesc3Left .num{ color:#4b9e35;}
.secitonDesc3Left .note{ color:#505050;}
.secitonDesc3Right{ width:30%; font-size:28px; line-height:45px; color:#4b9e35; position:absolute; bottom:4%; right:0;}
.more{ background:url(../images/icon1.png) no-repeat left center; padding:0 0 0 120px; font-size:22px; color:#4b9e35; height:40px; line-height:40px; margin:50px 0 0; display:block;}
.more2{ background:url(../images/icon1-.png) no-repeat left center; padding:0 0 0 120px; font-size:22px; color:#2b2b2b; height:40px; line-height:40px; margin:50px 0 0; display:block;}
.more2 a{ color:#2b2b2b;}
.more3{ background:url(../images/icon1-w.png) no-repeat left center; padding:0 0 0 120px; font-size:22px; color:#fff; height:40px; line-height:40px; margin:20px 0 0; display:block;}

.secitonDesc4{ width:30%; color:#fff; padding:8% 0 15% 5%;}
.secitonDesc4 h3{ font-size:100px; line-height:100px; font-family:fz;}
.secitonDesc4 p{ font-size:45px; padding:20px 0 0; font-weight:lighter;}*/

.secitonDesc5{ width:30%; color:#2e2e2e; padding:5% 0 0 5%;}
.section5Wrapper{ position:absolute; top: 50%; transform: translate(0, -50%);}
.secitonDesc5 h3{ font-size:90px; font-weight:bold; line-height:90px; font-family:fz;}
.secitonDesc5List{ padding:5%; overflow:hidden;}
.secitonDesc5List li{ float:left; width:23.5%; margin:0 2% 3% 0;}
.secitonDesc5List li:nth-of-type(4n){ margin:0 0 3% 0;}
.secitonDesc5List li span{ display:none;}
.secitonDesc5List li:hover span{ display:block;}
.secitonDesc5List li:hover p{ display:none;}

/*--------------------------------------------------------------
 # Slider / Slick
 --------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  outline: 0;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
#slider-home-top {

}
#slider-home-top .slide-home-top,#slider-home-top-wap .slide-home-top {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#slider-home-top .slide-home-top a,#slider-home-top-wap .slide-home-top a{ display:block; height:100%;}
#slider-home-top i,#slider-home-top-wap i {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 84px;
  z-index: 1;
  margin-top: -40px;
  opacity:0.4;
  filter:alpha(opacity=40);
}
#slider-home-top i.arrow-icon-left,#slider-home-top-wap i.arrow-icon-left {
  left: 2.6041666667%;
}
#slider-home-top i.arrow-icon-right,#slider-home-top-wap i.arrow-icon-right {
  right: 2.6041666667%;
}
#slider-home-top .slide-content-wrapper,#slider-home-top-wap .slide-content-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
#slider-home-top .slide-content-wrapper p,#slider-home-top-wap .slide-content-wrapper p {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  padding-left: 9.375%;
  padding-right: 9.375%;
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1.1;
}
body.zh-hans #slider-home-top .slide-content-wrapper p {

}
@media screen and (max-width:1680px) {
  .second-navigation {
	  display:block;
  }
  .main-navigation{ display:none;}
  .site-branding{ height:70px;}
  .site-branding img{ width: 90px; margin-top: -18px; left: 50%;}
}

@media screen and (max-width: 1550px) {
  #slider-home-top .slide-content-wrapper p {
    font-size: 92px;
    font-size: 5.75rem;
  }
}
@media screen and (max-width: 1350px) {
  #slider-home-top .slide-content-wrapper p {
    font-size: 80px;
    font-size: 5rem;
  }
}
@media screen and (max-width: 1250px) {
  #slider-home-top .slide-content-wrapper p {
    font-size: 76px;
    font-size: 4.75rem;
  }
}
@media screen and (max-width: 1100px) {
  #slider-home-top .slide-content-wrapper p {
    font-size: 68px;
    font-size: 4.25rem;
  }
}
@media screen and (max-width: 850px) {
  #slider-home-top .slide-content-wrapper p {
    font-size: 56.8px;
    font-size: 3.55rem;
    padding-left: 70px;
    padding-right: 70px;
  }
  #slider-home-top i {
    font-size: 70px;
    margin-top: -40px;
  }
  #slider-home-top i.fa-angle-left {
    left: 20px;
  }
  #slider-home-top i.fa-angle-right {
    right: 20px;
  }
}
@media screen and (max-width: 700px) {
  #slider-home-top .slide-content-wrapper p,#slider-home-top-wap .slide-content-wrapper p {
    font-size: 52px;
    font-size: 3.25rem;
  }
}
@media screen and (max-width: 600px) {
  #slider-home-top .slide-content-wrapper p,#slider-home-top-wap .slide-content-wrapper p {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.flex-centerbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gq--about-intro-7 video{ width:100vw; height: 100vh; background-color: #000; -o-object-fit: cover; object-fit: cover; display: block;}

/*.gq--top-index .content-wrapper img{ width:330px; height:190px; display:block;}
.gq--top-index .content-wrapper .gq--top-index-img{ position:absolute; left:50%; top: 50%; margin:-95px 0 0 -165px;}
.gq--about-intro-2 .content-wrapper img{ width:750px; display:block; margin:165px auto 0;}

*/
.gq--top-index{ width:100%; height:100%; padding: 0 60px 0 44px; overflow:hidden;}
.gq--top-index .animation-wrapper{  width:100%; height:100%; background:url(../images/indexbg.jpg) repeat;}
.gq--top-index .image-wrapper{  width:100%; height:100%; background:url(../images/indexbg.png) no-repeat left bottom;}
.gq--top-index .content-wrapper h3{ color:#211815; font-size:145px; line-height:145px; font-family:YIYI; position:absolute; left:110px; top:256px;}
.gq--top-index .content-wrapper .img1{ position:absolute; left:475px; top: 0;}
.gq--top-index .content-wrapper .img2{ position:absolute; left:100px; top: 180px;}
.gq--top-index .content-wrapper .img3{ position:absolute; left:580px; top: 300px;}

.gq--about-intro-2 { width:100%; height:100%; padding: 0 60px 0 44px; overflow:hidden;}
.gq--about-intro-2 .animation-wrapper{ width:100%; height:100%; background:#e4ff1d;}
.gq--about-intro-2 .image-wrapper{ color:#211815; width:100%; height:100%; background:url(../images/indexbg.png) no-repeat left bottom;}
.gq--about-intro-2 .content-wrapper h3{ color:#211815; font-size:155px; line-height:155px; font-family:YIYI; position:absolute; left:100px; top:50px;}
.gq--about-intro-2 .content-wrapper h4{ color:#211815; font-size:68px; line-height:90px; font-weight:bold; position:absolute; left:100px; top:230px;}
.gq--about-intro-2 .content-wrapper .note{ font-size:32px; line-height:47px; font-weight:lighter; position:absolute; left:100px; top:550px;}
.gq--about-intro-2 .content-wrapper .line{ position:relative; background:none; margin:0 0 100px;}
.gq--about-intro-2 .content-wrapper .line:after{ content: ""; width:130px; height:1px; background:#211815; position: absolute; left:0; bottom:-50px; transform:rotate(-35deg);
-ms-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);-o-transform:rotate(-35deg);}
.gq--about-intro-2 .content-wrapper .Mmore{ font-size:24px; line-height:20px; font-family:YIYICN; position:absolute; right:100px; top:775px;}
.gq--about-intro-2 .content-wrapper .Mmore a{ width:216px; height:55px; display:block; position:relative;}
.gq--about-intro-2 .content-wrapper .Mmore a:before{ content: ""; width:170px; height:1px; background:#211815; position: absolute; bottom:0; left:0;}
.gq--about-intro-2 .content-wrapper .Mmore a:after{ content: ""; width:55px; height:1px; background:#211815; position: absolute; bottom:22px; left:158px; transform:rotate(-55deg);
-ms-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-webkit-transform:rotate(-55deg);-o-transform:rotate(-55deg);}
.gq--about-intro-2 .content-wrapper .Mmore a:hover{ color:#333;}

.gq--about-intro-3 { width:100%; padding: 0 60px 0 44px; margin:40px 0 0; overflow:hidden;}
.gq--about-intro-3 .animation-wrapper{ width:100%; height:auto !important; position:static !important;}
.gq--about-intro-3 .content-wrapper{ position:static !important;}
.gq--about-intro-3 .image-wrapper{ color:#211815; width:100%; height:100%; background:#d4d4d4;}
.gq--about-intro-3 .jutong09{ padding: 0 60px 0 44px;}
.tab {
	width:100%;
	color:#211815;
}
.tab ul.tabnav{ overflow:hidden;border:1px solid #211815;}
.tab ul.tabnav li {
	float:left;
	width:33%;
	border-right:1px solid #211815;
	height:82px;
	line-height:82px;
	font-size:36px;
	color:#211815;
	font-family:YIYICN;
	text-align:center;
}
.tab ul.tabnav li:hover{ color:#211815;}
.tab ul.tabnav li:last-child{ border-right:none;}
.tab .btn {
	color:#e4ff1d;
	background:url(../images/icon-a.png) no-repeat bottom center;
	background-size:24px;
	height:82px;
	display:block;
}
.clearfix::before,.clearfix::after {
	display:block;
	content:"";
	clear:both;
}
.jutong09-caselist{ 
	width:100%;
	height:82px;
	margin:120px 0 50px;
}
.con {
	margin-top:10px;
	margin-left:10px;
}
.con-1 {
	font-size:13px;
	display:none;
}
.active {
	display:block;
	color:#e4ff1d;
}

.gq--about-intro-7 { width:100%; height:100%; padding: 44px 60px 44px 44px; overflow:hidden;}
.gq--about-intro-7 .animation-wrapper{ width:100%; height:100%;}
.gq--about-intro-7 .image-wrapper{ color:#211815; width:100%; height:100%; padding:0 22px; background:#d4d4d4;}

.gq--about-intro-4 { width:100%; height:100%; padding: 0 60px 0 44px; overflow:hidden;}
.gq--about-intro-4 .animation-wrapper{ width:100%; height:100%; background:#3d74f2;}
.gq--about-intro-4 .image-wrapper{  width:100%; height:100%; background:url(../images/indexbg.png) no-repeat left bottom;}
.gq--about-intro-4 .content-wrapper{ padding: 120px 60px 0 44px; overflow:hidden;}
.gq--about-intro-4 .section{ width:1440px; margin:0 auto;}
.advantage_box{ float:left; width:31.6%; margin:0 2.6% 0 0; padding:0 0 0 5%;}
.advantage_box:nth-of-type(3n){ margin:0;}
.advantage_box .note1{ font-size:33px; line-height:30px; position:relative; padding:0 0 10px;}
.advantage_box .note1 p{ font-family:YIYICN;}
.advantage_box .note1 h3{ font-size:21px; font-weight:bold; margin:60px 0 0;}
.advantage_box .note1:before{ content: ""; width:270px; height:1px; background:#211815; position: absolute; bottom:0; left:0;}
.advantage_box .note1:after{ content: ""; width:50px; height:1px; background:#211815; position: absolute; bottom:17px; left:262px; transform:rotate(-45deg);
-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}

.advantage_box .note2{ font-size:21px; line-height:30px; font-weight:lighter; position:relative; padding:80px 0 0;}
.advantage_box .note2 h3{ font-size:21px; font-weight:bold; margin:60px 0;}

.gq--about-intro-5 { width:100%; height:100%; padding: 0 60px 0 44px; background:#fff; overflow:hidden;}
.gq--about-intro-5 .animation-wrapper{ width:100%; height:100%; }
.gq--about-intro-5 .image-wrapper{  width:100%; height:100%;}
.gq--about-intro-5 .content-wrapper{ padding: 120px 60px 0 44px; overflow:hidden;}

.gq--about-intro-5-caselist {width:100%;color:#211815; overflow:hidden;border:1px solid #211815;}
.gq--about-intro-5-caselist li a{
	float:left;
	width:50%;
	border-right:1px solid #211815;
	height:82px;
	line-height:82px;
	font-size:36px;
	color:#211815;
	font-family:YIYICN;
	text-align:center;
}
.gq--about-intro-5-caselist li a:hover{ color:#211815;}
.gq--about-intro-5-caselist li:last-child a{ border-right:none;}

.gq--about-intro-5-box{ float:left; width:50%; min-height:720px; padding:40px; background:url(../images/bg4.png) no-repeat left bottom; background-size:cover;}
.gq--about-intro-5-box li{ font-size:16px;}
.gq--about-intro-5-box li a{ line-height:50px; font-size:16px;}
.gq--about-intro-5-box .Mmore{ font-size:24px; line-height:20px; font-family:YIYICN; position:absolute; left:80px; top:70%;}
.gq--about-intro-5-box .Mmore a{ width:216px; height:55px; display:block; position:relative;}
.gq--about-intro-5-box .Mmore a:before{ content: ""; width:170px; height:1px; background:#211815; position: absolute; bottom:0; left:0;}
.gq--about-intro-5-box .Mmore a:after{ content: ""; width:55px; height:1px; background:#211815; position: absolute; bottom:22px; left:158px; transform:rotate(-55deg);
-ms-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-webkit-transform:rotate(-55deg);-o-transform:rotate(-55deg);}

.gq--about-intro-5-box2{ float:left; width:50%; min-height:720px; padding:80px 140px 0; font-size:21px; line-height:30px;}
.gq--about-intro-5-box2 h1{ font-size:24px; line-height:28px; font-weight:bold;}
.gq--about-intro-5-box2 .title{ font-size:16px; line-height:20px; font-family:YIYICN; padding:50px 0 10px;}
.gq--about-intro-5-box2 .we2{ padding:90px 0 20px;}
.gq--about-intro-5-box2 ul{ overflow:hidden;}
.gq--about-intro-5-box2 ul li{ float:left; margin:0 52px 0 0;}
.gq--about-intro-5-box2 ul li p{ padding:10px 0;}

/****PRODUCTS END****/
.layer-right {
	display:none
}

.ccCase1,.ccCase2,.ccCase3 { overflow:hidden; margin-bottom:-19px;}
.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  position:absolute;
  bottom:30px;
}
.slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border:1px solid #333;
  border-radius: 50%;
  margin:0 12px 0 0;
  padding:0;
  float:none;
}
.slick-dots ul{display:inline-block;}
.slick-dots li span{ background:none; width:auto; height:auto; line-height:none;}
.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dots li.slick-active {
  background: #333;
}

.contact .gq--about-intro-5-box2{ float:n; width:100%; padding:30px 0;}

.about-partner { width:1280px; padding:30px 0 0; overflow:hidden; margin:0 auto;}
.about-partner ul{ overflow:hidden;}
.about-partner ul li{ float:left; width:17%; margin:3% 3.6% 3% 0;}
.about-partner ul li:nth-of-type(5n){ margin:3% 0;}
.about-partner ul li img { display:block; margin:0 auto; }
.about-partner ul li em{ display:none;}
.about-partner ul li:hover em{ display:block;}
.about-partner ul li:hover p{ display:none;}
#categoryshow{ display:none;}

.ivideo{ width: 77px; height: 77px; display: block; background: url(../images/icon_06.png) no-repeat; z-index:10; position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%);}

@media (min-width: 1920px) and (min-height:1080px){ /***全屏下***/
.secitonDesc3 .secitonDesc3Left{ line-height:75px;}
.secitonDesc5{ padding:8% 0 0 5%;}
}
@media (min-width: 1920px) and (max-height:980px){ /*火狐有菜单*/
.secitonDesc3 .secitonDesc3Left, .secitonDesc3Right{ bottom:2.5%;}
}


@media (max-width: 1919px){/**fangyan bijiben**/


}


@media (max-width: 1679px) and (max-height:1080px) { /***小于***/
.gq--about-intro-2 .content-wrapper .Mmore{ right:90px;}
.box-contact{ padding:180px 0 120px 200px;}
}

@media (max-width: 1440px) {
.header{ padding:0 44px;}
.gq--top-index{ padding:0 44px;}
.gq--top-index .content-wrapper img{ width:58%;}
.gq--top-index .content-wrapper .img1{ position:absolute; left:475px; top: 30px;}
.gq--top-index .content-wrapper .img2{ position:absolute; left:100px; top: 180px;}
.gq--top-index .content-wrapper .img3{ position:absolute; left:510px; top: 350px;}
.gq--about-intro-2{ padding:0 44px;}
.gq--about-intro-2 .content-wrapper h3{ font-size:135px;}
.gq--about-intro-2 .content-wrapper h4{ font-size:48px; line-height:70px;}
.gq--about-intro-2 .content-wrapper .note{ font-size:26px; top:580px;}
.gq--about-intro-2 .content-wrapper .Mmore{ right:80px; top:800px;}
.gq--about-intro-3 .jutong09{ padding:0 22px;}
.jutong09 .jutong09-container{ width:100%;}
.jutong09 .box-1{ width:60%; height:auto; background:none;}
.jutong09 .box-2{ width:90%; height:auto; margin:0 auto; background:none;}
.cd-tabs-content li:nth-child(2) .box-2,.cd-tabs-content li:nth-child(3) .box-2{ width:90%; height:auto; margin:0 auto; background:none; }

.jutong09 .box-1 .pic img{ max-width:100%; display:block; margin:0 auto;}
.jutong09 .box-1 .note{ position:static; margin:0 auto; width:100%;}
.jutong09 .box-1 .note h3,.jutong09 .box-2 .note h3{ font-size:18px;}
.jutong09 .box-1 .note p,.jutong09 .box-2 .note p{ font-size:14px;}
.jutong09 .box-2 .pic img{ max-width:100%; display:block; margin:0 auto;}
.jutong09 .box-2 .note h3{ padding:12px 0 0;}
.jutong09 .box-2 .note{ position:static; margin:0 auto; width:100%;}

.gq--about-intro-4{ padding:0 44px;}
.gq--about-intro-4 .section{ width:100%;}
.gq--about-intro-4 .content-wrapper{ left:0;}
.gq--about-intro-7{ padding:44px;}
.gq--about-intro-5 .content-wrapper{ padding:60px 44px 0;}

.box-contact{ padding:170px 0 120px 200px;}
.box-left{ font-size:105px; line-height:105px;}
.box-right{ font-size:35px;}
.box-contact .box-right{ bottom:120px;}

.i-service{	padding:0}
.i-service-title{ font-size:80px; line-height:80px; padding:0 0 40px;}
.i-service-title .i03{ font-size:20px; line-height:30px; padding:0 10px 0 0;}
.daohang ul li a{ font-size:14px; font-weight:normal;}

}

@media (max-width: 1367px) {
	.logo a:after{ width:50px; left:-5px; top:37px;}
.cd-tabs-content{ width:100%;}

.jutong09 .box-2 .pic img{ width:100%;}
.header{ position:fixed;}
.hideNav{ margin:0;}
.gq--top-index .content-wrapper .img1{ top:170px;}
.gq--top-index .content-wrapper .img2{ top:340px;}
.gq--top-index .content-wrapper .img3{ top:500px;}
.gq--about-intro-2 .content-wrapper h3{ top:200px;}
.gq--about-intro-2 .content-wrapper h4{ top:370px;}
.gq--about-intro-2 .content-wrapper .note{ top:700px;}
.gq--about-intro-2 .content-wrapper .Mmore{ top:920px;}
.cd-tabs,.cd-tabs2-navigation{ margin:90px 0 30px; overflow: hidden;}
.box-contact{ padding:120px 60px 0 44px}
.gq--about-intro-4 .content-wrapper{ padding:240px 60px 0 44px;}
.gq--about-intro-5 .content-wrapper{ padding:44px 44px 0;}
.gq--about-intro-5-box2{ padding:60px 80px 0;}
.gq--about-intro-5-box2 .title{ font-size:20px; line-height:20px;}
.gq--about-intro-5-box2 .we2{ padding:40px 0 30px;}
.gq--about-intro-5-box li a{ font-size:21px;}
.gq--about-intro-7 .image-wrapper{ padding:0;}

.cd-tabs-content{ padding:90px 0;}
.contact-box{ float:left; width:50%;}

}

@media (max-width: 1280px) {
.header-contacts{ display:none;}
.header-contacts-wap{ display:block; left: 50px; top: 3px; position: relative;}
.header-contacts-wap a {float: left; font-size: 16px; padding: 5px 0 0 20px; font-weight: bold; color: #333;}
.logo a:after{ width:27px; left:-3px; top:23px;}
.mSlider-main{ top:112px !important;}
.mSlider-inner{ width:55% !important;}
.layer-left{ padding:0 0 0 44px;}
.layer-left ul li{ margin:28px 0 0;}
.layer-left ul li p{ font-size:22px; line-height:30px;}
.layer-left ul li span{ font-size:16px; font-weight:normal;}

	.logo{ width:70px; height:41px; top:30px;}
	.logo a{ width:100%; height:100%; display:block;}
	.header{ height:112px;}
	.header-container{ height:112px; padding:20px 0;}
	.header-title{ font-size:16px; line-height:16px;}
	.linexx{ width: calc(100% - 70px); bottom: 50px;}
	.gq--top-index .content-wrapper .img1{ width:80%; top:120px; left:95px;}
	.gq--top-index .content-wrapper .img2{ top: 350px; width: 80%;}
	.gq--top-index .content-wrapper .img3{ top:650px; width:80%; left:90px;}
	
	.gq--about-intro-2 .content-wrapper .line{ margin:0 0 70px;}
	.gq--about-intro-2 .content-wrapper .line:after{ width:60px; bottom:-80px;}
	
	
.gq--top-index .content-wrapper h3 { font-size: 115px; line-height: 115px;}
.gq--about-intro-2 .content-wrapper h3{ font-size:100px;}
.gq--about-intro-2 .content-wrapper h4{ font-size:48px; line-height:80px; padding:0 80px 0 0;}
.gq--about-intro-2 .content-wrapper h4 br{ display:none;}
.gq--about-intro-2 .content-wrapper .note{ font-size:30px; top:550px; line-height:60px; padding:0 80px 0 0;}
.gq--about-intro-2 .content-wrapper .Mmore{ right:80px; top:835px;}
	
	
	.tab ul.tabnav li{ font-size:16px;}
	.box-contact{ padding:150px 0 120px 50px;}
	.box-left{ font-size:125px; line-height:135px;}
	.box-right{ left:40px; right:auto; bottom:0;}
	
	.advantage_box{ width:30.6%; margin:0 2.6% 0 0;}
	.advantage_box:nth-of-type(3n){ margin:0 2.6% 0 0;}
	.advantage_box .note2{ padding:40px 0 0;}
	
	.gq--about-intro-5-box-content{ width:100%;}
	.gq--about-intro-5 .content-wrapper{ padding:120px 44px 0;}
	.gq--about-intro-5-box{ width:100%; position:relative;}
	.gq--about-intro-5-box2{ width:100%; position:relative; font-size:16px; padding:60px 80px 0;}
	.gq--about-intro-5-caselist li a{ font-size:22px;}
	.gq--about-intro-5-box .Mmore{ top:auto; bottom:60px;}
	.gq--about-intro-5-box li a{ font-size:16px;}
	
	.cd-tabs{ width:100%; padding:0 44px;}
	.jutong09 .box-1{ width:100%;}
	.jutong09 .box-1 .note{ max-width:100%;}
	.jutong09 .box-2{ width:100%;}
	.jutong09 .box-2 .note{ max-width:100%;}
	.jutong09 .section{ padding:0 10px;}
	
	.jutong09 .box-1 .pic{ width:100%; min-width:280px;}
	.section_aa{ float:left; width:48%; margin:0 4% 0 0;}
	.section_aa:nth-of-type(2n){ margin:0;}
	
	.jutong09 .box-1 .note h3{ font-size:16px;}
	.jutong09 .box-2 .note h3{ font-size:16px;}
	.jutong09 .box-1 .note span,.jutong09 .box-2 .note span{ font-size:14px; font-weight:normal;}
	.jutong09 .box-1 .note p,.jutong09 .box-2 .note p{ font-size:14px;}
	
	.contact-box{ float:left; width:50%;}

	.about-partner{ width:100%; padding:0 40px;}
	.about-partner img{ width:100%;}

.i-service{ padding:0;}
.i-service-title{ font-size:60px; line-height:60px;}
.i-service-title .i02{ color:#333;}
.i-service-title .i03{ bottom:40px; right:10px;}
.i-service h2{ line-height:40px;}
.i-service .list .swiper-slide{ height:110px; width:49% !important; padding:20px 0;}
.i-service .list h3{ font-size:18px; line-height:36px; padding:0 0 10px; font-style:normal;}
.i-service .list .tt3{ border:0; border-left:1px solid #333; border-bottom:1px solid #333;}
.i-service .list .tt5{ width:98.1% !important; border-left:1px solid #333;}

}



/* iPads (portrait) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.logo a:after{ width:29px; left:-3px; top:23px;}
.gq--top-index .content-wrapper h3 { font-size: 115px; line-height: 115px;}

.gq--top-index .content-wrapper .img3{ top:600px;}
.gq--top-index .content-wrapper h3{ font-size:85px; line-height:95px;}
.gq--about-intro-2 .content-wrapper h3{ font-size:70px; line-height:80px; top:160px;}
.gq--about-intro-2 .content-wrapper h4{ font-size:38px; line-height:70px; padding:0 80px 0 0; top:260px;}
.gq--about-intro-2 .content-wrapper h4 br{ display:none;}
.gq--about-intro-2 .content-wrapper .note{ font-size:20px; top:580px; line-height:40px; padding:0 80px 0 0;}
.gq--about-intro-2 .content-wrapper .Mmore{ top:885px;}
.gq--about-intro-2 .content-wrapper .line:after {
    width: 60px;
    bottom: -30px;
}
.box-left { font-size: 95px; line-height: 105px;}
.box-contact{ padding:100px 0 120px 50px;}
.gq--about-intro-3 .jutong09{ padding:0;}
.cd-tabs{ margin:210px 0 0; padding:0;}
.cd-tabs, .cd-tabs2-navigation{ margin:90px 0 30px;}
.cd-tabs-navigation a{ font-size:20px;}
.cd-tabs-content li .section_aa {
    float: left;
    width: 48%;
    margin: 0 0 0 4%;
}
.cd-tabs-content li .section_aa:nth-of-type(2n) {
    margin: 0;
}
.jutong09 .box-1 .pic img{ width:100%;}

.advantage_box .note1{ font-size:20px; line-height:20px;}
.advantage_box .note1 h3,.advantage_box .note2 h3{ font-size:12px;}
.advantage_box .note2{ font-size:12px;}
.advantage_box .note1:before{ width:100px;}
.advantage_box .note1:after{ left:92px;}
.gq--about-intro-4{ height:auto !important;}
.gq--about-intro-4 .content-wrapper{ position:static !important; padding:120px 60px 120px 44px; background: url(../images/bg3.png) no-repeat bottom center;
    background-size: cover;}

.gq--about-intro-5-box2{ padding:40px 40px 0}
.gq--about-intro-5-box2 h1{ font-size:20px;}


.gq--about-intro-7{ height:auto !important;}
.gq--about-intro-7 .content-wrapper{ position:static !important; padding:0;}
.gq--about-intro-5 .content-wrapper{ padding:20px 20px 0;}

.gq--about-intro-5{ height:auto !important;}
.gq--about-intro-5 .content-wrapper{ position:static !important; padding:44px 0;}
.gq--about-intro-5-box{ min-height:720px;}
.gq--about-intro-5-box{ width:100%; padding:50px 60px;}
.gq--about-intro-5-box2{ width:100%; padding:50px 60px;}
.gq--about-intro-5-box2 .title{ padding:60px 0 10px;}
.gq--about-intro-5-box2 .we2{ padding:60px 0 20px;}


.banner { display:block !important; height: 60px; margin: 80px 0 0;}
.fenlei-l,.fenlei{ width:100% !important;}
.fenlei{ padding:20px 0 !important;}
.search-q{ width:90% !important;}
.fenlei-l a{ margin:0 38px 0 0; font-style:normal;}
.fenlei-l a:last-child{ margin:0;}
.daohang ul li a{ font-size:14px; font-style:normal;}
.i-service-title .i03{ font-size:14px;}

}

@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.logo a:after{ width:29px; left:-3px; top:23px;}
.mSlider-inner{ width:40% !important;}

	.gq--top-index .content-wrapper h3{ font-size:120px; line-height:120px; left:90px;}
	.gq--top-index .content-wrapper .img1{ width:60%; top:140px; left:125px;}
	.gq--top-index .content-wrapper .img2{ top: 290px; width: 60%; left:380px;}
	.gq--top-index .content-wrapper .img3{ top:450px; width:60%; left:240px;}
	.gq--about-intro-2 .content-wrapper h3{ top:200px;}
	.gq--about-intro-2 .content-wrapper h4{ font-size:38px; line-height:60px; top:370px;}
	.gq--about-intro-2 .content-wrapper .note{ font-size:20px; line-height:40px; top:640px;}
	.gq--about-intro-2 .content-wrapper .Mmore{ top:800px;}
	.jutong09 .box-1{ float:none; margin:0 auto;}
	
	.box-contact{ padding:120px 0 120px 50px;}
	.box-left{ font-size:65px; line-height:75px;}
	.box-contact .box-right{ bottom:120px;}
	.box-right{ position:absolute; left:auto; right:40px;}
	.cd-tabs, .cd-tabs2-navigation{ margin:160px 0 0;}
.gq--about-intro-3 .jutong09{ padding:0;}
.cd-tabs{ margin:210px 0 0; padding:0;}
.cd-tabs, .cd-tabs2-navigation{ margin:90px 0 30px;}
.cd-tabs-navigation a{ font-size:20px;}
.cd-tabs-content li .section_aa {
    float: left;
    width: 48%;
    margin: 0 0 0 4%;
}
.cd-tabs-content li .section_aa:nth-of-type(2n) {
    margin: 0;
}
.jutong09 .box-1 .pic img{ width:100%;}
	
	.advantage_box .note1{ font-size:20px;}
	.advantage_box .note1 h3{ font-size:16px; margin:20px 0 0;}
	.advantage_box .note1:before{ width:150px;}
	.advantage_box .note1:after{ left:142px;}
	.advantage_box .note2 h3{ font-size:16px; margin:40px 0;}
	.advantage_box:nth-of-type(3n){ margin:0;}
	.advantage_box .note2{ font-size:14px; padding:40px 0 0;}
	
.gq--about-intro-4{ height:auto !important;}
.gq--about-intro-4 .content-wrapper{ position:static !important; padding:120px 60px 120px 44px; background: url(../images/bg3.png) no-repeat bottom center;
    background-size: cover;}
	
	
	.contact-box{ float:left; width:50%;}
	.gq--about-intro-5-box .Mmore{ font-size:16px; left:40px; bottom:50px;}
	.gq--about-intro-5-box .Mmore a{ width:100px; height:45px;}
	.gq--about-intro-5-box .Mmore a:before{ width:100px;}
	.gq--about-intro-5-box .Mmore a:after{ left:88px;}
	
	.gq--about-intro-5-box2{ padding:40px 40px 0;}
	.gq--about-intro-5-box2 h1{ font-size:20px;}
	.gq--about-intro-5-box2 .title{ padding:15px 0;}
	.gq--about-intro-5-box2{ font-size:16px;}	
	.gq--about-intro-5-box{ min-height:520px;}
	.gq--about-intro-5-box li a{ font-size:16px;}	
	.gq--about-intro-5-box { width: 100%; min-height:650px; position: relative;}
	
.banner { display:block !important; height: 60px; margin: 80px 0 0;}
.fenlei-l,.fenlei{ width:100% !important;}
.fenlei{ padding:20px 0 !important;}
.search-q{ width:96% !important;}
.fenlei-l a{ margin:0 42px 0 0; font-style:normal;}
.fenlei-l a:last-child{ margin:0;}
.daohang ul li a{ font-size:14px; font-style:normal;}
	
}



/******ipad air*******/
@media only screen  
and (min-device-width : 1024px )   
and (max-device-width : 1366px)   
and (orientation : portrait) {  
.header{ position:fixed;}
.logo a:after{ width:29px; left:-3px; top:23px;}

	.gq--top-index .content-wrapper .img1{ width:80%; top:150px; left:95px;}
	.gq--top-index .content-wrapper .img2{ top: 470px; width: 80%;}
	.gq--top-index .content-wrapper .img3{ top:780px; width:80%; left:90px;}
	
	.gq--about-intro-2 .content-wrapper .line{ margin:0 0 70px;}
	.gq--about-intro-2 .content-wrapper .line:after{ width:60px; bottom:-80px;}
	
	
.gq--top-index .content-wrapper h3 { font-size: 115px; line-height: 115px;}
.gq--about-intro-2 .content-wrapper h3{ font-size:100px; top:210px;}
.gq--about-intro-2 .content-wrapper h4{ font-size:48px; line-height:80px; padding:0 80px 0 0; top:350px;}
.gq--about-intro-2 .content-wrapper h4 br{ display:none;}

.gq--about-intro-2 .content-wrapper .note{ font-size:35px; top:740px; line-height:70px;}
.gq--about-intro-2 .content-wrapper .note p br{ display:none;}
.gq--about-intro-2 .content-wrapper .Mmore{ top:1185px;}
.gq--about-intro-2 .content-wrapper .line:after{ bottom:-40px;}

.box-contact{ padding:120px 0 120px 90px;}
.box-left { font-size: 115px; line-height: 125px;}

.gq--about-intro-3 .jutong09{ padding:0;}
.cd-tabs{ margin:210px 0 0; padding:0;}
.cd-tabs, .cd-tabs2-navigation{ margin:90px 0 30px;}
.cd-tabs-navigation a{ font-size:20px;}
.cd-tabs-content li .section_aa {
    float: left;
    width: 48%;
    margin: 0 0 0 4%;
}
.cd-tabs-content li .section_aa:nth-of-type(2n) {
    margin: 0;
}
.jutong09 .box-1 .pic img{ width:100%;}

.advantage_box .note1{ font-size:22px;}
.advantage_box .note1 h3{ font-size:14px;}
.advantage_box .note2 h3{ font-size:14px;}
.advantage_box .note2{ font-size:14px; line-height:40px; font-weight:normal;}
.advantage_box .note1:before{ width:170px;}
.advantage_box .note1:after{ left:162px;}

.gq--about-intro-4{ height:auto !important;}
.gq--about-intro-4 .content-wrapper{ position:static !important; padding:120px 60px 120px 44px; background: url(../images/bg3.png) no-repeat bottom center;
    background-size: cover;}

.gq--about-intro-7{ height:auto !important;}
.gq--about-intro-7 .content-wrapper{ position:static !important; padding:0;}
.gq--about-intro-5 .content-wrapper{ padding:44px 44px 0;}

.gq--about-intro-5{ height:auto !important;}
.gq--about-intro-5 .content-wrapper{ position:static !important; padding:44px 0;}
.gq--about-intro-5-box{ min-height:720px;}
.gq--about-intro-5-box{ width:100%; padding:50px 60px;}
.gq--about-intro-5-box2{ width:100%; padding:50px 60px;}
.gq--about-intro-5-box2 .title{ padding:60px 0 10px;}
.gq--about-intro-5-box2 .we2{ padding:60px 0 20px;}

.banner { display:block !important; height: 60px; margin: 130px 0 0;}
.fenlei-l,.fenlei{ width:100% !important;}
.fenlei{ padding:20px 0 !important;}
.search-q{ width:95.9% !important;}
.fenlei-l a:last-child{ margin:0;}
.i-service-title .i03{ font-size:20px;}

}


/******ipad air*******/
@media only screen  
and (min-device-width : 1024px )   
and (max-device-width : 1366px)   
and (orientation : landscape) {  
.logo a:after{ width:50px; left:-5px; top:37px;}
.gq--top-index .content-wrapper h3{ font-size:165px; line-height:165px;}

.gq--about-intro-2 .content-wrapper .line:after{ width:90px;}
.gq--about-intro-2 .content-wrapper .Mmore{ top:835px;}
.box-contact{ padding:170px 0 120px 120px}
.box-left { font-size: 135px; line-height: 135px;}
.box-right{ right:120px;}

.gq--about-intro-4{ height:auto !important;}
.gq--about-intro-4 .content-wrapper{ position:static !important; padding:120px 60px 120px 44px; background: url(../images/bg3.png) no-repeat bottom center;
    background-size: cover;}
.advantage_box .note1{ font-size:33px; line-height:30px;}
.advantage_box .note1 h3{ font-size:20px; margin:60px 0 0;}
.advantage_box .note2 h3{ font-size:20px;}
.advantage_box .note2{ font-size:20px; line-height:40px; font-weight:normal;}

.gq--about-intro-5{ height:auto !important;}
.gq--about-intro-5 .content-wrapper{ position:static !important; padding:44px 0;}
.gq--about-intro-5-box{ min-height:720px;}
.gq--about-intro-5-box{ width:100%; padding:50px 60px;}
.gq--about-intro-5-box2{ width:100%; padding:50px 60px;}
.gq--about-intro-5-box2 .title{ padding:60px 0 10px;}
.gq--about-intro-5-box2 .we2{ padding:60px 0 20px;}
.cd-tabs, .cd-tabs2-navigation{ margin:90px 0 30px;}
} 



.pc{ display:block;}
.wap{ display:none;}

@media (max-width: 767px) {
.pc{ display:none;}
.wap{ display:block;}
body{ font-size:14px;}
.hideNav{ margin:0;}
.logo a:after{ width:29px; left:-3px; top:23px;}
.header-contacts{ display:none;}

.header{ padding:0 20px; background:#fff}
.gq--top-index{ padding:0 20px;}
.gq--top-index .content-wrapper h3{ font-size:45px; line-height:45px; left:60px;}
.gq--top-index .content-wrapper .img1{ left:45px; top:180px;}
.gq--top-index .content-wrapper .img2{ left:50px; top:310px;}
.gq--top-index .content-wrapper .img3{ left:50px; top:490px;}
.gq--about-intro-2{ padding:0 20px;}
.gq--about-intro-2 .content-wrapper h3{ font-size:35px; line-height:55px; left:50px; top:150px;}
.gq--about-intro-2 .content-wrapper h4{ font-size:22px; line-height:35px; left:50px; top:210px; padding:0 40px 0 0;}
.gq--about-intro-2 .content-wrapper h4 br{ display:none;}
.gq--about-intro-2 .content-wrapper .note{font-size:16px; line-height:30px; left:50px; top:400px; padding:0 40px 0 0; font-weight:normal;}
.gq--about-intro-2 .content-wrapper .note p br{ display:none;}
.gq--about-intro-2 .content-wrapper .Mmore{ left:50px; right:auto; top:690px; font-size:16px; line-height:16px;}
.gq--about-intro-2 .content-wrapper .Mmore a{ width:100px; height:45px;}
.gq--about-intro-2 .content-wrapper .Mmore a:before{ width:95px;}
.gq--about-intro-2 .content-wrapper .Mmore a:after{ left:88px; bottom:14px; width:35px;}

.gq--about-intro-2 .content-wrapper .line:after { bottom: -40px;}

.cd-tabs-navigation{ display:none;}
.gq--about-intro-3 { width:100%; height:auto !important; padding: 0; margin:20px 0 0; overflow:hidden;}
.gq--about-intro-3 .content-wrapper{ position:relative !important;}
.Stitle{ width:100%; display:block; text-align:center; font-size:20px; line-height:45px; margin:50px 0; border: 1px solid #211815; font-family: YIYICN; background:url(../images/icon-a.png) no-repeat bottom center; background-size:14px;}
.Stitle a{ display:block;}
.gq--about-intro-3 .jutong09 .box-1{ padding:0;}
.gq--about-intro-3 .jutong09 .box-2{ padding:0;}
.gq--about-intro-3 .section_aa{ padding:10px 0;}
.cd-tabs-content li{ display:block;}

.cd-tabs{ padding:0; margin:30px auto; min-height:620px;}
.cd-tabs-navigation a{ font-size:16px; line-height:16px; height:auto; padding:20px 0;}
.cd-tabs-navigation a.selected{ background-size:14px;}
.cd-tabs-content{ padding:0; margin:0;}

.cd-tabs2-navigation{ padding:0; margin:120px auto 0;}
.cd-tabs2-navigation a{ font-size:16px; line-height:16px; height:auto; padding:20px 0;}
.cd-tabs2-navigation a.selected{ background-size:14px;}
.cd-tabs2-content{ padding:0; margin:30px 0 0;}

.jutong09 .box-2 .note h3,.jutong09 .box-1 .note h3{ font-size:16px;}
.jutong09 .box-1 .note p,.jutong09 .box-2 .note p{ font-size:14px; display:none;}
.jutong09 .box-1:hover p{ opacity: 0;}
.jutong09 .box-1 .note span,.jutong09 .box-2 .note span{ font-size:14px;}
.jutong09 .box-1:hover .note{ height:78px;}
.jutong09 .box-2:hover .note{ height:78px;}
.jutong09 .box-2:hover p{ opacity: 0;}

.cd-tabs .slick-dots{ top:530px; bottom:auto;}
.section_aa{ float:left; width:100%; margin:0;}
.aa{ width:100% !important; overflow-x:auto !important;}

.gq--about-intro-7{ padding:0 20px; margin:20px 0; height:auto !important;}
.gq--about-intro-7 .animation-wrapper{ height:auto !important;}
.gq--about-intro-7 .image-wrapper{ height:auto !important;}

.gq--about-intro-4{ height:auto !important;}
.gq--about-intro-4 .animation-wrapper{ height:auto !important;}
.gq--about-intro-4 .image-wrapper{ height:auto !important;}
.gq--about-intro-4 .content-wrapper{ position:static !important; background: url(../images/bg3.png) no-repeat bottom center; background-size: cover;}

.gq--about-intro-5{ padding:0 20px; height:auto !important;}
.gq--about-intro-5 .animation-wrapper{ height:auto !important;}
.gq--about-intro-5 .content-wrapper{ position:static !important;}

.box-contact{ padding:100px 0 100px 20px;}
.box-left{ font-size:50px; line-height:60px;}
.box-right{ font-size:28px; left:20px;}
.gq--about-intro-4{ padding:0 20px;}
.gq--about-intro-4 .content-wrapper{ left:0 !important; padding:40px 60px;}
.advantage_box{ width:100%; margin:0; padding:0;}
.advantage_box .note1{ font-size:26px;}
.advantage_box .note1 h3{ margin:30px 0 0;}
.advantage_box .note2{ padding:30px 0 0;}
.advantage_box .note2 h3{ font-size:16px; margin:30px 0;}
.advantage_box .note2{ font-size:14px; font-weight:normal;}
.advantage_box .note1:before{ width:218px;}
.advantage_box .note1:after{ left:210px;}
.advantage_box:nth-of-type(3n){ margin:0;}
.gq--about-intro-4 .slick-dots{ top:auto; bottom:0;}

.gq--about-intro-5 .content-wrapper{ padding:10px 0 0;}
.gq--about-intro-5-caselist{ display:none;}
.gq--about-intro-5-caselist li a{ font-size:16px; line-height:16px; height:auto; padding:20px 0;}
.gq--about-intro-5-box{ padding:40px 20px; margin:10px 0 20px; min-height:200px; overflow:hidden;}
.gq--about-intro-5-box .Mmore{ position:static; margin:20px auto 30px; font-size:16px; line-height:16px;}
.gq--about-intro-5-box .Mmore a{ width:100px; height:45px;}
.gq--about-intro-5-box .Mmore a:before{ width:95px;}
.gq--about-intro-5-box .Mmore a:after{ left:88px; bottom:14px; width:35px;}
.gq--about-intro-5-box2{ padding:10px 20px 0; font-size:14px; margin:10px 0; min-height:200px;}
.gq--about-intro-5-box2 .title{ padding:55px 0 15px;}
.gq--about-intro-5-box-content .slick-dots{ top:560px; bottom:auto;}
.gq--about-intro-5-box li a{ font-size:14px;}

.contact-box{ clear:both; float:none; width:100%; overflow:hidden;}

.mSlider-main{ top:112px !important;}
.mSlider-inner{ width:65% !important;}
.layer-left{ padding:0 0 0 20px;}
.layer-left ul li{ margin:28px 0 0;}
.layer-left ul li p{ font-size:16px; line-height:30px;}
.layer-left ul li span{ font-size:16px; font-weight:normal;}

.about-partner{ padding:0 20px;}
.about-partner ul li{ width:29.3%; margin:3% 6% 3% 0;}
.about-partner ul li:nth-of-type(5n){ margin:3% 6% 3% 0;}
.about-partner ul li:nth-of-type(3n){ margin:3% 0 3% 0;}

#xx6 i {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 50px;
  z-index: 1;
  margin-top: -50px;
  width: 50px;
  height: 100px;
  background: #e52d36;
  text-align: center;
  line-height: 100px;
}
#xx6 i.arrow-icon-left {
  left: -60px;
  background:url(../images/arr_left.png) no-repeat;
  background-size:50px;
}
#xx6 i.arrow-icon-right {
  right: -60px;
  background:url(../images/arr_right.png) no-repeat;
  background-size:50px;
}
.daohang{ width:100%; padding:0 10px; margin:30px 0 0; height:auto; background:none;}
.daohang ul{ overflow:hidden;}
.daohang ul li{ width:50%;}
.daohang ul li a{ font-size:14px; font-style:normal; font-weight:normal;}
.fenlei{ width:100% !important; padding:20px 0 !important;}
.fenlei-l{ width:100% !important;}
.fenlei-l a{ width:49%; margin:0 2% 0 0;}
.fenlei-l a:nth-of-type(2n){ margin:0 0 0 0;}
.fenleibg{ display:none;}

#categoryshow { display:block; min-height:40px; height:auto; position:relative;}
#categoryshow .label{ width:100%;  line-height:40px; height:40px; border:1px solid #f6f6f6; background: #f6f6f6 url(../images/arrow_down.png) no-repeat 94% center; background-size:16px; border-radius: 28px; color: #333; padding:0 35px; font-size:14px;}
#categoryshow { position: relative; width:100%; margin: 0 auto; padding:30px 10px 5px;}
#categoryshow.open .label{ background:url(../images/arrow_up.png) no-repeat 94% center; background-size:16px;}
.dropmenu ul{ width:95.5%; height:0; overflow-y:auto; position:absolute; top:70px; z-index:1; background-color:#fff; box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15); border-radius: 8px;}
.dropmenu ul li{ width:100%; height:40px; float:left;border-bottom:#f0f0f0 1px solid;}
.dropmenu ul li a{ line-height:40px; height:40px; padding:0 40px;color:#969595; display:block; background:#fff; font-size:14px}
.dropmenu ul li a.active{ background:#f1f1f1;color:#d6c28c;}
.i-service-title .i03{ position:static; text-align:left; font-size:18px; padding:30px 0 0;}

.i-service-title{ width:100%; padding:0 0 30px;}
.i-service h2{ font-size:30px;}
.i-service .list{ position:relative; width:100% !important;}
.i-service .list .swiper-slide{ float:left; width:330px !important; border:1px solid #333; padding:20px; margin:0 20px 0 0;}
.i-service .list li{ float:none; width:100% !important; margin:0 !important;}
.i-service .list .tt4,.i-service .list .tt5{ border-top:1px solid #333 !important;}

.swiper2{ overflow-x: auto !important; position:relative;}
.swiper2 .swiper-wrapper{ width:2000px;}
.btns p{ width:33.333%; padding:0 !important;}

.picwall-tip{content: '';background: url(../images/touch.png) no-repeat;background-size:45px;width:55px;height:37px;position: absolute;left: 50%;margin: 0 0 0 -.3725rem;z-index: 1;bottom: 0;-webkit-animation:  picwall 1s linear infinite alternate-reverse;
       -moz-animation:  picwall 1s linear infinite alternate-reverse;
            animation: picwall 1s linear infinite alternate-reverse;}
@-webkit-keyframes picwall { from { left: 45%; } to { left: 55%; }  }
   @-moz-keyframes picwall { from { left: 45%; } to { left: 55%; }  }
        @keyframes picwall { from { left: 45%; } to { left: 55%; }  }
		
.ivideo{ width: 50px; height: 50px; background-size:50px;}

}

@media (max-width: 411px) {


}
@media (max-width: 375px) {
.cd-tabs-navigation a{ font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.advantage_box .note1:before{ width:180px;}
.advantage_box .note1:after{ left:172px;}
.gq--about-intro-5-box2 ul li{ margin:0 25px 0 0;}
.i-service .list .swiper-slide{ width:293px !important;}
}
@media (max-width: 360px) {
	.dropmenu ul{ width:94.5%; }
.gq--about-intro-2 .content-wrapper h3{ top:60px;}
.gq--about-intro-2 .content-wrapper h4{ top:130px;}
.gq--about-intro-2 .content-wrapper .note{ top:260px;}
	
.gq--top-index .content-wrapper h3{ font-size:35px;}
.gq--about-intro-2 .content-wrapper h4{ padding:0 40px 0 0;}
.gq--about-intro-2 .content-wrapper h4 br{ display:none;}
.gq--about-intro-2{ padding:10px 20px;}
.gq--about-intro-2 .content-wrapper .Mmore{ top:550px;}

.gq--about-intro-3{ padding:0 20px 20px;}
.jutong09 .box-2,.jutong09 .box-1{ height:auto;}

.cd-tabs .slick-dots{ top:380px;}
.gq--about-intro-7{ padding:20px;}
.box-right{ font-size:18px;}
.advantage_box{ overflow:hidden;}


.gq--about-intro-5-box .Mmore{ left:20px; top:450px;}
.gq--about-intro-5-box-content .slick-dots{ top:530px;}
.gq--about-intro-5-box2 h1{ font-size:18px;}
.gq--about-intro-5-box2 ul li{ margin:0 15px 0 0;}
.i-service .list .swiper-slide{ width:278px !important;}
}
@media (max-width: 320px) {

}