@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:#666;}
fieldset,img{border:0;}
img{ max-width:100%;}
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:#666;}
a:hover{ color:#C00;}
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;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden}
@media screen and (max-width:768px){
html{ font-size:26px !important}	
body{ font-size:26px !important}	
}
/*分页样式*/
.green-black {
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.green-black ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.green-black ul li {
    float: left;
    font-family: microsoft yahei;
    margin: 0 2px;
    padding: 0 10px;
    line-height: 25px;
    background: #fff;
    border: 1px solid #bd0013
}

.green-black ul li a {
    float: left;
    color: #555;
    display: block
}

.green-black ul li:hover {
    text-decoration: none;
    color: #fff;
    border: 1px #bd0013 solid;
    background-color: #bd0013
}

.green-black ul li:hover a {
    color: #fff
}

.green-black ul li:hover a:hover {
    color: #fff;
    text-decoration: none
}



.green-black span.current {
    padding: 5px 8px 5px 8px;
    padding: 5px 8px 4px 8px;
    border: 1px solid #ccc;
    color: #fff;
    height: 12px;
    line-height: 12px;
    zoom: 1;
    overflow: auto;
    background: url(../images/page_bg02.png) top repeat-x #1c68a9;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px
}

DIV.green-black {
    width: 100%;
    padding-top: 10px;
    text-align: center;
}



DIV.green-black SPAN.current {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER: 1px solid #bd0013;
    font-size: 100%;
    background-color: #bd0013;
}

DIV.green-black SPAN.disabled {
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 2px;
    COLOR: #fff;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER: #bd0013 1px solid;
    font-size: 100%
}

/*kd*/
.kd{ max-width:1300px; width:92%; margin:0 auto; }
.kdt{ max-width:1300px; width:92%; margin:0 auto; }
.fl{ float:left;}
.fr{ float:right;}
@media screen and (min-width:1700px){
.kdt{max-width:1600px;}
}
@media screen and (max-width:1366px){
.kdt{ width:95%;}
}
@media screen and (max-width:768px){
.kd{ width:95%;}
.kdt{ width:95%;}
}
@font-face{

font-family:'DINEngschriftStd';
font-family:'DINEngschriftStd';
	src:url('../fonts/dinengschriftstd.eot') format('eot');/*IE*/
	src:url('../fonts/dinengschriftstd.ttf') format('truetype');/*non-IE*/

}
@font-face{

font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/alternate.eot') format('eot');/*IE*/
	src:url('../fonts/alternate.ttf') format('truetype');/*non-IE*/

}

.netit{ text-align:center; margin-bottom:32px;}
.netit span{ font-size:2.5rem; color:#bd0013; text-transform:uppercase;}
.netit h4{ font-size:1.875rem; color:#bd0013; font-weight:bold;}
.netit p{ color:#171717; font-size:1.125rem;}
@media screen and (max-width: 768px){
.netit span{ font-size:2rem;}
.netit h4{ font-size:1.5rem; }

}
/*头部*/
.head{ background:url(../images/headbg.jpg) center no-repeat;background: #191919;  border-bottom:1px solid #bd0013; width:100%; position:fixed; z-index:999;}
.logo{padding:34px 0; }
.magg{ background:url(../images/mxian.png) left center no-repeat;padding:34px 0 34px 8px; margin-left:8px;}
.magg p{ font-size:1.25rem; color:#000000}
.magg h6{ font-size:1.5rem; color:#fbfbfb; font-weight:bold;}
.ctop{ height:129px;}
@media screen and (max-width:768px){
.magg{ padding:24px 0 0 8px; background:url(../images/mxian.png) left 30px no-repeat;}
.magg p{ font-size:1rem; color:#000000}
.magg h6{ font-size:1.125rem; color:#fbfbfb; font-weight:bold;}
}

/*menu*/
.menu{ width:100%; position:relative;}

/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block; position:absolute; right:0%;  width:70%}
.mobile-inner-nav li{ float:left; width:auto; text-align:center; background:url(../images/xlin.jpg) right center no-repeat; margin-left:5px; position:relative;}
.mobile-inner-nav li .xiapr{ position:absolute; width:130%; left:0; top:100%; background:rgba(0,75,133,0.8); transition:all 0.5s; transform:scale(1,0); transform-origin:top; box-sizing:border-box; text-align:center;}
.mobile-inner-nav li:hover .xiapr{ transform:scale(1); }
.mobile-inner-nav li .xiapr dl{ }
.mobile-inner-nav li .xiapr dl a{ color:#fff; font-size:1rem; padding:8px 0;}
.mobile-inner-nav li .xiapr dl a:hover{ color:#000}
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:block; color:#525252; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative;  width:100%; }
.mobile-inner-nav a span{ position:absolute; top:0; width:100%; height:100%; left:0; z-index:1; transition:all 0.5s; transform:scale(0,1); background:url(../images/mcur.jpg) center repeat-x;}
.mobile-inner-nav a p img{ display:block; margin:0 auto 12px;}
.mobile-inner-nav a p{ color:#fbfbfb; font-size:1em; transition:all 0.5s; padding:54px 16px;  display:block; z-index:2; position:relative; text-align:center;}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#fff;}
.mobile-inner-nav a:hover ,.mobile-inner-nav a.cur { color:#ffffff}
@media screen and (min-width:1700px){
.mobile-inner-nav{width:70%}
.mobile-inner-nav a p{ padding:52px 18px; font-size:1.125rem;}
.mobile-inner-nav li{ margin-left:16px;}
.mobile-inner-nav li .xiapr{ top:97%;}
}
@media screen and (max-width:1366px){
.mobile-inner-nav{  width:70%}
.mobile-inner-nav a p{ padding:54px 12px;}
}
@media screen and (max-width:1280px){
.mobile-inner-nav{  width:70%}
.mobile-inner-nav li{ margin-left:0;}
.mobile-inner-nav a p{ padding:40px 10px;}
}
@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li:nth-child(3){ width:100%;}
.mobile-inner-nav li:nth-child(5){ width:100%;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p img{ display:none; margin:0 auto 12px;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#000; right:45px; top:48px; width:70px; font-size:1rem}
.mobile-inner-header{width: 100%;height:4.7em; position: absolute;top: 0px;left: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:45px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#fafafa; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 25%;
    bottom: 1.55em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.5em;left: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #fafafa;
    position: absolute;
    left: 25%;
    bottom: 0.9em;
    display: block;
	border-radius:5px;
}

	.mobile-inner-nav{top:5em; width:55%; right:-3%; left:auto;}
}
.banner{ width:100%; overflow:hidden; background:#191919;}
@media screen and (max-width:768px){
.banner{ display:none;}
}

.fullSlide{width:100%;position:relative;height:720px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:720px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:720px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:0 10px 0 0px;overflow:hidden;background:#bd0012; border:3px solid #fff; line-height:999; border-radius:50%;}
.fullSlide .hd ul .on{border:3px solid #bd0012;background: #fff; }


.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}
/*图片切换*/
	.device {
  width: 760px;
  height: 600px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 600px;
  width: 760px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}

/*搜索*/
.sear{ background:#191919de; padding:22px 0; width:100%; }
.seach-form{position:relative; z-index:2; line-height:40px; background:#a0d3f7; border:1px solid #6ebffa}
.seach-form .s-txt{ width:260px; height:30px; background:none; border:none; float:left; padding:5px; color:#fff;}
.seach-form .s-bt{ background:url(../images/sbtn.jpg) center no-repeat; height:32px; width:34px; border:none; float:left; margin-top:3px; margin-right:10px; }
.key{ margin-right:20%;}
.key p{ color:#fbfbfb; margin-top:10px;}
.key p a{ color:#fbfbfb;}
.stell{ position:absolute; top:-38px; right:0;}
@media screen and (max-width:1366px){
.key{ margin-right:22%;}
.key p{ color:#fbfbfb; margin-top:10px; font-size:0.875rem;}
}
@media screen and (max-width: 768px){
.seach-form{ display:none;}
.stell{ display:none;}
.key{ margin-right:5%;}
}

/*公司简介*/
.in-ab{ background:url(../images/abbg.jpg) center 90px no-repeat; padding:85px 0 85px; width:100%; overflow:hidden;}
.abtit{ text-align:right;}
.abtit h4{ font-size:1.875rem; font-weight:bold; color:#bd0013;}
.acon{ margin-top:36px;}
.acon .avid{ width:46%; margin-right:4%;}
.acon .atxt{ width:45%;}
.acon .atxt h4{font-size: 2.5rem;
    color: #bd0013;
    font-weight: bold;
    margin: 10px 0 30px;
    text-indent: 1em;}
.acon .atxt p{ line-height: 1.7em;
    font-size: 1.2rem;
    text-indent: 2em;}
.acon .atxt .akk3{     margin-top: 25px;
    margin-bottom: 20px;}
.acon .atxt .akk3 a{ display:inline-block; background:#bd0013; color:#fff; border-radius:20px; padding:10px 24px; min-width:64px; text-align:center; margin-right:10px;text-transform: uppercase;}
.acon .atxt .akk3 .fa1{ background:#e6e6e6; color:#5d5d5d;font-family:'DINEngschriftStd'; text-transform:uppercase;}
@media screen and (max-width: 768px){
.acon .avid{ width:100%; margin-right:0;}
.acon .atxt{ width:100%;}
.acon .atxt .akk3 .fa1{ font-size:1.25rem}
}
.ashu{ margin-top:52px;}
.ashu li{box-sizing: border-box;
    padding: 30px 3%;
    float: left;
    width: 50%;
    /*background: url(../images/sxx.jpg) right center no-repeat;*/}
.ashu li:nth-child(4){ background:none;}
.ashu li h4{ display:inline-block; font-size:90px; color:#bd0013;font-family:'DINEngschriftStd';}
.ashu li .ed{ display:inline-block;}
.ashu li .ed p{ font-size:1.375rem; color:#313131; position:relative; top:-20px;}
.ashu li .ed em{ font-size:1.125rem; color:#313131; position:relative; bottom:5px;}
.ashu li span{ display:block; margin-top:-10px; text-transform:uppercase; color:#5968a3; font-size:0.875rem;}
@media screen and (max-width:1280px){
.ashu li:nth-child(3){ padding:30px 3%;}
}
@media screen and (max-width:1024px){
.ashu li{ padding:30px 2%;}
.ashu li:nth-child(3){ padding:30px 2%;}
}
@media all and (max-width: 768px) {
.ashu li{ width:100%; padding:30px 1%;}
.ashu li:nth-child(3){ padding:30px 8%;}
.ashu li:nth-child(4){ background:url(../images/sxx.jpg) right center no-repeat;}
.ashu li .ed p{  top:0;}
}
/*产品中心*/
.in-pro{ background:url(../images/probg_02.jpg) center no-repeat; padding:50px 0 0; overflow:hidden; width:100%;}
.ptit{ background:url(../images/ptbg_03.png) center no-repeat; text-align:center;}
.ptit p{ font-size:3rem;font-family:'DINEngschriftStd'; color:#fff}

.in-pro h6{ text-align:center; font-size:1.875rem; color:#fff}
@media all and (max-width: 768px) {
.ptit p{ font-size:2rem;color: #bd0013;}
.in-pro h6{ text-align:center; font-size:1.5rem; color:#bd0013}
}
.in-pro .ssimg{ margin-bottom:-3px;}
.in-pro .psoul{ margin:36px auto; width:87%}
.in-pro .psoul li{ float:left; position:relative;margin:0 13px; }
.in-pro .psoul li a{display: inline-block;
    border: 2px solid #ffffff;
    line-height: 40px;
    font-size: 1.125rem;
    color: #ffffff;
    text-align: center;
    position: relative;
    padding: 0 12px;
    min-width: 105px;
    transition: all 0.5s;}
.in-pro .psoul li span{ transform:scale(0,1); transition:all 0.5s;position:absolute; bottom:-6px; width:100%; text-align:center; left:0;}

.in-pro .psoul li a:hover span{ transform:scale(1);}
.in-pro .psoul li a:hover { background:#bd0013; color:#fff; }
@media screen and (max-width:1366px){
.in-pro .psoul{ margin:36px auto; width:81%}
}


@media screen and (max-width: 768px){
.in-pro .psoul{ margin:36px auto; width:100%}
.in-pro .psoul li{ float:left; position:relative;margin:0 13px 24px; }
}

.pgun1{ width:100%;}
.pgun1 li{  width:23.8%; background:#fff;display:block; float:left; margin-right:20px;}
.pgun1 li .pimg{ border:5px solid #fff; display:block; border-bottom:none; overflow:hidden;}
.pgun1 li .pimg img{ border-bottom:2px solid #bd0013; transition:all 0.5s; width:100%; transform:scale(1)}
.pgun1 li:hover .pimg img{ transform:scale(1.05);}
.pgun1 li .pname{ padding:17px 0; text-align:center; transition:all 0.5s;}
.pgun1 li:hover .pname{ background:#bd0013;}
.pgun1 li:hover .pname p{ color:#fff;}
.pgun1 li .pname p{ font-size:1.125rem; transition:all 0.5s; color:#1d1d1d}
@media screen and (max-width: 768px){
.pgun1{ width:722px; overflow:hidden;}
.pgun1 li{  width:48%; }
}
.pgun2{ width:100%; margin-top:19px;}
.pgun2 li{  width:23.8%; background:#fff;display:block; float:left; margin-right:20px;}
.pgun2 li .pimg{ border:5px solid #fff; display:block; border-bottom:none; overflow:hidden;}
.pgun2 li .pimg img{ border-bottom:2px solid #bd0013; transition:all 0.5s; width:100%; transform:scale(1)}
.pgun2 li:hover .pimg img{ transform:scale(1.05);}
.pgun2 li .pname{ padding:17px 0; text-align:center; transition:all 0.5s;}
.pgun2 li:hover .pname{ background:#bd0013;}
.pgun2 li:hover .pname p{ color:#fff;}
.pgun2 li .pname p{ font-size:1.125rem; transition:all 0.5s; color:#1d1d1d}
@media screen and (max-width: 768px){
.pgun2{ width:722px; margin-top:20px; overflow:hidden;}
.pgun2 li{  width:48%; }
}
.parrow{ padding-top:20px;}
.parrow img{ display:block; float:right;}


/*质量保证*/
.in-zl{ background:url(../images/zhil_02.jpg) top center no-repeat; padding:60px 0;}
.zltit{ text-align:center;}
.zltit span{ font-size:2.5rem; color:#bd0013; text-transform:uppercase;}
.zltit h4{ font-size:1.875rem; color:#bd0013; font-weight:bold;}
.zltit p{ color:#606060;}
.zltit p b{ color:#de0000}

.zlbox{ border-radius:25px; box-shadow:0 0 10px 8px rgba(0,0,0,0.1); padding:36px 64px; margin-top:30px; position:relative;}
.zlbox span{ position:absolute; display:block; cursor:pointer; float:left;}
.zlbox .prev{ left:20px; top:49%; z-index:11;}
.zlbox .next{ right:20px; top:49%; z-index:11;}
.zlbox ul{}
.zlbox ul li{ border-radius:30px; overflow:hidden; width:100%;}
.zlbox ul li img{ width:100%;}
.zluul{ margin-top:30px;}
.zluul li{ width:20%; float:left; text-align:center;}
.zluul li p{ font-size:1.375rem; color:#bd0013; margin:16px 0;}
.zluul li span{ color:#4f4f4f; font-size:1rem; line-height:1.5em;}
@media screen and (max-width: 768px){
.in-zl{ background:url(../images/zhil_02.jpg) top center no-repeat; padding:60px 0;}
.zltit span{ font-size:2rem; color:#bd0013; text-transform:uppercase;}
.zltit h4{ font-size:1.5rem; color:#bd0013; font-weight:bold;}
.zltit p br{ display:none;}
.zlbox{ width:598px;}
.zluul li{ width:50%; float:left; text-align:center; }
.zluul li img{ width:60%;}
.zluul li:nth-child(5){ width:100%;}
.zluul li:nth-child(5) img{ width:30%;}
.zluul li span{ display:none;}
}
/*咨询*/
.in-zx{ background:url(../images/zigg.jpg) center top no-repeat; padding:65px 0 110px; margin-bottom:5px; width:100%; overflow:hidden;}
.in-zx h4{ font-size:2.625rem; color:#fff; font-weight:bold;}
.in-zx p{ font-size:2.5rem; color:#fff;}
.in-zx .tphone{ background:url(../images/te1.png) left center no-repeat; padding-left:44px;}
.in-zx .tphone p{ font-size:48px;font-family:'DINEngschriftStd'; display:inline-block;}
.in-zx .tphone a{ display:inline-block; background:#de0000; color:#ffffff; padding:9px 0; position:relative; border-radius:20px; width:117px; text-align:center; top:-10px;}
@media screen and (max-width: 768px){

}
/*优势*/
.adtit{ text-align:center;}
.adtit h4{ font-size:2.25rem; color:#bd0013; font-weight:bold;}
.adtit p{ color:#606060; font-size:1.125rem;}
.point4{ background:url(../images/adbg_02.jpg) top center no-repeat; margin-top:49px;}
.ad1-3{ width:100%;}
.ad1-3 .adimg{ width:50%;}
.ad1-3 .adtxt{ width:50%; box-sizing:border-box; padding:20px 45px 15px 34px;min-height:277px;}
.ad1-3 .adtxt h4 span{font-family:'DINEngschriftStd'; color:#939393; font-size:72px; position:relative; top:4px;}
.ad1-3 .adtxt h4 b{ font-size:1.625rem; color:#bd0013;}
.ad1-3 .adtxt h4 em{ font-size:1.625rem; color:#272727}
.ad1-3 .adtxt h4 i{ display:inline-block; width:6px; height:6px; background:#272727; border-radius:6px; position:relative; top:-5px;}
.ad1-3 .adtxt p{ font-size:1.125rem; color:#767676; line-height:1.5em; padding-left:52px;}
.ad1-3 .adtxt .ada{ display:inline-block; color:#fff; padding:5px 10px; background:#bd0013; margin-left:52px; border-radius:15px; margin-top:8px;}
.abg3 .adtxt{ background:url(../images/ad3bg.jpg) center no-repeat; }
.abg3 .adtxt h4 span{font-family:'DINEngschriftStd'; color:#bd0013; }
/*切换*/
.fullSlide1{width:100%;position:relative;height:277px;}
.fullSlide1 .bd1{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide1 .bd1 ul{width:100% !important; }
.fullSlide1 .bd1 li{width:100% !important;height:277px;overflow:hidden;text-align:center; }
.fullSlide1 .bd1 li a{display:block;height:277px;}
.fullSlide1 .hd1{width:100%;position:absolute;z-index:1;top:10px;left:12px;height:30px;line-height:30px;}
.fullSlide1 .hd1 ul{ text-align:left;}
.fullSlide1 .hd1 ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:9px;height:9px;margin:3px;overflow:hidden;background:none;filter:alpha(opacity=100);opacity:1;line-height:999px; border-radius:10px; border:1px solid #fff;}
.fullSlide1 .hd1 ul .on{  width:9px; background:#fff}
@media screen and (max-width: 768px){
.adtit{ text-align:center; padding:30px 0; background:#eee}
.adtit h4{ font-size:1.5rem; color:#bd0013; font-weight:bold;}
.fullSlide1{width:100%;position:relative;height:304px;}
.fullSlide1 .bd1 li{width:100% !important;height:304px;background-size:cover !important;  }
.fullSlide1 .bd1 li a{display:block;height:304px;}
.point4{ padding:0 0 50px;}
.ad1-3 .adimg{ width:100%;}
.ad1-3 .adimg img{ width:100%;}
.ad1-3 .adtxt{ width:100%; border:none !important; padding:20px 10px 15px;min-height:277px;}
.ad1-3 .adtxt br{ display:none}
.abg3 .adtxt{ background-size:cover;}
}
/*工艺流程*/
.in-gong{ background:url(../images/gongbg.jpg) center bottom no-repeat; padding:78px 0; overflow:hidden; width:100%;}
.ten-liu{ background:url(../images/liu10_03.png) center 30px no-repeat; margin-top:87px;}
.ten-liu .f1-10{ width:41%;}
.ten-liu .f1-10 li{ margin-bottom:62px;cursor:pointer}
.ten-liu .f1-10 .lzi{ width:48%}
.ten-liu .f1-10 .lzi span{ font-size:1.5rem; color:#2e2e2e;font-family:'DINEngschriftStd';}
.ten-liu .f1-10 .lzi h6{ font-size:1.5rem; color:#2e2e2e;}
.ten-liu .f1-10 .lzi p{ font-size:1rem; color:#6a6a6a; line-height:1.5em; margin-top:30px;}
.ten-liu .f1-10 .limg{ width:48%; border:5px solid #fff; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.ten-liu .f1-10 .limg img{ width:100%; transition:all 0.5s; transform:scale(1);}
.ten-liu .f1-10 li:hover .limg img{  transition:all 0.5s; transform:scale(1.05);}
.ten-liu .f2-20{ width:41%; margin-top:120px;}
.ten-liu .f2-20 li{ margin-bottom:62px; cursor:pointer}
.ten-liu .f2-20 li:last-child{ margin-bottom:0;}
.ten-liu .f2-20 .lzi{ width:48%}
.ten-liu .f2-20 .lzi span{ font-size:1.5rem; color:#2e2e2e;font-family:'DINEngschriftStd';}
.ten-liu .f2-20 .lzi h6{ font-size:1.5rem; color:#2e2e2e;}
.ten-liu .f2-20 .lzi p{ font-size:1rem; color:#6a6a6a; line-height:1.5em; margin-top:30px;}
.ten-liu .f2-20 .limg{ width:48%; border:5px solid #fff; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.ten-liu .f2-20 .limg img{ width:100%; transition:all 0.5s; transform:scale(1);}
.ten-liu .f2-20 li:hover .limg img{  transition:all 0.5s; transform:scale(1.05);}
@media screen and (max-width: 768px){
.in-gong{ padding:40px 0; }
.ten-liu{ background:url(../images/liu10_03.png) center 10px no-repeat; background-size:22%;margin-top:67px;}
.ten-liu .f1-10 li{ margin-bottom:98px;cursor:pointer}
.ten-liu .f1-10 li:last-child{ margin-bottom:0;}
.ten-liu .f1-10 .lzi p{ display:none;}
.ten-liu .f2-20 li{ margin-bottom:100px; cursor:pointer}
.ten-liu .f2-20{ width:41%; margin-top:98px;}
.ten-liu .f2-20 .lzi p{ display:none;}
}
/*应用范围*/
.in-ying{ background:#ededed; padding:45px 0 78px;}
/* 本特效css样式 */
.yings {width: 70%;margin: 0 auto;zoom: 1; overflow:auto; float:right;}
.yings li {list-style: none;}
.yings ul li {float: left; position:relative; display:block;}
.yings ul li .pff{ width:100%; position:absolute; bottom:0; background:rgba(0,0,0,0.5); color:#fff; font-size:1.375rem; padding:10px 0; text-indent:80px;}

.yings .arrows {}
.section4 .arrows .prev, .section4 .arrows .next {
	position: absolute;
	width: 70px;
	height: 50px;
	cursor: pointer;
	font-size:0px;
}
.yings .arrows .prev { bottom:0px;left: 24.7%;background: url(../images/yleft.jpg) no-repeat;}
.yings .arrows .next { bottom:0px;left: 30%;background: url(../images/yright.jpg) no-repeat;}

.section4 {height: auto; width:100%; position:relative;}
.section4 .dots .dot{float: left;}
.section4 .dots .dot:nth-child(2n){float: right;text-align:right;border-top-left-radius:0; border-bottom-left-radius:0;border-top-right-radius:30px; border-bottom-right-radius:30px;}
.section4 .dots .dot:nth-child(2n) .yimg{float: right;}
.section4 .dots .dot:nth-child(2n) p{top: 15px;padding-right: 5px;}
.section4 .dots {position: absolute;width: 30%;height: auto; left:0; top:0; background: #fff; float:left; box-sizing:border-box; padding:54px 31px 30px;}
.section4 .dot {cursor: pointer; width:48%; box-sizing:border-box; padding:5px; border-top-left-radius:30px; border-bottom-left-radius:30px; max-height:62px; transition:all 0.5s; border:1px solid #d6d6d6; margin-bottom:28px;}
.section4 .dot p{ display:inline-block; position:relative; top:-18px; font-size:1rem;}
.section4 .dot .yimg{ position:relative; display:inline-block;}
.section4 .dot .yimg .y2{ position:absolute; left:0; top:0px; transform:scale(0); transition:all 0.5s;}
.section4 .dot.active .yimg .y2{ transform:scale(1);}
.section4 .dot .yimg .y1{ transform:scale(1); transition:all 0.5s;}
.section4 .dot.active .yimg .y1{ transform:scale(0);}

.section4 .dot.active {background: #bd0013;border:1px solid #bd0013;}
.section4 .dot.active p{ color:#fff;}
.section4 .dot1{ text-align:right;border-top-left-radius:0; border-bottom-left-radius:0;border-top-right-radius:30px; border-bottom-right-radius:30px;}
@media screen and (min-width:1680px){
.section4 .dots { padding:54px 31px 28px;}
}
@media screen and (max-width: 768px){
.yings { width:100%;}
.yings ul li .pff{text-indent:40px;}
.section4 .dots { display:none;}
.yings .arrows .prev { bottom:0px;left: 80.5%;background: url(../images/yleft.jpg) no-repeat;}
.yings .arrows .next { bottom:0px;left: 90.3%;background: url(../images/yright.jpg) no-repeat;}
}
/*新闻资讯*/
.in-news{ padding:38px 0 85px;}

/*行业资讯*/
.hynews{ width:58%;}
.h-tit{ border-bottom:2px solid #d8d8d8; padding:10px 5px}
.h-tit h4{ font-size:1.375rem; color:#bd0013; display:inline-block;}
.h-tit h4 img{ margin-bottom:-5px;}
.h-tit a{ display:block; float:right; border:1px solid #e2e2e2; padding:5px 10px; font-size:0.875rem; text-transform:uppercase; border-radius:5px;}
.hy-list{ margin-top:22px;}
.hy-list a{ display:block;}
.hy-list dl{ width:100%; padding-bottom:15px;}
.hy-list dl dt{ width:36%; float:left; border:4px solid #d3d3d3;}
.hy-list dl dt img{ width:100%;}
.hy-list dl dd{ width:60%; float:right;}
.hy-list dl dd p{ font-size:1.375rem; color:#bd0013; margin-top:16px;}
.hy-list dl dd span{ display:block; padding-left:8px; margin:16px 0 20px; line-height:1.5em; color:#898989}
.hy-list dl dd em{ display:block; margin-left:8px; width:78px; height:28px; border:1px solid #d8d8d8; text-align:center; color:#454545; line-height:28px; border-radius:5px;}
.hy-list ul{}
.hy-list ul li{ display:block; padding:20px; background:url(../images/dd1.png) left center no-repeat; padding-left:1rem; border-bottom:1px dashed #c9c9c9}
.hy-list ul li span{ float:left; color:#454545; font-size:1.125rem;}
.hy-list ul li em{ float:right; color:#8d8d8d; font-size:1rem;}
@media screen and (max-width: 768px){
.hynews{ width:100%; margin-bottom:50px;}
.hy-list dl dd p{ font-size:1.25rem; color:#3c3c3c; font-weight:bold;}
.hy-list dl dd span{ display:none}
.hy-list dl dd em{ margin-top:30px; font-size:1.25rem; line-height:1.5em;width:150px; height:50px;}
.hy-list ul li{ line-height:60px;}
.hy-list ul li span{ font-size:1.25rem;}
.hy-list ul li em{ font-size:1.25rem; display:none;}

}
/*常见问题*/
.faqnews{ width:38%;}
.fa-dl{}
.fa-dl dl{ border-bottom:1px dashed #c1c1c1; padding:28px 0;}
.fa-dl dl dt{ background:url(../images/as.jpg) left top no-repeat; padding-left:38px; font-size:1rem; color:#0e0e0e; min-height:30px; font-size:1.125rem;}
.fa-dl dl dd{ background:url(../images/qu.jpg) left top no-repeat;padding-left:38px; font-size:1rem; color:#959595; margin-top:19px; line-height:1.5em}
@media screen and (max-width: 768px){
.faqnews{ width:100%;}
.fa-dl dl dt{ font-size:1.25rem;}
.fa-dl dl dd{ font-size:1.125rem;}

}


/*留言定制*/
.in-feed{ background:url(../images/flbg.jpg) center no-repeat; padding:56px 0; width:100%; overflow:hidden;}
.in-feed .fkcc{ width:30%;}
.in-feed .fkcc h4{ font-size:1.75rem; color:#1e1e1e; margin-bottom:16px;}
.in-feed .fkcc span{ font-size:1.5rem; color:#bd0013;font-family:'DINEngschriftStd'; text-transform:uppercase;}

.in-feed .fkcc .contxt1{ width:100%; box-sizing:border-box; border:1px solid #fff; background:#fff; padding:13px 10px; margin-top:12px; color:#9c9c9c; border-radius:10px; font-size:1rem;}
.in-feed .fkcc .contxt1::placeholder{ color:#9c9c9c;}
.in-feed .fkcc .btn00{border-radius:10px; width:100%; background:#106cbb; color:#fff; border:none; margin-top:10px; padding:10px 0; font-size:1.25rem;}
@media screen and (max-width:768px){
.in-feed{ background:url(../images/flbg.jpg) center right no-repeat;padding:30px 0;}
.in-feed .fkcc{ width:100%;}
}

/*返回顶部*/
.backtop{ border-top:2px solid #ececec; padding:20px 0;}
.backtop p{ color:#040404; margin-top:10px;}

/*foot*/
.foot1{ padding:83px 0 15px; background:url(../images/fbg1.jpg)}
.flo{ width:15%;}
.fk1{ background:url(../images/fline_03.png) left top no-repeat; width:35%; box-sizing:border-box; padding:28px 2%;}
.fk1 p{ line-height:1.5em; margin-bottom:10px; color:#a9a9a9;}
.fk1 p img{ margin-bottom:-3px}

.fk2{ background:url(../images/fline_03.png) left top no-repeat; width:35%; box-sizing:border-box; padding:28px 2%;}
.fk2 li{ line-height:1.5em; margin-bottom:10px; float:left; padding:0 30px 0 0}
.fk2 li a{ color:#a9a9a9;}

.fk3{background:url(../images/fline_03.png) left top no-repeat; width:15%; text-align:center}
.fk3 p{ font-size:0.875rem; color:#8a8a8a; margin-top:2px;}

.fbq{ margin-top:10px;}
.fbq p{ font-size:0.875rem; color:#a9a9a9;line-height: 1.6rem;}
.fbq p a{
	color: #a9a9a9;
}
@media screen and (max-width:768px){
.foot1{ background-size:cover; margin-bottom:100px;}
.flo{ width:25%}
.fk1{ width:75%}
.fk2{ display:none;}
.fk3{ display:none;}
.fbq p{ float:none; line-height:1.75em;}
.fenzhan{
	display: none;
}
}
/*友情链接*/
.fri{ padding: 20px 0;
    border-top: 1px solid #a9a9a9;
    background: #191919;}
.ftxt{ width:8%; margin-top:5px;}
.ftxt p{ font-size:1rem; color:#fff;}

.fkx{ width:90%;}
#ScrollMe{ margin-top:8px; height:25px; overflow:hidden; line-height:25px}
#ScrollMe a{ color:#fff;  padding:0 10px; font-size:1em; }
@media screen and (min-width: 1680px){
.fkx{ width:58%;}
}
@media screen and (max-width: 768px){
.fri{ display:none}
}

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




/* side */
#floatDivBoxs{width:160px;background:#fff;position:fixed;top:150px;right:0;z-index:99991;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#191919;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:40px;line-height:40px;font-size:0.875rem;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:1rem;color:#333;padding:10px 10px 3px 10px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; }
#floatDivBoxs .floatDtel span{line-height:1.5em; font-size:1.125rem; font-weight:bold; color:#f50017;}
#floatDivBoxs .floatDtel p{ font-size:0.875rem; color:#2a2a2a; font-weight:normal;}

#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:150px;right:0px;z-index:99999;}
#rightArrow a{display:block;height:45px;}
@media screen and (max-width:768px){#floatDivBoxs,#rightArrow{ display:none;}}