/* 清除内外边距 */

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td { /* table elements 表格元素 */

    margin: 0;

    padding: 0;

}



input,textarea {border: 2 none; box-shadow: none; outline: none;}



/* 设置默认字体 */

body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}



* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/



address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */



/* 重置列表元素 */

ul, ol ,li{list-style: none;}



/* 重置文本格式元素 */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/

a:hover {text-decoration: none; color:#910800;}



/* 重置表单元素 */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea {

    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */

}



/* 重置表格元素 */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html {overflow-y: scroll;}



/*设置浮动*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



/*字体大小*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}





/*表单弹框*/

.nsw-modal {

	width: 100%;

	height: 100%;

	background: rgba(225, 225, 225, 0.5);

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;

}



.modal-dialog {

	position: fixed;

	color: #000000;

	top: 150px;

	width: 400px;

	border-radius: 3px;

	min-height: 155px;

	overflow: hidden;

	z-index: 99998;

	margin-left: -200px;

	left: 50%;

}



.modal-dialog .css-icon {

	background-image: url("../images/modal-icons.png");

}



.modal-dialog .modal-head {

	height: 30px;

	line-height: 30px;

	padding: 0px 20px;

	background: #F6EFEF;

	font-size: 14px;

}



.modal-dialog .modal-head .modal-logo {

	width: 15px;

	height: 15px;

	background-position: 1px 0px;

	margin: 8px 5px 0 0;

	float: left;

}



.modal-dialog .modal-head .close {

	float: right;

	width: 15px;

	height: 15px;

	background-position: -14px 0px;

	margin-top: 8px;

}



.modal-dialog .modal-body {

	width: 100%;

	min-height: 125px;

	background: #ffffff;

}



.modal-dialog .modal-body .modal-body-left {

	width: 140px;

	float: left;

}



.modal-dialog .modal-body .modal-body-left .icon {

	width: 64px;

	height: 64px;

	margin: 30px 0 0 48px;

}



.modal-dialog .modal-body .modal-body-left .success-message {

	background-position: 0px -14px;

}



.modal-dialog .modal-body .modal-body-left .warming-message {

	background-position: 0px -78px;

}



.modal-dialog .modal-body .modal-body-right {

	width: 260px;

	float: right;

	padding-top: 20px;

}



.modal-dialog .modal-body .modal-body-right .close-btn {

	color: #000;

	text-align: center;

	width: 90px;

	display: inline-block;

	height: 24px;

	line-height: 24px;

	background: #818079;

}



.modal-dialog .modal-body .modal-body-right p {

	line-height: 30px;}





/**/

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}

.content{width: 70rem;margin: 0 auto;min-width: 1200px;max-width: 1200px;}



/**/









