@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#333;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#333;}
a:hover{ color:#d22311;}
img{ max-width:100%;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}


body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;background:#FFF; overflow-x:hidden;}
@media screen and (max-width:768px){
html{ font-size:26px !important;}
body{ font-size:26px !important; width:100%;}
}
DIV.green-black{ width:100%; margin-top:30px; text-align:center; }
DIV.green-black A{COLOR: #fff;MARGIN:0 2px;TEXT-DECORATION: none;font-size:100%;background-color: #333; padding:8px 16px; transition:all 0.7s}
DIV.green-black A:hover{COLOR: #fff;font-size:100%;background-color: #fe0003;}
DIV.green-black A:active{COLOR: #fff;font-size:100%;background-color: #fe0003;}
DIV.green-black SPAN.current{FONT-WEIGHT: bold;COLOR: #fff;font-size:100%;background-color: #fe0003;padding:8px 16px;}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}

@font-face {
  font-family: "dqht";
  src: url("../fonts/dqht.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Alternate";
  src: url("../fonts/Alternate.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.kd{ width:96%; max-width:1500px; margin:0 auto;}
.tkd{width:98%; max-width:1700px; margin:0 auto;}
header{ display:none}
@media screen and (max-width:1368px){
.kd{ width:1200px;}
}
@media screen and (max-width:1024px){
.kd{ width:980px;}
}
@media screen and (max-width:768px){
.kd{ width:94%;}
header{ display:block}
}


.fl{ float:left;}
.fr{ float:right;}
.head{ position:fixed; border-bottom:1px solid #fff; z-index:99; width:100%; transition:all 0.7s}
.head .logo{ padding-top:19px;}
.logo{ position:relative;}
.logo .lr{ position:absolute; left:0; top:19px; opacity:0; transition:all 0.7s}


.tel{ background:url(../images/tel_06.png) left center no-repeat; padding:36px 0 34px 32px}
.tel p{ color:#fff;font-family: "dqht";}
.menu{ width:auto; max-width:70%; margin-right:5%; box-sizing:border-box;}
.menu li{ float:left;padding:0 18px;}
.menu li a{ position:relative; display:inline-block; color:#fff; padding:36px 0;}
.menu li a span{ position:absolute; background:#fe0003; height:3px; width:100%; left:0; bottom:-1px; transform:scale(0,1); transition:all 0.7s}
.menu li:hover span,.menu li.cur span{ transform:scale(1);}

@media screen and (max-width:1368px){
.menu li{ float:left;padding:0 14px;}
}
@media screen and (max-width: 1024px){
.tel{ display:none}
.menu{ max-width:85%; margin-right:0}
.menu li{ float:left;padding:0 12px;}
}
@media screen and (max-width:768px){
.tel{ display:none}
.head .logo{ padding:24px 0;}
.menu{ display:none;}
}

/*下拉变色*/
.sticky.head{ background:#fff; box-shadow:0 1px 5px 1px rgba(0,0,0,0.1)}
.sticky .menu li a{ color:#454545;}
.sticky .tel p{ color:#454545;font-family: "dqht";}
.sticky .logo .lr{ opacity:1}
.sticky header .toggle{ color:#e30100}
.sticky header .toggle span,.sticky header .toggle span::before,.sticky header .toggle span::after {
	
	background: #e30100;
}

/*banner*/
.banner{ width:100%; float:right; overflow:hidden; background:#1174c8}
@media screen and (max-width:768px){
.banner{ display:none}
}

.slide_tabs {list-style: none;padding: 0;font-size: 18px;list-style: none;padding: 10px 0;text-align: center; width: 100%; position:absolute;z-index:222; top:92%;}

.slide_tabs li {display:inline-block;margin-right: 5px; height:15px; overflow:hidden;}
.slide_tabs li.slide_here a{  background:#fe0003; border:2px solid #fe0003}
.slide_tabs a {width: 9px; line-height: 90px;height: 9px;background: transparent; display:block;color:#000;overflow:hidden;border:2px solid #fff; background:#fff; border-radius:50%;}
.slide_tabs li:first-child { margin-left: 0; }
.slide_container {position: relative; float: right;width: 100%;overflow:hidden;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%; padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0; top: 0; }
.slide img {display: block;position: relative;z-index: 1;height: auto; width: 100%;border: 0;}
.slide .caption {display: block; position: absolute;z-index: 2;font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8);left: 0;right: 0;bottom: 0;padding: 10px 20px; margin: 0; max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); bottom: 0%; left: 0;margin-left:10%; opacity: 1;z-index: 3; text-indent: -9999px; overflow: hidden;text-decoration: none; height: 40px; width: 42px;background: transparent url("../images/prne.jpg") no-repeat left top;margin-top: -45px; }
.slide_nav:active {opacity: 1.0; }
.slide_nav.next { left: 42px;background-position: right top; right: 42px;margin-right:10%;}


.scale {
	-webkit-animation: scale 8s linear 0s alternate infinite;
	animation: scale 8s linear 0s alternate infinite
}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1);
		
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.05);
		transform: perspective(1000px) scale(1.05)
		
	}
}

@keyframes scale {
	0% {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1);
		
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.1);
		transform: perspective(1000px) scale(1.1);
		
	}
}

/*service*/
.in-ser{ padding:85px 0; width:100%; overflow:hidden; background:#f5f5f5}
.sertit{ text-align:center}
.sertit h2{ color:#252525; font-size:2.5rem; margin-bottom:10px;}
.sertit h2 b{ color:#fe0003}
.sertit p{ color:#666}

.serul{ margin-top:80px;}
.serul li{ width:19%; box-sizing:border-box; border:1px solid #dcdcdc; padding:3% 2%; text-align:center; border-radius:10px; box-shadow:3px 3px 5px 1px rgba(0,0,0,0.1); float:left; margin-right:1.25%; background:#fff;}
.serul li:nth-child(5){ margin-right:0}
.serul li a{ display:block}
.serul li h3{ font-size:1.5rem; margin-top:8px; transition:all 0.7s}
.serul li span{ font-size:0.9375rem; color:#c4c4c4; text-transform:uppercase;}
.serul li p{ font-size:0.875rem; color:#787878; text-align:left; margin-top:23px; line-height:1.5em; text-align:justify; min-height:110px}
.serul li .sro{ transform:rotateY(0); transition:all 0.7s}
.serul li:hover .sro{ transform:rotateY(180deg); transition:all 0.7s}
.serul li .sco{ display:block; margin-top:10px; transition:all 0.7s}
.serul li:hover .sco{ margin-left:40px;}
.serul li:hover h3{ color:#fe0003;}
@media screen and (max-width:1368px){
.serul li span{ font-size:0.75rem}
}
@media screen and (max-width:768px){
.serul li{ width:48%; margin:0 1% 24px !important; min-height:420px}
.serul li:nth-child(5){ width:100%; margin:0 0 24px !important; min-height:inherit}
}
/*step*/
.in-step{ background:#ffffff; padding:90px 0;width:100%; overflow:hidden;}
.steptit{ text-align:center;}
.steptit h2{ font-size:2.5rem; color:#252525}
.steptit h2 b{ color:#fe0003}
.steptit span{ font-size:1.25rem; color:#939292; text-transform:uppercase; display:block;}
.steptit p{ display:inline-block; border-radius:30px; margin:38px 0; background:#db0001; padding:10px 58px; color:#fff;}
.steptit p img{ margin-bottom:-5px;}
.stepul li{ width:24%; margin-right:1.33%; background:#f8f8f8; box-sizing:border-box; border:2px solid #ececec; float:left; min-height:208px; margin-bottom:13px; padding:20px 18px; cursor:pointer; transition:all 0.5s;}
.stepul li:nth-child(1){ background:url(../images/step01.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(2){ background:url(../images/step02.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(3){ background:url(../images/step03.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(4){ background:url(../images/step04.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(5){ background:url(../images/step05.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(6){ background:url(../images/step06.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(7){ background:url(../images/step07.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:nth-child(8){ background:url(../images/step08.jpg) 96% bottom no-repeat #f8f8f8}
.stepul li:hover{ box-shadow:0 0 10px 1px rgba(0,0,0,0.1)}
.stepul li:hover h3 img{ transform:rotate(360deg)}

.stepul li:nth-child(4n){ margin-right:0}
.stepul li h3{ font-size:1.25rem; color:#434343}
.stepul li h3 img{ float:right; transition:all 0.7s}
.stepul li p{ display:block; padding-right:15%; font-size:0.875rem; color:#747474; margin-top:20px; line-height:1.5em;}
@media screen and (max-width:1440px){
.stepul li{ min-height:230px}
}
@media screen and (max-width:768px){
.stepul li{ width:48%;margin:0 1% 24px !important; min-height:320px}
.stepul li p{ padding-right:0;}
}


/*solve*/
.in-sol{ background-image:url(../images/inbg1.jpg); background-attachment:fixed; background-position: center top; padding:200px 0; position:relative;}
.hex{ position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100%;}
.soltit{ padding-left:5%; position:relative; z-index:22; max-width:50%; box-sizing:border-box;}
.soltit h2{ font-size:2.5rem; color:#fff;}
.soltit h2 b{ color:#fe0003}
.soltit p{ font-size:1.125rem; color:#fff; line-height:2em;}
.soltit hr{ width:40px; height:2px; border:none; background:#fff; margin:30px 0 60px;}
.sol-six{ width:50%; padding:80px 5% 0; box-sizing:border-box; position:relative; z-index:22}
.sol-six li{ float:left; width:33.33%; margin-bottom:28px; text-align:center;}
.sol-six li a{ color:#fff; border:1px solid #fff; display:inline-block; padding:10px 18px; border-radius:10px; transition:all 0.7s; text-align:center;}
.sol-six li a:hover{ border:1px solid #e80b0e; color:#e80b0e}
.sol-six p{ text-align:right;}
.sol-six p a{ transition:0.7s ease; color:#fff;}
.sol-six p a:hover{ color:#e80b0e;}
@media screen and (max-width:1368px){
.sol-six li a{  padding:10px 8px; }
}
@media screen and (max-width:768px){
.in-sol{ background-attachment:inherit; background-size:cover !important}
.soltit{ max-width:100%; width:100%; padding:0}
.sol-six{ width:100%; padding:80px 0 0}
.sol-six li{ width:50%;}
}

/*case*/
.in-case{ background:#fff; padding:105px 0; width:100%; overflow:hidden;}
.catit span{ color:#939292; font-size:1.25rem; text-transform:uppercase;}
.catit h2{ color:#252525; font-size:2.5rem;}
.casort{ width:60%;}
.casort ul{ display:inline-block; margin-top:40px;}
.casort li{ float:left; margin-right:12px;}
.casort li a{ border:1px solid #8b8b8b; padding:5px 14px; border-radius:10px; color:#5b5a5a;}
.casort .nd1{ display:inline-block; float:right; margin-top:40px;}
.casort .nd1 img{ top:-6px; position:relative;}

.inclist{ display:block; width:100%; padding:50px 0 0;}
.inclist dl{ display:block; width:31.8%; margin-right:2.3%; margin-bottom:16px; float:left;}
.inclist dl a{ display:block;}
.inclist dl:nth-child(3n){ margin-right:0;}
.inclist dl dt{ position:relative; width:100%; overflow:hidden;}
.inclist dl dt img{ width:100%; transform:scale(1); transition:all 0.7s}
.inclist dl dt:hover img{ transform:scale(1.05);}
.inclist dl dd{ position:relative; padding:14px 0}
.inclist dl dd h2{ font-size:1.125rem; color:#343332; font-weight:bold; display:inline-block;}
.inclist dl dd p{ font-size:1.125rem; color:#343332; font-weight:bold; display:inline-block;}
.inclist dl dd span{ float:right; font-size:0.875rem; color:#7a7c82}
.inclist dl dd img{ margin:0 3px -5px}
.inclist dl dd i{ position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e30100; transform-origin:left; transform:scale(0,1); transition:all 0.7s}
.inclist dl:hover dd i{ transform:scale(1)}
@media screen and (max-width:768px){
.casort ul{ display:none}
.inclist dl{ display:block; width:49%; margin-right:2%;}
.inclist dl:nth-child(2n){ margin-right:0;}
.inclist dl:nth-child(3){ margin-right:2% !important;}
.inclist dl dd h2{ display:block;}
.inclist dl dd span{ float:left;}
}

/*about*/
.in-about{ background:url(../images/abbg.jpg) center top no-repeat; width:100%; overflow:hidden; padding:140px 0 135px;}
.abtit{ text-align:center;}
.abtit h2{ font-size:2.5rem; color:#fff; font-weight:bold;}
.abtit h2 span{ color:#e80b0e;}
.abtit p{ color:#fff; font-size:1.5rem; margin:8px 0 12px;}
.abtit hr{ width:64px; height:3px; border:none; background:#fff;}
.aul{ width:67%; margin:77px auto 0}
.aul li{ float:left; width:28%; box-sizing:border-box; border:1px dashed rgba(255,255,255,0.7); text-align:center; padding:24px 0; margin-right:8%; border-radius:5px;}
.aul li:nth-child(3){ margin-right:0}
.aul li p{ font-size:72px; color:#fff; font-weight:bold;}
.aul li p i{ font-style:normal}
.aul li span{ font-size:1.125rem; color:#fff;}
.aul .aqs1{ margin-top:105px}
.aul .aqs1 p{ font-size:1rem; color:#fff;}
@media screen and (max-width:768px){
.in-about{ background-size:cover;}
.aul{ width:100%; margin:77px auto 0}
.aul li{ border:none}
}
/*in-news*/
.in-news{ width:100%; padding:70px 0; background:#fff; overflow:hidden;}
.netit{ text-align:center;}
.netit h2{ font-size:2.5rem;}
.netit span{ color:#939292; font-size:1.25rem;}
.insort{ margin:35px 0;}
.insort li{ float:left; margin-right:3%; font-size:1.125rem;}
.insort li a{ transition:all 0.7s; display:block;}
.insort li a:hover{ color:#e80b0e; font-weight:bold;}

.all-newk dl{ float:left; width:32%; margin-right:2%; box-sizing:border-box; border:1px solid #e5e5e5; padding-bottom:16px}
.all-newk dl:nth-child(3){ margin-right:0}
.all-newk dl dt{ width:100%; margin-bottom:16px; overflow:hidden; cursor:pointer}
.all-newk dl dt img{ width:100%; transform:scale(1); transition:all 0.7s;}
.all-newk dl dt:hover img{ transform:scale(1.05)}
.all-newk dl a{ display:block}
.all-newk dl dd{ padding:8px 16px;}
.all-newk dl dd h3{ font-size:1rem; color:#333; display:inline-block; transition:all 0.7s;}
.all-newk dl dd span{ float:right;}
.all-newk dl dd:hover h3{ color:#e80b0e}
@media screen and (max-width:768px){
.insort li{ width:33.33%; margin-right:0; text-align:center; margin-bottom:20px}
.all-newk dl{ width:100%; float:none; margin-bottom:24px;}
}
/*contact*/
.in-con{ width:100%; overflow:hidden; background:url(../images/cbg.jpg) center top no-repeat; padding:66px 0; background-size:cover;}
.cotit{ text-align:center;}
.cotit h2{ font-size:2.5rem; color:#fff; font-weight:bold;}
.cotit h2 span{ color:#e80b0e}
.cotit em{ color:#fff; font-size:1.25rem;}

.in-lx{ max-width:30%; margin-top:104px; margin-left:10%;}
.in-lx li{ padding-left:72px; box-sizing:border-box; margin-bottom:28px;}
.in-lx li:nth-child(1){ background:url(../images/ck1.png) left center no-repeat}
.in-lx li:nth-child(2){ background:url(../images/ck2.png) left center no-repeat}
.in-lx li:nth-child(3){ background:url(../images/ck3.png) left center no-repeat}
.in-lx li:nth-child(4){ background:url(../images/ck4.png) left 10px no-repeat}
.in-lx li span{ font-size:1rem; color:#ffffff}
.in-lx li p{ font-size:1.75rem; color:#ffffff}
.in-lx li em{ display:block; color:#fff; font-size:1.125rem;}
.in-lx li .ifa{ display:inline-block; color:#fff; border:1px solid #fff; padding:8px 10px; border-radius:10px; margin-top:16px;}
.in-lx li .ifa img{ margin-bottom:-5px}

.in-feed{ max-width:42%; margin-right:10%; margin-top:104px;}
.in-feed .ncontxt{ width:100%; box-sizing:border-box; border:1px solid #fff; background:none; border-radius:5px; color:#fff; padding:10px; margin-bottom:16px;}
.in-feed .ncontxt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.in-feed .fbtn{ background:#fff; color:#2c2c2c; border:none; padding:8px 12px; border-radius:5px; cursor:pointer; transition:all 0.7s}
.in-feed .fbtn:hover{ background:#fe0003; color:#fff;}
@media screen and (max-width:768px){
.in-con{ background-size:cover;}
.in-lx{ max-width:100%; margin-left:0; margin-top:30px}
.in-feed{ display:none}
}
/*友情链接*/
.in-fri{ background:#262626}
.gg1{ width:100%; padding:14px}
.ftit{ width:8%; border-right:2px solid #fff; display:block; box-sizing:border-box;}
.ftit p{ font-size:1.125rem; color:#e80b0e}
.ftit span{ font-size:2rem; color:#fff;}

.fgun{ height:24px; width:90%; line-height:24px;}
.fgun a{ display:block; padding:0 10px; float:left; color:#fff; font-size:0.875rem}
.fgun a:hover{ color:#fe0003}
@media all and (max-width: 1024px) {.gg1{ width:90%;}.ftit{ width:10%;}.fgun{ width:90%}.backtop{ width:10%;}}
@media screen and (max-width:768px){
.in-fri{ display:none;}
}



/*foot*/
footer{ background:#16181a url(../images/foot.png) center 132px no-repeat}
.fx1{ padding:32px 0;}
.fmenu{ width:65%;}
.fmenu dl{ width:16.66%; float:left;}
.fmenu dt{ margin-bottom:12px;}
.fmenu dt a{ font-size:1rem; color:#fe0003}
.fmenu dd a{ font-size:0.875rem; color:#666; transition:all 0.5s; line-height:1.875em;}
.fmenu dd a:hover{ color:#fff;}

.fwx{ width:28%;}
.fwx span{ color:#fe0003; margin-bottom:12px; display:block;}
.fwx div{ display:inline-block; text-align:center;}
.fwx div:nth-child(2){ margin-right:30px;}
.fwx div p{ color:#fff; font-size:0.875rem; margin-top:8px;}
.fwx .ftell{ text-align:left; margin-top:24px;}
.fwx .ftell .t1{background:url(../images/ftel.png) left top no-repeat; padding-left:64px; text-align:left;}
.fwx .ftell h6{ font-size:1.5rem; font-family: "dqht"; color:#fff;}
.fwx .ftell span{ color:#666; margin-bottom:0}

.copyright{ border-top:1px solid #666; padding:12px 0;}
.copyright p{ color:#666; font-size:0.875rem;}
.copyright p a{ color:#666; transition:all 0.5s}
.copyright p a:hover{ color:#fff}
@media screen and (max-width:768px){
footer{ margin-bottom:100px}
.fmenu{ display:none;}
.fwx{ width:100%;}
}


/*浮动*/
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#2a2a2a; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #454545; float:left;}
.fudong li p{ color:#fff;}
}


/*------------------------------------------------------------------------内页----------------------------------*/
/*-----------------------------------------------------------------------营销型---------------------------------------------------------------------*/
.yx-ban{ height:740px; background-image:url(../images/yx-ban.jpg); width:100%; background-attachment:fixed; background-position:center; width:100%; overflow:hidden;}
.btxt{ width:90%; margin:0 auto}
.btxt .bzi{ padding-top:290px; max-width:50%}
.btxt .bzi h1{ font-size:3.25rem; color:#fff; font-weight:bold;}
.btxt .bzi h4{ font-size:2.5rem; color:#fff; margin-top:20px;}
.btxt .bzi p{ font-size:1.25rem; color:#fff; margin-top:40px;}
.btxt .bpic{ padding-top:314px; max-width:48%;}
@media screen and (max-width:1440px){.btxt .bzi p br{ display:none}}
@media screen and (max-width:1368px){
.btxt .bzi h4{ font-size:2.125rem; color:#fff; margin-top:20px;}
}
@media screen and (max-width:768px){
.yx-ban{ height:auto; background-size:cover;}
.btxt .bzi{ padding-top:120px; max-width:100%}
.btxt{ width:100%; margin:0 auto}
.btxt .bzi h1{ font-size:2rem;}
.btxt .bzi h4{ font-size:1.5rem; }
.btxt .bzi p{ font-size:1rem;}
.btxt .bzi p br{ display:none}
.btxt .bpic{ padding-top:0; max-width:100%; margin-top:40px}
}
/*1*/
.yx-column1{ background:url(../images/yxbg1.jpg) center top no-repeat; padding:110px 0 40px; width:100%; overflow:hidden; min-height:846px; box-sizing:border-box;}
.yx-column1{}
.yx1-tit{ text-align:center;}
.yx1-tit h4{ font-size:1.875rem; color:#fb5f00}
.yx1-tit h2{ font-size:2.5rem; color:#323131; margin:0 0 24px}
.yx1-tit p{ display:inline-block; color:#fff; font-size:1.5rem; background:#2c2c2c; padding:16px 45px;}
.yx1link{ text-align:center; margin-top:400px}
.yx1link a{ display:inline-block;}
.yx1link img{ position:relative; left:-30px}
/*2*/
.yx-colimn2{ background:url(../images/yxbg2.jpg) center top no-repeat; padding:77px 0 30px; width:100%; overflow:hidden;}
.yx2-tit{ text-align:center;}
.yx2-tit h2{ font-size:2.375rem; color:#fff}
.yx2-tit p{ font-size:1rem; color:#fff; margin:16px 0;}
.yx-cue{ margin-top:40px; width:80%; margin:40px auto;}
.yx-cue .fl{ width:50%; margin-top:32px}
.yx-cue .fr{ max-width:50%}
.yx-cue .fl li:nth-child(1){ margin-bottom:39px}
.yx-cue .fl li:nth-child(3){ margin-bottom:39px}
.yx-cue .fl li p{ color:#fff; line-height:1.5em;}
.yx-read{ background:#fb5f00; display:inline-block; border-radius:10px; padding:14px 23px; color:#fff; font-weight:bold; margin-top:64px}
/*3*/
.yx-colimn3{ padding:60px 0; background:#fff; width:100%; overflow:hidden;}
.yx3-tit{ text-align:center;}
.yx3-tit p{ color:#333333; font-size:1rem;}
.yx3-tit h2{ color:#3a3a3a; font-size:2.375rem; margin:10px 0}
.yx3-tit span{ font-size:1rem; color:#fb5f00; display:block; margin-bottom:29px}
.yx3-tit {}

#yxtab1{position:relative; margin:40px 0 15px 0; width:100%; float:left;}
#yxtab1 .tabList1{   white-space:nowrap; }
#yxtab1 .tabList1 ul{ width:70%; margin:0 auto; padding-left:16px;}
#yxtab1 .tabList1 ul li{ display:inline-block; width:25%; text-align:center;}
#yxtab1 .tabList1 ul li p{ position:relative; cursor:pointer; display:inline-block; background:#f3f3f3; width:70%;  text-align:center; padding:12px 10px; box-sizing:border-box; border-radius:30px; transition:all 0.7s}

#yxtab1 .tabList1 ul li:hover p{ background:#fb5f00; color:#fff;}
#yxtab1 .tabList1 ul li.cur p{ background:#fb5f00; color:#fff;}
#yxtab1 .tabList1 ul li p i{ position:absolute; width:100%; bottom:-5px; left:0; background:url(../images/yx-xia.jpg) center no-repeat; display:block; height:5px; transition:all 0.7s; transform:scale(0,1)}
#yxtab1 .tabList1 ul li:hover p i{ transform:scale(1)}
#yxtab1 .tabList1 ul li.cur p i{transform:scale(1)}

#yxtab1 .tabCon1{ margin:50px auto 0; width:90%; position:relative;  border-radius:5px; min-height:410px}
#yxtab1 .tabCon1 *{}
#yxtab1 .tabCon1>div{ display:none;}
#yxtab1 .tabCon1>div.cur{display:block;}
#yxtab1 .tabCon1 dl{ width:100%;}
#yxtab1 .tabCon1 dl dt{ width:50%; text-align:center; float:left;}
#yxtab1 .tabCon1 dl dd{ width:50%; float:right; box-sizing:border-box; padding:58px 8% 0 0;}
#yxtab1 .tabCon1 dl dd h3{ margin:28px 0 16px; font-size:1.875rem; color:#333333}
#yxtab1 .tabCon1 dl dd p{ color:#4a4a4a; font-size:1.25rem; line-height:1.5em;}
#yxtab1 .tabCon1 dl dd p b{ color:#fb5f00}
/*4*/
.yx-column4{ width:100%; overflow:hidden; background:url(../images/yxbg3.jpg) center top no-repeat; box-sizing:border-box; min-height:683px; padding-top:75px}
.yx4-tit{ text-align:center;}
.yx4-tit h2{ font-size:2.375rem; color:#fff;}
.yx4-tit p{ color:#fff; margin:12px 0;}
.yx4-tex{ margin-top:47px; position:relative; min-height:402px;}
.yx4-tex .teximg{ position:absolute; text-align:center; width:100%; height:auto;}
.yxbo1{ width:30%; text-align:right; margin-top:30px;}
.yxbo1 h3{ font-size:1.875rem; color:#fff; margin-bottom:29px;}
.yxbo1 p{ font-size:1.125rem; color:#fff; line-height:2em}
.yxbo2{ width:28%; text-align:left; margin-top:30px;}
.yxbo2 h3{ font-size:1.875rem; color:#fff; margin-bottom:29px;}
.yxbo2 p{ font-size:1.125rem; color:#fff; line-height:2em}

/**/
.yx-cng{ background:url(../images/yx-nbg.jpg) center top no-repeat; width:100%; overflow:hidden; padding:67px 0; min-height:857px; box-sizing:border-box;}
.yxc-tit{ text-align:center;}
.yxc-tit h2{ font-size:2.375rem; color:#333333}
.yxc-tit p{ color:#fb5f00; margin:16px 0;}
.yxc790{ width:790px; margin:26px auto; position:relative; height:502px;}
.yxc790 p{ font-size:1.5rem; color:#000000; position:absolute;}
.yxc790 p.yxp1{ top:413px; left:0;}
.yxc790 p.yxp2{ top:235px; left:0;}
.yxc790 p.yxp3{ top:76px; left:100px}
.yxc790 p.yxp4{ top:0; left:300px}
.yxc790 p.yxp5{ top:76px; right:100px}
.yxc790 p.yxp6{ top:235px; right:20px}
.yxc790 p.yxp7{top:413px; right:30px;}
.yx-zxx{ text-align:center;}
.yx-zxx a{ display:inline-block; text-align:center; background:#1e1e1e; color:#fff; padding:12px 36px; border-radius:30px;}
.yx-zxx a img{ margin-bottom:-8px}
.yx-bb{ display:none}
@media screen and (max-width:1368px){
#yxtab1 .tabList1 ul{ width:100%;}
#yxtab1 .tabCon1{ width:100%;}
.yx4-tex .teximg img{ max-width:50%}
.yxbo1{ width:24%; text-align:right; margin-top:30px;}
.yxbo2{ width:24%; text-align:left; margin-top:30px;}
}
@media screen and (max-width:768px){
.yx-column1{ padding:50px 0; background-size:cover; background:url(../images/myxbg1.jpg) center top no-repeat}
.yx1-tit h4{ font-size:1.5rem;}
.yx1-tit h2{ font-size:2rem; }
.yx1-tit p{  font-size:1rem; }
.yx1link{ text-align:center; margin-top:360px}
.yx-colimn2{background-size:cover}
.yx-cue{ width:100%; }
.yx-cue .fl{ width:100%; margin-top:32px}
.yx-cue .fr{ max-width:100%}
#yxtab1 .tabList1 ul li{ width:50%; display:block; float:left; margin-bottom:20px;}
#yxtab1 .tabCon1{ width:100%; margin-top:0}
#yxtab1 .tabCon1 dl dt{ width:100%; }
#yxtab1 .tabCon1 dl dd{ width:100%; padding:58px 0% 0 0;}
.yx4-tit h2{ font-size:1.875rem; color:#fff;}
.yx-column4{ background-size:450%; padding-bottom:100px}
.yx4-tex .teximg img{ display:none;}
.yxbo1{ width:100%; text-align:center; margin-top:0;}
.yxbo2{ width:100%; text-align:center; margin-top:20px;}
.yx-cng{ background:#f8f8f8;}
.yxc790{ width:700px; display:none;}
.yx-bb{ display:block; margin:50px 0;}
}

/*团队*/
.yx-column5{ background:url(../images/teambg_02.jpg) center top no-repeat; padding:74px 0 65px;}
.yx-column5{}
.tetit{ text-align:center;}
.tetit h4{ font-size:2.25rem; color:#fff; font-weight:bold;}
.tetit h4 b{ color:#b2000e}
.tetit p{ font-size:1.25rem; color:#fff; margin:8px 0;}
@media screen and (max-width:1024px){
.yx-column5{ background-size:cover; width:100%; overflow-x:hidden}
}
@media screen and (max-width:768px){
.yx-column5{ background-size:cover; width:100%; overflow-x:hidden}
}
.team{ position:relative; margin-top:56px}
#teacher{
    top:0;
    left:50%;
    margin-left:-960px;
    width:1920px;
    height:600px;
    position:relative;
    overflow:hidden;
}
#teacher .swiper-slide .box{
    width:100%;
    position:relative;
}
#teacher .swiper-slide .box .img{
    margin-top:77px;
    width:100%;
    height:300px;
    overflow:hidden;
}
#teacher .swiper-slide .box h2{
    margin:10px 0;
    font-size:1.5rem;
	line-height:1em;
    color:#ffffff;
    text-align:center;
	text-transform:uppercase;
	display:none;
}
#teacher .swiper-slide .box h3{
    font-size:1.125rem;
	line-height:1.5em;
    color:#979797;
    text-align:center;
	display:none;
}

#teacher .swiper-slide .box p{
    padding:0px;

    font-size:1rem;
	line-height:1.5em;
    color:#979797;
    display:none;
    text-align:center;
}

#teacher .swiper-slide .shaw{
    top:0;
    left:0;
    width:100%;
    height:300px;
    position:absolute;
    background:rgba(101,0,0,0.7);
}
#teacher .swiper-slide.act .box .img{
    margin-top:0;
    height:447px;
    transition:0.4s;
    box-shadow: #000 0 0 30px;
    position: relative;
    z-index: 20;
}
#teacher .swiper-slide.act .box h2{
    display:block;
}
#teacher .swiper-slide.act .box h3{
    display:block;
}
#teacher .swiper-slide.act .box p{
    display:block;
}

#teacher .swiper-slide.act .shaw{
    background:none;
}

.p7-left{
    top:220px;
    left:10%;
    width:52px;
    height:36px;
    display:none;
    cursor:pointer;
    z-index:99;
    position:absolute;
    background:url("../images/p5-left.png") no-repeat center;
}
.p7-right{
    top:220px;
    right:10%;
    width:52px;
    height:36px;
    display:none;
    cursor:pointer;
    position:absolute;
    z-index:99;
    background:url("../images/p5-right.png") no-repeat center;
}
.p7-left:hover{
    background:url("../images/p5-left2.png") no-repeat center;
}
.p7-right:hover{
    background:url("../images/p5-right2.png") no-repeat center;
}
.team:hover .p7-left{
    display:block;
}
.team:hover .p7-right{
    display:block;
}
@media screen and (max-width:768px){
#teacher{ height:700px;}
#teacher .swiper-slide .box p{ font-size:1.125rem;}
}

/*6*/
.yx-column6{ padding:103px 0;}
.yxc6-tit{ text-align:center;}
.yxc6-tit h2{ font-size:2.5rem; color:#333333; font-weight:bold;}
.yxc6-tit p{ font-size:1.25rem; margin-top:8px; }
.yxc6-ul { margin-top:39px;}
.yxc6-ul li{ float:left; margin-right:12px}
.yxc6-ul li a{ border:1px solid #535353; display:inline-block; padding:5px 24px;border-radius:5px; transition:all 0.7s}
.yxc6-ul li a:hover{ color:#b2000e; border:1px solid #b2000e}
@media screen and (max-width:768px){
.yxc6-tit h2{ font-size:1.875rem; }
.yxc6-tit p{ font-size:1.125rem; margin-top:8px; }
.yxc6-ul li{ margin-bottom:10px;}
}
/*7*/
.yx-column7{ background:url(../images/yxbg4.jpg) center top no-repeat; padding:95px 0 50px; width:100%; overflow:hidden;}
.yx-column7 .yxmar{ width:88%; margin:0 auto}
.yx-column7 .fl{ width:42%}
.yx-column7 h2{ font-size:2.875rem; color:#fff; font-weight:bold;}
.yx-column7 h3{ font-size:1.875rem; color:#fff; font-weight:bold;}
.yx-column7 hr{ border:none; width:100%; height:1px; background:rgba(255,255,255,0.5)}
.yx-column7 p{ color:#fff; font-size:1rem;}
.yx-column7 span{ font-size:1.875rem; color:#fff; display:block; margin-top:14px;}
.ne-feed{ max-width:45%;}
.ne-feed .ncontxt{ width:100%; box-sizing:border-box; border:1px solid #fff; background:none; border-radius:5px; color:#fff; padding:10px; margin-bottom:16px; font-size:1rem;}
.ne-feed .ncontxt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.ne-feed .fbtn{ background:#fff; color:#2c2c2c; border:none; padding:8px 12px; border-radius:5px; cursor:pointer; transition:all 0.7s; font-size:1rem;}
.ne-feed .fbtn:hover{ background:#fe0003; color:#fff;}
@media screen and (max-width:1440px){
.yx-column7 .fl{ width:45%}
}
@media screen and (max-width:1368px){
.yx-column7 h3{ font-size:1.625rem; }
}
@media screen and (max-width:768px){
.yx-column7{ background-size:cover}
.yx-column7 .yxmar{ width:100%;}
.yx-column7 .fl{ width:100%}
.yx-column7 h2{ font-size:1.875rem; }
.yx-column7 h3{ font-size:1.5rem; }
.yx-column7 p{ color:#fff; font-size:1rem;}
.yx-column7 span{ font-size:1.5rem;}
.ne-feed{ max-width:100%; margin-top:30px;}
}
/*-----------------------------------------------------------------------响应式---------------------------------------------------------------------*/
.xy-ban{ height:743px; background-image:url(../images/xy-ban.jpg); width:100%; background-attachment:fixed; background-position:center top; width:100%; overflow:hidden;}
.xy-ban .btxt .bpic{ padding-top:232px; max-width:48%;}
.xy-ban .btxt .bzi{ padding-top:260px; max-width:50%}
@media screen and (max-width:768px){
.xy-ban{ height:863px; background-size:cover}
.xy-ban .btxt .bpic{ padding-top:40px; max-width:100%; margin:0 auto; text-align:center;}
.xy-ban .btxt .bpic img{ width:75%;}
.xy-ban .btxt .bzi{ padding-top:120px; max-width:100%}
}
.xykd{ width:94%; max-width:1250px; margin: auto;}
@media screen and (max-width:1368px){.xykd{ width:1200px;}}
@media screen and (max-width:1280px){.xykd{ width:1200px;}}
@media screen and (max-width:1024px){.xykd{ width:980px;}}
@media screen and (max-width:768px){.xykd{ width:94%;}}
/*1*/
.xy-column1{ background:url(../images/xybg1.jpg) center top no-repeat; width:100%; overflow:hidden; padding:75px 0;}
.xy-box1{ text-align:center;}
.xy-box1 h2{ font-size:2.25rem; font-weight:bold; color:#ff5b00; margin-bottom:12px;}
.xy-box1 span{ color:#a6a6a6; font-size:1.25rem; text-transform:uppercase;}
.xy-box1 p{ color:#333; font-size:1.25rem; line-height:1.5em; margin-top:50px;}
.xy-box2 li{ margin-top:72px;}
.xy-box2 li{ width:25%; text-align:center; float:left;}
.xy-box2 li h4{ font-size:54px; color:#474444}
.xy-box2 li p{ font-size:1rem; color:#474444}
.xy-box2 h3{ font-size:1.875rem; font-weight:bold; color:#252525; margin-top:70px; text-align:center;}
.xy-box2 div{ text-align:center; margin-top:61px}
.xy-box2 a{ display:inline-block; color:#fff; font-size:1.125rem; padding:10px 32px; background:#f08200;}
@media screen and (min-width:1680px){
.xy-box2 li p{ font-size:1.125rem; }
}
@media screen and (max-width:768px){
.xy-column1{ background-size:cover;}
}
/*2*/
.xy-column2{ padding:88px 0; width:100%; overflow:hidden;}
.xy-box3 dl.xyd1{ width:32%; position:relative; margin-top:90px; float:left; background:#fff; z-index:1}
.xy-box3 dl.xyd2{ width:36%; position:relative; z-index:3; box-shadow:0 0 15px 3px rgba(0,0,0,0.3); float:left; margin-top:50px}
.xy-box3 dl dt{ width:100%; overflow:hidden;}
.xy-box3 dl dt img{ width:100%; transition:all 0.7s}
.xy-box3 dl dt:hover img{ width:100%; transform:scale(1.05);}
.xy-box3 dl dd{ padding:0 32px; min-height:330px; box-sizing:border-box;}
.xy-box3 dl dd h3{ font-size:1.875rem; color:#282828; padding:32px 0;}
.xy-box3 dl dd hr{ width:100%; height:1px; border:none; background:#a0a0a0}
.xy-box3 dl dd p{ font-size:1rem; color:#4e4e4e; line-height:1.5em; margin-top:24px;}
/*3*/
.xy-column3{ background:url(../images/xybg3.jpg) center top no-repeat #f1f1f1; padding:100px 0 50px; width:100%; overflow-x:hidden;}
.xy-box4{ text-align:center;}
.xy-box4 h2{ font-size:2.25rem; color:#fff;}
.xy-box4 h3{ font-size:1.25rem; color:#f08200; margin:35px 0;}
.xy-box4 p{ font-size:1rem; color:#fff; line-height:1.5em;}
.xy-box4 ul{ box-sizing:border-box; padding:24px; background:#fff; margin-top:90px; box-shadow:0 0 10px 3px rgba(0,0,0,0.2)}
.xy-box4 ul li{ box-sizing:border-box; border:1px solid #e8e8e8; width:20%; overflow:hidden; float:left; cursor:pointer}
.xy-box4 ul li img{ transition:all 0.7s; width:100%; transform:rotateY(0);}
.xy-box4 ul li:hover img{ transform:rotateY(180deg)}
/*4*/
.xy-column4{ padding:50px 0 100px; background:#f1f1f1; width:100%; overflow:hidden;}
.xy-box5 .fl{ width:50%; text-align:center;}
.xy-box5 .fr{ width:50%; box-sizing:border-box; padding:32px 0;}
.xy-box5 .fr h2{ font-size:2.25rem; color:#ff5b00; font-weight:bold;}
.xy-box5 .fr span{ font-size:1.25rem; color:#a6a6a6; text-transform:uppercase;}
.xy-box5 .fr p{ font-size:1rem; color:#333333; margin:48px 0 60px;}
.xy-box5 .fr a{ display:inline-block; background:#f08200; color:#fff; font-size:1.5rem; padding:14px 40px}
@media screen and (max-width:768px){
.xy-box3 dl.xyd1{ width:100%; margin-top:0}
.xy-box3 dl.xyd2{ width:100%; margin-top:0;}
.xy-box3 dl dd{ padding:20px 32px}
.xy-box5 .fl{ width:100%; text-align:center;}
.xy-box5 .fr{ width:100%; box-sizing:border-box; padding:32px 0;}
.xy-box4 ul li{ box-sizing:border-box; border:1px solid #e8e8e8; width:33.33%; overflow:hidden; float:left; cursor:pointer}
}



/*--------------------------------------------------网站建设--------------------------------------------------------*/
.mouse{ position:absolute; width:100%; top:90%; text-align:center;}



.wzjs1{ width:100%; overflow:hidden; background:url(../images/wz-bg1.jpg) center top no-repeat; height:100%; background-size:cover;}
.wzjs2{ width:100%; overflow:hidden; background:url(../images/wz-bg2.jpg) center top no-repeat; height:100%; background-size:cover;}
.wzjs3{ width:100%; overflow:hidden; background:url(../images/wz-bg3.jpg) center top no-repeat; height:100%; background-size:cover;}
.wzjs4{ width:100%; overflow:hidden; background:url(../images/wz-bg4.jpg) center top no-repeat; height:100%; background-size:cover;}
.wzjs5{ width:100%; overflow:hidden; background:url(../images/wz-bg5.jpg) center top no-repeat; height:100%; background-size:cover;}
.wzjs6{ width:100%; overflow:hidden; background:url(../images/wz-bg6.jpg) center top no-repeat; height:100%; background-size:cover;}

.link-box a{ display:inline-block; padding:12px 28px; margin-top:108px}
/**/
.wz-box1{ padding-top:12%;}
.wz-box1 .fl{ max-width:48%; margin-left:-800px; transition:all 0.8s; opacity:0;}
.wz-box1 .fl h1{ font-size:54px; font-weight:bold; text-shadow:2px 2px 2px #000; color:#fff;}
.wz-box1 .fl h3{ font-size:2.5rem; font-weight:bold; color:#fff;text-shadow:2px 2px 2px #000;}
.wz-box1 .fl p{ color:#fff; font-size:1rem; line-height:2em; margin-top:32px;}
.wz-box1 .fl .link1 a{ border:1px solid #fff; border-radius:5px; margin-right:20px; color:#fff;}
.wz-box1 .fr{ max-width:50%; margin-right:-800px; transition:all 0.8s; opacity:0}

.active .wz-box1 .fl{ opacity:1; margin-left:0; }
.active .wz-box1 .fr{ opacity:1; margin-right:0; }
@media screen and (max-width:768px){
.mouse{ display:none}
.link-box a{ display:inline-block; padding:12px 28px; margin-top:48px}

.wz-box1{ padding:15% 0;}
.wz-box1 .fl{ opacity:1; max-width:100%; margin-left:0;}
.wz-box1 .fl h1{ font-size:54px; }
.wz-box1 .fl h3{ font-size:1.5rem; }
.wz-box1 .fr{ max-width:100%; margin-right:0; opacity:1; margin-top:32px}
}

/**/
.wz-box2{ padding-top:18%;}
.wz-box2 .fr{ max-width:48%; margin-right:-800px; transition:all 0.8s; opacity:0; padding:0 3%; box-sizing:border-box;}
.wz-box2 .fr h2{ position:relative; margin-top:-60px; font-size:2.75rem; color:#0d0408}
.wz-box2 .fr p{ color:#444444; font-size:1rem; line-height:2em; margin-top:32px;}
.wz-box2 .fr .link1 a{ border:1px solid #0d74c5; border-radius:5px; margin-right:20px; color:#0d74c5;}
.wz-box2 .fl{ max-width:50%; margin-left:-800px; transition:all 0.8s; opacity:0; text-align:center;}
.active .wz-box2 .fr{ opacity:1; margin-right:0; }
.active .wz-box2 .fl{ opacity:1; margin-left:0; }
@media screen and (max-width:768px){
.wz-box2{ padding:15% 0;}
.wz-box2 .fr{ max-width:100%; margin-right:0; opacity:1; padding:0;}
.wz-box2 .fl{ max-width:100%; margin-left:0; opacity:1; margin-top:32px}
}
/**/
.wz-box3{ padding-top:14%;}
.wz-box3 .fl{ max-width:50%; margin-top:-800px; transition:all 0.8s; opacity:0; padding:0 0% 0 5%; box-sizing:border-box;}
.wz-box3 .fl h2{ position:relative; margin-top:-60px; font-size:2.75rem; color:#fff; font-weight:bold;}
.wz-box3 .fl p{ color:#fff; font-size:1rem; line-height:2em; margin-top:32px;}
.wz-box3 .fl .link1 a{ border:1px solid #fff; border-radius:5px; margin-right:20px; color:#fff;}
.wz-box3 .fr{ max-width:50%; margin-right:-800px; transition:all 0.8s; opacity:0; text-align:center; margin-top:80px;}
.active .wz-box3 .fl{ opacity:1; margin-top:0; }
.active .wz-box3 .fr{ opacity:1; margin-right:0; }
@media screen and (max-width:768px){
.wz-box3{ padding:15% 0;}
.wz-box3 .fl{ max-width:100%; margin-top:0;  opacity:1; padding:0 0% 0 0%; box-sizing:border-box;}
.wz-box3 .fr{ max-width:100%; opacity:1; margin-right:0}
}
/*4*/
.wz-box4{ padding-top:18%;}
.wz-box4 .fr{ max-width:48%; margin-right:-800px; transition:all 0.8s; opacity:0; padding:0 8% 0 0; box-sizing:border-box;}
.wz-box4 .fr h2{ position:relative; margin-top:-60px; font-size:2.75rem; color:#0d0408}
.wz-box4 .fr p{ color:#444444; font-size:1rem; line-height:2em; margin-top:32px;}
.wz-box4 .fr .link1 a{ border:1px solid #0d74c5; border-radius:5px; margin-right:20px; color:#0d74c5;}
.wz-box4 .fl{width:50%; margin-left:-800px; transition:all 0.8s; opacity:0; text-align:right;}
.active .wz-box4 .fr{ opacity:1; margin-right:0; }
.active .wz-box4 .fl{ opacity:1; margin-left:0; }
@media screen and (max-width:768px){
.wz-box4{ padding:15% 0;}
.wz-box4 .fr{ max-width:100%; margin-right:0; opacity:1}
.wz-box4 .fl{width:100%; margin-left:0;  opacity:1; margin-top:32px; text-align:center}
}
/*5*/
.wz-box5{ padding-top:14%;}
.wz-box5 .fl{ max-width:48%; margin-top:800px; transition:all 0.8s; opacity:0; padding:0 3% 0 3%; box-sizing:border-box;}
.wz-box5 .fl h2{ position:relative; margin-top:-60px; font-size:2.75rem; color:#fff;}
.wz-box5 .fl h3{ font-size:1.5rem; color:#fff;}
.wz-box5 .fl p{ color:#fff; font-size:1rem; line-height:2em; margin-top:32px;}
.wz-box5 .fl .link1 a{ border:1px solid #fff; border-radius:5px; margin-right:20px; color:#fff;}
.wz-box5 .fr{ max-width:50%; margin-right:-800px; transition:all 0.8s; opacity:0; text-align:center; margin-top:80px;}
.active .wz-box5 .fl{ opacity:1; margin-top:0; }
.active .wz-box5 .fr{ opacity:1; margin-right:0; }
@media screen and (max-width:768px){
.wz-box5{ padding:15% 0;}
.wz-box5 .fr{ max-width:100%; margin-right:0; opacity:1}
.wz-box5 .fl{max-width:100%; margin-left:0; padding:0;  opacity:1; margin-top:32px; text-align:center}
}

/*6*/
.wz-box6{ padding-top:14%;}
.wz-box6 .fr{ max-width:48%; margin-right:-800px; transition:all 0.8s; opacity:0; padding:0 5% 0 3%; box-sizing:border-box;}
.wz-box6 .fr h2{ position:relative; margin-top:-60px; font-size:2.75rem; color:#0d0408}
.wz-box6 .fr p{ color:#444444; font-size:1rem; line-height:2em; margin-top:32px;}
.wz-box6 .fr .link1 a{ border:1px solid #0d74c5; border-radius:5px; margin-right:20px; color:#0d74c5;}
.wz-box6 .fl{width:50%; margin-left:-800px; transition:all 0.8s; opacity:0; text-align:right;}
.active .wz-box6 .fr{ opacity:1; margin-right:0;}
.active .wz-box6 .fl{ opacity:1; margin-left:0;}
@media screen and (max-width:768px){
.wz-box6{ padding:15% 0;}
.wz-box6 .fr{ max-width:100%; margin-right:0; opacity:1; padding:0}
.wz-box6 .fl{width:100%; margin-left:0; opacity:1; margin-top:32px; text-align:center}
}

/*---------------------------------------------------------品牌网站-----------------------------------------------------------------------*/
.mouse{ position:absolute; width:100%; top:90%; text-align:center;}



.pinpai1{ width:100%; overflow:hidden; background:url(../images/ppbg1.jpg) center top no-repeat; height:100%; background-size:cover;}
.pinpai2{ width:100%; overflow:hidden; background:url(../images/ppbg2.jpg) center top no-repeat; height:100%; background-size:cover;}
.pinpai3{ width:100%; overflow:hidden; background:url(../images/ppbg3.jpg) center top no-repeat; height:100%; background-size:cover;}
.pinpai4{ width:100%; overflow:hidden; background:url(../images/ppbg4.jpg) center top no-repeat; height:100%; background-size:cover;}
.pinpai5{ width:100%; overflow:hidden; background:url(../images/ppbg5.jpg) center top no-repeat; height:100%; background-size:cover;}
.pinpai6{ width:100%; overflow:hidden; background:url(../images/ppbg6.jpg) center top no-repeat; height:100%; background-size:cover;}
.pinpai7{}
.pinpai8{}

/*1*/
.pp-box1 .fr{ padding-top:320px; width:52%; opacity:0;margin-right:-800px; transition:all 0.8s; transition-delay:0.2s}
.pp-box1 .fr span{ font-size:2.5rem; color:#ffffff; font-weight:bold;}
.pp-box1 .fr span i{ font-style:normal; color:#fddc73;}
.pp-box1 .fr h1{text-shadow:3px 3px 3px rgba(0,0,0,4); font-size:55px; color:#fff; font-weight:bold; text-indent:60px}
.pp-box1 .fr h3{ font-size:2.5rem; color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,4); font-weight:bold; text-indent:60px}
.pp-box1 .fr p{ color:#fff; margin-top:61px; padding-left:60px; line-height:1.5em;}

.active .pp-box1 .fr{ opacity:1; margin-right:0; }
@media screen and (max-width:1368px){
.pp-box1 .fr{ padding-top:240px}
.pp-box1 .fr h3{ font-size:2.125rem;}
}
@media screen and (max-width:768px){
.pinpai1{background:url(../images/ppbg1.jpg) right top no-repeat;}
.pp-box1{ padding-bottom:60px;}
.pp-box1 .fr{ padding-top:140px}
.pp-box1 .fr{ width:100%; margin-right:0; opacity:1}
.pp-box1 .fr h1{text-indent:0}
.pp-box1 .fr h3{ font-size:1.5rem; text-indent:0;}
.pp-box1 .fr p{ padding-left:0; }
}
/*2*/
.pp-box2{}
.pp2tit{ padding-top:155px; text-align:center; top:-400px; opacity:0; transition:all 0.7s; position:relative; transition-delay:0.4s}
.pp2tit span{ font-size:2.5rem; color:#fff; font-weight:bold;}
.pp2tit span i{ font-style:normal; color:#eed77e}
.pp2tit h2{ font-size:2.5rem; color:#fff; font-weight:bold;}
.pp2co{ margin-left:-800px; opacity:0; transition:all 1s;}
.pp2co p{ font-size:1rem; color:#fff; line-height:2.5em; margin-top:99px; }
.pp2lr{margin-top:41px}
.pp2lr .fl{ width:35%; margin-left:-800px; opacity:0;transition:all 1s; }
.pp2lr .fl p{ color:#fff; line-height:2.5em;}
.pp2lr .fr{ width:60%; text-align:center; margin-right:-800px; opacity:0; transition:all 1s; }

.active .pp2tit{top:0; opacity:1}
.active .pp2co{ margin-left:0; opacity:1}
.active .pp2lr .fl{  margin-left:0; opacity:1;}
.active .pp2lr .fr{ margin-right:0; opacity:1;}
@media screen and (max-width:1440px){
.pp2co p{ margin-top:49px}
.pp2lr{margin-top:41px}
}
@media screen and (max-width:1368px){
.pp2co p br{ display:none}
.pp2lr{margin-top:11px}
.pp2lr .fl{ width:60%;}
.pp2lr .fr{ width:40%; margin-top:40px}
}
@media screen and (max-width:768px){
.pinpai2{ background:#000}
.pp2tit{ padding-top:50px}
.pp2tit{ top:0; opacity:1; }
.pp2tit span{ font-size:1.5rem;}
.pp2tit h2{ font-size:2rem;}
.pp2co{ margin-left:0; opacity:1; transition:all 1s;}
.pp2lr .fl{ width:100%; margin-left:0; opacity:1;}
.pp2lr .fr{ width:100%; text-align:center; margin-right:0; opacity:1; transition:all 1s; }
}
/*3*/
.pp-box3{ padding:308px 0 0;}
.pp3txt1{ width:50%; box-sizing:border-box; padding-left:3%; opacity:0; margin-left:-800px; transition:all 0.8s}
.pp3txt1 h2{ font-size:2rem; color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,4);}
.pp3txt1 h4{ font-size:2.5rem; color:#fddc73; font-weight:bold;}
.pp3txt1 ul{ margin-top:56px}
.pp3txt1 li{ padding:12px 0}
.pp3txt1 li p{ color:#fff; font-size:1rem;}
.pp3txt2{ width:auto; margin-top:60px; transition:all 0.7s; opacity:0; margin-right:-800px}
.pp3txt2 h2{ font-size:2rem; color:#fff; font-weight:bold; position:relative; right:64px;}
.pp3txt2 em{text-shadow:3px 3px 3px rgba(0,0,0,4); font-weight:bold;}
.pp3txt2 span{ color:#fddc73}
.pp3txt2 ul{ border:2px solid #afdeff; border-radius:10px; padding:20px; width:312px; box-sizing:border-box; margin-top:45px;}
.pp3txt2 ul li{ width:50%; float:left; margin-bottom:24px;}
.pp3txt2 ul li:nth-child(5){ margin-bottom:0}
.pp3txt2 ul li p{ color:#fff;}
.pp3txt2 ul li p i{ display:inline-block; content:''; width:4px; height:4px; background:#fff; border-radius:50%; position:relative; top:-3px}

.active .pp3txt1{ margin-left:0; opacity:1}
.active .pp3txt2{ margin-right:0; opacity:1}
@media screen and (max-width:1368px){
.pp-box3{ padding:208px 0 0;}
.pp3txt2{ margin-top:0}
.pp3txt2 h2{ right:0}
.pp3txt2 ul{ width:280px; float:right; margin-right:10px}
}
@media screen and (max-width:768px){
.pinpai3{ width:100%; overflow:hidden; background:url(../images/ppbg3.jpg) left top no-repeat; height:100%; background-size:cover;}
.pp-box3{ padding:58px 0;}
.pp3txt1{ width:100%; box-sizing:border-box; padding-left:3%; opacity:1; margin-left:0; transition:all 0.8s}
}
/*4*/
.pp-box4{ padding-top:150px;}
.ppin4{ width:66%;  opacity:0; margin-left:-800px; transition:all 0.8s;}
.ppin4 li{ width:49.5%; box-sizing:border-box; display:block; overflow:hidden; margin-bottom:8px; cursor:pointer}
.ppin4 li img{ width:100%; transition:all 0.7s;}
.ppin4 li:hover img{ transform:scale(1.05)}
.ppin4 li:nth-child(2){ border:2px solid #fff;}
.ppin4 li:nth-child(4){ border:2px solid #fff;}
.ppin4 li:nth-child(5){ border:2px solid #fff;}
.ppin4 span{ font-size:2.5rem; color:#fedd72; font-weight:bold;}
.ppin4 h2{ font-size:2.5rem; color:#fff; margin-bottom:50px;}
.ppin4 p{ color:#fff; line-height:2em; font-size:1rem}
.ppin1{ width:30.5%; border:4px solid #fff; margin-right:-800px; opacity:0; transition:all 0.8s; overflow:hidden;}
.ppin1 img{ width:100%; transition:all 0.7s;}
.ppin1:hover img{ transform:scale(1.05)}

.active .ppin4{ margin-left:2.5%; opacity:1}
.active .ppin1{ margin-right:0; opacity:1}
@media screen and (max-width:1368px){
.ppin4 p br{ display:none}
}
@media screen and (max-width:768px){
.pp-box4{ padding:70px 0;}
.ppin4{ width:100%;  opacity:1; margin-left:0; transition:all 0.8s;}
.ppin1{ display:none}
.ppin4 span{ font-size:2rem; color:#fedd72; font-weight:bold;}
.ppin4 h2{ font-size:2rem; color:#fff; margin-bottom:50px;}
.ppin4 p{ display:none}
}
/*5*/
.pp-box5{ padding-top:130px;}
.pp-box5 h2{ font-size:2.5rem; color:#2e2e2e; position:relative; top:-400px; opacity:0; transition:all 0.8s;}
.pp-box5 h4{ font-size:2.5rem; color:#fedd72; position:relative; top:-400px; opacity:0; transition:all 0.8s}
.pp-img{ margin-top:24px;}
.pp-img .fl{ width:69.1%; overflow:hidden; cursor:pointer; margin-left:-800px; opacity:0; transition:all 1.2s}
.pp-img .fl img{ transition:all 0.7s; transform:scale(1)}
.pp-img .fl:hover img{ transform:scale(1.05);}
.pp-img .fr{ width:29.4%;margin-right:-800px; opacity:0; transition:all 1.2s}
.pp-img dd{ overflow:hidden; width:100%; cursor:pointer; margin-bottom:5px;}
.pp-img dd img{ transition:all 0.7s; transform:scale(1)}
.pp-img dd:hover img{ transform:scale(1.05)}

.active .pp-box5 h2{top:0; opacity:1}
.active .pp-box5 h4{top:0; opacity:1}
.active .pp-img .fl{ margin-left:0; opacity:1}
.active .pp-img .fr{ margin-right:0; opacity:1}

@media screen and (max-width:1368px){
.pp-box5{ padding-top:120px;}
}
@media screen and (max-width:768px){
.pp-box5{ padding:70px 0 0;}
.pp-box5 h2{ font-size:2rem;  top:0; opacity:1; }
.pp-box5 h4{ font-size:2rem;  top:0; opacity:1;}
.pp-img .fl{ width:100%; cursor:pointer; margin-left:0; opacity:1;}
.pp-img .fr{ width:100%;margin-right:0; opacity:1; transition:all 1.2s}
.pp-img dd{ width:49%; margin:20px 0.5% !important; float:left;}
}
/*7*/
.pp-box7{ padding:104px 0;}
.pp7-tit{ text-align:center;}
.pp7-tit h2{ font-size:2.5rem; color:#252525;}
.pp7-tit p{ font-size:1.25rem; color:#939292}
.ppls{ padding:20px 0}
.ppnews{ padding:200px 0;}
@media screen and (max-width:1368px){
.ppls dl{ margin-bottom:0 !important; width:30%; margin-right:4.5%}
.ppnews{ padding:100px 0;}
.ppnews .all-newk dl dd{ padding:5px 16px}
}
@media screen and (max-width:768px){
.ppls dl{ width:48%; margin:0 1% 24px !important}
.ppls dl:nth-child(3){ margin:0 1% 24px !important}
}

/*-------------------------------------------------------手机网站---------------------------------------------------------------------------*/
.mo-ban{ height:742px; background-image:url(../images/mobile_ban.jpg); width:100%; background-attachment:fixed; background-position:center top; width:100%;}
.mo-ban .btxt .bpic{ padding-top:180px; width:50%; text-align:right; position:relative;}
.mo-ban .btxt .bpic img{ left:200px; position:absolute;}
.mo-ban .btxt .bzi{ padding-top:309px; width:50%;}
@media screen and (max-width:1440px){
.mo-ban .btxt .bpic img{ left:140px; position:absolute;}
}
@media screen and (max-width:768px){
.mo-ban .btxt .bpic{ padding-top:0; max-width:100%; margin:0 auto; text-align:center; display:none}
.mo-ban .btxt .bpic img{ width:75%;}
.mo-ban .btxt .bzi{ padding-top:200px; width:100%}
}

.mo-test1{ width:100%; overflow:hidden; background:url(../images/mobg1.jpg) center no-repeat; min-height:1219px; box-sizing:border-box; margin-top:45px}
.mob-12{ padding-top:140px;}
.mob-12 .fl{ padding-left:3.7%; box-sizing:border-box; width:48%}
.mob-12 li{ padding-left:96px; margin-bottom:48px}
.mob-12 li:nth-child(1){ background:url(../images/mo-num1.jpg) left top no-repeat;}
.mob-12 li:nth-child(2){ background:url(../images/mo-num2.jpg) left top no-repeat; margin-bottom:0}
.mob-12 li h3{ color:#ff5b00; font-size:1.875rem; font-weight:bold;}
.mob-12 li p{ font-size:1.25rem; color:#282828; margin-bottom:20px}
.mob-12 li span{ font-size:1rem; color:#333333; display:block; line-height:2em;}
.mob-12 .fr{ width:50%; margin-top:50px;}
.mob-3{ margin-top:50px;}
.mob-3 .fl{ width:49%; text-align:center;}
.mob-3 .fr{ width:50.5%; box-sizing:border-box;}
.mob-3 .fr dl{ background:url(../images/mo-num3.jpg) left top no-repeat; padding:14px 10% 0 113px; box-sizing:border-box;}
.mob-3 .fr dl dt h3{color:#ff5b00; font-size:1.875rem; font-weight:bold;}
.mob-3 .fr dl dd{ margin-top:24px}
.mob-3 .fr dl dd strong{ font-size:1.125rem; color:#ff5b00; font-weight:normal; margin-bottom:12px; display:block;}
.mob-3 .fr dl dd p{ color:#333333; line-height:1.5em;}

.mo-test2{ width:100%; overflow:hidden; background:url(../images/mobg2.jpg) center top no-repeat; min-height:634px;}
.mob-4{ padding-top:100px;}
.mob-4 .fl{ box-sizing:border-box; width:48%; padding-left:3.7%}
.mob-4 .fl dl{ background:url(../images/mo-num4.png) left top no-repeat; padding:14px 0% 0 100px; box-sizing:border-box;}
.mob-4 .fl dl dt h3{color:#ff5b00; font-size:1.875rem; font-weight:bold;}
.mob-4 .fl dl dd{ margin-top:24px}
.mob-4 .fl dl dd strong{ font-size:1.125rem; color:#ff5b00; font-weight:normal; margin-bottom:12px; display:block;}
.mob-4 .fl dl dd p{ color:#333333; line-height:1.5em;}
.mob-4 .fr{ width:50%; margin-top:50px; text-align:center}


.mo-test3{ width:100%; overflow:hidden; background:url(../images/mobg3.jpg) center top no-repeat; min-height:654px;}
.mob-5{ margin-top:90px;}
.mob-5 .fl{ width:49%; text-align:center; margin-top:40px}
.mob-5 .fr{ width:50.5%; box-sizing:border-box;}
.mob-5 .fr dl{ background:url(../images/mo-num5.jpg) left top no-repeat; padding:14px 0 0 113px; box-sizing:border-box;}
.mob-5 .fr dl dt h3{color:#ff5b00; font-size:1.875rem; font-weight:bold;}
.mob-5 .fr dl dd{ margin-top:24px}
.mob-5 .fr dl dd strong{ font-size:1.125rem; color:#ff5b00; font-weight:normal; margin-bottom:12px; display:block;}
.mob-5 .fr dl dd p{ color:#333333; line-height:1.5em;}


.mo-test4{ background:url(../images/mobg4.jpg) center top no-repeat; width:100%; overflow:hidden; min-height:609px}
.mob-6{ padding-top:140px;}
.mob-6 .fl{ padding-left:3.7%; box-sizing:border-box; width:48%; margin-top:30px}
.mob-6 .fl div{ background:url(../images/mo-num6.png) left top no-repeat; padding-left:113px}
.mob-6 .fl div h3{ font-size:1.875rem; color:#ff5b00; font-weight:bold; margin-bottom:32px}
.mob-6 .fl div p{ font-size:1rem; color:#333333; line-height:2em}
.mob-6 .fr{ width:50%; text-align:center; margin-top:50px}

.mob-6 .fl .moqq{ display:inline-block; background:#ff5b00; font-size:1.5rem; color:#fff; padding:12px 32px; border-bottom:3px solid #b84200; margin-top:24px}

@media screen and (max-width:1440px){
.mob-12{ padding-top:100px;}
.mob-12 .fl{ padding-left:0%; }
.mob-3{ margin-top:90px}
.mob-3 .fl img{ width:70%;}
.mob-4 .fl{ padding-left:0%}

.mob-6 .fl{ padding-left:0}
}
@media screen and (max-width:1368px){.mob-3 .fr dl{ padding:14px 0 0 113px;}
.mo-test1{ background:none}
.mo-test2{ background:url(../images/mobg2-1368.jpg) center top no-repeat}
.mo-test3{ background:none}
.mob-5 .fr dl{ padding:0 0 0 90px; box-sizing:border-box;}
.mo-test4{background:url(../images/mobg4-1368.jpg) center top no-repeat; }
}
@media screen and (max-width:768px){
.mob-12 .fl{  width:100%}
.mob-12 .fr{ width:100%; margin-bottom:50px; margin-top:0}
.mob-12 li{ padding-left:72px;}
.mob-3{ padding-bottom:40px}
.mob-3 .fl{ width:100%; text-align:center;}
.mob-3 .fr{ width:100%; box-sizing:border-box;}
.mob-3 .fr dl{ padding:0 0 0 72px; }
.mo-test2{ background-size:cover; padding-bottom:50px}
.mob-4 .fl{width:100%; margin-top:50px}
.mob-4 .fl dl{ padding:0 0% 0 100px; }
.mob-4 .fr{ width:100%; margin-top:0;}
.mo-test3{ background-size:cover; padding-bottom:50px}
.mob-5 .fl{ width:100%; }
.mob-5 .fl img{ width:100%; margin-bottom:50px}
.mob-5 .fr{ width:100%; }
.mo-test4{ background-size:cover; padding-bottom:50px}
.mob-6 .fl{  width:100%; }
.mob-6 .fl div{  padding-left:72px}
.mob-6 .fr{ width:100%;}
}

/*-----------------------------------------外贸型网站------------------------------------------------*/
.wm-ban{ height:927px; background-image:url(../images/wm-ban.jpg); width:100%; background-attachment:fixed; background-position:center top; width:100%;}
.wm-ban .btxt .bzi{ padding-top:346px; width:50%;}
.wm-ban .btxt .bzi h4{ font-size:55px; font-weight:bold;}
.wm-ban .btxt .bzi h1{ font-size:2.25rem; color:#fff; font-weight:normal}
.wm-ban .btxt .bzi p{ border-bottom:1px solid #fff; display:inline-block; padding-bottom:10px}
@media screen and (max-width:768px){
.wm-ban .btxt .bzi{ padding-top:200px; width:100%}
}

.wm-test1{ background:url(../images/wmbg1.jpg) center top no-repeat; width:100%; overflow:hidden; min-height:931px; border-top:5px solid #fff}
.wm-test1 .fr{ width:50%; box-sizing:border-box; padding:200px 11% 0 5%}
.wm-test1 .fr h4{ font-size:45px; color:#ff5b00; font-weight:bold; line-height:1.5em}
.wm-test1 .fr h2{ font-size:1.5rem; font-weight:bold; color:#ff5b00; margin-bottom:30px}
.wm-test1 .fr ul{}
.wm-test1 .fr li{ background:url(../images/wmdian.png) left 12px no-repeat; padding-left:20px; margin-bottom:30px;}
.wm-test1 .fr li h3{ font-size:1rem; font-weight:bold; color:#ff5b00; line-height:1.5em;}
.wm-test1 .fr li p{ font-size:1rem; color:#333333; line-height:1.5em;}

.wm-test2{ padding:150px 0; width:100%; overflow:hidden; background:#fff;}
.wm-2tit{ text-align:center;}
.wm-2tit h2{ font-size:2.25rem; color:#ff5b00; font-weight:bold;}
.wm-2tit p{ font-size:1rem; color:#333; line-height:1.5em; margin-top:20px}
.wm-2ul{ border:1px solid #bfbfbf; margin-top:59px;}
.wm-2ul li{ width:25%; box-sizing:border-box; border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf; float:left; text-align:center; padding:80px 0; cursor:pointer; position:relative; transition:all 0.5s}
.wm-2ul li:nth-child(5){ border-bottom:none}
.wm-2ul li:nth-child(6){ border-bottom:none}
.wm-2ul li:nth-child(7){ border-bottom:none}
.wm-2ul li:nth-child(8){ border-bottom:none; border-right:none}
.wm-2ul li:nth-child(4){ border-right:none}
.wm-2ul li h3{ font-size:1.5rem; color:#333333}
.wm-2ul li span{ color:#939393; font-size:0.75rem; text-transform:uppercase;}
.wm-2ul li:hover{ box-shadow:0 0 15px 5px rgba(0,0,0,0.2); z-index:2}

.wm-test3{ width:100%; background:url(../images/wmbg2.jpg) center top no-repeat; padding:90px 0 72px; overflow:hidden;}
.wm-3tit{ text-align:center;}
.wm-3tit h2{ font-size:2.25rem; color:#fff; font-weight:bold; }
.wm-3tit p{ color:#fff; font-size:1rem; margin-top:16px;}

.wm-3ul{ width:100%; margin-top:72px;}
.wm-3ul li{ float:left; width:14.28%; text-align:center; margin-bottom:24px; cursor:pointer}
.wm-3ul li p{ font-size:1rem; color:#fff; line-height:2em}
.wm-3ul li img{ transition:all 0.7s ease; transform:rotateY(0);}
.wm-3ul li:hover img{transform:rotateY(180deg)}

.wm-test4{ background:url(../images/wmbg3.jpg) center top no-repeat; width:100%; height:auto; overflow:hidden; padding:79px 0;}
.wm4tit{ text-align:center;}
.wm4tit h2{ font-size:2.5rem; color:#333333; font-weight:bold;}
.wm4tit p{ font-size:1.25rem; color:#777777; text-transform:uppercase;}

.wm4ul{ background:url(../images/wm-wen.png) center center no-repeat; margin-top:91px; width:85%; margin:91px auto 0;}
.wm4ul li{ margin-bottom:90px}
.wm4ul li p{ font-size:1.25rem; color:#515050; font-weight:bold; }
.wm4ul .fr{ width:50%}
.wm4ul .fr li{ text-align:right;}
.wm4ul .fr li:nth-child(1){ margin-right:20%;}
.wm4ul .fr li:nth-child(3){ margin-right:5%;}
.wm4ul .fr li:nth-child(4){ margin-right:8%;}

.wmlink{ text-align:center;}
.wmlink a{ background:#ff5b00; color:#fff; display:inline-block; padding:14px 54px; font-size:1.25rem; box-shadow:5px 5px 5px rgba(0,0,0,0.3)}
@media screen and (max-width:1368px){.wm-3ul li img{ max-width:90%}}
@media screen and (max-width:768px){
.wm-test1{ background-size:cover !important; background:url(../images/wmbg1.jpg) right top no-repeat;}
.wm-test1 .fr h4 br{ display:none}
.wm-test1 .fr{ width:100%;padding: 100px 5% 50px 5%;}
.wm-2ul li{ width:50%; min-height:264px}
.wm-2ul li:nth-child(5){ border-bottom:1px solid #bfbfbf;}
.wm-2ul li:nth-child(6){ border-bottom:1px solid #bfbfbf;}
.wm-2ul li h3{ font-size:1.125rem; }
.wm-2tit h2{ font-size:1.875rem; color:#ff5b00; font-weight:bold;}
.wm-2tit p br{ display:none}
.wm-test3{  background-size:cover;}
.wm-3ul li{ width:25%}
.wm-3ul li:nth-child(21){ display:none}
.wm4ul{ width:100%;}
.wm-test4{ background-size:auto 100%}
.wm4ul{ background:none;}
.wm4ul li{ margin-bottom:60px;}
.wm4ul .fr{ width:100%}
.wm4ul .fr li{ text-align:left}
}

/*-----------------------------------------------------------------------企业网站---------------------------------------------------------------------*/
.qy-ban{ height:743px; background-image:url(../images/qy-ban.jpg); width:100%; background-attachment:fixed; background-position:center top; width:100%; overflow:hidden;}
.qy-ban .btxt .bpic{ padding-top:227px; max-width:48%;}
.qy-ban .btxt .bzi{ padding-top:309px; max-width:50%}
.qy-ban .btxt .bzi h1{ text-shadow:3px 3px 3px rgba(0,0,0,4)}
.qy-ban .btxt .bzi h4{ font-weight:bold; text-shadow:3px 3px 3px rgba(0,0,0,4)}
@media screen and (max-width:1368px){

}
@media screen and (max-width:768px){
.qy-ban{ height:809px;}
.qy-ban .btxt .bpic{ padding-top:0; max-width:100%; margin:30px auto 0; text-align:center;}
.qy-ban .btxt .bpic img{ width:75%;}
.qy-ban .btxt .bzi{ padding-top:120px; max-width:100%}
}
.qykd{ width:94%; max-width:1250px; margin: auto; position:relative;}
@media screen and (max-width:1368px){.qykd{ width:1200px;}}
@media screen and (max-width:1280px){.qykd{ width:1200px;}}
@media screen and (max-width:1024px){.qykd{ width:980px;}}
@media screen and (max-width:768px){.qykd{ width:94%;}}

.qy-test1{ padding:118px 0 50px; width:100%; overflow:hidden;}
.qy1-ul li{ width:33.33%; background:url(../images/qydd.jpg) right top no-repeat; float:left; text-align:center; box-sizing:border-box; padding:0 40px}
.qy1-ul li h3{ font-size:1.375rem; color:#040000; margin:24px 0 30px;}
.qy1-ul li p{ line-height:1.5em; color:#4e4e4e;}
.qy1-ul li:nth-child(1) p{ text-align:left; }

.qy-test2{ background:url(../images/qy-map.jpg) center top no-repeat; width:100%; overflow:hidden; padding:112px 0 40px}
.qy-liu1{ margin-top:108px; width:35%}
.qy-liu1 h2{ font-size:2.25rem; color:#ff5b00; font-weight:bold; }
.qy-liu1 p{ font-size:1.25rem; color:#a6a6a6; text-transform:uppercase; line-height:1.5em}
.qy-liu1 a{ color:#fff; background:#ff5b00; display:inline-block; padding:12px 30px; font-size:1.25rem; margin-top:76px;}
.qy-l4d{ width:60%;}
.qy-l4d a{ display:none;}
.qy-l4d a{ color:#fff; background:#ff5b00; display:inline-block; padding:12px 30px; font-size:1.25rem; margin-top:36px;}
.qy-l4d dl{ width:344px; height:188px; margin-bottom:16px; box-sizing:border-box; padding:84px 24px 0;}
.qy-l4d dl h3{ text-align:center; font-size:1.875rem; color:#282828;}
.qy-l4d dl p{ color:#4e4e4e; font-size:1rem; margin-top:8px;}
.qy-l4d dl:nth-child(1){ background:url(../images/qyg1.png) center top no-repeat; float:left;}
.qy-l4d dl:nth-child(2){ background:url(../images/qyg2.png) center top no-repeat; float:right}
.qy-l4d dl:nth-child(3){ background:url(../images/qyg3.png) center top no-repeat; float:left;}
.qy-l4d dl:nth-child(4){ background:url(../images/qyg4.png) center top no-repeat; float:right}

.qy-test3{ background:url(../images/qybg2.jpg) center top no-repeat; width:100%; overflow:hidden; padding:113px 0;}
.qy-tit3{ text-align:center;}
.qy-tit3 h2{ font-size:2.25rem; color:#fff; font-weight:bold;}
.qy-tit3 p{ font-size:1.25rem; color:#fff; text-transform:uppercase;}
.qy-table{ width:100%; margin-top:57px}
.qy-table table{  width:100%;}
.qy-table table td{ color:#fff; font-size:1.375rem;}
.qy-table table .td1{ text-align:center; width:21%; padding:14px 0}
.qy-table table .td2{ width:34.5%; text-indent:3%}
.qy-table table .td3{ width:34.5%;text-indent:3%}
@media screen and (max-width:768px){
.qy1-ul li{ width:100%; background:none; margin-bottom:20px}
.qy1-ul li:nth-child(1) p{ text-align:center; }
.qy-test2{ background-size:cover}
.qy-liu1{ margin-top:38px; width:100%}
.qy-liu1 a{ display:none}
.qy-l4d{ width:100%; margin-top:32px}
.qy-l4d{ display:block}
.qy-l4d dl{padding:70px 24px 0;}
.qy-l4d dl h3{ text-align:center; font-size:1.125rem; color:#282828;}
.qy-l4d dl p{ color:#4e4e4e; font-size:0.875rem; margin-top:8px;}
.qy-test3{ background-size:cover;}
.qy-table table td{ color:#fff; font-size:1rem;}
.qy-table table .td2{ padding:14px; text-indent:0}
.qy-table table .td3{ padding:14px;text-indent:0}
}

.qy-test4{ background:url(../images/qybg3.jpg) center top no-repeat; padding:75px 0; width:100%; overflow:hidden;}

.qyleft{ width:27%; padding-top:198px; padding-left:1%}
.qyleft h2{ font-size:1.875rem; color:#232424; margin-bottom:64px}
.qyleft p{ font-size:1rem; color:#474747; text-align:right; padding-right:12px; line-height:2em;}
.qyleft ul{ margin-top:97px;}
.qyleft ul li{ float:left; width:33.33%; text-align:center; background:url(../images/qy-l4.png) right center no-repeat}
.qyleft ul li:nth-child(3){ background:none}
.qyleft ul li p{ padding-right:0; text-align:center; color:#2f2f2f; font-weight:bold;}
.qyleft ul li span{ font-size:0.75rem; color:#747474}

.qyright{ width:50%; box-sizing:border-box; padding-left:5%;}
.qyright li{ display:block; padding-left:70px; margin-bottom:20px}
.qyright li:nth-child(1){ background:url(../images/qy-g1.png) left center no-repeat;}
.qyright li:nth-child(2){ background:url(../images/qy-g2.png) left center no-repeat;}
.qyright li:nth-child(3){ background:url(../images/qy-g3.png) left center no-repeat;}
.qyright li:nth-child(4){ background:url(../images/qy-g4.png) left center no-repeat;}
.qyright li:nth-child(5){ background:url(../images/qy-g5.png) left center no-repeat;}
.qyright li:nth-child(6){ background:url(../images/qy-g6.png) left center no-repeat;}
.qyright li:nth-child(7){ background:url(../images/qy-g7.png) left center no-repeat;}
.qyright li:nth-child(8){ background:url(../images/qy-g8.png) left center no-repeat;}
.qyright li:nth-child(9){ background:url(../images/qy-g9.png) left center no-repeat; margin-bottom:0}
.qyright li p{ font-size:1.125rem; color:#2f2e2e; font-weight:bold; margin-bottom:12px;}
@media screen and (max-width:1440px){
.qy-test4{ background:url(../images/qybg3.jpg) -200px top no-repeat; }
.qyleft{ width:30%; padding-top:198px; padding-left:1%}
}
@media screen and (max-width:1368px){
.qy-test4{ background:url(../images/qybg3.jpg) -120px top no-repeat; }
.qyleft{ width:33%; padding-top:198px; padding-left:1%}
.qyright{ width:40%}
}
@media screen and (max-width:768px){
.qy-test4{background:url(../images/qybg3.jpg) left top no-repeat #ededed;}
.qyleft{ width:100%; padding-top:198px; padding-left:0}
.qyleft p{ font-size:1rem; color:#474747; text-align:left; padding-right:12px; line-height:2em;}
.qyleft ul{ margin-top:30px; width:90%}
.qyright{ width:100%; margin-top:220px;}
}
/*常见问题*/
.qy-faq{ padding:0 0 60px; width:100%; overflow:hidden;}
.faqtit{ text-align:center;}
.faqtit h2{ font-size:2.5rem; color:#333333; font-weight:bold;}
.faqtit p{ font-size:1.25rem; color:#515050; text-transform:uppercase;}
.faq-dl{ margin-top:55px}
.faq-dl dl{ width:48%; margin-bottom:22px;}
.faq-dl dl dt{ width:100%; box-sizing:border-box; background:url(../images/q.png) 26px center no-repeat #ff5b00; padding:16px 0 16px 50px;}
.faq-dl dl dt h3{ color:#fff}
.faq-dl dl dd{ background:#f7f7f8 url(../images/a.png) 26px 24px no-repeat; box-sizing:border-box; padding:20px 50px; min-height:103px}

@media screen and (max-width:768px){
.faq-dl dl{ width:100%; float:none !important}
}

/*工程案例*/
.x-ban{ height:440px; width:100%; position:relative;}
.catext{ width:100%; padding-top:200px; text-align:center;}
.catext span{ font-family:'华文细黑'; font-size:2.5rem; color:#fff; transform:scale(1,1.1)}
.catext hr{ width:26px; height:2px; border:none; background:#ff0000}
.catext h1{ color:#fff; font-size:1.5rem;}
.sortmenu{ padding:16px 0; border-bottom:1px solid #eee}
.sortmenu li{ float:left; width:14.28%; text-align:center;}


.sortmenu li a{ transition:all 0.7s; display:block; position:relative; top:0}
.sortmenu li:hover a{ top:-18px;}
.sortmenu li p{ color:#454545; transition:all 0.7s}
.sortmenu li:hover p,.sortmenu li.cur p{ color:#e30100}
.sortmenu li i{ content:''; display:inline-block; width:80px; height:80px; transition:all 0.7s;}
.sortmenu li:nth-child(1) i{background:url(../images/alb1.png) center no-repeat;}
.sortmenu li:nth-child(2) i{background:url(../images/alb2.png) center no-repeat;}
.sortmenu li:nth-child(3) i{background:url(../images/alb3.png) center no-repeat;}
.sortmenu li:nth-child(4) i{background:url(../images/alb4.png) center no-repeat;}
.sortmenu li:nth-child(5) i{background:url(../images/alb5.png) center no-repeat;}
.sortmenu li:nth-child(6) i{background:url(../images/alb6.png) center no-repeat;}
.sortmenu li:nth-child(7) i{background:url(../images/alb7.png) center no-repeat;}
.sortmenu li:nth-child(1):hover i,.sortmenu li:nth-child(1).cur i{background:url(../images/albc1.png) center no-repeat;}
.sortmenu li:nth-child(2):hover i,.sortmenu li:nth-child(2).cur i{background:url(../images/albc2.png) center no-repeat;}
.sortmenu li:nth-child(3):hover i,.sortmenu li:nth-child(3).cur i{background:url(../images/albc3.png) center no-repeat;}
.sortmenu li:nth-child(4):hover i,.sortmenu li:nth-child(4).cur i{background:url(../images/albc4.png) center no-repeat;}
.sortmenu li:nth-child(5):hover i,.sortmenu li:nth-child(5).cur i{background:url(../images/albc5.png) center no-repeat;}
.sortmenu li:nth-child(6):hover i,.sortmenu li:nth-child(6).cur i{background:url(../images/albc6.png) center no-repeat;}
.sortmenu li:nth-child(7):hover i,.sortmenu li:nth-child(7).cur i{background:url(../images/albc7.png) center no-repeat;}

.select{ padding:30px 0;}
.select .sesort{ width:76%}
.select .sesort li{ float:left; width:12.5%; text-align:left; margin-bottom:8px;}
.select .sesort li a{ display:inline-block; width:85%; border:1px solid #999; font-size:0.875rem; color:#666; box-sizing:border-box; padding:8px 5px; border-radius:5px; transition:all 0.7s; text-align:center}
.select .sesort li a:hover,.select .sesort li a.cur{ background:#e30100; color:#fff; border:1px solid #e30100}
.sekuan{ background:#676767;border-radius: 5px; width:22%; padding:36px 10px; box-sizing:border-box;}

.seach-form .s-txt{ width:81%; height:50px; background:#fff; border:none; float:left; padding:5px 10px; color:#515151; box-sizing:border-box;}
.seach-form .s-bt{ background:url(../images/sbtn.jpg) center no-repeat; height:50px; width:19%; border:none; float:left;}

.c-year{ margin:20px 0;}
.c-year p{ color:#666}
.c-year b{ font-size:1.125rem;}
.c-year a{ display:inline-block; padding:0 12px; color:#666; transition:all 0.5s; position:relative;}
.c-year a:hover,.c-year a.cur{ color:#fe0003; font-weight:bold;}

@media screen and (max-width:768px){
.sortmenu li{ float:left; width:25%; text-align:center; margin-bottom:14px;}
.select{ display:none}
}

/*案例列表*/
.caselist{ display:block; width:100%; padding-bottom:50px;}
.caselist dl{ display:block; width:31.8%; margin-right:2.3%; margin-bottom:16px; float:left;}
.caselist dl a{ display:block;}
.caselist dl:nth-child(3n){ margin-right:0;}
.caselist dl dt{ position:relative; width:100%; overflow:hidden;}
.caselist dl dt img{ width:100%; transform:scale(1); transition:all 0.7s}
.caselist dl dt:hover img{ transform:scale(1.05);}
.caselist dl dd{ position:relative; padding:14px 0}
.caselist dl dd h2{ font-size:1.125rem; color:#343332; font-weight:bold; display:inline-block;}
.caselist dl dd span{ float:right; font-size:0.875rem; color:#7a7c82}
.caselist dl dd img{ margin:0 3px -5px}
.caselist dl dd i{ position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e30100; transform-origin:left; transform:scale(0,1); transition:all 0.7s}
.caselist dl:hover dd i{ transform:scale(1)}
@media screen and (max-width:768px){
.caselist{ margin-top:30px;}
.caselist dl{ width:100%; margin:0 0 24px !important}
}
/*案例展示*/
.case-box{ padding:40px 0;}
.cas-tit .clogo{ max-width:20%; text-align:center;}
.cas-tit .cname{ width:85%;}
.cas-tit .cname h4{ font-size:2.5rem; color:#3f3f3f}
.cas-tit .cname hr{ width:44px; height:3px; background:#fe0003; border:none; margin:16px 0}
.cas-tit .cname p{ color:#666; font-size:0.875rem;}
.cas-link{ padding:32px 0;}
.cas-link .fl{ width:50%;}
.cas-link .fl p{ color:#999; line-height:1.875em;}
.cas-link .fr{ width:50%; text-align:center;}
.cas-link .caa{display:inline-block; margin-top:24px;
    width: 164px;
    height: 48px;
    border: 2px solid #404040;
    font-size: 1.125rem;
    color: #404040;
    line-height: 48px;
    text-align: center;}
.cas-link .caa img{ margin-bottom:-3px;}
.cas-prnx{ background:url(../images/qi_2.jpg) center repeat-x; text-align:center;}
.cas-prnx a{ display:inline-block; width:60px; height:60px; text-align:center; padding:20px 0; box-sizing:border-box;}
.cas-prnx .prev{ float:left;}
.cas-prnx .next{ float:right;}
.cas-show{ padding:50px 0; text-align:center;}
@media screen and (max-width:768px){
.cas-tit .clogo{ display:none}
.cas-tit .cname{ width:100%;}
.cas-show p{ font-size:1.125rem !important; line-height:1.5em !important}
.cas-show span{ font-size:1.125rem !important;line-height:1.5em !important}
.cas-show strong{ font-size:1.125rem !important;line-height:1.5em !important}
.cas-link .fl{ width:100%; display:none;}
.cas-link .fr{ width:100%; text-align:left;}
.cas-show img{ max-width:100%;}
}

.morepro{}
.morepro h6{ font-size:1.5rem; line-height:2em; font-weight:bold;}
.morepro dl{ display:block; width:31.8%; margin-right:2.3%; margin-bottom:16px; float:left;}
.morepro dl a{ display:block;}
.morepro dl:nth-child(3n){ margin-right:0;}
.morepro dl:nth-child(4n){ display:none}
.morepro dl dt{ position:relative; width:100%; overflow:hidden;}
.morepro dl dt img{ width:100%; transform:scale(1); transition:all 0.7s}
.morepro dl dt:hover img{ transform:scale(1.05);}
.morepro dl dd{ position:relative; padding:14px 0}
.morepro dl dd p{ font-size:1.125rem; color:#343332; font-weight:bold; display:inline-block;}
.morepro dl dd span{ float:right; font-size:0.875rem; color:#7a7c82}
.morepro dl dd img{ margin:0 3px -5px}
.morepro dl dd i{ position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e30100; transform-origin:left; transform:scale(0,1); transition:all 0.7s}
.morepro dl:hover dd i{ transform:scale(1)}
@media screen and (max-width:768px){
.morepro dl:nth-child(4n){ display:block}
}

/*新闻资讯*/
.newsort{ border-bottom:1px solid #ddd; background:#fe0003}
.newsort li{ position:relative; float:left; width:11.11%;}
.newsort li a{ padding:20px 0; text-align:center; display:block; color:#fff; position:relative; transition:all 0.75s; z-index:2;}
.newsort li a i{ position:absolute; width:100%; height:100%; top:0; left:0; background:#fff; z-index:-1; transform:scale(0,1); transition:all 0.7s}
.newsort li span{ position:absolute; right:0; top:20px; color:rgba(255,255,255,0.5); height:100%;}
.newsort li:nth-child(9) span{ display:none}
.newsort li a:hover,.newsort li a.cur{ color:#fe0003;}
.newsort li a:hover i,.newsort li a.cur i{ transform:scale(1)}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){
.newsort .kd{ width:100%}	
.newsort li{ position:relative; float:left; width:20%; margin-bottom:5px;}
.newsort li:nth-child(5) span{ display:none;}
.newsort li:nth-child(9) span{ display:block;}
}
.newsco{ padding:45px 0;}
.newsco li{ width:100%; border-bottom:1px dashed #ddd; padding:20px 0;}
.newsco li a{ display:block;}
.news_img{ width:20%;}
.news_img img{ width:100%;}
.news_img img{}
.news_right{ width:65%; margin-left:3%}
.news_right h3{ font-size:1.5rem; color:#000; font-weight:bold; transition:all 0.7s}
.news_right p{ font-size:1rem; color:#666; margin:10px 0; line-height:1.5em;}
.news_right .news_more{ display:inline-block; background:#fe0003; color:#fff; padding:5px 10px}
.news_date{ width:6%; max-width:10%; background:#ddd; text-align:center; margin-top:20px;}
.news_date p{ padding:10px 0; font-size:2.5rem;border-bottom:1px solid rgba(255,255,255,0.8);}
.news_date em{ display:block; padding:3px; font-size:0.875rem; color:#666;}
.newsco li a:hover h3{ color:#fe0003;}

.newsco dl{ width:18%; float:left; margin-right:2.5%; margin-bottom:24px; box-sizing:border-box; padding:8px; background:#fff; box-shadow:0 0 15px 3px rgba(0,0,0,0.15)}
.newsco dl:nth-child(5n){ margin-right:0}
.newsco dl dt{ width:100%; overflow:hidden;}
.newsco dl dt img{ width:100%;}
.newsco dl dd{ padding:12px; font-size:0.875rem; color:#c9c9c9; box-sizing:border-box;}
@media screen and (max-width: 1024px){
.news_right p{ font-size:1rem; color:#666; margin:10px 0; line-height:1.5em; height:52px;text-overflow: ellipsis; overflow:hidden;}
.news_date{ width:8%; margin-top:10px;}
}
@media screen and (max-width: 768px){
.newsco li{ padding:36px 0;}
.news_right{ width:80%; margin-left:0%}
.news_img{ display:none}
.news_right p{ display:none;}
.news_right .news_more{ margin-top:20px;}
.news_date{ width:16%; max-width:20%; margin-top:0}
.newsco dl{ width:48%; margin:0 1% 24px !important;}
.newsco dl dd{ min-height:114px;}
}
/*新闻内页*/
.newskc{ padding:50px 0;}
.nbg{width:72%; background:#fff; box-sizing:border-box; padding:30px; border:1px solid #eee}
.n-hot{ width:25%}

.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#484848;}
.news-type{width:100%; height:auto; line-height:2em; text-align:center; margin:0 auto; color:#242424;font-size:1rem; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1rem;line-height:1.875em; color:#242424;}

/*相关新闻*/
.xgnews{margin:0 auto 40px;}
.xgnews h2{font-size:1.5rem; background:#fe0003; padding:12px; color:#fff;}
.xgnews ul{border:1px solid #eee;border-top:none;padding:10px 10px; background:#fff;}
.xgnews ul li{width:100%; padding:8px 0; overflow:hidden; border-bottom:1px dashed #eee}
.xgnews ul li:last-child{ border:none}
.xgnews ul li a{ transition:all 0.5s;}
.xgnews ul li a:hover{ color:#fe0003}

@media screen and (max-width: 768px){
.nbg{width:100%;}
.n-hot{ width:100%; margin-top:40px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}

}

/*联系我们*/
.allsort{border-bottom:1px solid #ddd; background:#fe0003}
.allsort .fl{ max-width:60%;}
.allsort li{ position:relative; float:left;}
.allsort li a{ padding:20px 24px; text-align:center; display:block; color:#fff; position:relative; transition:all 0.75s; z-index:2;}
.allsort li a i{ position:absolute; width:100%; height:100%; top:0; left:0; background:#fff; z-index:-1; transform:scale(0,1); transition:all 0.7s}
.allsort li span{ position:absolute; right:0; top:20px; color:rgba(255,255,255,0.5); height:100%;}
.allsort li:nth-child(9) span{ display:none}
.allsort li a:hover,.allsort li a.cur{ color:#fe0003;}
.allsort li a:hover i,.allsort li a.cur i{ transform:scale(1)}
.allsort .fr{ padding:21px 0 21px 24px; background:url(../images/hm1.png) left center no-repeat;}
.allsort .fr p{ color:#fff; font-size:0.875rem;}
.allsort .fr p span{ font-family:'宋体';}
.allsort .fr p a{ color:#fff;}
.main{ padding:72px 0}
.BMap_shadow img{ max-width:inherit}
@media screen and (max-width: 768px){
.allsort .fl{ max-width:100%;}
.allsort .fr{ display:none}
}

/*留言*/
.feedb{height:auto; width:100%;overflow: hidden;z-index: 2; padding: 0;margin: 0px auto 0;}
.feedtxt{ text-align:center; padding-top:56px;}
.feedkuan{ margin-top:2%; text-align:center;}
.ncontxt{background-color:#eee; border:1px solid #ddd; padding:5px; margin-bottom:30px; height:48px; color:#333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px; width:31%; margin-right:3%; box-sizing:border-box; font-size:1rem;}

.ebtn{ display:block; width:151px; height:43px; background:#e60012; color:#fff; border:none; text-align:center; margin:0 auto; line-height:43px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px; font-size:1rem}
@media screen and (max-width:768px){
.ncontxt{ width:100%; margin-right:0 !important; height:60px}
}


/*关于我们*/
.a-ban{ width:100%; height:600px; background-attachment:fixed;}
.abtext{ width:100%; padding-top:300px; text-align:center;}
.abtext span{ font-family:'华文细黑'; font-size:2.5rem; color:#fff; transform:scale(1,1.1)}
.abtext hr{ width:26px; height:2px; border:none; background:#fe0003;}
.abtext h1{ color:#fff; font-size:1.5rem;}


/*公司简介*/
.ab-1{ width:100%; height:auto; margin-bottom:50px; overflow:hidden;}
.fleft{ float:left;}
.fright{ float:right;}
.ab-pic{ width:50%; background:#d4d4d4; height:430px; text-align:center;}
.ab-pic img{ padding:148px 0 0 0;}

.ab-txt{ width:44%; padding:0 3% 0 3%;background:#fff; height:430px;}
.ab-txt h2{ font-size:1.5rem; font-weight:bold; color:#e50000; padding-top:55px;}
.ab-txt p{ font-size:1.25rem; color:#272727}
.ab-txt div{ margin:20px 0}
.ab-txt span{ font-size:1em; line-height:1.5em;}
.ab-txt b{ color:#525252; font-size:20px; font-weight:bold;}

.fw15{overflow: hidden;z-index: 2;background-attachment: fixed;background-position:50% 0;background-repeat: no-repeat;padding: 0;
margin: 0px auto 0;height: 677px; background-image:url(../images/c15.jpg); background-size:120%;}

.fw15 .a13tit{ padding-top:150px;}
.fw15 .a13tit h2{ color:#fff; font-size:2rem; font-weight:lighter; margin-bottom:20px}
.fw15 .a13tit h2 span{ color:#fecb00}
.fw15 .a13tit p{ font-family: "Alternate"; font-size:4rem; color:#fff;}
.fw15 .a13tit p span{font-family: "Alternate"; color:#fecb00}

.qq-wh{ padding:70px 0; width:100%; overflow:hidden;}
.qq-wh .fl{ width:50%; box-sizing:border-box; padding:3% 8% 0 8%;}
.qq-wh .fl h2{ font-size:2.5rem; color:#333; font-weight:bold; margin-bottom:12px}
.qq-wh .fl p{ font-size:1.125rem; color:#666; line-height:1.875em}
.qq-wh .fl li{ margin-bottom:30px}
.qq-wh .fr{ max-width:48%}
/*发展历程*/
.ab-fz{ padding:70px 0; background:#f9f9f9}
.fztit{ text-align:center;}
.fztit h2{ font-size:2.5rem; color:#333; font-weight:bold;}
.fztit p{ font-size:1.5rem; color:#666; text-transform:uppercase;}
.fzcon{ padding:30px 0}

@media screen and (max-width:768px){
.ab-pic{ width:100%; height:auto;}
.ab-pic img{ padding:148px 0 ;}
.ab-txt{ width:94%}
.fw15{ background-attachment:inherit; background-size:cover; height:auto}
.fw15 .a13tit{ padding:100px 0;}
.fw15 .a13tit p{ font-size:1.875rem}
.fw15 .a13tit h2{  font-size:1.5rem; }
.qq-wh .fl{ width:100%; box-sizing:border-box; padding:3% 8% 0 8%;}
.qq-wh .fl h2{ font-size:2rem; }
.qq-wh .fl p{ font-size:1rem;}
}


/*解决方案*/
.s-ban{ background-image:url(../images/sobanner.jpg); background-attachment:fixed; background-position:center top; width:100%; height:540px; position:relative;}
.sotit{ padding-top:280px; max-width:70%;}
.sotit h1{ font-size:2.5rem; color:#fff; margin-bottom:20px}
.sotit p{ color:#fff;}
.stxt{ width:100%; position:absolute; bottom:0; padding:16px 0; background:rgba(0,0,0,0.3)}
.stxt .fr{ background:url(../images/hmm.png) left center no-repeat; padding-left:30px}
.stxt .fr p{ font-size:1rem; color:#fff}
.stxt .fr p a{ color:#fff; transition:all 0.7s}
.stxt .fr p a:hover{ color:#fe0003}
.slove-main{ padding:40px 0 80px; width:100%;  background:#f7f7f7}

.solve-list{ width:100%;}
.solve-list dl{ width:32.5%; margin-right:1.25%; float:left; margin-bottom:20px; box-sizing:border-box; background:#fff; transition:all 0.7s}
.solve-list dl:nth-child(3n){ margin-right:0}
.solve-list dl a{ display:block;}
.solve-list dl dt{ position:relative; width:100%; overflow:hidden;}
.solve-list dl dt img{ width:100%; transition:all 0.7s;}
.solve-list dl:hover dt img{ transform:scale(1.05);}
.solve-list dl dt .yin{ position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; text-align:center; opacity:0; transition:all 0.7s}
.solve-list dl dt .yin span{ color:#fff; font-size:24px; display:block; padding-top:30%;}
.solve-list dl:hover .yin{ opacity:1}
.solve-list dl dd{ padding:30px;width: 100%; box-sizing:border-box;}
.solve-list dl dd h2{font-size: 1.375rem;line-height: 1.5em; color: #222; margin-bottom: 24px;transition: all ease .7s;}
.solve-list dl dd p{font-size: 0.875rem;line-height: 1.5em; color: #666;margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.solve-list dl dd .t3{font-size: 0.875rem;line-height: 1.5em; color: #999;background: url(../images/icon38.png) 68px center no-repeat;
transition: all ease .7s;}

.solve-list dl:hover{box-shadow:0 0 25px 0 rgba(0,0,0,.15);}
.solve-list dl:hover dd h2{ color:#fe0003}
.solve-list dl:hover dd .t3 {color:#222;background:url(../images/icon39.png) 68px center no-repeat;}
@media screen and (max-width:768px){
.sotit{ padding-top:180px; max-width:100%;}
.sotit h1{ font-size:2rem; }
.solve-list dl{ width:100%;}
.solve-list dl dd .t3{background: url(../images/icon38.png) 108px center no-repeat;}
.solve-list dl:hover dd .t3 {background:url(../images/icon39.png) 108px center no-repeat;}
}

.slo-box{ background:#fff; margin-top:-100px; padding: 44px 30px 42px; z-index:2; position:relative;}

.content-box{ width:63%;}
.conii{ padding-bottom:60px;}
.condd{ border-top:1px solid #eee; border-bottom:1px solid #eee; padding:30px 0;}
.condd h2{ font-size:1.25rem; color:#c3c3c3}
.condd ul{ margin-top:24px;}
.condd ul li{ width:33.33%; float:left; padding:12px 0}
.condd ul li i{ width:4px; height:4px; display:inline-block; background:#999; position:relative; top:-3px}
.condd ul li h3{ color:#222}
.condd ul li:hover h3{ color:#fe0003}

.content-news{ width:29%;}
.content-news .sopic{ width:100%; overflow:hidden;}
.hotnews{ width:100%; box-sizing:border-box; border-left:1px solid #ececec; padding:30px 0 30px 20px; margin-top:40px}
.hotnews h2{ font-size:1.25rem; color:#c3c3c3}
.hotnews ul{ margin-top:24px; width:100%;}
.hotnews li{ padding:12px 0; border-bottom:1px dashed #ececec}
.hotnews li a{ display:block;}
.hotnews li h3{ display:inline-block; font-size:1rem; color:#222; transition:all 0.5s}
.hotnews li span{ float:right;}
.hotnews li a:hover h3{ color:#fe0003}
@media screen and (max-width:768px){
.slo-box{  padding: 44px 20px 42px; }
.content-box{ width:100%;}
.condd ul li{ width:50%; float:left; padding:12px 0}
.content-news{ width:100%;}
.content-news .sopic{ display:none;}
.hotnews{ border:none; padding:30px 0}
}


/*----------------------------------------修改1--------------------------------------------*/
/*表单页链接*/
.link-table{ margin-top:40px;}
.link-table .ta1{ display:inline-block; border:2px solid #fff; padding:8px 16px; font-size:1.25rem; margin-right:12px; color:#fff; transition:all 0.7s}
.link-table .ta2{ font-size:1.125rem; color:#fff; transition:all 0.7s}

.calink{ text-align:center; margin-top:32px;}
.calink a{ display:inline-block; border:2px solid #535353; padding:12px 16px; font-size:1.125rem; transition:all 0.7s}
.calink a:hover{ border:2px solid #fe0003; color:#fe0003;}


.nei-newk{ margin-top:32px;}
.nei-newk dl{ width:100%;}
.nei-newk dl dt{ width:32%; background:#f8f8f8; margin-right:2%; margin-bottom:20px; box-sizing:border-box; float:left; border:1px solid #eee; padding:20px; min-height:150px; transition:all 0.7s}
.nei-newk dl dt a{ display:block;}
.nei-newk dl dt:hover{ box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}
.nei-newk dl dt:nth-child(3n){ margin-right:0}
.nei-newk dl dt h3{ color:#454545; font-size:1.125rem;}
.nei-newk dl dt p{ font-size:0.875rem; color:#999; line-height:1.5em; margin:10px 0}
.nei-newk dl dt span{ font-size:1rem; color:#ccc}
.pptable{ padding-left:60px;}
@media all and (max-width: 1440px) {
.nei-newk dl dt{ padding:20px 10px}
}
@media all and (max-width: 1368px) {
.nei-newk dl dt{ min-height:120px}
.ppnews .nei-newk dl dt p{ display:none}
.ppnews .nei-newk dl dt span{ display:block; margin-top:20px;}
}
@media all and (max-width: 1280px) {

}
@media all and (max-width: 768px) {
.nei-newk dl dt{ width:100%; padding:20px}
.pptable{ padding-left:0px;}
}

/*表单*/
.ta-ban{ background-position:center; height:300px;}
.tatext{ text-align:center; padding-top:150px}
.tatext h1{ font-size:2.5rem; color:#fff;}
.ta-main{ padding:50px 0; background:#f5f5f5}
.talist{ border-top:3px solid #2a2a2a; padding:32px 32px 100px; background:#fff url(../images/feedbg.jpg) center no-repeat;}
.talist li .fl{ color:#999; width:19%; text-align:right; line-height:48px;}
.talist li .fl{}
.talist li .fr{ width:80%}
.talist li select{ background:#fff; border:1px solid #ccc; float:left; width:40%; box-sizing:border-box; padding:0 10px;  outline:none; line-height:48px; height:48px; font-size:1rem; color:#888;}
.talist li select option{ }
.talist li .other-box{ line-height:40px; margin-top:10px}
.talist li .other-box .check-label{float: left; min-width: 150px; line-height: 34px; color: #666;}
.talist li .time-box{ margin-top:10px}
.talist li .time-box .tid1{ line-height: 34px; color: #666;}
.talist .con-box{ margin-top:16px}
.talist .con-box textarea{ overflow:hidden; width:40%; padding:10px; box-sizing:border-box; height:120px; font-size:1rem; border:1px solid #ccc; color:#888;  outline:none; resize:none; display:block;  background:#fff}
.lxli{ margin-top:12px}
.lxli span{ color:#ff0000;}
.lxli input{ padding:10px; box-sizing:border-box; font-size:1rem;border:1px solid #ccc; color:#888}
.talist li .btn11{ margin-top:16px;}
.talist li .btn11 input{ border:none; padding:8px 40px; font-size:1.25rem; color:#fff; background:#ff0000; display:inline-block;}
@media all and (max-width: 768px) {
.talist{ background-size:cover;}
.talist li .fl{ color:#999; width:100%; text-align:left; }
.talist li .fr{ width:100%}
.talist li select{ width:100%; height:60px; line-height:60px}
.talist li .other-box .check-label{ min-width: 33.33%;  margin-bottom:20px;}
.talist .con-box textarea{ width:100%; height:200px;}
}
/*手机轮播图*/
.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
.swiper-container { width: 760px; 
     height:700px; 
     margin-left: auto;
    margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1}
	

.swiper-wrapper {
	position: relative;
	width: 760px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0)}
.swiper-container-multirow>.swiper-wrapper {flex-wrap: wrap}
.swiper-container-multirow-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide {flex-shrink: 0;width: 760px;height: 100%;position: relative;transition-property: transform}
.swiper-slide-invisible-blank {visibility: hidden}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height}
.swiper-container-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {scroll-snap-type: y mandatory}
:root {--swiper-navigation-size:44px}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size)
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto; background:url(../images/arrows.png) top; height:30px; width:17px}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto; background:url(../images/arrows.png) bottom; height:30px; width:17px;}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display: none
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}
.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100%;
	background: #fff;
	opacity: .8
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-white {
--swiper-pagination-color:#fe0003
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}




.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}
}

@keyframes cats{
0%{}
25%{}
50%{}
75%{}
100%{}
}