@charset "utf-8";
/*首页*/
.toper{ width:100%; height:42px; background-color:#fcfcfc; box-shadow:1px 1px 5px #eee; font-size:14px; line-height:42px; position:relative;}
.ri_gh .ri02{ float:left; position:relative; height:20px; margin-top:9px; text-align:center; cursor:pointer; padding-left:2%; width:60px; }
.email img{ vertical-align:-2px;}
/*导航搜索css*/
.ri_gh{ float:right; width:60px;}
.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  text-align:center;
  width:60px;
  color:#666;
  height:26px;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  background-color:transparent;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
}
#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:32px;
  right: 0;
  z-index:9999;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #f6f7f8;
}
#search-form.opens {
  max-height: 60px; right:0px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size:14px;
  height:50px;
  font-family:'微软雅黑';
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  font-size:14px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color:#fff ;
  background: #0e84ce;
  font-weight:normal;
  border: none;
  cursor: pointer;outline:none;
}
.logos{ float:left; width:320px; height:96px;}
.logos h1 a{ display:block; width:320px; height:96px; box-sizing:border-box; padding-top:19px;}
.nav{ width:810px; float:right;position:relative; font-size:14px}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix10:after{content:".";display:block;height:10px;clear:both;visibility:hidden}
.h10{height:10px}
.h15{height:15px}
.navBar{width:100%;margin:0 auto;height:96px;line-height:96px; color:#333}
.nav a{color:#333; font-size:16px; font-weight:bold;}
.nav h3{font-size:100%;font-weight:400}
.nav .m{float:left;position:relative;z-index:1}
.nav .s{float:left;width:3px;text-align:center;color:#d4d4d4;font-size:12px}
.nav h3 a{display:block;width:135px;text-align:center;font-weight:700}
.nav li.active h3 a{ color:#0083ee; background: url(../images/nav.png) no-repeat center bottom}
.nav li  h3 a:hover{ color:#0083ee; }
.nav .sub{display:none;position:absolute;left:-18px;top:96px;z-index:1;width:170px;border:1px solid #e6e4e3;border-top:0;background:#fff}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px}
.nav .sub li a{display:block;border-bottom:1px solid #e6e4e3;padding:8px 0;height:30px;line-height:30px;color:#333;font-size:14px;font-weight: normal;}
.nav .sub li a:hover{color:#fe7700}
.nav .block{height:10px;width:135px;background: url(../images/nav.png) no-repeat center bottom;position:absolute;left:0;top:86px;overflow:hidden}

.banners{ width:100%; height:400px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:300px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:400px; float:left;}
.b-list{ height:30px; position:absolute; left:50%; bottom:10px;}
.b-list span{ display:block;cursor:pointer; width:12px; height:12px; border-radius:50%; float:left; margin:0 5px; background-color:#fff;}
.b-list .spcss{  background-color:#0083ed;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px;  margin:0 auto; margin-top:125px;}
.bar-right em{ display:block; width:50px; height:100px; margin:0 auto; margin-top:125px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

.titles { margin:50px 0 40px;}
.titles h2{ font-size:24px; color:#3c3c3c; float:left;}
.titles span{ float:left; color:#333; display:block; padding-bottom:5px; font-size:14px; background: url(../images/lang.jpg) no-repeat bottom left;  margin-top:6px;  margin-left: 10px; text-transform: uppercase;}
.titles a{ font-size:12px; color:#333; display:inline-block; line-height:30px; padding-right:20px; float:right; background:url(../images/more.png) right center no-repeat;}
.titles a:hover{ color:#0083ee;}

.box{ width:100%; background:#fff; }
.tab_menu{ width:1000px; float:left;overflow:hidden;}
.tab_menu li{ float:left; width:187px; cursor:pointer; height:36px;  box-shadow:0px 2px 3px #E2E1E1; 	-moz-box-shadow:0px 2px 3px #E2E1E1;
	-webkit-box-shadow: 0px 2px 3px #E2E1E1;margin-right:13px;margin-bottom:1.2%; border:1px solid #d2d2d2; text-align:center; line-height:36px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}


.tab_menu li:nth-child(5n){ margin-right:0;}
.kinds{ float:right; display:inline-block; width:187px; cursor:pointer; height:36px;  box-shadow:0px 2px 3px #E2E1E1; 	-moz-box-shadow:0px 2px 3px #E2E1E1;
	-webkit-box-shadow: 0px 2px 3px #E2E1E1; margin-bottom:1.2%; border:1px solid #d2d2d2; text-align:center; line-height:36px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tab_menu li:last-child{ margin-right:0px;}
.tab_menu li:hover{ background:#0479d8; color:#fff;}
.tab_menu li.current{background:#0479d8; color:#fff;}
.tab_menu li a{ display:block; width:100%;}
.tab_menu li.current a{background:#0479d8; color:#fff;}
.tab_menu li a:hover{ background:#0479d8; color:#fff;}
.tab_box{ margin-top:25px;}
.tab_box .hide{display:none;}
.prolist a{ display:block; width:380px; position:relative; }
.pictop{ position:absolute; top:-230px; left:0px; width:380px; transition:all 0.3s; height:230px; background-color:rgba(0,0,0,0.6); text-align:center;}
.pictop img{ display:block; margin:80px auto 0; width:auto !important;}
.pbottom{ width:380px; padding:15px 20px; background-color:#f2fafe; box-sizing:border-box;}
.pbottom h3{ font-size:16px; color:#333; line-height:26px;}
.pbottom p{ font-size:13px; color:#959495; line-height:23px;}
.prolist a:hover .pictop{ top:0px;}
.prolist a:hover .pbottom{ background-color:#0083ee;}
.prolist a:hover .pbottom h3 ,.prolist a:hover .pbottom p{ color:#fff;}
.tab_box{ width:1200px; }
.tab_box .sliders{ padding-bottom:40px;}
.sliders .owl-dots{ display:none;}
.sliders .owl-nav{ position:absolute; left:-80px; top:20%; width:1360px;}
.sliders .owl-nav .owl-prev{ float:left;}
.sliders .owl-nav .owl-prev span{ display:inline-block; width:50px; height:50px; background: url(../images/zuo.jpg) no-repeat; background-size:100%; font-size:0;}
.sliders .owl-nav .owl-next{ float:right;}
.sliders .owl-nav .owl-next span{ display:inline-block; width:50px; height:50px; background: url(../images/you.jpg) no-repeat; background-size:100%; font-size:0;}


.part2{ background-color:#e5e5e5; margin-top:30px; padding-top:1px; padding-bottom:50px;}
.about_left{ width:600px; height:300px; float:left;overflow:hidden; background:url(../images/ab1.jpg) no-repeat center; background-size:cover; box-sizing:border-box; padding:35px 30px;}
.about_right{ width:600px; height:300px;float:left; overflow:hidden;}
.about_left h3{ font-size:17px; color:#333; font-weight:bold; line-height:30px; padding-bottom:10px; background:url(../images/grey.png) no-repeat 0 bottom; margin-bottom:15px;}
.about_left p{ font-size:13px; color:#666;  line-height:24px;}
.about_left p a{ font-size:13px; color:#fc3131;  line-height:24px;}
.about_left ul li{ width:120px; float:left; background: url(../images/shu.png) no-repeat right center; margin-top:30px;}
.about_left ul li a{ display:block; width:100%; padding-top:60px; text-align:center;}
.about_left ul li:nth-child(1) a{ background:url(../images/a1.png) no-repeat center top;}
.about_left ul li:nth-child(2) a{ background:url(../images/a2.png) no-repeat center top;}
.about_left ul li:nth-child(3) a{ background:url(../images/a3.png) no-repeat center top;}
.about_left ul li a:hover p{ color:#0083ee;}
.about_left ul li:nth-child(1) a:hover{ background:url(../images/b1.png) no-repeat center top;}
.about_left ul li:nth-child(2) a:hover{ background:url(../images/b2.png) no-repeat center top;}
.about_left ul li:nth-child(3) a:hover{ background:url(../images/b3.png) no-repeat center top;}
.about_left ul li:nth-child(3){ background:none;}

#leftsead{ position:fixed; right:3%; top:40%; width:60px; z-index:9999;}
#leftsead ul li{ width:60px; height:60px; background-color:#aeb2b8; position:relative; margin-bottom:2px; box-sizing:border-box; padding:1px;}
#leftsead ul li:hover{ background-color:#fc3131;}
#leftsead ul li a{ display:block; }
#leftsead ul li a img{ display:block; margin:16px auto 0; }
.showimg{ position:absolute; right:70px; top:-30px; display:none;}
.wechat:hover .showimg{ display:block;}






/* CSS Document */