.guide{background: #f6f6f6;padding: 5rem 0;}

.gui_tit{font-size: 2.5rem;color: #333;text-align: center;line-height: 2.3rem;height: 4.5rem;overflow: hidden;font-weight: normal;position: relative;}

.gui_tit:before{content: "";width: 30px;height: 2px;/* background: #0061b3; */position: absolute;bottom: 5px;left: calc(50% - 15px);-webkit-transition:all .5s;transition:all .5s;}

.gui_tit:after{content: "";width: 20px;height: 2px;/* background: #0061b3; */position: absolute;bottom: 0;left: calc(50% - 10px);-webkit-transition:all .5s;transition:all .5s;}

.gui_tit:hover:before{width: 40px;left: calc(50% - 20px);}

.gui_tit:hover:after{width: 30px;left: calc(50% - 15px);}

.gui_tit a{color: #333;}

.gui_tit a:hover{color: #0061b3;}

.gui_tit span{display: block;font-size: 1rem;color: #888;padding: 0.25rem 0 0;}

.guide dl{width: 20%;float: left;text-align: center;height: 13rem;position: relative;margin-top: 3rem;}

.guide dl:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;right: 0;}

.guide dl dt{width: auto;height: 4.8rem;line-height: 0;overflow: hidden;margin: 0 auto;}

.guide dl dt img{width: 4.5rem;height: 4.8rem;}

.guide dl:hover dt img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.guide dl dd{width: 100%;padding: 2.1rem 0 0;}

.guide dl dd h5{font-size: 1.4rem;color: #333;height: 2.2rem;line-height: 2.2rem;overflow: hidden;font-weight: normal;}

.guide dl dd p{font-size: 0.8rem;color: #666;line-height: 1.3rem;padding: 0.6rem 0 0;}

.guide dl dd i{display: block;}

.guide dl:nth-of-type(5):before{background: none;}



/*核心业务*/

.product{padding: 4rem 0 0;}

.pro_nav{width: 20%;position: absolute;top: 12rem;left: 13.54%;background: rgba(38,38,38,0.9);height: 36rem;z-index: 10;}

.pro_subnav{width: 90%;height: 7rem;position: relative;padding: 2rem 0 0 10%;}

.pro_subnav:before{content: "";width: 100%;height: 1px;background: rgba(255,255,255,0.2);position: absolute;bottom: 0;left: 0;}

.pro_nav h3{width: 100%;height: 3.5rem;}

.pro_nav h3 a{font-size: 1.2rem;color: #fff;display: block;height: 3.5rem;font-weight: normal;}

.pro_nav h3 em{display: block;float: left;width: 2.5rem;height: 2.5rem;line-height: 0;overflow: hidden;}

.pro_nav h3 em img{width: 2.5rem;height: 5rem;-webkit-transition:all .5s;transition:all .5s;}

.pro_nav h3 span{display: block;float: right;width: 75%;line-height: 1.3rem;padding: 0.1rem 0 0;}

.pro_nav h3 span i{display: block;font-size: 0.7rem;color: rgba(255,255,255,0.3);text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;}

.pro_subnav:hover,.pro_subnav.on{background: #0061b3;}

.pro_subnav:hover em img,.pro_subnav.on em img{margin-top: -2.5rem;}

.pro_subnav ul{width: 80%;}

.pro_subnav ul li{width: 50%;float: left;height: 1.5rem;line-height: 1.5rem;overflow: hidden;}

.pro_subnav ul li a{font-size: 0.8rem;color: rgba(255,255,255,0.6);}

.pro_subnav ul li a:hover,.pro_more:hover{color: #fff;}

.pro_more{font-size: 0.8rem;color: rgba(255,255,255,0.6);display: block;height: 1.5rem;line-height: 1.5rem;overflow: hidden;position: absolute;top: 5.5rem;right: 0;width: 17%;}

.pro_m{margin: 2.5rem 0 0;width: 100%;}

.pro_m a{display: block;width: 100%;line-height: 0;}

.pro_m img{display: block;width: 100%;height: 36rem;}

.pro_m img,.pro-advm dl dt img,.case_l ul li img,.case_c dl dt img,.news01 dl dt img{

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.pro_m img:hover,.pro-advm dl dt img:hover,.case_l ul li img:hover,.case_c dl dt img:hover,.news01 dl dt img:hover

{  }



/*产品优势*/

.pro-advantages{background: #f6f6f6;padding: 5rem 0 6rem;}

.pro-advm{width: 100%;margin: 1.6rem 0 0;}

.pro-advm dl{position: relative;}

.pro-advm dl dt{width: 100%;line-height: 0;overflow: hidden;}

.pro-advm dl dt img{display: block;width: 100%;height: 33rem;}

.pro-advm dl dd{width: 31%;height: 9rem;background: url(../images/cpys_k.png) no-repeat 0 bottom;padding: 3.5rem 0 0;position: absolute;bottom: 0;left: 0;background-size: cover;}

.pro-advm dl dd h5{font-size: 1.2rem;color: #fff;height: 2rem;line-height: 2rem;overflow: hidden;width: 80%;margin: 0 auto;}

.pro-advm dl dd p{width: 80%;margin: 0 auto;font-size: 0.7rem;color: #fff;padding-top: 0.3rem;line-height: 1.2rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis; }

.pro-advb{position: absolute;bottom: 0;right: 0;width: 69%;height: 8rem;overflow: hidden;}

.pro-advb ul li{font-size: 1rem;color: #fff;width: 20%;text-align: center;line-height: 1.3rem;height: 6.8rem;padding-top: 1.2rem;position: relative;float: left;background: rgba(0,0,0,0.6);}

.pro-advb ul li:before{content: "";width: 1px;height: 100%;background: rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;}

.pro-advb ul li em{width: 2.5rem;height: 2.5rem;display: block;line-height: 0;margin: 0 auto 0.3rem;}

.pro-advb ul li em img{width: 2.5rem;height: 2.5rem;}

.pro-advb ul li i{display: block;}

.pro-advb ul li.on{background: rgba(0,155,76,0.9);}



/*工程案例*/

.case{/* padding: 5rem 0 2.5rem; */}

.case_nav{padding: 10px 10px 10px;height: 2.6rem;width: 99%;margin: 0 auto;}

.case_nav ul li{width: 142px;float: left;/* padding: 0 1%; */position: relative;}

.case_nav ul li:before{content: "";width: 0.3rem;height: 0.3rem;/* background: #d2d2d2; */position: absolute;top: 1.1rem;left: -0.15rem;border-radius: 50%;}

.case_nav ul li a{font-size: 1.1rem;color: #333;display: block;width: 100%;text-align: center;height: 36px;line-height: 36px;}

.case_nav li a,.ban01_l span a{

	  -webkit-transform: perspective(1px) translateZ(0);

	  transform: perspective(1px) translateZ(0);

	  box-shadow: 0 0 1px transparent;

	  position: relative;

	  -webkit-transition-property: color;

	  transition-property: color;

	  -webkit-transition-duration: 0.3s;

	  transition-duration: 0.3s;}

.case_nav li a:before,.ban01_l span a:before {

	  content: "";

	  position: absolute;

	  z-index: -1;

	  top: 0;

	  bottom: 0;

	  left: 0;

	  right: 0;

	  background: #0061b3;

	  border-radius: 3rem;

	  -webkit-transform: scaleX(0);

	  transform: scaleX(0);

	  -webkit-transform-origin: 50%;

	  transform-origin: 50%;

	  -webkit-transition-property: transform;

	  transition-property: transform;

	  -webkit-transition-duration: 0.3s;

	  transition-duration: 0.3s;

	  -webkit-transition-timing-function: ease-out;

	  transition-timing-function: ease-out;

	}

.case_nav li a:hover:before,.case_nav li.cur a:before,.ban01_l span a:hover:before {

	  -webkit-transform: scaleX(1);

	  transform: scaleX(1);

	}

.case_nav ul li a:hover,.case_nav ul li.cur a{color: #fff;}

.case_nav ul li:first-child:before{background: none;}

.case_nav ul li:last-child{width: 12%;}

.case_l{width: 100%;}

.case_l ul li{width: 32.85%;float: left;line-height: 0;position: relative;overflow: hidden; margin-left:20px; margin-bottom:25px; margin-right:20px;}

.case_l ul li img{width: 360px;height: 316px;display:block;transition:all 1s;}


.case_l ul li:hover img{transform:scale(1.01)}


.case_l ul li p{width: 80%;position: absolute;bottom: 0.1rem;left: 0;font-size: 1.1rem;color: #ffffff;height: 2rem;line-height: 2rem;padding:0 6% 0 14%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.line-scale-pulse-out{ display: block; position: absolute;bottom: 0.2rem;left: 0;line-height: 0;width: 2rem;margin-left: 1rem;}

.line-scale-pulse-out > i {

  background-color: #fff;

  width: 0.1rem;

  height: 1.5rem;

  border-radius: 2px;

  margin:0 1px 0 0;

  -webkit-animation-fill-mode: both;

          animation-fill-mode: both;

  display: inline-block;

  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);

          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }

  .line-scale-pulse-out > i:nth-child(2), .line-scale-pulse-out > i:nth-child(4) {

    -webkit-animation-delay: 0.2s !important;

            animation-delay: 0.2s !important; }

  .line-scale-pulse-out > i:nth-child(1), .line-scale-pulse-out > i:nth-child(5) {

    -webkit-animation-delay: 0.4s !important;

            animation-delay: 0.4s !important; }

.case_l ul li em{width: 1.5rem;height: 0.4rem;display: block;float: right;line-height: 0;padding: 0.6rem 0 0;}

.case_l ul li em img{width: 1.5rem;height: 0.4rem;}



.case_c{width: 390px;position: absolute;/* top: 16.2rem; */}

.case_c dl{width: 100%;height: 35rem;position: relative;}

.case_c dl dt{width: 100%;height: 100%;line-height: 0;overflow: hidden;}

.case_c dl dt img{display: block;width: 100%;}

.case_c dl dd{position: absolute;bottom: 5.0rem;/* left: 7.5%; */width: 95%;}

.case_c dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}

.case_c dl dd h5 a{font-size: 1.2rem;color: #fff;font-weight: normal;display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.case_desc{font-size: 0.7rem;color: #fff;line-height: 1.3rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}

.case_c .line-scale-pulse-out{bottom: 5rem;left: 0;margin-left: 0;}



/*合作客户*/

.partner{padding-bottom: 3.3rem;}

.part_qie{position: relative;}

.part_qie:before{content: "";width: 1px;height: 100%;background: #d4d4d4;position: absolute;top: 0;left: 0;z-index: 10;}

.partner ul li{width: 16.66%;float: left;line-height: 0;overflow: hidden;position: relative;}

.partner ul li:before{content: "";width: 1px;height: 100%;background: #d4d4d4;position: absolute;top: 0;right: 0;z-index: 10;}

.partner ul li img{display: block;width: 100%;}

.partner ul li img{

/* filter: grayscale(100%); */

/* -webkit-filter: grayscale(100%); */

-moz-filter: grayscale(1);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

/* filter: grayscale(100%); */

filter: gray;

}

.partner ul li:hover img{

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: grayscale(0%);}

.partner p{ position: absolute; top: 1.8rem; width:2.1rem; height:2.1rem;border-radius: 50%;-webkit-transition:transform .3s;transition:transform .3s;}

.partner p a{width: 2.1rem;height: 2.1rem;display: block;}

.part_l{left: -3.5rem;}

.part_r{right: -3.5rem;}

.part_l a {background:url(../images/hz_lico01.png) no-repeat center top;background-size: 100% 100%;}

.part_l a:hover{background:url(../images/hz_lico02.png) no-repeat center top;background-size: 100% 100%;}

.part_r a {background:url(../images/hz_rico01.png) no-repeat center top;background-size: 100% 100%;}

.part_r a:hover{background:url(../images/hz_rico02.png) no-repeat center top;background-size: 100% 100%;}

.partner p:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}




/*友情链接*/

.f_link{height: 2.5rem;line-height: 2.5rem;overflow: hidden;background: #211f1f;border-top: rgba(255,255,255,0.1) 1px solid;}

.f_link b{display: block;float: left;font-size: 0.7rem;color: rgba(255,255,255,0.5);width: 6%;font-weight: normal;}

.f_link p{font-size: 14px;color: rgba(255,255,255,0.5);float: left;width: 94%;}

.f_link p a{font-size: 14px;color: rgba(255,255,255,0.5); padding:0 10px 0 0;}

.f_link p a:hover{color: #fff;}


.f_bg{background: #262626;height: 3.5rem;position: relative;}
.f_bg:before{content: "";width: 100%;height: 1px;/* background: rgba(255,255,255,0.2); */position: absolute;top: 5.1rem;left: 0;}
.footer{width: 70rem;margin: 0 auto;min-width: 1200px;max-width: 1200px;}
.f_nav{height: 5rem;line-height: 5rem;overflow: hidden;}
.f_nav ul li{float: left;padding: 0 2rem;}
.f_nav ul li a{font-size: 0.9rem;color: #fff;}
.f_nav ul li a:hover{font-weight: bold;}
.f_logo{width: 21.4%;padding: 3.5rem 0 0;background:url(../images/f_line.png) no-repeat right 3.5rem;line-height: 0;}
.f_logo img{width: 7rem;height: 5rem;}
.f_logo span{color: rgba(255,255,255,0.5);font-size: 0.7rem;display: block;height: 1.2rem;line-height: 1.2rem;padding: 0.5rem 0 0;}
.f_logo p{color: rgba(255,255,255,0.5);font-size: 0.7rem;height: 1.2rem;line-height: 1.2rem;}
.f_logo p a{color: rgba(255,255,255,0.5);}
.f_ban{width: 33%;padding: 1.0rem 0 0 0;font-size: 0.8rem;color: rgba(255,255,255,0.5);background:url(../images/f_line.png) no-repeat right 3.5rem;}
.f_ban p{line-height: 2.1rem;padding-left: 1.5rem;}
.f_ban span{padding: 0 0.5rem;}
.f_ban a{color: rgba(255,255,255,0.5);}
.f_ban p.f_p01{background:url(../images/f_ico01.png) no-repeat left center;}
.f_ban p.f_p02{background:url(../images/f_ico02.png) no-repeat left center;}
.f_ban p.f_p03{background:url(../images/f_ico03.png) no-repeat left center;}
.f_ban p.f_p04{background:url(../images/f_ico04.png) no-repeat left center;}
.f_er{width: 26%; padding:3.3rem 0 0;}
.f_er p{width: 6.5rem;float: left;padding: 0 0 0 2.5rem;text-align: center;}
.f_er em{display: block;width:5.5rem; height:5.5rem;line-height: 0;padding: 0.5rem;background:url(../images/f_erbg.png) no-repeat;background-size: cover;}
.f_er img{ width:5.5rem; height:5.5rem;}
.f_er p span{display: block;font-size: 0.7rem;color: rgba(255,255,255,0.5);line-height: 2rem;}
  
      


/**/

@-webkit-keyframes shake{

  from,to{-webkit-transform:translate3d(0, 0, 0);}

  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}

  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}

}



@keyframes shake {

  from,to{transform:translate3d(0, 0, 0);}

  20%,60%{transform:translate3d(-10px, 0, 0);}

  40%,80%{transform:translate3d(10px, 0, 0);}

}



/*图标抖动*/

@-webkit-keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}

@keyframes hvr-buzz-out {

  10% {

    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  20% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  30% {


    -webkit-transform: translateX(3px) rotate(2deg);

    transform: translateX(3px) rotate(2deg);

  }

  40% {

    -webkit-transform: translateX(-3px) rotate(-2deg);

    transform: translateX(-3px) rotate(-2deg);

  }

  50% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  60% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  70% {

    -webkit-transform: translateX(2px) rotate(1deg);

    transform: translateX(2px) rotate(1deg);

  }

  80% {

    -webkit-transform: translateX(-2px) rotate(-1deg);

    transform: translateX(-2px) rotate(-1deg);

  }

  90% {

    -webkit-transform: translateX(1px) rotate(0);

    transform: translateX(1px) rotate(0);

  }

  100% {

    -webkit-transform: translateX(-1px) rotate(0);

    transform: translateX(-1px) rotate(0);

  }

}



/**/

@-webkit-keyframes line-scale-pulse-out {

  0% {

    -webkit-transform: scaley(1);

            transform: scaley(1); }



  50% {

    -webkit-transform: scaley(0.4);

            transform: scaley(0.4); }



  100% {

    -webkit-transform: scaley(1);

            transform: scaley(1); } }



@keyframes line-scale-pulse-out {

  0% {

    -webkit-transform: scaley(1);

            transform: scaley(1); }



  50% {

    -webkit-transform: scaley(0.4);

            transform: scaley(0.4); }



  100% {

    -webkit-transform: scaley(1);

            transform: scaley(1); } }



/**/

@media screen and (min-width: 1200px) {

  html {

    font-size: calc(1903px * 0.85 * 20 / 1903);

  }

}

@media screen and (min-width: 1583px) {

  html {

    font-size: calc(1903px * 20 / 1903);

  }

}