@charset "utf-8";

/*d全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust:none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;font-family:"微软雅黑";outline: 0;}
img{border:0;vertical-align:top;width:100%;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}


/*header*/
.header_bg{min-width: 1200px; background: #fff; position: relative; z-index: 9999; overflow: hidden;}
.logo{float: left; width: 22%; margin-left: 5%;}
.nav{float: right; padding: 2.5% 17% 0 0;}
.nav li{float: left; width: 122px; padding: 0 4%; border-right: solid 1px #d8d8d8;box-sizing: border-box; font-size: 18px; line-height: 24px;}
.nav li:last-child{border: none;}
.nav a{color: #404040;}
.nav h4{color: #1b6fc7; font-size: 14px; font-weight: normal; font-family: arial; line-height: 18px;}
.search{width:3%; line-height: 0; position:absolute; top: 32%; right: 6%; z-index:4;}
.search_bg{width: 400px; height: 50px; background: #fff; border:solid 1px #1b6fc7; border-radius: 5px; position: absolute; top: 0; right: 80px; opacity: 0; visibility: hidden; transition:all .3s ease-out 0s;}
.search:hover .search_bg{opacity:1;visibility:visible;}
.sear{float: left; width: 80%; height: 50px; line-height: 50px; border: none; background: none; padding: 0 3%; box-sizing: border-box; font-size: 16px; color:#333;}
input.sear::-webkit-input-placeholder{color:#333;}
input.sear:-moz-placeholder{color:#333;}
.sear_btn{float: left; width: 20%; height: 50px; background:#1b6fc7; border:none; color:#fff; font-size: 16px; cursor: pointer;}
.ss{width:0;height:30px;position:absolute;left:2%;top:20%;overflow:hidden;z-index:2;display: none;}
.ss_bd{width:50%;height:30px;line-height:30px;border:solid 1px #1b6fc7;background:#fff;box-sizing:border-box;float:left;color:#333;font-size:13px;padding-left:3%; border-top-left-radius:3px;border-bottom-left-radius:3px;}
.ss_btn{width:18%;float:left;height:30px;background:#1b6fc7;border:none;color:#fff;font-size:13px; border-top-right-radius:3px;border-bottom-right-radius:3px; cursor: pointer;}

.nav_btn a{ color:#fff; display: none;}
.cd-nav-trigger {
  position: absolute;
  display: none;
}
.cd-nav-trigger a{ color:#fff;}
.cd-nav-trigger {
  top:30%;
  right: 3%;
  height: 36px;
  width: 36px;
  z-index: 500;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 24px;
  height: 2px;
  background-color: #1b6fc7;
  z-index: 1000;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
	content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #1b6fc7;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
	content: '';
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
	content: '';
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
 	content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
	content: '';
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
	content: '';
  background-color: #ddd;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  color:#000;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
 	content: '';
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
 	content: '';
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
	content: '';
  background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
	content: '';
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
	content: '';
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
/*黑色2*/
.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 60px 0;
  z-index: 300;
  /*background-color:#000;*/
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  margin: 1.3em 0;
  text-align: center;
  text-transform: capitalize;
}
.cd-primary-nav a {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}
/*黑色*/
.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 200;
}
.cd-overlay-nav span {
  /*background:url(../images/main.jpg);*/
  background-color:#000;
}
/*黑色结束*/
.cd-overlay-content {
  /* main rounded colored bg 2 */
  z-index: 400;
}
.cd-overlay-content span {
  background-color: #ddd;
}

.flexslider{min-width:1200px; height:650px;position:relative;overflow:hidden;}
.slides{width:100%; height:650px;position:relative;z-index:1;}
.slides li{ display:block; width:100%; height:100%; position: relative;}
/*.slides img{width: 100%; display: block;}*/
.flex-control-nav{position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;line-height: 0;}
.flex-control-nav li{display:inline-block;width:19px;height:19px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:19px;height:19px;line-height:0;text-indent:9999px;overflow:hidden;background:url(../images/point_02.png) no-repeat;background-size:100% 100%;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/point_01.png) no-repeat;background-size:100% 100%;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:42%;}
.flex-direction-nav li a{display:block;width:63px;height:100px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0;background:url(../images/bn_prev.png) center center no-repeat; background-size: 100% 100%; cursor: pointer;}
.flex-direction-nav li a.flex-next{right:0;background:url(../images/bn_next.png) center center no-repeat; background-size: 100% 100%; cursor: pointer;}
.bn_01{width: 24%; position: absolute; top: 25%; left: 16%; z-index: 2; display: none;}
.flex-active-slide .bn_01{display: block;}
.bn_02{width: 39%; position: absolute; top: 30%; right: 18%; z-index: 2; display: none;}
.flex-active-slide .bn_02{display: block;}


/*mainbody*/
.about_bg{min-width: 1200px; padding: 145px 0 68px 0; background: url(../images/about_bg.jpg) no-repeat right bottom; overflow: hidden;}
.about_part{width: 1200px; padding-bottom: 13px; margin: 0 auto;}
.about_pic{float: left; width: 542px; height: 364px; overflow: hidden;}
.about_pic img{width:100%; height:100%; transition:all 0.8s; -webkit-transition:all 0.8s;}
.about_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.about_right{float: right; width: 570px; padding-bottom: 50px; position: relative;}
.about_right i{width: 75px; height: 5px; line-height: 0; background: #0065e1; display: block; position: absolute; left: 0; bottom: 0; animation:about_i 4s linear;}
@keyframes about_i{
	0%{
    width: 0;
  }
  100% {
    width: 75px;
  }
}
.about_en{color: #efefef; font-size: 186px; line-height: 138px; font-weight: bold; font-family: arial; position: absolute; top: 0; left: -50px;}
.about_en span{font-size: 72px; line-height: 56px; padding-top: 82px;}
.about_tit{color: #0065e1; font-size: 24px; line-height: 40px; font-weight: bold; padding: 48px 0 70px 0; position: relative; z-index: 2;}
.about_tit span{color: #333;}
.about{color: #3d3d3d; font-size: 14px; line-height: 26px; height: 156px; overflow: hidden;}

.honor_bg{min-width: 1200px; height: 614px; padding-top: 158px; background: url(../images/honor_bg.png) no-repeat center top; background-size: cover; margin-top: -20px; overflow: hidden;}
.honor_tit{width: 100%; text-align: center; line-height: 44px; color: #333; font-size: 30px; padding-bottom: 40px;}
.honor {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.honor .img {
	position: absolute;
	transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
}
.honor .img h4{color: #333; font-size: 12px; font-weight: normal; margin-top: 20px; opacity: 0.6;}
.honor .img img {
	width: 100%;
}
.honor .img1 {
	width: 16%;
	top: 7%;
	left: 0;
	z-index: 1;
}
.honor .img1 img{height: 250px; background: url(../images/honor_shadow.png) no-repeat center bottom; background-size: 100% 20px; padding-bottom: 30px;}
.honor .img2 {
	width: 20%;
	top: 3.5%;
	left: 17%;
	z-index: 2;
}
.honor .img2 img{height: 335px; background: url(../images/honor_shadow.png) no-repeat center bottom; background-size: 100% 24px; padding-bottom: 30px;}
.honor .img3 {
	width: 24%;
	top: 0;
	left: 38%;
	z-index: 3;
}
.honor .img3 img{height: 406px; background: url(../images/honor_shadow.png) no-repeat center bottom; background-size: 100% 31px; padding-bottom: 38px;}
.honor .img4 {
	width: 20%;
	top: 3.5%;
	left: 63%;
	z-index: 2;
}
.honor .img4 img{height: 335px; background: url(../images/honor_shadow.png) no-repeat center bottom; background-size: 100% 24px; padding-bottom: 30px;}
.honor .img5 {
	width: 16%;
	top: 7%;
	left: 84%;
	z-index: 1;
}
.honor .img5 img{height: 250px; background: url(../images/honor_shadow.png) no-repeat center bottom; background-size: 100% 20px; padding-bottom: 30px;}

.product_bg{min-width: 1200px; height: 680px; padding-top: 92px; background: url(../images/product_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.product_tit{width: 100%; text-align: center; line-height: 48px; color: #fff; font-size: 30px; padding-bottom: 28px;}
.product_list{width: 95%; text-align: center; padding-bottom: 50px; margin: 0 auto;}
.product_list li{line-height: 36px; display: inline-block; font-size: 16px; position: relative; margin: 0 12px;}
.product_list span{width: 0; height: 1px; line-height: 0; background: #fff; display: block; position: absolute; left: 50%; bottom: 0; transition:all 0.3s ease;}
.product_list li:hover span{width: 100%; left: 0;}
.product_list a{color: #fff;}
.product{width:1200px; overflow:hidden; position:relative; margin: 0 auto;}
.product .hd{width: 121px; overflow:hidden; height:20px; background: url(../images/product_icon.png) no-repeat center top; margin: 0 auto;}
.product .hd .prev{float: left; width: 31px; height: 19px; background: url(../images/product_prev.png) no-repeat; display: block; cursor: pointer;}
.product .hd .next{float: right; width: 31px; height: 19px; background: url(../images/product_next.png) no-repeat; display: block; cursor: pointer;}
.product .bd{margin-bottom: 6%;}
.product .bd ul{height: 327px; overflow:hidden; zoom:1;}
.product .bd ul li{float:left; width: 380px; height: 327px; border-radius: 10px; margin: 0 15px; display: inline; position: relative; overflow:hidden;}
.product .bd ul li img{width: 100%; height: 100%;}
.product_blue{width: 100%; height: 100%; padding: 14% 14% 0 14%; box-sizing: border-box; background: rgba(0,101,225,0.8); position: absolute; top: 0; left: 0; opacity:0; transform:scale(0); transition:all 0.8s ease-in-out; backface-visibility:hidden;}
.product .bd ul li:hover .product_blue{opacity:1; transform:scale(1);}
.product_blue i{width: 11%; height: 1px; line-height: 0; background: #fff; position: absolute; top: 24%; left: 0;}
.product_blue h4{color: #fff; font-size: 30px; font-weight: normal; line-height: 46px; margin-bottom: 13px;}
.product_fon{color: #fff; text-align: justify; line-height: 26px; font-size: 16px; height: 130px; overflow: hidden;}

.news_part{width: 1200px; padding: 93px 0 114px 0; margin: 0 auto; overflow: hidden;}
.news_tit{width: 100%; text-align: center; line-height: 48px; color: #333; font-size: 30px; padding-bottom: 55px;}
.news{width: 100%; padding-bottom: 26px;}
.news ul{margin-right: -80px;}
.news li{float: left; width: 560px; margin: 0 80px 59px 0;}
.news_pic{float: left; width: 249px; height: 141px; overflow: hidden;}
.news_pic img{width:100%; height:100%; transition:all 0.8s; -webkit-transition:all 0.8s;}
.news_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.news_right{float: right; width: 290px;}
.news_right h4{color: #333; font-size: 18px; line-height: 50px; font-weight: normal;}
.news_fon{color: #8a8a8a; text-align: justify; font-size: 16px; line-height: 28px; height: 56px; overflow: hidden;}
.news_more{width: 194px; text-align: center; height: 42px; line-height: 42px; font-size: 16px; border: solid 1px #1b6fc7; border-radius: 6px; margin: 0 auto;}
.news_more a{color: #1b6fc7;}

.case_bg{min-width: 1200px; padding-top: 39px; background: url(../images/case_bg.jpg) no-repeat center top; overflow: hidden;}
.case{width: 1200px; padding-top: 20px; margin: 0 auto;}
.case ul{width: 1224px;}
.case li{float: left; width: 280px; height: 212px; border: solid 1px #dcdcdc; margin: 0 24px 27px 0; position: relative; overflow: hidden;}
.case img{width: 100%; height: 100%;}
.case_fon{width: 240px; background: url(../images/case_icon.png) no-repeat right 17px center #0065e1; padding: 12px 18px; box-sizing: border-box; text-transform: uppercase; color: #fff; line-height: 28px; position: absolute; top: 72px; left: -300px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.case li:hover .case_fon{left: 0;}
.case_fon h4{font-size: 18px; font-weight: normal;}
.case_fon em{font-size: 14px; font-family: arial;}

.contact_bg{min-width: 1200px; height: 540px; padding-top: 67px; background: url(../images/contact_bg.jpg) no-repeat center top; background-size: cover; overflow: hidden;}
.contact_title{width: 100%; text-align: center; color: #efefef; font-size: 72px; line-height: 76px; padding-bottom: 7px; text-transform: uppercase; font-family: arial; position: relative; margin-bottom: 62px;}
.contact_title span{width: 100%; display: block; line-height: 38px; color: #333; font-size: 24px; font-family: "微软雅黑"; position: absolute; left: 0; bottom: 0;}
.contact{width: 1200px; margin: 0 auto;}
.contact li{float: left; width: 300px; padding: 0 44px; min-height: 214px; text-align: center; box-sizing: border-box; border-right: solid 1px #efefef; color: #333; font-size: 14px; line-height: 24px;}
.contact li:last-child{border: none;}
.contact img{width: 60px; height: 58px;}
.contact h4{color: #333; font-size: 18px; line-height: 36px; margin: 26px 0 14px 0;}
.code{width: 100%; text-align: center; color: #333; font-size: 14px; line-height: 38px; margin-top: -6px;}
.code img{width: 158px; height: 158px; background: #efefef; padding: 10px;}


/*footer*/
.copyright{min-width: 1200px; text-align: center; background: #242426; color: #fff; font-size: 14px; line-height: 24px; padding: 28px 0;}
.foot{width: 100%; background: #000; position: fixed; bottom: 0; left: 0; z-index: 999; display: none;}
.foot li{float: left; width: 25%; text-align: center; font-size: 13px; padding: 3% 0 2% 0;}
.foot img{width: 30%; margin-bottom: 3%;}
.foot a{color: #fff;}


/*about*/
.pic_box{min-width: 1200px; height: 360px; position: relative; overflow: hidden;}
.tit{width: 300px; padding: 28px 20px 22px 90px; color: #fff; font-size: 24px; font-family: arial; line-height: 26px; box-sizing: border-box; background: rgba(0,0,0,0.5); position: absolute; top: 30%; left: 21%;}
.tit h4{font-size: 30px; font-family: "微软雅黑"; line-height: 40px; font-weight: normal;}
.mainbody{width: 1200px; min-height: 400px; padding: 19px 0 112px 0; margin: 0 auto; overflow: hidden;}
.path{line-height: 28px; color: #b3b3b3; font-size: 16px; padding-bottom: 55px;}
.path a{color: #b3b3b3;}
.path span{color: #1b6fc7;}
.aboutus{width: 100%; padding: 50px 0; color: #000; font-size: 16px; line-height: 28px;}
.aboutus img{float: left; width: 37%; margin: 0 3% 3% 0;}


/*case*/
.case_tit{color: #333; font-size: 30px; padding: 2% 0 7% 0; text-align: center;}
.case02{width: 100%;}
.case02 ul{margin-right: -4.5%;}
.case02 li{float: left; width: 28.833%; background: #e3e3e3; border: solid 1px #e3e3e3; box-sizing: border-box; margin: 0 4.5% 4.5% 0;}
.case02 h4{background: #1b6fc7; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 18px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_pic{width: 100%; height: 252px; overflow: hidden; margin-bottom: 2px;}
.case_pic img{width:100%; height:100%; transition:all 0.8s; -webkit-transition:all 0.8s;}
.case_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.page{width: 100%; text-align: center; padding-top: 4%; font-size: 16px;}
.page a{color: #333; padding: 0 8px; display: inline-block; margin: 0 6px;}
.page a:hover{color: #fff; background: #1b6fc7;}
.page .page_on{color: #fff; background: #1b6fc7;}


/*products*/
.pro_list{width: 100%; padding-bottom: 4%;}
.pro_list ul{margin-right: -57px;}
.pro_list li{float: left; width: 152px; height: 38px; font-size: 16px; margin: 0 57px 10px 0;}
.pro_list a{display: block; line-height: 38px; padding-left: 32px; background: url(../images/pro_icon.jpg) no-repeat 5px center; color: #313131;}
.pro_list a:hover{background: #0065e1; color: #fff;}
.pro_list .pro_on a{background: #0065e1; color: #fff;}
.pro{width: 100%;}
.pro ul{margin-right: -4.5%;}
.pro li{float: left; width: 28.833%; text-align: center; border: solid 1px #e3e3e3; box-sizing: border-box; padding: 2%; font-size: 18px; margin: 0 4.5% 4.5% 0}
.pro h4{color: #333; line-height: 32px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_pic{width: 100%; height: 277px; overflow: hidden; margin-bottom: 7%;}
.pro_pic img{width:100%; height:100%; transition:all 0.8s; -webkit-transition:all 0.8s;}
.pro_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}


/*contact*/
.map{width: 76%; border: solid 1px #cdcdcd; padding: 1%; box-sizing: border-box; margin: 0 auto 5%;}
.mes{width: 74%; margin: 0 auto 2%;}
.mes h4{color: #333; font-size: 24px; line-height: 30px; text-transform: uppercase; margin-bottom: 4%;}
.mes li{padding-bottom: 4%;}
.mes li:last-child{padding-top: 0.5%;}
.name{float: left; width: 28%; height: 42px; line-height: 42px; color: #333; font-size: 16px; border: none; border-bottom: solid 1px #cdcdcd;}
input.name::-webkit-input-placeholder{color:#333;}
input.name:-moz-placeholder{color:#333;}
.mes_r{margin-right: 8%;}
.content{width: 100%; height: 130px; line-height: 24px; color: #333; font-size: 16px; border: none; border-bottom: solid 1px #cdcdcd;}
textarea.content::-webkit-input-placeholder{color:#333;}
textarea.content:-moz-placeholder{color:#333;}
.btn_tj{width: 15%; height: 35px; border: solid 1px #cdcdcd; border-radius: 30px; background: #fff; color: #333; font-size: 16px; cursor: pointer;}
.con{width: 74%; margin: 0 auto;}
.con li{float: left; width: 30.333%; color: #727272; font-size: 16px; margin-right: 3%;}
.con img{float: left; width: 40px; height: 40px; border-radius: 50%;}
.con_r{float: right; width: 80%; padding: 2% 0;}
.con li:nth-child(1){margin: 0;}
.con li:nth-child(2){margin-right: 9%;}
.con li:nth-child(3){margin: 0;}


@media only screen and (max-width: 1500px) {
	/*index*/
	.nav{padding: 2% 17% 0 0;}
	.search_bg{height: 40px;}
	.sear{height: 40px; line-height: 40px;font-size: 15px;}
	.sear_btn{height: 40px;font-size: 15px;}
	.about_bg{background-size: 260px;}
	
	/*about*/
	.tit{left: 12%;}
}

@media only screen and (max-width: 1440px) {
	/*index*/
	.nav{padding: 2% 16% 0 0;}
	.about_bg{background-size: 220px;}
}

@media only screen and (max-width: 1360px) {
	/*index*/
	.nav{padding: 2% 15% 0 0;}
	.about_bg{background-size: 200px;}
	
	/*about*/
	.tit{left: 9%;}
}

@media only screen and (max-width: 1280px) {
	/*index*/
	.header_bg{min-width: 1000px;}
	.logo{width: 22%; margin-left: 3%;}
	.nav{padding: 2% 12% 0 0;}
	.search{right: 4%;}
	.search_bg{height: 40px; top: -5px;}
	.flexslider{min-width:1000px;height:550px;}
	.slides{height:550px;}
	.flex-direction-nav{top:42%;}
	.flex-direction-nav li a{width:50px;height:79px;}
	.about_bg{min-width: 1000px; padding: 130px 0 60px 0; background:none;}
	.about_part{width: 1000px;}
	.about_pic{width: 480px; height: 322px;}
	.about_right{width: 440px;}
	.about_en{font-size: 160px; line-height: 120px; left: -45px;}
	.about_en span{font-size: 50px; line-height: 40px; padding-top: 60px;}
	.about_tit{padding: 35px 0 65px 0;}
	.about{height: 130px;}
	.honor_bg{min-width: 1000px; height: 580px; padding-top: 140px;}
	.honor{width: 1000px;}
	.honor .img1 img{height: 210px;}
	.honor .img2 img{height: 280px;}
	.honor .img3 img{height: 360px;}
	.honor .img4 img{height: 280px;}
	.honor .img5 img{height: 210px;}
	.product_bg{min-width: 1000px; height: 620px; padding-top: 80px;}
	.product_list li{margin: 0 10px;}
	.product{width:1000px;}
	.product .bd ul{height: 270px;}
	.product .bd ul li{width: 314px; height: 270px;}
	.news_part{width: 1000px; padding: 90px 0 110px 0;}
	.news ul{margin-right: -50px;}
	.news li{width: 480px; margin: 0 40px 50px 0;}
	.news_pic{width: 205px; height: 116px;}
	.news_right{width: 252px;}
	.case_bg{min-width: 1000px;}
	.case{width: 1000px;}
	.case li{width: 233px; height: 176px;margin: 0 20px 25px 0;}
	.case_fon{width: 200px; background-size: 12px 22px; padding: 10px 16px; top: 50px;}
	.case_fon h4{font-size: 17px;}
	.case_fon em{font-size: 13px;}
	.contact_bg{min-width: 1000px; height: 540px;}
	.contact{width: 1000px;}
	.contact li{float: left; width: 250px; padding: 0 20px;}
	.contact img{width: 60px; height: 58px;}
	.contact h4{color: #333; font-size: 18px; line-height: 36px; margin: 26px 0 14px 0;}
	.code{width: 170px; margin: -6px auto 0 auto;}
	.code img{width: 148px; height: 148px;}
	.copyright{min-width: 1000px;}
	
	/*about*/
	.pic_box{min-width: 1000px;}
	.tit{left: 8%;}
	.mainbody{width: 1000px;}
	
	/*products*/
	.pro_list ul{margin-right: -17px;}
	.pro_list li{margin: 0 17px 10px 0;}
	.pro_pic{height: 230px; margin-bottom: 7%;}
}

@media only screen and (max-width: 1024px) {
	/*index*/
	.header_bg{min-width: 100%; width: 100%;}
	.search_bg{display: none;}
	.ss{display: block;}
	.search{top: 32%; right: 9%;}
	.nav{display: none;}
	.nav_btn a{display: block;}
	.cd-nav-trigger {display: block; top: 26%; right: 3%;}
	.flexslider{min-width:100%;width:100%;height:450px;}
	.slides{height:450px;}
	.flex-direction-nav{top:42%;}
	.flex-direction-nav li a{width:35px;height:56px;}
	.bn_01{width: 28%; top: 26%; left: 10%;}
	.bn_02{width: 42%; top: 30%; right: 16%;}
	.about_bg{min-width:100%;width:100%; padding: 8% 0 3% 0; background:none;}
	.about_part{width: 90%;}
	.about_pic{width: 46%; height: 300px;}
	.about_right{width: 47%;}
	.about_en{font-size: 90px; line-height: 80px; left: -30px;}
	.about_en span{font-size: 30px; line-height: 30px; padding-top: 50px;}
	.about_tit{font-size: 20px; line-height: 30px; padding: 15px 0 45px 0;}
	.about{height: 130px;}
	.honor_bg{min-width:100%;width:100%; height: auto; padding: 5% 0 6% 0;}
	.honor_tit{line-height: 30px; font-size: 20px; padding-bottom: 4%;}
	#honor{height: 350px !important;}
	.honor{width: 90%;}
	.honor .img1 {top: 14%;}
	.honor .img1 img{height: 50%;}
	.honor .img2 {top: 8%;}
	.honor .img2 img{height: 60%;}
	.honor .img3 img{height: 80%;}
	.honor .img4 {top: 8%;}
	.honor .img4 img{height: 60%;}
	.honor .img5 {top: 14%;}
	.honor .img5 img{height: 50%;}
	.product_bg{min-width:100%;width:100%; height: auto; padding: 5% 0;}
	.product_tit{line-height: 30px; font-size: 20px; padding-bottom: 2%;}
	.product_list{padding-bottom: 3%;}
	.product_list li{margin: 0 10px;}
	.product{width:95%; margin: 0 auto;}
	.product_bg .tempWrap{width: 100% !important;}
	.product .bd ul{height: 240px;}
	.product .bd ul li{width: 280px; height: 240px;}
	.product_blue i{width: 10%; top: 24%;}
	.product_blue h4{font-size: 20px; line-height: 30px; margin-bottom: 4%;}
	.product_fon{line-height: 24px; font-size: 16px; height: 96px;}
	.news_part{width: 90%; padding: 4% 0 5% 0; margin: 0 auto;}
	.news_tit{line-height: 30px; font-size: 20px; padding-bottom: 3%;}
	.news ul{margin-right: -3%;}
	.news li{width: 47%; margin: 0 3% 4% 0;}
	.news_pic{width: 38%; height: 100px;}
	.news_right{width: 58%;}
	.news_right h4{font-size: 16px; line-height: 30px; margin-bottom: 2%;}
	.news_fon{font-size: 14px; line-height: 24px; height: 48px;}
	.news_more{width: 170px; height: 40px; line-height: 40px; font-size: 14px;}
	.case_bg{min-width:100%;width:100%;background-size: 100% 150px; padding: 4% 0 2% 0;}
	.case{width: 97%;}
	.case ul{width: 100%;}
	.case li{width: 23%; height: 176px; box-sizing: border-box; margin: 0 1% 3% 1%;}
	.case_fon{width: 90%; background-size: 12px 22px; padding: 10px 16px; top: 50px;}
	.case_fon h4{font-size: 17px;}
	.case_fon em{font-size: 13px;}
	.contact_bg{min-width:100%;width:100%; height: auto; padding: 2% 0 10% 0;}
	.contact_title{font-size: 44px; line-height: 44px; margin-bottom: 3%;}
	.contact_title span{line-height: 30px; font-size: 20px;}
	.contact{width: 95%;}
	.contact li{float: left; width: 25%; padding: 0 2%;}
	.contact img{width: 40px; height: 40px;}
	.contact h4{color: #333; font-size: 18px; line-height: 36px; margin: 26px 0 14px 0;}
	.code img{width: 140px; height: 140px; padding: 8px;}
	.copyright{min-width: 100%; width: 100%; text-align: center; background: #242426; color: #fff; font-size: 14px; line-height: 24px; padding: 2% 0;}
	
	/*about*/
	.pic_box{min-width: 100%; width: 100%;}
	.tit{left: 5%;}
	.mainbody{width: 95%; padding: 2% 0 10% 0;}
	.path{padding-bottom: 5%;}
	.aboutus{padding: 4% 0;}
	
	/*case*/
	.case_pic{width: 100%; height: 210px;}
	
	/*products*/
	.path{padding-bottom: 3%;}
	.pro_list{padding-bottom: 2%;}
	.pro_list ul{margin-right: -2%;}
	.pro_list li{width: 18%; margin: 0 2% 2% 0;}
	.pro_list a{padding-left: 15%; background-size: 14px 14px;}
	.pro_pic{height: 200px; margin-bottom: 7%;}
	
	/*contact*/
	.con{width: 76%; margin: 0 auto;}
	.con li{float: left; width: 30.333%; color: #727272; font-size: 16px; margin-right: 3%;}
	.con img{float: left; width: 40px; height: 40px; border-radius: 50%;}
	.con_r{float: right; width: 74%; padding: 2% 0;}
	.con li:nth-child(1){margin: 0;}
	.con li:nth-child(2){margin-right: 9%;}
	.con li:nth-child(3){margin: 0;}
}

@media only screen and (max-width: 768px) {
	/*index*/
	.header_bg{min-width: 100%; width: 100%;}
	.logo{width: 42%;}
	.search_bg{display: none;}
	.ss{display: block;}
	.search{width: 6%; top: 28%; right: 15%;}
	.nav{display: none;}
	.nav_btn a{display: block;}
	.cd-nav-trigger {display: block; width: 32px; height: 32px; top: 18%;}
	.cd-nav-trigger .cd-icon {
	  width: 22px;
	}
	.flexslider{min-width:100%;width:100%;height:180px;}
	.slides{height:180px;}
	.flex-control-nav{bottom:10px;}
	.flex-control-nav li{width:14px;height:14px;}
	.flex-control-nav a{width:14px;height:14px;}
	.flex-direction-nav{top:42%;}
	.flex-direction-nav li a{width:20px;height:32px;}
	.bn_01{width: 28%; top: 26%; left: 10%;}
	.bn_02{width: 42%; top: 30%; right: 16%;}
	.about_bg{min-width:100%;width:100%; padding: 8% 0 3% 0; background:none;}
	.about_part{width: 90%;}
	.about_pic{width: 100%; float: none; display: block; height: auto;}
	.about_right{width: 100%; float: none; padding: 4% 0 7% 0; display: block;}
	.about_right i{height: 3px;}
	.about_en{font-size: 50px; line-height: 40px; top: 5%; left: 0;}
	.about_en span{font-size: 16px; line-height: 20px; padding-top: 30px;}
	.about_tit{font-size: 14px; line-height: 20px; padding: 0 0 30px 10%;}
	.about{font-size: 12px; line-height: 22px; height: 88px;}
	.honor_bg{min-width:100%;width:100%; height: auto; padding: 5% 0 6% 0;}
	.honor_tit{line-height: 30px; font-size: 15px; padding-bottom: 4%;}
	#honor{height: 220px !important;}
	.honor{width: 90%;}
	.honor .img1 {width:24%; top: 14%; left: -30%;}
	.honor .img1 img{height: 50%;}
	.honor .img2 {width: 28%; top: 8%; left: 0;}
	.honor .img2 img{height: 60%;}
	.honor .img3 {width: 36%; left: 32%;}
	.honor .img3 img{height: 80%;}
	.honor .img4 {width: 28%; top: 8%; left: 72%;}
	.honor .img4 img{height: 60%;}
	.honor .img5 {width:24%; top: 14%; left: 110%;}
	.honor .img5 img{height: 50%;}
	.product_bg{min-width:100%;width:100%; height: auto; padding: 5% 0 7% 0;}
	.product_tit{line-height: 24px; font-size: 15px; padding-bottom: 2%;}
	.product_list{padding-bottom: 3%;}
	.product_list li{margin: 0 3%; font-size: 12px; line-height: 30px;}
	.product{width:95%; margin: 0 auto;}
	.product .hd{width: 110px; height:15px; background-size: 15px 15px;}
	.product .hd .prev{width: 28px; height: 15px; background-size: 28px 15px;}
	.product .hd .next{width: 28px; height: 15px; background-size: 28px 15px;}
	.product_bg .tempWrap{width: 100% !important;}
	.product .bd{margin-bottom: 10%;}
	.product .bd ul{height: 155px;}
	.product .bd ul li{width: 180px; height: 155px; margin: 0 0.5%;}
	.product_blue i{width: 10%; top: 24%;}
	.product_blue h4{font-size: 15px; line-height: 30px; margin-bottom: 4%;}
	.product_fon{line-height: 20px; font-size: 12px; height: 60px;}
	.news_part{width: 90%; padding: 5% 0 8% 0; margin: 0 auto;}
	.news_tit{line-height: 24px; font-size: 15px; padding-bottom: 6%;}
	.news{padding-bottom: 4%;}
	.news ul{margin-right: 0;}
	.news li{width: 100%; margin: 0 0 5% 0;}
	.news_pic{width: 42%; height: auto;}
	.news_right{width: 52%;}
	.news_right h4{font-size: 14px; height: 24px; line-height: 24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 3%;}
	.news_fon{font-size: 12px; line-height: 20px; height: 40px; overflow:hidden;}
	.news_more{width: 30%; height: 36px; line-height: 36px; font-size: 13px;}
	.case_bg{min-width:100%;width:100%;background-size: 100% 120px; padding: 4% 0 2% 0;}
	.case{width: 97%;}
	.case ul{width: 100%;}
	.case li{width: 47%; height: 135px; box-sizing: border-box; margin: 0 1.5% 4% 1.5%;}
	.case_fon{width: 90%; line-height: 20px; background: url(../images/case_icon.png) no-repeat right 10px center #0065e1; background-size: 8px 18px; padding: 4% 3%; top: 50px;}
	.case_fon h4{font-size: 14px;}
	.case_fon em{font-size: 12px;}
	.contact_bg{min-width:100%;width:100%; height: auto; padding: 5% 0 30% 0;}
	.contact_title{font-size: 28px; line-height: 30px; margin-bottom: 5%;}
	.contact_title span{line-height: 30px; font-size: 15px;}
	.contact{width: 92%;}
	.contact li{float: none; width: 100%; min-height: auto; height: auto; text-align: left; line-height: 20px; padding: 0 0 5% 0; border: none;}
	.contact li:last-child{padding: 3% 0 0 0; text-align: center;}
	.contact img{float: left; width: 26px; height: 26px; margin: 7px 4% 0 0;}
	.contact h4{color: #333; font-size: 15px; line-height: 20px; margin: 0;}
	.code img{float: none; width: 130px; height: 130px; padding: 6px; display: block; margin: 0 auto;}
	.copyright{display: none;}
	.foot{display: block;}
	
	/*about*/
	.pic_box{min-width: 100%; width: 100%; height: 180px;}
	.tit{width: 50%; padding: 3% 1% 3% 12%; font-size: 12px; line-height: 22px; top: 30%; left: 5%;}
	.tit h4{font-size: 16px; line-height: 24px;}
	.mainbody{width: 95%; padding: 2% 0 30% 0;}
	.path{font-size: 12px; padding-bottom: 5%;}
	.aboutus{padding: 4% 0; font-size: 12px; line-height: 22px;}
	.aboutus img{width: 44%;}
	
	/*case*/
	.case_tit{font-size: 15px; padding: 2% 0 8% 0;}
	.case02 ul{margin-right: -3%;}
	.case02 li{width: 47%; margin: 0 3% 3.5% 0;}
	.case02 h4{height: 34px; line-height: 34px; font-size: 12px;}
	.case_pic{width: 100%; height: 130px;}
	.page{font-size: 12px;}
	.page a{padding: 0 4px; margin: 0 1px;}
	
	/*products*/
	.pro_list ul{margin-right: -2%;}
	.pro_list li{width: 31.333%; height: 32px; font-size: 12px; margin: 0 2% 3% 0;}
	.pro_list a{padding-left: 18%; line-height: 32px; background-size: 9px 9px;}
	.pro ul{margin-right: -3%;}
	.pro li{width: 47%; padding: 2%; font-size: 12px; margin: 0 3% 4.5% 0}
	.pro h4{line-height: 30px;}
	.pro_pic{height: 140px; margin-bottom: 5%;}
	
	/*contact*/
	.map{width: 97%; padding: 1.5%; margin: 0 auto 5%;}
	.mes{width: 97%; margin: 0 auto 5%;}
	.mes h4{font-size: 14px; line-height: 24px;}
	.name{float: left; width: 28%; height: 32px; line-height: 32px; font-size: 12px;}
	.mes_r{margin-right: 8%;}
	.content{height: 90px; line-height: 22px; font-size: 12px;}
	.btn_tj{width: 25%; height: 28px; font-size: 12px;}
	.con{width: 97%;}
	.con li{float: none; width: 100%; font-size: 12px; margin: 0; padding-bottom: 4%;}
	.con img{width: 25px; height: 25px;}
	.con_r{width: 89%; padding: 0.5% 0;}
	.con li:nth-child(1){margin: 0;}
	.con li:nth-child(2){margin: 0;}
	.con li:nth-child(3){margin: 0;}
}

.honor .img6 {
 width: 16%;
 top: 7%;
 left: 184%;
 z-index: 1;
}
.honor .img6 img{height: 250px; background: url(../images/honor_shadow.png) no-repeat center bottom; background-size: 100% 20px; padding-bottom: 30px;}