@charset "utf-8";

/* CSS Document */

*{margin:0px; padding:0px;}

body, textarea{ font-family:"微软雅黑","Microsoft YaHei","msyh"; color: #666;}

a{ text-decoration: none; color: #666; }

li{ list-style: none; }

button, textarea, input, select{ outline: none; }

.zkh{font-family: "zcoolkuhei";}

.fr{ float: right; }

.fl{ float: left; }

.mt1{ margin-top: 10px; }

.mt2{ margin-top: 20px; }

.mt3{ margin-top: 30px; }

.mt5{ margin-top: 50px; }

.mt7{ margin-top: 70px; }

.mb1{ margin-bottom: 10px; }

.mb2{ margin-bottom: 20px; }

.mb3{ margin-bottom: 30px; }

.mb5{ margin-bottom: 50px; }

.mb7{ margin-bottom: 70px; }



.pt1{ padding-top: 10px; }

.pt2{ padding-top: 20px; }

.pt3{ padding-top: 30px; }

.pt5{ padding-top: 50px; }

.pt7{ padding-top: 70px; }

.pb1{ padding-bottom: 10px; }

.pb2{ padding-bottom: 20px; }

.pb3{ padding-bottom: 30px; }

.pb5{ padding-bottom: 50px; }

.pb7{ padding-bottom: 70px; }



.f07{ font-size: 0.7rem }

.f08{ font-size: 0.8rem }

.f09{ font-size: 0.9rem }

.f10{ font-size: 1rem }

.f11{ font-size: 1.1rem }

.f12{ font-size: 1.2rem }

.f13{ font-size: 1.3rem }

.f14{ font-size: 1.4rem }

.f15{ font-size: 1.5rem }

.f16{ font-size: 1.6rem }

.f17{ font-size: 1.7rem }

.f18{ font-size: 1.8rem }

.f19{ font-size: 1.9rem }

.f20{ font-size: 2rem }

.f30{ font-size: 3rem }

.f40{ font-size: 4rem }

.hide{ display: none; }

.bgcenter{ background-position: center; background-repeat: no-repeat; }

.probg{ background-position: center; background-repeat: no-repeat;   background-size: 100%; }



.clear{ clear: both; }

.container{ overflow: hidden; }

.wrapper{ width: 92%; margin: 0px auto; }

/*.wrapper>.title{ font-size: 2rem; }*/

/*图片水平垂直居中*/

/*.pic{ width: 200px; height: 200px; vertical-align: middle; display: table-cell; text-align: center; }

.pic img{ display: block; vertical-align: middle; margin: 0 auto; max-width: 200px; max-height: 200px; }*/

/*文字单行显示超过隐藏*/

.aline{ width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

header{position: relative; z-index: 998; }



.top-r{ float: right; margin-top: 40px; }

.top-s{ float: right; display: table;}

.top-s input{ float: left; }



.lang{ float: right; margin-left:10px; position: relative; }





.lang ul li{ padding: 4px 15px; }

.lang ul li a{ color: #999;  }



/*20170630*/

.top .wrapper{ display: flex; align-items: center; }

.top-1{ display: none; }

.top-r{ margin-top: 0px; float: left; margin-left:25px; width: 100%; }

.s-t{ width: 50%; }

.top .logo{ }

.top .t{ flex: 1; }

.top-s{ float:left; display: table; width: 70%;}

.lang button{ height: 34px; padding: 0px 10px 0px 37px; line-height: 34px; border: 0px; border-radius: 7px; background: #fff; color: #aaa; background:#fff url('../images/globe.png') no-repeat; background-position: 10px center; }

.lang ul{ border:1px solid #aaa; position: absolute; right:0px; padding: 10px 0; display: none; background: #fff; border-radius:0 0 7px 7px ; width: 156px; }

.top-s .s-t{  padding: 7px 15px; border: 0; border-radius: 15px; color: #aaa;}

.top-s .s-b{ padding: 7px 15px; border: 0; border-radius: 7px; background: #fff; margin-left: 10px; color: #aaa; }



.banner{ display:none;}

.con1{ width:90%; margin: 0px auto; display: table; margin-bottom:20px;}

.index-product .item{ width: 8rem; margin-left: 0.5rem; border: 1px solid #eee; box-sizing: border-box; padding: 0.5rem; }

.index-product .item:last-child{ margin-right: 0.5rem; }

.index-product .item img{ width:100%; }

.con1-img{ width: 100%; }

.con1-img .pic{ padding-bottom: 100%; }

.index-product .item-t{ width:100%; line-height: 1em; text-align: center;}

.index-product .item-t span{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block;}

.index-product .item-t p{ font-size:10px; color:#777;  height: 32px; overflow:hidden; width: 100%; display: block; display: none; }

.con1-img a{ display:block; }

.con1-img a .ljgm{ width:100%; height: 26px; line-height: 26px; text-align: center; background:#09f; color: #fff; font-size: 0.8em; margin-bottom: 5px; display: none; }





.con-title{ width:100%; text-align: center; position: relative; margin: 10px 0; display: table;}

.con-title .t1{letter-spacing: 3px; font-size: 1.1em; color: #bbb;}

.con-title .t2{letter-spacing: 0.3em; font-size: 0.9em; color: #555; width: 170px; text-align: center; background: #fff; margin: 5px auto;  z-index: -5; }

.con-title .t3{letter-spacing: 2px; font-size: 5px ;  color: #bbb; }

.con-title .t0{display: none; width:100%; height:1px; border-bottom: 1px solid #ddd; z-index: -8; position:absolute; top: 39px;}





.con-title2{ width:100%; text-align: center; position: relative; margin: 20px 0;}

.con-title2 .t1{letter-spacing: 0.4em; font-size: 1.2em; color: #bbb;}

.con-title2 .t2{letter-spacing: 0.3em; font-size: 0.9em; color: #555; width: 170px; text-align: center; background: #fff; margin: 5px auto;  z-index: -5; }

.con-title2 .t3{letter-spacing: 0.2em; font-size: 5px ;  color: #bbb;}

.con-title2 .t0{ width:100%; height:1px; background: #ddd; z-index: -8; position:absolute; top: 40px;}	





.con2{width:100%; background: #09f; display:table; padding: 30px 0 30px 0;}

.con2 .con2-1200{width:100%; background: #09f; margin: 0 auto; height: 400px;}

.con2-left{ width:40%; margin: 0 auto;}

.con2-left img{width:100%;}

.con2-r{ width:80%; float: left; margin-left: 10%;}



.con3{width:90%; padding: 30px 5%; position:relative; display: table; }

.index-recommend{ padding: 0.75rem 0; }

.index-recommend .item{ border-bottom: 1px dashed #aaa; padding-bottom: 1rem; margin-bottom: 1rem; display: flex; }



.index-recommend .item .left{ flex: 1; }

.index-recommend .item .left .t{ font-size:1.2em; }

.index-recommend .item .left .p{ line-height: 1.2rem; max-height: 4.8rem; overflow: hidden; }



.index-recommend .item .right{   }

.index-recommend .item .right img{ width: 7rem; }



.con3 .con3-1200{width:100%; background: #09f; margin: 0 auto; }

.con3-r img{width:100%; display:block;}





.a1123{ float:right; display:block; margin-top: 10px; margin-right: 10px; }

.a1123 div{ margin-top:10px;}



.a1108, .a1109{padding:7px 15px;float:right; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); border-radius: 3px; letter-spacing: 5px; font-size: 0.9em;}

.a1108{ background: #fff; color: #09f; }

.a1109{ background: #09f; color: #fff; }



.tree1{margin:0 auto; height:100%; background:#fff; display: table;}	



.con4{ display:none;}



.one1{ border:1px #ccc solid; width:80%; border-radius:10px; padding: 0.5rem; box-sizing: border-box; width: 100%; margin-bottom: 0.5rem; }	

.one1 h3{ margin-bottom:0px; margin-top:0px; color: #09f;}	

.one1 p{ line-height:1.4em; color:#777; margin-top: 0.3rem;}



.a1146{ padding:12px 5%; background:#09f; color:#fff; border-radius:10px; display:block; margin:10px auto; text-align:center;}



.con6 {width: 100%; display:table;}

.con6 .c1 { }

.con6 .c1 img { width:50%; }

.con6 .c2 .c2-1 {font-size: 1em;}

.con6 .c2 .c2-2 {width: 50px;height: 3px; background: rgb(0, 0, 0); margin: 10px 0px;}

.con6 .c2 .c2-3 { color: #777; letter-spacing:1px; line-height: 1.5em; font-size:0.8em;}

.con6 .c2 .c2-4 img { width:100%;}



.a1410{}

.a1410 div{ padding:10px 0px; float:left; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); border-radius: 3px; width:47%; text-align:center; margin-top:1rem }

.a1410 .a1411{ background: #fff; color: #09f; }

.a1410 .a1412{ background: #09f; color: #fff; margin-left: 6% }



.index-company{ padding: 0.75rem 0; }

.index-company{ width:100%; margin:0 auto; font-size:0.9em;}

.index-company ul li{ width:100%; }

.index-company ul li a{ height: 1.5rem; line-height: 1.5rem; display:block; color:#555; }

.index-company ul li a:hover{color:#555; font-weight:bold; color:#333;} 

.index-company .index-new-t{ float:left; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.index-company .date{ float:left; width: 30%; text-align: right;} 



.a1432{width:100%; height:50px; margin:0 auto;}

.a1433{margin: 0; width: 120px;}

.a1434{float: left; color: #fff; margin: 5px 0 0 15px; letter-spacing: 3px; font-size:6px;}





.webmsg{ float:left; width:143px; margin:15px; padding:15px;}

.webmsg:hover{ background:#eee;}

.webmsg dt{ line-height:38px; padding-top:12px; font-size:16px; color:#454545; border-bottom:1px solid #e3e3e3; position:relative; margin-bottom:13px;}

.webmsg dt span{ position:absolute; width:25px; height:1px; background:#29294d; bottom:-1px; left:0}

.webmsg dd{ line-height:27px;}

.webmsg dd a{ font-size:14px; color:#555555}

.webmsg dd .share2 .tit{ font-size:14px; color:#333333}

.webmsg dd .share2 { padding-bottom:12px; width:160px;}



.con-pro{ width:1200px; margin:0 auto; display:table; height:1000px;}

.con-pro .where{ width:100%; height:30px; line-height:30px; color:#999; margin:10px 0;}

.con-pro .left{ width:200px; float:left; }

.con-pro .left .left1{ background:#09f; width:90%; height:70px; line-height:70px; padding-left:10%; color:#fff; font-size:1.3em; padding-bottom:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index:6; position:relative;}

.con-pro .left ul{ width:100%; background:#3af; box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index:5; position:relative;}

.con-pro .left ul li{ width:90%; height:60px; line-height:60px; font-size:1em; padding:0 5%; display:table;

  background:url(../images/yanjin.png) right repeat-y;



}

.con-pro .left ul li a{color:#fff; width:75%; height:59px; display:block;  border-bottom:1px solid #fff; padding-left:5%;float:left; font-size:1em;}



.con-pro .left ul li .left-li-r{ width:20%;float:right; height:59px; transition:all 0.1s; background:#3af url(../images/r.png) center no-repeat; border-bottom:1px solid #fff; }



.con-pro-r{ width:980px; float:right; height:1000px; display:table;}



.con-pro .left ul li ul{ width:100%; display:none; transition:all 0.2s; margin:0px; padding:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.1) inset; background:#0f8fef; }

.con-pro .left ul li ul li{ margin:0px; padding:0 5%; width:90%; height:25px; background:url();}

.con-pro .left ul li ul li a{ color:#fff; margin:0px; padding:5%; width:90%; font-size:0.8em; height:25px; line-height:25px; border-bottom:1px solid #07c;}



.con-pro .left ul li:hover .left-li-r{ background:#09f url(../images/r2.png) center no-repeat; box-shadow:0px 0px 10px rgba(0,0,0,0.1) inset; border-bottom:1px solid #09f;}

.con-pro .left ul li a:hover{}

.con-pro .left ul li:hover ul{ display:table; }







.pro-img1{ width:400px; float:left; }

.pro-img1 img{ width:380px; height:380px; }

#example2-2{ display:block;}

.pro-title1{ float:right; width:510px;}

.pro-title1 h1{ font-size:1.2em; font-weight:bold; margin-bottom:10px;}

.pro-title2{ font-size:0.9em; color:#555; letter-spacing:2px; max-height:250px; overflow:auto;}



.pro-img1 ul{ width:402px; height:67px; margin-left:10px; margin-top:10px; display:table; margin-bottom:10px; }

.pro-img1 ul li{ width:67px; height:67px; float:left; border:1px solid #ccc; margin-right:9px; display:table; }

.pro-img1 ul li img{ width:67px; height:67px; display:table; }





.pro-taobao{ width:100%; height:40px; line-height:40px; background:#09f; color:#fff; text-align:center; letter-spacing:3px; margin-top:20px; display:block;}



.pro-con3{ display:table; padding-top:20px;}

.pro-con3 h2{ margin:10px 0; font-size:1.2em; font-weight:bold; }

.pro-con3 table{ margin-bottom:10px;}

.pro-con3 table th{ text-align:center; font-weight:bold;}

.pro-con3 table tr{ text-align:center;}



.con-js{ border-radius:0.7rem; box-shadow:0px 5px 10px rgba(0,0,0,0.2); color:#09f; margin:0 auto; font-size:0.9em; padding: 10px 3%;}



.nav-link {

  padding: 1rem 0;

  margin-bottom: 0px;

  height: 56px;

}

.nav-link .wrapper{

  display: flex;

}

.nav-link a {

  display: block;

  flex: 1;

  height: auto;

  overflow: hidden;

  text-align: center;

  text-decoration: none;

  margin-left: 1rem;

}

.nav-link a:first-child{

  margin-left: 0;

}

.nav-link .icon-case {

  background-position: 4px 1px;

}

.nav-link .icon-works {

  background-position: 2px -43px;

}

.nav-link .icon-zsj {

  background-position: 4px -91px;

}

.nav-link .icon-ask {

  background-position: 0 -136px;

}

.nav-link .icon-sjszt {

  background-position: 1px -184px;

}

.nav-link span {

  background: url(../images/sprite.png) no-repeat;

  background-size: 100% auto;

}

.nav-link span {

  width: 40px;

  height: 35px;

  margin: 0 auto;

  display: inline-block;

  position: relative;

}

.nav-link div {

  margin-top: 0px;

}

.foot-l img, .foot-r img, .foot-r2 img, .foot-lb img, .foot-qq img{ width:100%; height:100%;  border-radius:50%;}

.foot-l, .foot-r, .foot-r2, .foot-qq{ width: 3rem; height: 3rem; position:fixed; z-index: 998; display: none; }

.foot-r{top:0px; left:15px;} 

.foot-r2{top:0px; left:70px;} 

.foot-qq{top:0px; left:125px;} 

.foot-lb{ position: fixed;  bottom:5rem; right:20px; border-radius: 50%; background: #09f; line-height: 60px; text-align:center; color: #fff; height:60px; width: 60px; font-size: 1rem; }







.pro-left{ position:fixed; width:70%; background:#09f; top:0px; left:-70%; z-index:888; transition:all 0.3s;}

.pro-left ul{}

.pro-left ul li{}

.pro-left ul li a{ width:90% ;height:40px;  line-height:40px; color:#fff;  display:block; padding-left:10%;}





.pro-left2{ width:30%; position:fixed; top:0px; right:0px; z-index:900; display:none; }



.product-list2 ul {

}

.product-list2 ul li {

  background: #fff;

  box-shadow: 0px 0px 20px rgba(0,0,0,0.1);

  margin-top: 0.7rem;

  padding: 5%;

}

.product-list2 ul li a{

  display: block;

  width: 100%;

  height: 100%;

}

.product-list2 ul li .picbox {

	float:left;

  	margin-right: 10px;

}



.product-list2 ul li .pic {

  width: 100px;

  height: 100px;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}

.product-list2 ul li span {

  color: #09f;

  font-size: 1rem;

}

.product-list2 ul li p {

  color: #aaa;

  font-size: 0.8rem;

}

.product-list2 table{ width: 100%; text-align: center; font-size: 0.8em;

  border-collapse: collapse;

  border-spacing: 0;

  table-layout: fixed;

  margin-bottom: 20px;

  border: #999;

}

.product-list2 table th{ width: 100%; text-align: center; color: #09f; font-weight: bold; }

.product-list2 table tr td{ padding: 10px 0; }

.product-list2 h2{ margin:20px 0; font-weight: bold; }

.product-list2 p{ color: #777; font-size: 0.9em; }

.filp {

  margin: 1rem 0 !important;

}

.filp a{ padding:2px 15px; border:1px solid #CCC; margin-right:5px; color:#999;}

.filp a.current{ background-color:#e30110; color:#FFF}

.filp font{ color: #09f; }



.detail-pic img{width: 80%; display: block; margin:0 auto; }

.detail-title{ font-size: 1.2rem; color: #09f; }

.detail-intro{ border: 1px solid #aaa; margin-top: 0.5rem; padding: 0.5rem; }

.detail-content{ margin-top: 0.5rem; }

.detail-content img{ max-width: 100% !important; height: auto !important; }



.news-list ul li {

  background: #fff;

  padding: 0.5rem 0;

  border-bottom: 1px #777 dashed;

 

}

.news-list ul li img {

  width: 100px;

  height: 100px;

  margin-right: 10px;

}

.news-list ul li a{ display: flex; font-size: 1rem; }

.news-list ul li a .info{ min-width: 0;  }

.news-list ul li a .info .t{ font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news-list ul li a .info{ flex: 1; }



.news-list ul li .p {

  color: #aaa;

  font-size: 0.8rem;

  margin-top: 0.2rem;

  line-height: 1.1rem;

  max-height: 5.5rem;

  overflow: hidden;

}

.news-list table{ width: 100%; text-align: center; font-size: 0.8em;

  border-collapse: collapse;

  border-spacing: 0;

  table-layout: fixed;

  margin-bottom: 20px;

  border: #999;

}

.news-list table th{ width: 100%; text-align: center; color: #09f; font-weight: bold; }

.news-list table tr td{ padding: 10px 0; }

.news-list h2{ margin:20px 0; font-weight: bold; }

.news-list p{ color: #777; font-size: 0.9em; }



.news-con2{ padding: 15px; }



.n-title {

  font-size: 1rem;

  text-align: center;

}

.n-info {

  font-size: 0.9rem;

  text-align: center;

  color: #777;

  margin: 0.5rem;

}

.n-jianjie {

  width: 94%;

  border: 1px solid #aaa;

  padding: 3%;

  display: table;

}

.n-jianjie-con {

  width: 90%;

  color: #777;

}

.n-con {

  margin-top: 1rem;

}

.n-con table{ width: 100% !important; }



.example-list ul {

  display: flex;

  flex-wrap: wrap

}

.example-list ul li {

  width: 32%;

  background: #fff;

  margin-right: 2%;

  text-align: center;

  box-shadow: 0px 0px 10px rgba(100,100,100,0.10);

}

.example-list ul li:nth-child(3n){

  margin-right: 0;

}

.example-list ul li .pic {

  padding-bottom: 70%;

}

.example-list ul li span {

  color: #555;

  display: block;

  margin:0.5rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.example-list ul li p {

  border-top: 1px #777 dashed;

  color: #777;

  font-size: 0.7em;

  margin: 7px;

  padding-top: 7px;

}

.example-list table{ width: 100%; text-align: center; font-size: 0.8em;

  border-collapse: collapse;

  border-spacing: 0;

  table-layout: fixed;

  margin-bottom: 20px;

  border: #999;

}

.example-list table th{ width: 100%; text-align: center; color: #09f; font-weight: bold; }

.example-list table tr td{ padding: 10px 0; }

.example-list h2{ margin:20px 0; font-weight: bold; }

.example-list p{ color: #777; font-size: 0.9em; }



.mobile-ewm{ text-align: center; width: 80%; height: 500px; background: #fff; border: 1px solid #aaa; position: fixed; left: 50%; margin-left: -40%; top: 50%; margin-top: -250px;  z-index: 999;  }

.mobile-ewm img{ width: 90%; margin: 100px auto 0 auto; }

.me-bg{ z-index: 998; position: fixed; left: 0; top: 0; display: none;}



.cat-info{ padding: 1rem 0; padding-bottom: 0; }

.cat-info .t{ color:#09f; font-size:1.5rem; }

.cat-info .p{ margin: 0.5rem 0; }

.cat-info .p img{ max-width: 100% !important; height: auto !important; }

.ot-3{ color:#09f; border:1px solid; margin-top:-5px; margin-bottom:20px; }

.con-text img{

    width: 100% !important;

    height: auto !important;

}

.news-con2 .n-con img{ max-width: 100%; }





.foot720 input, .foot720 textarea, .foot720 button{ margin-bottom: 0.5rem; border-radius: 0.2rem;  border:1px solid #bbb; height: 2rem; line-height: 2rem;  outline:none; font-size: 0.92rem; width: 100%; padding:0 0.5rem; box-sizing: border-box; background-color: transparent; }

.foot720 textarea { outline: none; border-radius: 0.2rem; border:1px solid #bbb; height: 150px; padding:2%; font-size:1.1em; font-family:"微软雅黑"; box-sizing: border-box; width: 100%;  }

.tijiao{ border:1px solid #09f; color: #09f;}







/*20171206修改*/

.swiper-container {

  width: 100%;

  height: auto;

}

.swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;



}

.swiper-container .swiper-slide img{ width: 100%; }

.hmo{ height: 50px; }

.top{ padding: 0.5rem 0; }

.top .logo img{ width: 3.5rem; }

.top .t{ margin-left: 0.5rem; }

.top .t .t1{ font-size: 1.5rem; color: #09f; font-weight: bold; letter-spacing: 3px; }

.top .t .t2{ font-size: 8px; color: #09f; letter-spacing: 1px; }



body>.title {

  padding: 0.5rem 0;

  border-top: .25rem #f5f5f5 solid;

  border-bottom: 1px #eee solid;

}

body>.title div {

  color: #09f;

  font-size: 1.1rem;

  padding-left: 0.5rem;

  border-left: 0.3rem solid #5df;

}

.index-product{ padding: 0.5rem 0; }

.index-product .box-horizontal{ display: flex; overflow: auto; }

.foot{ padding: 0.5rem 0; margin-bottom: 4rem; }

.foot .t{ color: #09f; text-align: center; font-size: 0.7rem; line-height: 1.4rem; }

.foot .logo img{ float:left; }



.foot{  border-top: 1px solid #09f; margin-top: 1rem; }    

.a1440{display:table; float:right; color:#09f; font-size:8px;  text-align: right;}

/*20170630*/



.write{ background:#fff; width:100px; height:1px; margin:10px 0;}

.page{  }

.page .wrapper{}



.tabbar{ background-color: #fff; border-top: 1px solid #ddd; position: fixed; bottom: 0; left: 0; right: 0; display: flex; padding-top: 0.75rem; padding-bottom: 0.5rem; }

.tabbar .item{ flex: 1; text-align: center; }

.tabbar .item i{ display: block; }

.tabbar .item .t{ margin-top: 0.3rem; }



.index-adv{ padding: 0.75rem 0; }

.index-about{ padding: 0.75rem 0; }



.detail-title{}



.name-card{ background-color: #f7f7f7; padding: 1rem; margin-bottom: 1rem; }

.name-card table{ width: 100%; }

.name-card tr:hover{ background-color: #f2f2f2; }



.page-cert{ text-align: center; }

.page-cert li{ margin-bottom: 1rem; }

.page-cert img{ width: 100%; }