*{ margin:0px; padding:0px}
body{ font-family:"微软雅黑"; font-size:14px; color:#000000; border-left:1px #FFFFFF solid; border-right:1px #FFFFFF solid;}
img,div,table,tr,td,span{ border:none}
ul,li{ list-style:none}
a{ text-decoration:none; color:#000000}
a:hover{ text-decoration:none; color:#FF6600}

.clear{ clear:both}

/*头部开始*/
.content { width: 1400px; margin: 0 auto; font-family: "Microsoft Yahei"; }
@media screen and (max-width: 1410px){
.content { width:95%}
}

.header { background: url(../images/bg_top.jpg) no-repeat center top; height: 110px; }
.welcome { font-size: 12px; line-height: 22px; height: 23px;}
.welcome span { float: right; }
.welcome span a { display: inline-block; padding-left: 14px; margin-left: 14px; line-height: 14px; border-left: 1px solid #7e6016; color: #7e6016; }
.welcome span a:first-child { border-left: none; }

.logo { float: left; width: 221px; }
.logo_m{ float:left; margin-top:22px; line-height:21px}
.logo_m h1{ font-weight:normal; font-size:14px; color:#E5E5E5}
.logo_tel{ float:right; width:260px; height:80px; background:url(../images/tel.png) no-repeat;}
.logo_tel h1{ color:#FFF; padding-top:20px; padding-left:60px}
@media screen and (max-width:997px){
.logo_m{ display:none}
}
@media screen and (max-width:515px){
.logo_tel{ display:none}
.logo{ float:none; margin:0 auto}
.welcome{ display:none}
.header { background: url(../images/bg_top.jpg) no-repeat left; height:auto}
}

/**/
.main_menu1{ width:100%; margin:0 auto; background:#3E3E3E; border-top:1px #5D5D5D solid}
.main_menu { width:1400px; margin:0 auto}
.main_menu li { float:left;position: relative; display: inline-block; line-height: 55px; width:12.5%; text-align:center }
.main_menu li a { display: block; font-size: 16px; color: #ffffff; position: relative;z-index: 4; text-decoration:none;}
.main_menu li a:hover, .navigation .main_menu li.cur a { font-weight: bold; color: #3e3e3e; background: #fac237; }
.main_menu li:after{content:'';position:absolute;width:100%;height:0;background-color:#fac237;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
.main_menu li:hover:after,.navigation .main_menu li.cur:after{height:100%;}

.navigation .main_menu li .erji{ display:none; background:url(Img/Index/new_03.png) repeat; width:115px; text-align:center; position:absolute; left:0;z-index: 10;}
.navigation .main_menu li .erji li{height: 50px;line-height: 50px;overflow: hidden; border-bottom:#35303b 1px dashed;text-align: center;float: none;}
.navigation .main_menu li .erji a,.navigation .main_menu li.cur .erji a{padding: 0;font-size:14px;height: 50px;line-height: 50px;}
.navigation .main_menu li.cur .erj a:hover,.navigation .main_menu li .erji a:hover{ background:#fac237;}
.navigation .main_menu li .erji li:after{content:'';position:absolute;width:100%;height:0;background-color:#282435;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}         
@media screen and (max-width: 1410px){
.main_menu { width:95%; margin:0 auto}
}
@media screen and (max-width:680px){
.main_menu li{ width:24.6%; line-height:43px; border-right:1px #555555 solid; border-bottom:1px #555555 solid}
.main_menu { width:100%}
}
@media screen and (max-width:300px){
.main_menu li a { font-size:15px}
.main_menu li { width:24.4%}
}

/*ban*/
.slider-focus{position:relative;width:100%;overflow:hidden;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:0;line-height:24px;text-align:center;}
.slider-focus .hd li{display:inline-block;vertical-align:middle;width:25px;height:15px;margin:0 4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;cursor:pointer; border-radius:10px; background:#FFF}
.slider-focus .hd li.on{background:#F7C433;}
.slider-focus .bd{position:relative;z-index:0;}
.slider-focus .bd li{position:relative;text-align:center;}
.slider-focus .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:280px;display:block;}  /* 去掉链接触摸高亮 */
@media screen and (max-width: 425px){
	.slider-focus .bd li a{width:100%;height:200px;}
}

@media screen and (min-width: 426px){
	.slider-focus .bd li a{width:100%;height:250px;}
}
@media screen and (min-width: 768px){
	.slider-focus .bd li a{width:100%;height:320px;}
}
@media screen and (min-width: 992px){
	.slider-focus .bd li a{width:100%;height:440px;}
}
@media screen and (min-width: 1300px){
	.slider-focus .bd li a{width:100%;height:520px;}
}

@media screen and (min-width: 1400px){
	.slider-focus .bd li a{width:100%;height:550px;}
}

@media screen and (min-width: 1600px){
	.slider-focus .bd li a{width:100%;height:650px;}
}


/**/
.service_t{text-align: center; margin-top:2%}
.service_t p{font-size:35px;color:#DEA729;font-weight: bold; line-height: 40px;}
.service_t span{display: block;margin-top:15px;font-size: 18px;}
 @media screen and (max-width:950px){
.service_t p{font-size:30px;}	
.service_t span{ font-size:16px}
 }
  @media screen and (max-width:370px){
.service_t p{font-size:27px;}	
.service_t span{ font-size:15px; margin-top:6px}
  }
.service_t1{text-align: center;background:url(../images/ysBg.png) no-repeat center; height:120px; margin-bottom:2%}
.service_t1 p{font-size:40px;color:#DEA729;font-weight: bold; line-height: 40px; padding-top:1%}
.service_t1 span{display: block;margin-top: 6px;font-size:22px;position: relative;}
 @media screen and (max-width:950px){
.service_t1 p{font-size:30px; padding-top:3%}	
.service_t1 span{ font-size:16px}
 }
  @media screen and (max-width:370px){
.service_t1 p{font-size:27px;}	
.service_t1 span{ font-size:15px; margin-top:6px}
  }

.service_bg{/*background:url(../images/ys.jpg) no-repeat center;*/height: auto; padding-bottom:2%}
.service_img1{ max-width:1400px; margin:0 auto; margin-top:3%}
.service_img1 li{float: left;width:23%;height: auto;border-radius:20px;background: #fff;margin: 0 1%;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.08);box-shadow: 0px 0px 10px rgba(0,0,0,.08); padding-bottom:2%; overflow:hidden}
.service_img1 li img{ width:100%}
.service_w{padding:0px 40px;}
.service_img1 p{font-size: 22px;color: #333;font-weight: bold;padding-top: 20px;margin-bottom: 10px; text-align:center}
.service_img1 span{display: block;font-size:14px;line-height:26px; padding:0 5%}
.service_img1 span a{color: #0c3090;font-size: 14px;}

.service_w2{font-size: 16px;margin-top:34px;}
.service_w2 a{color: #333; padding-left:2%}
.service_tel{background: url(../images/tel.png)no-repeat center left;margin-top: 20px; margin-left:2%; height:40px}
.service_tel a{font-size: 16px;padding-left:59px;}
.service_tel a em{font-weight:bold;font-size:24px;}
 @media screen and (max-width: 1410px){
	 .service_img1{ width:95%}
	 .service_img1 span{ height:78px; overflow:hidden}
 }
  @media screen and (max-width: 880px){
	  .service_img1 li{ width:48%; margin-bottom:1%}
  }
    @media screen and (max-width: 500px){
	.service_img1 li{ width:100%; margin-bottom:1%; margin-right:0}	
	.service_img1 p{ font-size:18px}
	.service_w2{ margin-top:20px; line-height:24px}
	}
 @media screen and (max-width: 286px){
.service_tel{background: url(../images/tel.png)no-repeat top left; margin-top:10px}
		}

/*服务项目*/
.con{ max-width:1400px; margin:0 auto; overflow:hidden}
.fwxm{ width:100%; margin:0 auto}
.fwxmfl{ max-width:460px; margin:0 auto}
.fwxmfl li{ float:left}
.fwxmfl li a{ font-size:16px}
.fwxmfl li:after {content: '/';font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 66px;letter-spacing: 0px;color: #dedede;box-sizing: content-box;padding: 0 30px;}
 @media screen and (max-width:550px){
.fwxmfl{ display:none}
 }
 
 /**/
.xw01{ width:100%; margin:0 auto; padding-bottom:2%}
.u1 li {background-color: #f8f8f8;float: left;width:30.3%;padding: 0 1%;margin-right:0.5%;box-sizing: content-box;padding-bottom: 30px;transition: 0.7s; margin-left:0.5%}
.u1 li .a1 {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 32px;letter-spacing: 0px;color: #333333;
border-bottom: #ccc 1px solid;padding-top: 25px;box-sizing: content-box;transition: 0.7s;position: relative;}
.u1 li .a1::before {content: '';display: block;transition: 0.7s;width: 0px;height: 1px; position: absolute;bottom: 0px;left: 0px;border-left: 0 0px solid;background: #0256ac;}
.u1 li .a1:hover:before {width: 100%;}
.u1 li .p1 {font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 28px;letter-spacing: 0px;color: #666666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 25px 0;}
.u1 li .p2 span {font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 38px;letter-spacing: 0px; color: #999999;}
.u1 li .p2 .button {float: right;width: 126px;height: 38px; background-color: #8BC6E8;border-radius: 19px;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 38px;letter-spacing: 0px;color: #999999;transition: 0.7s;}
.u1 li .p2 .button:hover {color: #0256ac;}
.u1 li:hover { box-shadow: 0 0 10px #ccc;}
.u1 li:hover .a1 { color: #0256ac;}
.u1 li:hover .a1:before {content: ''; width: 100%;}
.u1 li:hover .p2 a {color: #0256ac !important;}
@media screen and (max-width:740px){
	.u1 li{ width:47%}
	.u1 li:nth-child(3){ display:none}
}
@media screen and (max-width:470px){
	.u1 li{ width:98%; margin:0}
	.u1 li:nth-child(2){ display:none}
}

.u2 {}
.u2 li {float: left;overflow: hidden;border-bottom: #ccc 1px solid;position: relative;width:32%;margin:0 0.5%;padding-top:5px;box-sizing: content-box;}
.u2 li::before {content: '';display: block;transition: 0.7s;width: 0px;height: 1px;position: absolute;bottom: 0px;left: 0px;border-left: 0 0px solid;background: #ce0001;}
.u2 li:hover:before { width: 100%;}
.u2 li a { display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:72%;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 40px;
letter-spacing: 0px;color: #666666;box-sizing: content-box;padding-left: 32px;background: url('../images/n1.jpg') no-repeat center;background-position-x: 0px; height:40px}
.u2 li span {font-size: 14px;font-weight: normal;letter-spacing: 0px;color: #999999;line-height: 40px;float: right;transition: 0.7s; width:20%}
.u2 li:hover a {color: #ce0001;background: url('../images/n2.jpg') no-repeat center;background-position-x: 0px;}
.u2 li:hover span {color: #0256ac;}
@media screen and (max-width:1315px){
.u2 li span { display:none}
}
@media screen and (max-width:740px){
.u2 li{ width:49%}
.u2 li:nth-child(15){ display:none}
}
@media screen and (max-width:470px){
	.u2 li{ width:99%; padding-top:0}
	.u2 li:nth-child(n+11){ display:none}
	.u2 li a { width:82%}
}
/* ~~~~~~~ INIT. BTN ~~~~~~~ */
.button.dark { --background: #2F3545;--shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);--shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);}
.button.white {--background: #fff; --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);--shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);}
.button {--text: #fff;--font-size: 16px; --duration: 0.5s; --move-hover: -4px;font-family: 'Roboto';font-weight: 500;display: block;outline: none;border: none;cursor: pointer;text-decoration: none;letter-spacing: 0.5px;box-shadow: var(--shadow);-webkit-transform: translateY(var(--y));transform: translateY(var(--y));
transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;transition: transform var(--duration) ease, box-shadow var(--duration) ease;transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;
-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
.button span {display: flex; display: block;text-align: center;}
.button span i {display: block; -webkit-backface-visibility: hidden;backface-visibility: hidden;font-style: normal; display: inline-block;}
.button span i:nth-child(1) {--d: 0.05s;}
.button span i:nth-child(2) { --d: 0.1s;}
.button span i:nth-child(3) {--d: 0.15s;}
.button span i:nth-child(4) { --d: 0.2s;}
.button span i:nth-child(5) {--d: 0.25s;}
.button span i:nth-child(6) { --d: 0.3s;}
.button span i:nth-child(7) {--d: 0.35s;}
.button span i:nth-child(8) {--d: 0.4s;}
.button span i:nth-child(9) { --d: 0.45s;}
.button span i:nth-child(10) { --d: 0.5s;}
.button span i:nth-child(11) {--d: 0.55s;}
.button:hover {--y: var(--move-hover);--shadow: var(--shadow-hover);--move: -4px;--shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);}
.button:hover i {-webkit-animation: move var(--duration) linear var(--d);animation: move var(--duration) linear var(--d);}
.button.smoke {--move: 12px;--move-y: -8px; --blur: 4px;}
.button.smoke:hover i {--duration: 1s;-webkit-animation: smoke var(--duration) linear var(--d); animation: smoke var(--duration) linear var(--d);}
.button.drive { --move: 16px;--skew: 25deg;--skew-fast: 40deg;--skew-bounce: -12px;}
.button.drive:hover i {--duration: 1s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;-webkit-animation: drive var(--duration) linear var(--d);animation: drive var(--duration) linear var(--d);}
@-webkit-keyframes move {
  40% {-webkit-transform: translateY(var(--move));transform: translateY(var(--move));text-shadow: var(--shadow-active);}
}
@keyframes move {
  40% { -webkit-transform: translateY(var(--move));transform: translateY(var(--move));text-shadow: var(--shadow-active);}
}
@-webkit-keyframes smoke {
  45%,
  55% {-webkit-filter: blur(var(--blur)); filter: blur(var(--blur)); }
  50%,
  50.1% {opacity: 0; }
  25%,
  75% {-webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(var(--move)) translateY(var(--move-y));transform: translateX(var(--move)) translateY(var(--move-y));  }
  50.1% { -webkit-transform: translateX(calc(var(--move) * -1));transform: translateX(calc(var(--move) * -1));}
}
@keyframes smoke {
  45%,
  55% {-webkit-filter: blur(var(--blur));filter: blur(var(--blur));}
  50%,
  50.1% {opacity: 0;}
  25%,
  75% {-webkit-transform: translateX(0);transform: translateX(0);}
  50% {-webkit-transform: translateX(var(--move)) translateY(var(--move-y));transform: translateX(var(--move)) translateY(var(--move-y));}
  50.1% { -webkit-transform: translateX(calc(var(--move) * -1));transform: translateX(calc(var(--move) * -1));}
}
@-webkit-keyframes drive {
  40% {opacity: 1;}
  55% { -webkit-transform: skewX(var(--skew)) translateX(var(--move));transform: skewX(var(--skew)) translateX(var(--move));}
  56% { -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1)); }
  55%,
  56% { opacity: 0; }
  75% { -webkit-transform: skewX(var(--skew)); transform: skewX(var(--skew));}
  85% { -webkit-transform: skewX(var(--skew-bounce)); transform: skewX(var(--skew-bounce));}
}
@keyframes drive {
  40% {opacity: 1;}
  55% { -webkit-transform: skewX(var(--skew)) translateX(var(--move));transform: skewX(var(--skew)) translateX(var(--move));}
  56% { -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));}
  55%,
  56% { opacity: 0;}
  75% { -webkit-transform: skewX(var(--skew));transform: skewX(var(--skew));}
  85% { -webkit-transform: skewX(var(--skew-bounce));transform: skewX(var(--skew-bounce)); }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

/**/ 
.product_img{}
.product_img {margin: 20px 0 0;cursor: pointer;}
.product_img  a{width:24%; float:left; margin-right:0.5%; margin-bottom:1%; margin-left:0.5%}
.product_img .img{position: relative;overflow: hidden; height:280px }
.product_img .img img{ width:100%}
.product_img .cp_p{padding: 0 10px;font-size: 16px;color: #666666; line-height: 60px; padding-bottom: 8px;text-align: center;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
 -webkit-box-orient:vertical; -webkit-line-clamp:1; width:100%}
.gg .img .hover_bj{position: absolute;top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0);transition:all 0.2s ease-in-out;}
.gg:hover .img .hover_bj{ background: rgba(0, 0, 0, 0.6);}
.gg .img .hover{position: absolute; top: 0;left: -104%;width: 100%;height: 100%;transition:all 0.5s ease-in-out;}
.gg:hover .img .hover{left: 0;}
.gg .img .hover .h6{margin: auto;text-align: center;font-size: 16px;color: #fff;line-height:65px;padding-top:25%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.gg .img .hover p{margin: auto; margin-top: 10px; text-align: center; overflow:hidden;  text-overflow:ellipsis;display:-webkit-box; 
    -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 14px;line-height: 26px;color: #fefefe;}
.gg .img .hover .xian{width: 28px; height: 2px; margin: auto;background: #2079e6;}
.gg .img .hover .more{display: block; width: 120px;height: 40px; border-radius: 40px;background: #2079e6;color: #fff;text-align: center;line-height: 40px; margin: auto; margin-top: 100%;text-transform:uppercase;transition:all 0.6s ease-in-out;}
.gg:hover .img .hover .more{margin-top: 6%;}
@media screen and (max-width:1240px){
.product_img .img{ height:auto}
}
@media screen and (max-width:920px){
.product_img a{ width:49%}
.product_img .img{ height:auto}
}
@media screen and (max-width:420px){
.product_img a{ width:100%}
.product_img .cp_p{ padding:0; line-height:40px}
}

.yslc{ width:100%; margin:0 auto; height:502px; background:url(../images/lc.jpg) no-repeat center; }
.yslc_a{ display:none}
.yslc img{ width:100%}
@media screen and (max-width:1120px){
.yslc{ height:auto}
.yslc_a{ display:block}
}
@media screen and (max-width:830px){
	.yslc{ display:none}
}

/*关于我们*/
.about { background: url(../images/about_bg.jpg) no-repeat center top; height: auto; padding:4% 0}
.about_bt{ margin-top:3%; text-align:center;}
.about_bt h2 { font-size:35px; color:#333; }
.about_bt h2 em{ font-style:normal; color:#ce0001; font-weight:bold}
.about_bt h2 span { font-size: 24px; display:block;font-weight:normal; padding-bottom:2% }
.about p { width:70%; text-align: center; font-size: 15px; color: #666; line-height: 29px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 4; margin:0 auto}
@media screen and (max-width:1300px){
	.about p { width:90%}
}
@media screen and (max-width:710px){
.about_bt h2{ font-size:30px}
}
@media screen and (max-width:460px){
	.about_bt h2{ font-size:25px}
	.about_bt h2 span{ font-size:18px}
}
/*服务行业*/
.service { max-width:1200px; margin:0 auto }
.service ul { padding: 0 16px; overflow: hidden; box-sizing: border-box; }
.service li { float: left; width: 148px; margin-left: 56px;font-size: 20px; line-height: 22px; font-weight: bold; text-align: center; transition: all 1s; }
.service li span { display: block; }
.service li i { display: block; transition: all 1s; width: 138px; height: 138px; margin-bottom: 19px; border-radius: 50%; background: #C3DEEF; vertical-align: middle; border: 5px solid #fff; }
.service li i img { opacity: .65; transition: all 1s; padding: 32px 0; }
.service li:first-child { margin-left: 0; }
.service li:hover { color: #fac237; }
.service li:hover i { background: #fac237; }
.service li:hover i img { opacity: 1; }
@media screen and (max-width:1300px){
.service { display:none}
}

/*为什么选择我们*/
.why { width: 100%; overflow: hidden; }
.why h2 { padding-top: 80px; padding-bottom: 40px; }
.why dl { height: 450px; }
.why dl dd { width: 50%; padding-top: 116px; padding-right: 45px; position: relative; box-sizing: border-box; }
.why dl dd h3 em { background: url(../images/icon_num.jpg) no-repeat center; width: 85px; height: 143px; display: block; position: absolute; left: 0; top: 116px; font-size: 46px; color: #333; font-family: "Candara"; text-align: center; font-weight: normal; line-height: 78px; }
.why dl dd h3 span { font-size: 42px; line-height: 100%; color: #3e3e3e; padding-left: 116px; margin-bottom: 30px; display: block; }
.why dl dd p { margin-left: 116px; padding-left: 18px; margin-bottom: 14px; font-size: 16px; line-height: 22px; color: #333; background: url(../images/icon_p.jpg) no-repeat left 6px; }
.why dl dd a { margin-left: 116px; font-size: 16px; color: #fff; text-align: center; background: #3e3e3e; width: 166px; height: 50px; display: block; line-height: 50px; margin-top: 22px; transition: all 1s; }
.why dl dt { width: 50%; box-sizing: border-box; }
.why dl dt img{ width:100%}
.why dl dt ul { padding-top: 70px; }
.why dl dt li { width: 177px; height: 97px; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; font-size: 16px; line-height: 24px; margin-bottom: 7px; padding-top: 12px; box-sizing: border-box; }
.why dl dt li em { display: inline-block; font-size: 46px; font-weight: bold; line-height: 100%; text-transform: uppercase; }
.why dl dt li span { display: block; }
.why .power { position: relative; }
.why .power img { position: absolute; top: 0; z-index: -1; }
.why .power:nth-child(odd) img { left: 50%; }
.why .power:nth-child(odd) dd { float: left; }
.why .power:nth-child(odd) dt { float: right; }
.why .power:nth-child(even) dd { float: right; padding-left: 86px; padding-right: 0; }
.why .power:nth-child(even) dd em { left: 86px; }
.why .power:nth-child(even) dt { float: left; }
.why .power:nth-child(even) dt ul { float: right; }
.why .power:nth-child(even) img { right: 50%; }
.why .power:nth-child(4) dt ul, .why .power:nth-child(5) dt ul { padding-top: 120px; }
.why .power dl dd a:hover { background: #fac237; }
@media screen and (max-width:1210px){
.why .power:nth-child(even) dd em{left:26px}
.why .power:nth-child(even) dd{ padding-left:16px}
}
@media screen and (max-width:760px){
.why dl{ height:250px}
	.why dl dd{ width:100%; padding-right:0; padding-top:2px}
	.why dl dt{ width:100%}
	.why .power:nth-child(odd) img{ left:0}
	.why .power img{ top:auto}
	.power:nth-child(2){ display:none}
	.why dl dd h3 em{ display:none}
	.why dl dd p{ margin-left:10px}
	.why dl dd h3 span{ padding-left:10px; font-size:37px; margin-bottom:15px}
}
@media screen and (max-width:400px){
	.why dl dd h3 span{ font-size:28px; margin-bottom:15px}
.why dl{ height:290px}
.why dl dt li{ height:77px}
.why dl dt li em{ font-size:26px}
}
@media screen and (max-width:275px){
.why dl{ height:310px}
}

/*news*/
.fl{ float:left}
.fr{ float:right}
.news{ background:url(../images/new_bg.jpg) #F8F8F8 no-repeat center top; width:100%; margin:0 auto; padding:5% 0 3%; }
.new_con{margin-top: 50px; max-width:1400px; margin:0 auto}
.new_l{width: 51%;overflow: hidden; background:#FFF; padding:1%; margin-top:2%}
.new_l h4{font-weight: normal; line-height: 100%; height: 40px; overflow: hidden;background:url(../images/adv_arr_l.png) no-repeat -24px 1px; padding-left: 19px;}
.new_l h4 span{ display: inline-block; float: left; font-size: 20px; color: #333; font-weight: bold; line-height: 100%;}
.new_l h4 em{display: inline-block;float: right;font-size: 14px;color: #FFF;text-transform: uppercase;background-color: #d4151c;height: 20px;width: 60px;line-height: 20px;text-align: center;}

.imgt{ height: auto}
.imgt li{float: left;height: 200px;width:49%;background-color: #FFF;overflow: hidden;position:relative;}
.imgt li:nth-of-type(2n){ float:right}
.imgt li img{width: 100%;cursor: pointer;transition: all 0.6s;position:absolute;}
.imgt li img:hover{transform: scale(1.3);}
.imgt li h3{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,.5);color: #FFF;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: normal;overflow: hidden;}

.new_list{ overflow: hidden; margin-top:2%}
.new_list ul li{ margin-bottom: 11px; width: 49%; overflow: hidden; float: left; background: #F2F2F3;}
.new_list ul li:nth-of-type(2n){ float: right;}
.new_list ul li i{ display: inline-block; float: left; width: 50px; height: 50px; background: #d2d2d2; text-align: center; color: #fff; font-family: Arial; font-size: 10px;}
.new_list ul li i span{ display: block; font-size: 24px; line-height: 100%;font-weight: bold; padding-top:7px;}
.new_list ul li em{display: block;line-height: 50px;float: left;padding-left: 15px;overflow: hidden;font-size: 16px;color: #333;height: 50px;width:50%;}
.new_list ul li:hover i{ background: #bc1218;}

.new_r{ width:43%; background:#FFF; padding:1%; margin-top:2% }
.new_r h4{font-weight: normal; line-height: 100%; height: 40px; overflow: hidden;background:url(../images/n_r1.jpg) no-repeat 80px 1px;}
.new_r h4 span{ display: inline-block; float: left; font-size: 20px; color: #333; font-weight: bold; line-height: 100%;}
.new_r h4 em{display: inline-block;float: right;font-size: 14px;color: #FFF;text-transform: uppercase;line-height: 20px;background-color: #d4151c;text-align: center;height: 20px;width: 60px;}
.new_r dl{height: 125px;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-left: 36px;background: url(../images/n_q.jpg) no-repeat;}
.new_r dt a{display: inline-block;font-size: 16px;color: #333333;line-height: 25px;line-height: 25px;font-weight: normal;margin-bottom: 10px;height: 25px;overflow: hidden;}
.new_r dl:hover a{ color: #d4151c;}
.new_r dd p{font-size: 14px;color: #8b8b8b;line-height: 24px;height: 70px;overflow: hidden;}
.new_s{}
.new_s h4{font-weight: normal;line-height: 100%;height: 40px;overflow: hidden;margin-bottom: 10px;}
.new_s h4 span{ display: inline-block; float: left; font-size: 20px; color: #333; font-weight: bold; line-height: 100%;}
.new_s h4 em{display: inline-block;float: right;font-size: 14px;color: #FFF;text-transform: uppercase;line-height: 20px;background-color: #d4151c;text-align: center;height: 20px;width: 60px;}
.new_s ul li{height:32px;line-height:32px;margin-bottom: 1%;white-space: nowrap;text-overflow: ellipsis;background: url(../images/n_i.jpg) no-repeat 0 6px;width: 100%;}
.new_s ul li span{display: inline-block;float: right;font-size: 13px;color: #999;width:20%;text-align: right;}
.new_s ul li p{float: left;font-size: 14px;color: #333;overflow: hidden;width:78%;}
.new_s ul li:hover p{color: #d4151c;}
/**/
@media only screen and (max-width:1410px) {
.new_con{ width:95%;}
}
@media only screen and (max-width:880px) {
	.new_s ul li span{ display:none}
}
@media only screen and (max-width:770px) {
.new_l{ width:100%}
.new_r{ display:none}
}
@media only screen and (max-width:432px) {
.imgt li{ width:100%; float:none}
.imgt li:nth-child(2){ display:none}
.new_list ul li{ width:100%}
.new_list ul li em{ width:70%}
}

.fl{ float:left}

.warp{ width:100%; margin:0 auto;background:url(../images/ys.jpg) no-repeat center bottom;padding:2% 0}
#main{ max-width:1300px; margin:0px auto;  }
@media only screen and (max-width:1310px) {
	#main{ width:95%}
}

/*内页标题*/
.index{ font-weight:bold;font-family:"微软雅黑"; background:#f1f1f1; padding:1% 0}
.index a h2{font-size:33px; text-align:center; color:#FAC237 }
.index a h1{ display:block; font-size:24px; text-transform:uppercase; line-height:35px; text-align:center; color:#DEDEDE}
/*内页正文*/
.zw{ font-size:15px; line-height:27px}
.zw_l{ float:left; width:45%; margin-right:2%}
.zw_l img{ width:100%}
.zw_r{ width:53%; float:left}
.zw_r h1{ font-size:25px; line-height:27px; padding-bottom:2%}
.zw_r p{}
@media only screen and (max-width:1249px) {
.zw_l{ float: none; margin-bottom:2%; margin:0 auto; width:75%}
.zw_r{ width:100%; float:none}

}
@media only screen and (max-width:640px) {
	.zw p img{ width:95%} 
}

/*内页产品展示*/
.productlist dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.productlist dl dt{ width:100%; height:310px; overflow:hidden}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ height:100%; vertical-align:middle; }
.productlist dl dd{ height:35px; line-height:35px; text-align:center}
.productlist dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:1120px) {
.productlist dl{ width:32.3%;}	
}
@media only screen and (max-width:640px) {
	.productlist dl{ width:49%;}	
}
.page { margin:0px auto; width:100%; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 2px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}

/*内页新闻*/
.newslist{}
.newslist ul{}
.newslist ul li{ border-bottom:1px #CCCCCC dashed; padding:3px 0}
.newslist ul li a{ float:left}
.newslist ul li span{ float:right}
@media only screen and (max-width:510px) {
	.newslist ul li span{ display:none}
}
.title{text-align:center; line-height:40px; font-size:22px; color:#000000; font-family:"微软雅黑"; font-weight:bold}
.info{max-width:380px;height:28px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#000; font-size:14px}


/*内页分类*/
.cpfl{ max-width:470px; margin:0 auto; margin-bottom:2%}
.cpfl li{ width:31%; float:left; height:40px; text-align:center; border:1px #CCCCCC solid; border-radius:20px; margin-right:0.5%; line-height:40px; margin-left:0.5%}
.cpfl li a{ overflow: hidden}
@media only screen and (max-width:350px) {
.cpfl{ display:none}
}

/*产品详情页*/
.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}


.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
	.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
	.xwzx ul li span{ width:25%; text-align:right}
}
@media only screen and (max-width:430px) {
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:26px; line-height:26px; text-align:center}
.ipro dl dd a{ height:26px; line-height:26px}
@media only screen and (max-width:500px) {
	.ipro dl{ width:49%}
}

#wrap{ width:100%; margin:0px auto; background:url(../images/box_bg.jpg) repeat; padding-top:5px; padding-bottom:5px}

/*底部*/
.copyright{ margin:0px auto; text-align:center; line-height:30px}
.copyright a{ }
.copyright a:link{ }

.footWrap{background:#252525;height: auto;overflow:hidden;font-family:"Microsoft Yahei"; border-top:1px #3E3E3E solid }
        .footer{height:210px;max-width:1400px;margin: 0 auto; overflow:hidden;}
        .flogo{width:172px;float: left; overflow: hidden; margin-top:67px;}
        .flogo img{width:100%; height: auto}
        .fnav{width:436px; margin:53px 0 0 71px; float:left;overflow: hidden;}
        .fnav a{display: block;width:120px; font-size:14px;line-height:28px; color:#fff; padding-bottom: 16px;padding-left: 15px;border-left: 1px solid #4a4a4a; overflow: hidden; float: left;}
        .fwz{max-width:430px;margin-top: 40px; overflow: hidden; float: left;}
        .fwz span{display: block;margin-top: 16px; line-height: 27px; font-size: 14px; color:#fff;}
        .fwz img{vertical-align: middle;margin-right: 9px;}
        .fwz em{display: inline-block;padding:0 15px;}
        
        .fcode{margin: 39px 0 0 ; float: right; overflow: hidden;background:url(../images/code_bj.jpg) no-repeat center 0; width:104px;height:133px;}
        .fcode img{display: block;width:74px;height:74px;border:1px solid #e2e2e2;padding:3px; display: block;background:#fff; margin: 11px auto;}
        .fcode span{display: block; font-size: 12px; color:#fff;line-height: 24px;  text-align: center; }
       
        .fwz1{line-height: 48px; overflow: hidden; font-size: 14px;color:#5f5f5f;max-width:1400px; margin: 0 auto;}
        .fwz1 a{color:#5f5f5f;}
        .fwz1 em{display: inline-block;padding:0 15px;}
    @media only screen and (max-width:1410px) {
	.footer{ width:95%}	
	}    
	@media only screen and (max-width:1258px) {
	.fcode{ display:none}
	}
	@media only screen and (max-width:1148px) {
		.fwz{ display:none}
		.fnav{ width:70%; margin-top:67px;}
		.fnav a{ width:22%}
		.flogo{ margin-top:57px}
	}	
	@media only screen and (max-width:854px) {
	.fnav{ display:none}
	.fwz{ display:block; margin-left:3%}	
	}
		@media only screen and (max-width:634px) {
			.flogo{ max-width:172px; margin:0 auto}
			.slide-left{ max-width:172px; margin:0 auto}
			.fl{ float:none}
			.fwz{ display:none}
			.footer{ height: auto}
		}
		.fxdb{display:none}
@media screen and (max-width:480px) {
	.footWrap{ margin-bottom:60px}
.fxdb{display: block;background:#F5F5F5;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:80;_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+440));border-top:1px #cccccc solid;color: #fff;}
.fxdb li{float:left;width:45%;list-style: none;  text-align: center;color:#065AD7;position:relative; border:1px #065AD7 solid;border-radius:22px; line-height:44px; font-size:14px; margin:8px 2%}
.fxdb li a{display:block;width:100%;color:#065AD7; font-size:17px; text-align:center}
.fxdb li img{ height:28px; margin:8px 0 8px 20px; float:left;}
.fxdb li:nth-child(2){background:#065AD7; color:#fff;}
.fxdb li:nth-child(2) a{color:#fff;}
}