*{margin: 0;padding: 0;}
@font-face {
    font-family: "helvetica";
    src: url("../font/Helvetica.ttf");
}
img{border: none;}
li{list-style: none;}
body {font-family:arial;}
.active {display:block}
/*头部样式*/
#header{width: 100%; height: 100px;}
#header .headerbox{width: 1200px;height: 100%; margin: 0 auto; }
#header .headerbox li.logo{float: left;height: 100%;position: relative;}
#header .headerbox li.logo img{display: block;position: absolute;left: 0; top: 0;bottom: 0;margin: auto;max-height: 60%;}
#header .headerbox li.search{float: right; width: 150px; height: 30px;background-color: #e6e6e6;border-radius: 3px;margin-top: 35px;overflow: hidden;} 
#header .headerbox li.search input.inputsearch{display: block;float: left; width: 100px;height: 100%; border: none; background: rgba(0,0,0,0);padding: 0 10px;font-size: 14px;color: #7b7b7b;}
#header .headerbox li.search .btnsearch{display: block;float: left; width: 30px; height: 30px;position: relative;}
#header .headerbox li.search .btnsearch img{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}



/*导航样式*/
#menu{width: 100%;height: 42px; background-color: #000000;z-index: 99;}
#menu1{width: 100%;height: 42px; background-color: #000000;z-index: 99;margin-top:-100px;position: fixed;}
.menu{width: 100%;height: 42px; background-color: #000000;z-index: 99;}
.menu1{width: 100%;height: 42px; background-color: #000000;z-index: 99;margin-top:-100px;position: fixed;}
#menu .menubox{width: 1200px;height: 100%;margin: 0 auto;z-index: 99;}
#menu .menubox > li{float: left;height: 100%;margin-left: 110px;cursor: pointer;position: relative;font-size: 14px;}
#menu .menubox > li > p{color: #FFFFFF;line-height: 40px;border: 1px solid black;height: 32px;}
#menu .menubox > li > p:hover {color: #FFFFFF;line-height: 40px;border-bottom: 1px solid white;}
#menu .menubox > li > .submenu{margin-left:-3px;width:150px;display: block; height: auto;position: absolute;top: 40px; left: 0; background-color: black;}
/*#menu .menubox li:hover p{text-decoration:underline}*/

/*#menu .menubox >li:hover .submenu li{display: block;}*/
#menu .menubox >li > .submenu li{display:none;width:150px; height: 40px;z-index: 99;}
#menu .menubox >li > .submenu > li p{width:150px;text-align: center;color: #FFFFFF;line-height: 40px;font-size: 14px;}
#menu .menubox >li > .submenu > li:hover p{color:#969696;}
#menu .menubox >li > .submenu li:last-child{margin-bottom: 10px;}


/*#menu .menubox >li:hover #submenu2 li{display: block;}*/
#menu .menubox > li > #submenu2{margin-left:-110px;width: 300px;display: block; height: auto;position: absolute; background-color: black;}
/*#menu .menubox li:hover p{text-decoration:underline}*/

/*#menu .menubox >li:hover .submenu li{display: table;}*/
#menu .menubox >li > #submenu2 li{display:none;width:300px; height: 40px;}
#menu .menubox >li > #submenu2 > li p{ text-align: center;color: #FFFFFF;line-height: 40px;}
#menu .menubox >li > #submenu2 > li:hover p{color:#969696}
#menu .menubox >li > #submenu2 li:last-child{margin-bottom: 10px;}

.top_li {z-index: 99;}


/*  图片轮播  */
.lunbo {width: 100%;height: 400px;float: left;z-index: 0;}
.swiper-container {
  width: 100%;
  height: 400px;
  z-index: 0;
}
.swiper-slide .title {
width:100%;height: 100%;

}
.fkjz {width: 950px;margin: 0 auto;}
.pagination {
  z-index: 0;
  position: absolute;
  z-index: 20;
  bottom: 3.3%;
  border: none;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 34px;
  height: 6px;
  background: #595757;
  margin-right: 6.5px;
  opacity: 0.8;
  border: none;
  cursor: pointer;
}
.swiper-active-switch {
  background: #187d98;
}

/*about chemscend*/
.about_chem {width: 1200px;margin: 0 auto;height: 500px;clear: both;}
.about_chem .line {height: 170px;width:100%;}
.about_chem .line .about_chem_line{width: 710px;height:3px;background:#787777;float: left;margin-top:75px;margin-left: 245px;}
.about_chem .about_che {color: #595757;position: absolute;margin-left:400px;margin-top:28px;width:400px;height:100px;background:#ffffff;text-align: center;line-height: 100px;font-size:32px ;}

.about_bottom {width: 1200px;margin: 0 auto;height: 300px;clear: both;}
.about_bottom_left {width:650px ;height: 100%;margin-top: 0px;}
.about_bottom_left_title {color: #595757;margin-bottom: 10px;font-size: 24px;}
.about_bottom_left_content {color: #595757;font-size: 14px;line-height: 21px;font-size: 14px;text-align: justify;}
.about_bottom_right {float: right;width:480px;height:100%;margin-top:-300px;}
.about_bottom_right img {display: block;float: right;margin-top: 15px;}

.lunbo .swiper-container .swiper-wrapper .swiper-slide{background-position: top center;background-repeat: no-repeat;}

/* vision */
.vision {width: 100%;height:150px;background:#f2f2f2;float: left;margin-top: 50px;margin-bottom: 50px}
.vision_mid {width: 1200px;margin: 0 auto;}
.vision_title {color: #595757;text-align: center;margin-top: 30px;font-size: 32px;}
.vision_content {color: #595757;text-align: center;margin-top: 10px;font-size: 14px;}

/*  SUS  */
.sus {width: 1200px;margin: 0 auto;clear: both;height: 300px;margin-bottom: 50px;}
.sus_left {width:500px;height:300px;float: left;margin-top: 15px;}
.sus_right {width: 700px;height:100%;float: right;}
.sus_right_title {color: #595757;margin-bottom: 10px;margin-top:80px;font-size: 32px;}
.sus_right_content {font-size: 14px;color: #595757;line-height: 20px;text-align: justify;}

/*  大图轮播   */
.down_lunbo {width: 100%;height: 660px;float:left;background-image: url('../img/banner_bg1.jpg');}
.juzhong {width: 1200px;height:100%;margin:0 auto;}
.main_title {width: 100%;height: 180px;}
.main_line_left {width: 145px;height: 5px;margin-left:185px;background: white;float: left;margin-top:80px;margin-bottom: 40px;}
.main_line_right {width: 145px;height: 5px;margin-right:185px;background: white;float: right;margin-top:80px;margin-bottom: 40px;}
.main_indus {width: 500px;height: 100px;float: left;margin-left: 350px;position: absolute;
margin-top:30px;line-height: 100px;font-size: 32px;text-align: center;margin-bottom: 20px;color: white;}
.main_cont {width: 1000px;height: 50px;margin: 0 auto;text-align: center;line-height: 25px;font-size: 15px;clear: both;margin-top:50px;color: white;}
.detail {width: 830px;height: 300px;margin:0 auto;clear: both;background: white;}
.detail .detail_left {float:left;width:235px ;height: 235px;margin-top: 30px;margin-left: 30px;}
.big_img{display:block;float:left;width: 220px;height: 220px;margin-top:10px;margin-left: 10px;}
.detail_right {width: 500px;height: 100%;float: right;margin-right: 30px;}
#detail_right_case {width: 500px;height: 100%;float: right;margin-right: 30px;margin-top:-10px;}
.detail_title {text-transform:uppercase;font-size: 18px;margin-top: 75px;margin-bottom: 20px;color: #6c6b6b;}
.detail_content {font-size: 14px;line-height: 20px;text-align: justify;color: #6c6b6b;}
.detail_pro {margin-top: 20px;color: #187d98;font-size: 14px;}
.qiehuan {width: 600px;margin: 0 auto;}
.slt {width: 120px;height: 100px;margin-top:-15px;}
.slt .whitebg {width: 70px;height: 70px;background: white;}
.slt .whitebg img {display: block;float:left;margin-top: 5px;margin-left: 5px;}
.expre {width: 108px;font-size: 10px;text-align: center;float: left;margin-top: 5px;color: white; margin-left:-16px;}
.qiehuan li{float: left;margin-left: 0px;margin-top:20px;font-size: 10px;}






.lunbo_serve{width: 100%;height: 320px;float: left;margin-top: 10px;}
.swiper-container1 {
  width: 820px;
  height: 320px;
  z-index: 0;
  margin: 0 auto;
  overflow: hidden;
}
.swiper-container1 .swiper-slide .title {
width:100%;height: 100%;
background-image:url('../img/banner_1.jpg');
}
.swiper-container1 .fkjz {width: 950px;margin: 0 auto;}
.swiper-container1 .pagination {
  z-index: 20;
  border: none;
  position: absolute;
}
.swiper-container1 .swiper-pagination-switch {
  display: inline-block;
  width: 34px;
  height: 6px;
  background: #595757;
  margin-right: 6.5px;
  opacity: 0.8;
  border: none;
  cursor: pointer;
}
.swiper-container1 .swiper-active-switch {
  background: #187d98;
}








/* services */
.serve {width: 1000px;margin: 0 auto;height: 500px;clear: both;color: #6c6b6b;}
.serve .line {height: 170px;width:100%;}
.serve .line .about_chem_line{width: 530px;height:3px;background:#787777;float: left;margin-top:75px;margin-left: 235px;}
.serve .about_che {color: #595757;position: absolute;margin-left:395px;margin-top:28px;width:200px;height:100px;background:#ffffff;text-align: center;line-height: 100px;font-size:30px ;}
.serve_bottom {width: 1000px;margin: 0 auto;height: 300px;clear: both;}

.serve_left {width: 410px;height: 500px;float: left;}
.serve_left_class {width: 410px;height: 220px;float: left;}
.serve_left_title {text-align: right;margin-bottom: 20px;font-size: 24px;}
.serve_left_content {text-align:justify;font-size: 14px;line-height: 22px;}

.serve_mid {height: 450px;width: 2px;background:#bcbcbc;float: left;margin-left: 90px;margin-top: 20px;}

.serve_right {width: 410px;height: 500px;float: right;}
.serve_right_class {width: 410px;height: 220px;float: right;}
.serve_right_title {text-align: left;margin-bottom: 20px;font-size: 24px;}
.serve_right_content {text-align:justify;font-size: 14px;line-height: 22px;}



/*  contact us   */
.contact {width: 100%;height: 350px;float: left;background-image: url('../img/contactus.jpg');margin-top: 100px;}
.kuohao{width: 1000px;height: 250px;margin:0 auto;}
.kuohao img {display: block;margin-top: 100px;}
.bigcont {margin-top:-380px;}
.contact_mid {width: 500px;height:300px;margin:0 auto;position: relative;}
.bigcon {width: 500px;text-align: center;margin-bottom:20px;margin-top: 60px;font-size: 32px;color: #6c6b6b;}
.contact ul {float: left;}
.contact ul li{width: 500px;text-align: center;margin-top:5px;font-size: 14px;color: #6c6b6b;}
.lastch {margin-bottom: 20px;}
.email {color:white;margin:0 auto;clear:both;margin-top:10px;width:140px ;height:25px;background: black;line-height: 23px;text-align: center;font-size: 13px;}
.e_mail {color: white;text-decoration: none;}

/*  foot  */
.foot {background:black;width:100%;color: white;float: left;text-align: center;height: 50px;line-height: 50px;}