.cf{zoom:1}
.cf:after{clear:both;content:'';display:block;height:0;visibility:hidden}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.clear-form{background:0 0;border:none 0;outline:0}
.inwidth1200{min-width: 1200px;}
.width1200{width:1200px;margin:0 auto;position:relative}


#inpage-banner-wrap{ margin-top: 90px;}
.inpage-banner-wrap { width: 100%; height: 900px;position: absolute; overflow: hidden; top:0;}
.inpage-banner-wrap .inpage-banner-box { width: 100%; height: 100%; position: relative; }
.inpage-banner-wrap .inpage-banner-cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; color: #fff;}
.inpage-banner-wrap .banner-txts { position: relative; top: 32%; }
.inpage-banner-wrap .banner-txts h2, .inpage-banner-wrap .banner-txts h1 { font-size: 34px; font-weight: 400; padding-bottom: 40px;}
.inpage-banner-wrap .banner-txts p { font-size: 16px; padding-bottom: 10px;}
.inpage-banner-nav { width: 100%; height: 160px; position: absolute; right: 0; bottom: 0; z-index: 2; }
.inpage-banner-nav:after { content: ''; display: block; width: 50%; height: 100%;  background-color: #091752; position: absolute; right: 0; top: 0; z-index: 1;  }
.inpage-bannerNav-box { height: 100%;  background-color: #091752; position: relative; z-index: 2;}
.inpage-bannerNav-box .icon-mouse { display: block; width: 75px; height: 100%; background-color: #1d1d1d; position: absolute; left: 0; top: 0; z-index: 1; }
.inpage-bannerNav-box .icon-mouse i { display: block; width: 13px; height: 22px; background: url(Img/Index/icons.png) no-repeat -5px -42px; position: relative; left: 31px; top: 69px; cursor: pointer; }
.inpage-banner-navList { width: 1125px; position: relative; left: 75px; z-index: 2; }
.inpage-banner-navList ul { width: 100%; overflow: hidden; }
.inpage-banner-navList ul li { float: left; width: 25%; height: 160px; color: #fff; font-size: 20px; padding-top: 55px; text-align: center; box-sizing: border-box; position: relative; cursor: pointer;}
.inpage-banner-navList ul li a { color: #fff; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-top: 55px; z-index: 2; box-sizing: border-box; }
.inpage-banner-navList ul li p{ font-size: 20px;}
.inpage-banner-navList ul li i { display: block; width: 18px; height: 20px; background-repeat: no-repeat; margin: 0 auto 8px;}
.inpage-banner-navList li.li1 i { background-image: url(../images/icon01.png); }
.inpage-banner-navList li.li2 i { background-image: url(../images/icon02.png); }
.inpage-banner-navList li.li3 i { background-image: url(../images/icon03.png); }
.inpage-banner-navList li.li4 i { background-image: url(../images/icon04.png); }
.inpage-banner-navList ul li:after { content: ''; display: block; width: 1px; height: 100px; background-color: rgba(255,255,255,.3); position: absolute; right: 0; top: 30px;}

.inpage-bannerNav-box .icon-mouse i { animation:mousemove 1s ease-in both infinite; }
@keyframes mousemove {
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(10px);
	}
}



/*关于*/
.about-banner-navList { width: 100%; left: 0; }
.about-banner-navList a { color: #fff; }
.about-banner-navList li i { background-image: url(../images/icons_qwtg.png)!important; }
.about-banner-navList li.li1 i { width: 18px; height: 17px; background-position: -5px -135px; }
.about-banner-navList li.li2 i { width: 20px; height: 19px; background-position: -35px -135px; }
.about-banner-navList li.li3 i { width: 19px; height: 17px; background-position: -65px -135px; }
.about-banner-navList li.li4 i { width: 19px; height: 19px; background-position: -100px -135px; }

.about-page02-wrap { position: relative; z-index: 3;}
.about-page02-box { height: 380px; padding:60px 0 30px; background-color: #fff; position: relative; z-index: 2;}
.about-page02-box>div { width: 50%; box-sizing: border-box;}
.about-tt { color: #1d1d1d; padding-left: 5%;}
.about-tt h2 { font-weight: 800; padding-bottom: 60px; position: relative;}
.about-tt h2:after { content: ''; display: block; width: 32px; height: 7px; background-color: #254590; position: absolute; bottom: 0; left: 0; z-index: 2;}
.about-page02-wrap .about-sdw-txts { height: 100%; padding-right: 5%; position: relative;}
.about-page02-wrap .about-sdw-txts p { color: #333; font-size: 15px; line-height: 28px; text-indent: 2em; padding-bottom: 8px; }
.about-page02-wrap .about-sdw-txts .shipin-btn { width: 128px; height: 128px; border: solid 1px #2c2c2c; border-radius: 50%; position: absolute; bottom: 75px; left: 0; z-index: 9; cursor: pointer;}
.about-page02-wrap .about-sdw-txts .shipin-btn i { width: 22px; height: 35px; background-position: -170px -112px; margin:46px auto 0; }
.about-page02-wrap .about-sdw-txts .shipin-btn p { color: #1d1d1d; font-size: 14px; height: 50px; line-height: 50px; background-color: #fff; position: absolute; right: -45px; top: 50%; margin-top: -25px; }
.video-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0,0,0,.6); }
.video-box .video-cont { width: 860px; margin: 0 auto; position: relative; top: 50%; margin-top: -260px; }
.video-cont i{display:block;width:21px;height:21px;background-position:-5px -5px;position:absolute;right:-25px;top:0;z-index:9;cursor:pointer;}
.about-page03-wrap { width: 100%; height: 780px; margin-top: -90px; background-color: #f1f1f1; position: relative; z-index: 1;}
.about-page03-wrap .logosBg-box { width: 100%; height: 580px; position: absolute; left: 0; top: 66px; z-index: 1; overflow: hidden;}
.about-page03-wrap span.logo-bg { display: block; width: 100%; height: 1160px; background: url(../images/about_logos_bg.png) no-repeat center top; position: relative;}
.about-page03-wrap .about-page03-box { z-index: 2; }
.about-page03-wrap .about-sdw-data { padding-top: 248px; }
.about-page03-wrap .about-sdw-data>div { width: 20%; height: 240px; background-color: #fff; border-radius: 50%; text-align: center; padding-top: 6%; margin-left: 6.6666%; position: relative; box-sizing: border-box; }
.about-page03-wrap .about-sdw-data>div:first-child { margin-left: 0; }
.about-page03-wrap .about-sdw-data strong { display: block; font-size: 40px; color: #193494; padding-bottom: 3%; position: relative; z-index: 2;}
.about-page03-wrap .about-sdw-data p { font-size: 14px; color: #666; padding-bottom: 5px; position: relative; z-index: 2;}
.about-page03-wrap .about-sdw-data span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.about-page03-wrap .about-sdw-data span:before { content: ''; display: block; width: 8px; height: 8px; background-color: #193494; border-radius: 50%; position: absolute; right: 17%; top: 10%;}
.about-page04-wrap { margin-top: -90px; position: relative; z-index: 5; }
.about-page04-wrap span.bg { display: block; width: 50%; height: 720px; background: url(../images/about_p4_bg.jpg) no-repeat left top; position: absolute; left: 0; top: 0; z-index: 1; }
.about-page04-wrap .about-page04-box { height: 720px; background: url(../images/about_p4_bg.jpg) no-repeat center top; position: relative; z-index: 2;}
.about-page04-wrap .about-tt { color: #fff; margin-top: 80px; position: relative; z-index: 2;}
.about-page04-wrap .about-page04-cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.about-page04-wrap .about-page04-cont .txts { width: 25%; height: 100%; color: #ffffff; padding-top: 380px; padding-left: 5%; border-left: solid 1px rgba(255,255,255,.1); box-sizing: border-box; position: relative;}
.about-page04-wrap .about-page04-cont .txts h4 { font-weight: 400; font-size: 30px; padding-bottom: 28px;    font-weight: 600; } 
.about-page04-wrap .about-page04-cont .txts p { font-size: 16px; padding-bottom: 3px; }
.about-page04-wrap .about-page04-cont .txts:after { content: ''; display: block; width: 40px; height: 1px; background-color: #fff; 
position: absolute;left: 20%; z-index: 2;    margin-top: 30px; }
span.redbg {
    display: block;
    width: 60%;
    height: 390px;
    background-color: #091752;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

@media only screen and (min-width: 1600px){
	.about-page03-wrap .about-sdw-data>div { /* height: 280px; */ }
	.about-page03-wrap .about-sdw-data strong { font-size: 70px; }
	.about-page03-wrap .about-sdw-data p { font-size: 16px; }
	.about-page05-wrap .about-page05-cont .office-img { height: 420px; }
}

.about-page02-wrap .about-sdw-txts .shipin-btn:hover p { transform:translateX(-8px);}
.about-page02-wrap .about-sdw-txts .shipin-btn:hover i { transform:rotate(180deg) translateX(5px);}
.about-page03-wrap .about-sdw-data>div:hover, .about-page05-wrap .about-page05-cont .office-img:hover img { transform: scale(1.05); }
.about-page03-wrap .about-sdw-data>div:hover span { transform: rotate(360deg);}

.about-page02-wrap .about-sdw-txts .shipin-btn p,
.about-page02-wrap .about-sdw-txts .shipin-btn i,
.about-page03-wrap .about-sdw-data>div,
.about-page03-wrap .about-sdw-data>div span,
.about-page05-wrap .about-page05-cont .office-img img,
.labelDetails-page02-wrap .cxyj-txts-news ul li,
.news-details-wrap .classic-case a img
{ transition:all .5s ease-out;}


/*全网推广*/
.fz34 { font-size: 34px; }
.fz18 { font-size: 18px; }
.fz16 { font-size: 16px; }
.icons-qwtg { display: block; background-image: url(../images/icons_qwtg.png); background-repeat: no-repeat; }
.qwtg-page02-wrap { width: 100%; height: 390px; position: relative; z-index: 2;background:#fff;}
.qwtg-page02-wrap .qwtg-page02-cont { height: 100%; background: url(../images/nav_bg.jpg) repeat; position: relative; z-index: 9;}
.qwtg-page02-wrap .qwtg-page02-cont .txts { width: 45%; color: #fff; height: 100%; position: relative; top: -60px; left: 12%; z-index: 3;}
.qwtg-page02-wrap .txts h2 { font-weight: 400; padding-bottom: 30px;}
.qwtg-page02-wrap .txts p { font-size: 16px; line-height: 26px; letter-spacing: 1px; }
.qwtg-page02-wrap .txts span { display: block; padding-bottom: 25px; position: absolute; bottom: 25px; left: 0; z-index: 2; }
.qwtg-page02-wrap .txts span em { display: block; font-size: 14px; padding-top: 2px; }
.qwtg-page02-wrap .txts span:after { content: ''; display: block; width: 32px; height: 7px; background-color: #fff; position: absolute; bottom: 0; left: 0; }
.qwtg-page02-wrap .qwtg-page02-cont .r-img { width: 54%; height: 396px; background: url(../images/qwtg_p2_img.png) no-repeat center center; background-size: 100% auto; position: absolute; top: -50px; right: 0; z-index: 2;}


/*--qwtg-page03--*/
.qwtg-page03-wrap{padding:90px 0 120px;overflow:hidden;background:#fff;border-bottom:#f8f8f8 solid 30px;}
.qwtg-page03-cont{overflow:hidden;}
.qwtg-page03-cont .list{position:relative;margin:60px auto 0;width:940px;height:816px;overflow:hidden;background:url(../images/qwtg_s3_list.jpg) no-repeat center 0;}
.qwtg-page03-cont .item{position:absolute;width:368px;overflow:hidden;}
.qwtg-page03-cont .item h3{font-weight:normal;font-size:20px;color:#000;}
.qwtg-page03-cont .item p{margin-top:12px;line-height:28px;font-size:16px;color:#000;}
.qwtg-page03-cont .item-1{right:0;top:0;}
.qwtg-page03-cont .item-2{right:0;top:215px;}
.qwtg-page03-cont .item-3{left:0;top:460px;text-align:right;}
.qwtg-page03-cont .item-4{left:0;top:640px;text-align:right;}
/*--end qwtg-page03--*/

/*--qwtg-page04--*/
.qwtg-page04-wrap{padding:90px 0 80px;overflow:hidden;background:#fff;border-bottom:#f8f8f8 solid 30px;}
.qwtg-page04-cont{margin-top:50px;padding:0 25px;overflow:hidden;}
.qwtg-page04-cont .item{position:relative;float:left;margin:0 1%;padding:13px;width:14.66%;height:365px;background:#f1f1f1;box-sizing:border-box;}
.qwtg-page04-cont .item:before,.qwtg-page04-cont .item:after{display:block;position:absolute;content:"";}
.qwtg-page04-cont .item:before{left:10px;right:10px;top:10px;bottom:10px;border:#e7e7e7 solid 1px;}
.qwtg-page04-cont .item:after{left:12px;right:12px;top:12px;bottom:12px;border:#fff solid 2px;}
.qwtg-page04-cont .pic{overflow:hidden;}
.qwtg-page04-cont .pic img{display:block;width:100%;}
.qwtg-page04-cont .icon{position:relative;margin:0 auto;width:74px;height:74px;background:#fff;border:#fb0002 solid 3px;border-radius:50%;box-shadow:0 6px 10px rgba(0,0,0,0.25);transform:translateY(-50%);}
.qwtg-page04-cont .text{margin-top:-20px;padding:0 10px;overflow:hidden;}
.qwtg-page04-cont .text h3{height:25px;line-height:25px;font-size:20px;color:#000;font-weight:normal;text-align:center;}
.qwtg-page04-cont .text i{display:block;margin:12px auto;width:40px;height:2px;background:#fb0002;}
.qwtg-page04-cont .text p{line-height:25px;font-size:14px;color:#000;}
@media(max-width:1600px){
.qwtg-page04-cont{padding:0 10px;}  
.qwtg-page04-cont .item{margin:0 0.5%;width:15.66%}
}


@media only screen and (max-width:1200px) {
.width1200{ width: 100%; }
.inpage-banner-wrap .banner-txts{ text-align: center; }
.about-page02-box{ height: auto; padding:80px 0;}
.about-page02-box>div{ width: 100%; float: none; padding: 0 15%; }
.about-page02-wrap .about-sdw-txts{padding: 0 15%;  }
.about-banner-navList{ width: 75%; padding: 0 15%;}
.about-page03-wrap .about-sdw-data{width: 75%; padding: 248px 15% 0;}
.about-page03-wrap .about-sdw-data>div{ width: 150px; height: 150px; margin-left: 20px; }
.about-page04-wrap .about-tt{ padding: 0 15%; }
.about-page04-wrap .about-page04-cont{width: 75%; padding: 0 15%;}
.about-page04-wrap .about-page04-cont .txts{ padding-left: 10px; }
.about-page04-wrap .about-page04-cont .txts:after{ left: 10px; }
.about-tt h2{ margin-left: 10px; }
}

@media only screen and (max-width: 992px) {
.inpage-banner-wrap{ position: relative; margin-top:-70px; height: 600px;}
.about-banner-navList{ width: 100%; padding: 0px; margin: 0 auto; }
.about-page02-box>div{ width: 90%; padding: 0; margin: 0 auto; }
.about-tt h2{ margin-left: 0px; padding-bottom: 40px; }
.about-page02-box{ padding: 45px 0; }
.about-page02-wrap .about-sdw-txts{padding: 0; margin-top: 20px;}
.about-page03-wrap{ margin-top: 0px; height: 400px; }
.about-page03-wrap .logosBg-box{ height: 400px; top:0;}
.about-page03-wrap .about-sdw-data{width: 90%;padding: 128px 5% 0;  }
.about-page04-wrap{ margin-top: 0px;}
.about-page04-wrap span.bg{ height: 500px; }
.about-page04-wrap .about-page04-box{ height: 500px;}

.about-page04-wrap .about-tt{width: 90%; padding: 60px 5% 0;float: none; margin-top: 0px;}
.about-page04-wrap .about-page04-cont{width: 90%;padding: 0 5%; position:initial; margin-top: 60px;height: auto;  }
.about-page04-wrap .about-page04-cont .txts{ padding: 0px; height: auto; border-left: none; }
.about-page04-wrap .about-page04-cont .txts h4{ padding-bottom: 20px; }
.body-box{ margin-bottom: 0px !important; }

}

@media only screen and (max-width:768px) {
.inpage-banner-wrap{ height: 500px; }
.inpage-banner-wrap .banner-txts{ top:25%; }
.inpage-banner-wrap .banner-txts h2, .inpage-banner-wrap .banner-txts h1{ padding-bottom: 30px; }
.about-page03-wrap .about-sdw-data>div{ width: 21%; margin: 0 2%; height: auto; padding: 5% 0; }
.about-page04-wrap .about-page04-box{ height: auto; padding-bottom: 100px; }
.about-page04-wrap span.bg{ display: none; }
}
@media only screen and (max-width:640px) {
.inpage-banner-wrap .banner-txts h2, .inpage-banner-wrap .banner-txts h1{ font-size: 28px; }
.inpage-banner-navList ul li p{ font-size: 16px; }
.inpage-banner-nav{ height: 145px; }
.inpage-banner-navList ul li{ padding-top: 40px; }
.about-tt h2{font-size: 28px;}
.about-page03-wrap .about-sdw-data>div{ border-radius: 0px; height: 150px;padding: 5% 10px; }
.about-page03-wrap .about-sdw-data span:before{ display: none; }
.about-page04-wrap .about-page04-cont .txts h4{ font-size: 18px; }
.about-page04-wrap .about-page04-cont{ margin-top: 40px; }
.inpage-banner-wrap .banner-txts p{ padding: 0 15px;}
}
@media only screen and (max-width:375px) {
.inpage-banner-wrap{ height: 400px; }
.inpage-banner-nav{ height: 100px; } 
.inpage-banner-navList ul li{ padding-top: 30px; }
.inpage-banner-navList ul li a{ position: initial; padding-top: 0px;}
.inpage-banner-navList ul li:after{ display: none; }
.about-tt h2{ font-size: 18px; font-weight: 600; }
.about-page03-wrap .about-sdw-data>div{ width: 46%; margin-bottom: 15px; height: 120px; }
.about-page03-wrap .about-sdw-data{padding: 40px 5% 0;}
.about-page03-wrap .about-sdw-data>div:first-child{ margin-left: 2%; }
.about-page03-wrap{ height: 340px; }
.about-page04-wrap .about-page04-cont .txts{ width: 50%; margin-bottom: 20px;}
.about-page04-wrap .about-page04-cont .txts:after{ display: none; }
.about-page04-wrap .about-page04-cont .txts h4{ padding-bottom: 10px;}
.about-page04-wrap .about-page04-box{ padding-bottom: 50px; }
.inpage-banner-navList ul li p{ font-size: 14px; }
.about-page04-wrap .about-page04-cont .txts p{ font-size: 13px;}
}


::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555
}