@import url("grid.css");
@import url("base.css");
body{font-size: 16px; padding-top:99px;}
.container{width: 1610px;}  
.banner .player{ position: relative;
    width: 100%;
    overflow: hidden;
}}
.story-list2 .infobox {padding: 6em;}
.section-products.pc{ display:block;}
.section-products.mb{ display:none;}
/*video-wrap*/
.video-wrap{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom:50%;
}
.video-wrap>.video-box{
  position: absolute;
  left: 0; top: 0; right: 0; bottom:0;
  background: #000;
}

.video-ctrol {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3.125em;
  margin-left: -5em;
  width: 10em;
  text-align: center;
  font-size: 1.25em;
  color: #fff;
}
.video-ctrol .playbtn {
  cursor: pointer;
  position: relative;
  display: block;
  margin: 0 auto 10px;
  width: 4.75em;
  height: 4.75em;
  background: rgba(0,0,0,.8);
  border-radius: 4.75em;
}
.video-wrap:hover .video-ctrol .playbtn{
  background: rgba(255,255,255,.2);
}
.video-wrap:hover .video-ctrol{
  display: block !important;
}
.video-ctrol .playbtn:before {
  opacity: .8;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -14px;
  width: 0;
  height: 0;
  border-left: 20px solid #217fc4;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  font-size: 0;

}
.playing .video-ctrol .playbtn:before {
  width:14px;
  height: 30px;
  border-top: none;
  border-bottom: none;
  border-left: solid 4px #217fc4;
  border-right: solid 4px #217fc4;
}
/*header*/
.header {
  z-index: 999; position: fixed; top:0; width: 100%;
   background: #fff; 
   box-shadow: 0 0 5px RGBA(150,150,150,.3);
   overflow: visible;
 }
.header .logo{
  position: relative;
  z-index: 9;
  width:15%;
  height: auto;
  overflow: visible;
  float: left;
  padding-top:5px;
}
.header .logo img{
	display:block;
	width:100%;
}
.header .nav{float: left; margin:2em 0px;width: 50%; margin-left: 5%;}
.header .nav .navBtn{display: none;}
.header .nav a{ padding:0px 0.3em;}
.header .nav li{margin-left: 3em; }
.header .nav li#menu-home{ display: none; }
.header .nav li{display: inline-block; vertical-align: top; position:relative; line-height:35px;}
.header .nav a{
  display: inline-block; transition: all .3s; text-align: center; color:#868787; font-size:18px;
}
.header .nav li:hover a{ color:#217fc4;}
.header .nav b{ display:none}
.header .nav .sub {
    display: none;
    min-width: 134px;
    text-align: center;
    left: 0;
    top: 35px;
    z-index: 99999;
    position: absolute;
    background: RGBA(33,127,196,0.5);
    line-height: 40px;
	padding:10px 10px;
	-webkit-transition:1s;
  transition:1s;
  -webkit-animation:fadeShow .5s;
  -moz-animation:fadeShow .5s;
  -o-animation:fadeShow .5s;
  animation:fadeShow .5s;
}
.header .nav li:hover .sub{ display:block}
.header .nav .sub li:first-child {
    border-top: none;
}
.header .nav .sub li {
    zoom: 1;
    white-space: nowrap;
    width: 100%;
	margin-left:0px;
	display:block;
	text-align:left;
}
.header .nav li:hover .sub a {
    display: block;
    padding: 0px 10px;
    font-size: 0.95em;
	line-height:2em;
    color: #fff;
	text-align:left;
}
.header .nav .sub a:hover{
	background: RGBA(33,127,196,1);
	color:#fff;
}
.header .toplang{
  position: relative;
  margin-right: 0;
  margin-top: 2em;
  float: right;
  height: 1.7em;
  line-height: 1.7em;
  background: #fff;
  color:#868787;
  overflow: visible;
  min-width: 4em;
  text-align: center;
  padding: 0 10px;
  cursor: default;
}
.header .toplang .langTit{
  font-size: 1em;
  display:block;
  background:url(../images/lanbg.png) center right no-repeat;
  padding-right:15px;
}
.header .toplang .blankdiv{
  position: absolute;
  left: 0;
  width: 100%;
  top:1.69em;
  height: 0.85em;  
}
.header .langList{
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -4em;
  top: 2.2em;
  width: 8em;
  padding: 5px 15px;
  background: #fff;
  box-shadow: 0 0 5px RGBA(150,150,150,.3);
  -webkit-transition:1s;
  transition:1s;
  -webkit-animation:fadeShow .5s;
  -moz-animation:fadeShow .5s;
  -o-animation:fadeShow .5s;
  animation:fadeShow .5s;
}
.header .toplang:hover .blankdiv,
.header .toplang:hover .langList{
  display: block;
  
}
.header .langList:after,
.header .langList:before{
  content: "";
  position: absolute;
  left:50%;
  margin-left: -6px;
  top:-6px;
  width: 0;
  height: 0;
  line-height: 0;
  overflow:hidden;
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
  border-bottom: solid 6px #fff;
}
.header .langList:before{
  top:-6px;
  border-bottom: solid 6px #e9e9e9;
}
.header .langList>li{
  border-top:solid 1px #e9e9e9;
  padding: 5px 0;
}
.header .langList>li:first-child{
  border-top: none;
}
.header .langList a{
  display:block;
  height: 1.6em;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  opacity: .8;
  background-size: auto 1.55em;
}
.header .langList a:hover{
  opacity: 1;
  background-size: auto 1.58em;
}
/*search*/
.header .nav li.phone-search{
  display: none;
}
.section-news .container{
	background-color:#fff;
	margin:3em auto;
	padding:1em 3em;
}
.top_search {
  display: block!important;
  position: absolute;
  right:6em;
  top:2em;
  width: 15%;
  border:solid 1px #b4c1c1;
  border-radius:10px;
  box-sizing:border-box;
}
.mid_search {
  display: block!important;
  position: absolute;
  right:10px;
  top:0em;
  width: 15%;
  border:solid 1px #aaa;
  border-radius:5px;
  box-sizing:border-box;
  z-index:10;
}
.search-top {
  height: 2em;
  line-height: 2em;
}
.search-top input {
  display: block;
  padding: 0 1em;
  width: 80%;
  height: 100%;
  outline: none;
  border: none;
  font-size: 14px;
  background: transparent;
  float:left;
  box-sizing:border-box;
  color:#868787;
}
.search-top .search {
  display: block;
  width: 20%;
  text-align: center;
  cursor: pointer;
  transition: transform .4s ease;
  float:right;
}
.search-top .search i{
	 font-size:1em;
	 color:#666;
}

/*banner*/
.banner{
  width: 100%;overflow: hidden; position: relative;
}
.player>ul>li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.products-class .container{ 
	position:relative;
	margin-top:4em;
	overflow:hidden;
}
.products-class .bline{ 
	height:50px;
	padding:5px 0px;
	width:100%;
	border-bottom:solid 1px #797979;
}
.products-class ul{
	position:absolute;
	left:0px;
	top:0px;
	z-index:9;
	width:100%;
	padding:0px 10px;
	box-sizing:border-box;
}
.products-class li{ 
	display:inline-block;
	padding:5px 5px 5px;
	margin-right:6em;
	line-height:2em;
	font-size:1.2em;
}
.products-class li.on,.products-class li:hover{
	border-bottom:solid 0.2em #217fc4;
}
.products-class li a{
	color:#6f6f6f;
}
.products-class li.on a,.products-class li:hover a{
	color:#217fc4;
}
.section-products{
	margin-top:2em;
	margin-bottom:4em;
}

.products-list .item{
  float: left;
  padding:10px;
}
.products-list .owl-stage-outer{position:absolute;width:100%; margin:0 auto;left:0px;top:0px; z-index:23}
.products-list .owl-nav{
	position:absolute; left:0px;top:50%; z-index:22; margin-top:-4.5em!important; width:107%; margin-left:-3.5%; margin-right:-3.5%;
}
.products-list .owl-nav span{ font-size:5em; color:#999;}

.products-list .picbox{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.products-list .picbox .tag{
  opacity: .9;
  position: absolute;
  left: -2.2em;
  top: 1.65em;
  background: #217fc4;
  height: 2em;
  line-height: 2em;
  width: 10em;
  text-align: center;
  transform: rotate(-45deg);
  color:#fff;
}
.products-list .picbox{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #fff;
  overflow: hidden;
}
.products-list .picbox img{
  display:block; width: 100%;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.products-list .item:hover .picbox img{
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.products-list .infbox{
  padding:1em;
  line-height: 1.5em;  
  background: #fff;
}
.products-list .title{
  font-weight: 400;
}
.products-list .operationbox,
.products-list .desc{
  font-size: 0.86em;
  color:#888;
}
.products-list .operationbox:after {
  content: "\e90a";
  color: #217fc4;
  padding-left:5px;
}
/*storybox*/
.storybox{
  margin-left: -10px; margin-right: -10px;
  margin-top: 10px; margin-bottom: 10px;
}
.joFadeInUp>a{
  display: block;
  transition: all .3s;
}
.joFadeInUp>a:hover{
  box-shadow: 0 0 1.5em rgba(0,0,0,.2);
}
.tpicbox .picbox,
.storybox .picbox{
  position: relative;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}
.tpicbox .picbox>i,
.storybox .picbox>i{
  position: absolute;
  left:10px; right: 9px;
  top: 0; bottom: 0;
  background-color: #e2e2e2;
  overflow: hidden;
}
.tpicbox .picbox img,
.storybox .picbox img{
  display:block; width: 100%;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.tpicbox:hover .infbox,
.tpicbox:hover .picbox img,
.storybox:hover .picbox img{
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.storybox .infbox{
  margin-top: -10px;
  /*margin-right: 0.7em; margin-left: 0.7em;*/
  padding:1.4em 2.4em;
  background: #217fc4;
  position:relative;
  width:100%;
  box-sizing:border-box;
}
.storybox .title{
  font-weight: 400;
  font-size:1.2em;
  line-height:1.5em;
  height:1.5em;
  overflow:hidden;
  color:#fff;
  width:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  display:block;
}
.storybox a.more{
  width:5em;
  display:block;
  border:solid 1px #fff;
  color:#fff;
  position:absolute;
  top:2em;
  right:2.5em;
  font-size:1em;
  line-height:2em;
  text-align:center;
}
.storybox a.more:hover{
  border:solid 0px #fff;
  color:#217fc4;
  background-color:#fff;
}
.storybox .operationbox,
.storybox .desc{
  font-size: 0.86em;
  height: 1em;
  line-height:1em;
  overflow: hidden;
  color:#fff;
  margin-top:0.5em;
  width:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  display:block;
}
.storybox .operationbox:after {
  content: "\e90a";
  color: #feda31;
}

/*tpicbox*/
.tpicbox{
  position: relative;
}
.tpicbox .picbox>i{
  right: 0;
  left: 0;
  bottom: 0;
}
.tpicbox .infbox{
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  text-align: center;
  padding-top: 20%;
  padding-left: 20%;
  padding-right: 20%;
  color: #fff;
  text-shadow: 0 0 3px rgba(0,0,0,.8);
 /* background-color:  rgba(90,90,90,.3);*/
 -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.tpicbox .infbox .title{
      font-size: 1.5em;
      margin-bottom: 1em;
}
.tpicbox .infbox .desc{
      margin-bottom: 1.5em;
}
.tpicbox .infbox .btnto{
  display: inline-block;
      cursor: pointer;
  height: 2.2em;
  line-height: 2.2em;
  white-space: nowrap;
  padding: 0 1.5em;
  background: rgba(0,0,0,.4);
  text-align: center;
  color: #fff;
}

/* footer */
.footer {
  padding: 10px;
  background: #2e2e2e;
  border-top:solid 0.5em #217fc4;
}
.footer,
.footer a{
  color: #e8e8e8;  
}
.footer a{
  display: inline-block;
}
.footer a:hover{
  color: #217fc4;
}
.footer .desc {
  margin-top: 1em;
  font-size: 0.875em;
  color: #767676;
}
.footer .prefession {
  margin-top: 4em;
  float:right;
}
.footer .knowbox {
  margin-top: 1.8em;
  font-size: 0.875em;
}
.footer .knowbox .lie{
	width:17%; float:left;
}
.footer .knowbox .lie.a{
	width:26%; float:left;
}
.footer .knowbox .lie.b{
	width:23%; float:left;
}
.footer .knowbox .lie li {
  margin-bottom: 1em;
}
.footer .buicoBox {
  display: inline-block;
  position: relative;
}
.footer .wechatErcode{
  display: none;
  position: absolute; left:-130px; top:-20px;  width:130px; height: 130px; background: #fff;
  z-index:99;
}
.footer .wechatErcode.h{
	left:47px;
}
.footer .wechatErcode img{
  width: 100%;
  height: 100%;
}
.footer .wechatBox:hover .wechatErcode{
  display: block;
}
.footer .prefession .licon{
	width:20%; float:left; text-align:right;
}
.footer .buico {
  display:block;
  width:50px;
  height:50px;
}
.footer .buico.a {
  background: url(/images/facebook.png) no-repeat;
}
.footer .buico.a:hover {
  background: url(/images/facebook2.png) no-repeat;
}
.footer .buico.b {
  background: url(/images/twitter.png) no-repeat;
}
.footer .buico.b:hover {
  background: url(/images/twitter2.png) no-repeat;
}
.footer .buico.g {
  background: url(/images/bilibili.png) no-repeat;
}
.footer .buico.g:hover {
  background: url(/images/bilibili2.png) no-repeat;
}
.footer .buico.c {
  background: url(/images/youtobe.png) no-repeat;
}
.footer .buico.c:hover {
  background: url(/images/youtobe2.png) no-repeat;
}
.footer .buico.d {
  background: url(/images/wechat.png) no-repeat;
}
.footer .buico.d:hover {
  background: url(/images/wechat2.png) no-repeat;
}
.footer .buico.e {
  background: url(/images/weibo.png) no-repeat;
}
.footer .buico.e:hover {
  background: url(/images/weibo2.png) no-repeat;
}
.footer .buico.f {
  background: url(/images/tuite.png) no-repeat;
}
.footer .buico.f:hover {
  background: url(/images/tuite2.png) no-repeat;
}
.footer .buico.h {
  background: url(/images/douyin.png) no-repeat;
}
.footer .buico.h:hover {
  background: url(/images/douyin2.png) no-repeat;
}
.footer .hr-1 {
  margin-top: 2em;
  margin-bottom: 1em;
  border-bottom-color: #535353;
}

.footer .copyright {
  padding-bottom: 1em;
  font-size: 0.8125em;
  color: #767676;
  text-align:center;
}
.footer .contact div{
  margin: 5px 0;
}

/* filter */
.prosub-title {
  margin-top: 0.8em;
  margin-bottom: 0.3em;
  font-size: 2.25em;
}
/* productview */
.productview {
  position: relative;
  padding-bottom:5em;
}

.productview .piccon .pic {
  height: 0;
  padding-bottom: 100%;
}
.productview .piccon .picbox img {
  display: block;
  width: 100%;
}
.productview .infobox {
}
.productview .infobox .title {
  font-size: 2.5em;
  font-weight: 300;  
  margin:.3em 0;
  line-height: 1.3
}

.productview .infobox .desc {
  font-size: 1.25em;
  color: #787878;
  font-weight: 300;
  border-bottom:solid 1px #ddd;
}
.productview .piccon {
  float:left;
}
.productview .smallpic-list {
  margin-top: 1.5em;
  position:relative;
  min-height:5em;
}
.productview .smallpic-list li {
  margin: 0px;
  width: 100%;
  background: #fff;
  border: 1px solid #b4c1c1;
  overflow: hidden;
  box-sizing:border-box;
}
.productview .smallpic-list li.active {
  border-color: #e71b1c;
}
.productview .smallpic-list li img {
  display: block;
  width: 100%;
}
.productview .smallpic-list .owl-stage-outer{position:absolute;width:100%; margin:0 auto;left:0px;top:0px; z-index:23}
.productview .smallpic-list .owl-nav{position:absolute; left:0px;top:50%; z-index:22; margin-top:0px; width:110%; margin-left:-5%; margin-right:-5%;}
.productview .smallpic-list .owl-nav span{ font-size:3em; color:#999;}
.owl-carousel .owl-nav button.owl-prev{ float:left; display:block}
.owl-carousel .owl-nav button.owl-next{ float:right; display:block}
.productview .smallpic-list .owl-nav:after{ content:"";　display:block; claer:both;}
.productview .option{  
  font-size: 1em;
  margin-top: 2em;
}
.productview .jianjie {
  margin-top: 0.5em;
  line-height:2em;
  font-size:1em;
  color:#999;
  border-bottom:solid 1px #ddd;
}
.productview .fenxiang {
  margin-top: 0.5em;
  line-height:2em;
  font-size:1em;
  color:#666;
  border-bottom:solid 1px #ddd;
}
.productview .fenxiang .shareico a i{
	font-size:2em; color:#666;
}
.productview .fenxiang .shareico a:hover i{
	color:#217fc4;
}
.productview .fenxiang span{ display:block; float:left;}
.productview .fenxiang .shareico{ display:block; float:left;}
.productview .fenxiang .shareico a.mx-3 {
    margin-right: 0.2rem!important;
    margin-left: 1rem!important;
}
.procontent{
  margin-top: 3em;
  margin-bottom: 3em;
  line-height:2em;
  font-size:1em;
  color:#999;
}
.procontent img{
	max-width:100%!important;
	height:auto!important;
	display:block;
	margin:0 auto;
}
.productview .videobox{width:20%; display:block; margin-top:1em}

.section-prorelated{
    padding-bottom: 3em;
}

/* articlebox */
.articlebox {
  width: 80%;
  margin: auto;
}
.articlebox h1{
	text-align:center;
	margin-top:2em;
}
.articlebox .title {
  width: 80%;
  font-size: 2.25em;
  line-height: 1.2;
}
.articlebox .date {
  margin: 4px 0 1.5em;
  font-size: 0.875em;
  color: #888;
  text-align:center;
}
.articlebox img {
  max-width: 100%!important;
  height:auto!important;
}
.about-zs{
	margin-bottom:3em;
}
.about-zs .container{
	background-color:#fff;
	padding:5em 4em;
	box-sizing:border-box;
}
.about-zs .infobox{
	width:20%;
	float:left;
	padding-top:5em;
}
.about-zs .infobox .title {
    font-size: 1.5em;
}
.about-zs .infobox .title {
    position: relative;
    font-size: 1.75em;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.about-zs .infobox .diff {
    margin: 1em 0px 1.875em;
    width: 2.5em;
    height: 0.3em;
    background: #217fc4;
}
.about-zs .infobox .desc {
    font-size: 1em;
    color: #888;
}
.about-zs .infobox .hd {
	margin-top:3em;
}
.about-zs .infobox .hd a{
	margin-right:2em;
}
.about-zs .bd{
	width:1050px;
	float:right;
}
.about-zs .picList li{
	width:350px;
	float:left;
}
.about-zs .picList li a{
	display:block;
	width:320px;
	margin:0px 15px 40px 15px;
	border:solid 0.5em #8f8f8f;
	box-sizing:border-box;
	-moz-box-shadow:0px 20px 20px #8f8f8f;
	-webkit-box-shadow:0px 20px 20px #8f8f8f;
	box-shadow:0px 20px 20px #8f8f8f;
}
.about-zs .picList li img{display:block;width:100%;}
/* banner */

.banner>.picbox>img {
  display: block;
  width: 100%;
}

/* story-list2 */
.story-list2 .item {
  position: relative;
  margin-bottom: 20px;
}
.story-list2 .picbox {
  padding-bottom: 32%;
  width: 50%;
  height: 0;
  overflow: hidden;
}

.story-list2 .picbox:hover img {
  transform: scale(1.1, 1.1);
}
.story-list2 .picbox img {
  display: block;
  width: 100%;
  transition: transform 1.0s ease-in;
}
.story-list2 .infobox {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background: #fff;
}
.story-list2 .infobox .desc{
  color:#9f7878;
}
.story-list2 .infobox .desc p{
    margin-bottom: 0.8em;
}
.story-list2 .item:nth-child(odd) .picbox,
.story-list2 .item:nth-child(even) .infobox {
  margin-left: 50%;
}
.story-list2 .infobox .title {
  position: relative;
  font-size: 1.75em;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.story-list2 .infobox .diff {
  margin: 1em auto 1.875em;
  width: 2.5em;
  height: 0.3em;
  background: #217fc4;
}

.contactbox{ margin:3em 0px;}
.contactbox .container{ background-color:#fff; padding:7em 0 5em 0;}
.contactbox .container .conbox{width:75%; margin:0 auto;}
.contactbox .container .conleft{width:480px; font-size:1em; color:#231815; float:left }
.conleft .text{line-height:2em}
.conleft .pic{ margin-top:1em;}
.conleft .pic div{ text-align:center;}
.conleft .pic div.a{ display:block; width:180px; float:left; margin-right:3em; margin-left:-0.5em}
.conleft .pic div img{display:block;width:100%;}
.conleft .pic div span{ text-align:center; font-size:1em; color:#888; padding-top:2em;}
.conleft .pic div.b{ display:block; width:180px; float:left}
.contactbox .container .conright{width:520px; font-size:1em; color:#231815; float:right }
.feedback{background-color:#fff; box-sizing:border-box}
.feedback .form-group{ margin-bottom:10px; clear:both; font-size:16px; color:#fff;}
.feedback .form-group .field{width:48%; float:left; text-align:left; margin-right:4%; }
.feedback .form-group .field.nor{margin-right:0px;}
.feedback .form-group .field.b{width:100%;}
.feedback .form-group .input{ border:solid 1px #c4c4c4; background-color:#c4c4c4; width:100%; padding:10px; line-height:18px; color:#fff;font-size:16px;}
.feedback .form-group textarea{ font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif; display:block}
.feedback .form-group .field .form-select{ border:solid 1px #ddd; background-color:#fff; width:422px; padding:9px; line-height:20px; color:#333;font-size:16px;}
.vercode-left{width:48%; float:left;}
.vercode-left .input{width:100%;font-size:16px;}
.vercode-right{width:120px; float:left; margin-left:10px;}
.feedback .form-group .submit{width:220px; background-color:#c4c4c4; line-height:40px; text-align:center; font-size:16px;color:#fff; display:block; border-radius:0px; border:0px;}
.feedback .form-group .submit:hover{ background-color:#217fc4; cursor:pointer}

.mapbox{width:100%; margin:3em 0px;}
.mapbox .container{ background-color:#fff;}

.section-down{ margin:1em 0px 3em 0px;}
.section-down .container{ background-color:#fff; padding:5em;}
.section-down li.b{ }
.section-down li{ padding:0.4em 0px; border-bottom:solid 1px #ddd; margin-bottom:0.5em;}
.section-down li .tit{ width:80%; float:left; font-size:1em; color:#999; line-height:1.5em;}
.section-down li .anniu{ width:20%; float:left; text-align:right;font-size:1em; color:#777; line-height:1.5em; }
.section-down li a{display:inline-block;width:auto; margin:5px; font-size:1em; color:#999; line-height:1.5em; }

.section-daili{ margin:3em 0px;}
.section-daili .conleft{ background-color:#fff; padding:5em;}
.section-daili .conright{ background-color:#e3e3e3; padding:5em;}
.section-daili ul{width:60%; margin:0px auto 1em auto;}
.section-daili li{ border-bottom:solid 1px #8f8f8f; padding:1em; line-height:3em; height:5em; color:#231815; position:relative;width:100%; padding-left:6em; box-sizing:border-box;}
.section-daili li img{ display:block;width:3em; height:3em; position:absolute;left:1em;top:1em; z-index:2}

.pages{
	display:inline-block;
	background-color:#f9f9f9;
	padding:1em 2em;
    line-height: 2em;
    clear: both;
    font-size: 1em;
    color: #666;
	margin-top:3em;
}
.pages a{
	color: #666;
	padding:0.5em;
}
.pages a.on{ font-weight:bold;}
.pages select{
	display:inline-block;
	border:solid 1px #ddd;
	line-height:2em;
	font-size: 1em;
    color: #666;
	margin:0 3px;
	padding:0px 5px;
}
.morebar{ margin-top: 20px; margin-bottom: 20px; }
.hr-1{height: 0; border: none; border-bottom: solid 1px #dedede; }
.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.webkit-text-overflow {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.operationbox:after {
  content: '\e90a';
  color: #feda31;
}
.operationbox {
  margin-top: 0.4em;
}
.no-margin-top {
  margin-top: 0;
}
#slides{overflow:hidden; position:relative;}
.slides_container li{float:left;width:1610px;}
.section-products .pagination{ display:none;}

.section-products .prev{ background:url(../images/arr.png) no-repeat; width:29px; height:43px; display:block; left:1px; top:50%; margin-top:-21px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
.section-products .prev:hover{ background-position:0 -43px;}
.section-products .next{ background:url(../images/arr.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:1px; top:50%; margin-top:-21px;position:absolute; text-indent:-999em;outline:none;z-index:11;}
.section-products .next:hover{ background-position:-29px -43px;}


/*1660-1440-1366-1242-1280*/
@media (max-width: 1700px){
.container{width: 1190px;}
.header .logo img {
    margin-top:1em;
}
  .header .nav {
    margin: 2em 0px;
    width: 60%;
    margin-left: 5%;
}
.header .nav li {
    margin-left: 2em;
}
.header .nav a{ padding:0px 0.3em;}
  .banner .player{}
  
  .story-list2 .infobox {
    padding: 3.5em 3em;
  }

  .banner .videoBox{
    position: absolute;
    left: 50%;
    margin-left: -450px;
    z-index: 99;
    bottom: 4em;
    width: 900px;
    height: 506px;
    overflow: visible;
    background: #000;
  }
.products-class .container{ 
	margin-top:3em;
}

.products-class .bline{ 
	height:50px;
	padding:5px 0px;
}

.products-class li{ 
	display:inline-block;
	padding:5px 5px 5px;
	margin-right:2.8em;
	line-height:36px;
	font-size:1.2em;
}
.productview .infobox .title{ font-size: 1.8em; margin:0.5em 0;}
.productview .infobox .desc {
    font-size: 1.1em;
}
.productview .jianjie {
    margin-top: 0.5em;
    line-height: 1.8em;
    font-size: 0.9em;
    color: #999;
}

.about-zs .container{
	padding:4em 3em;
}
.about-zs .infobox{
	padding-top:3em;
}
.about-zs .bd{
	width:870px;
}
.about-zs .picList li{
	width:290px;
}
.about-zs .picList li a{
	display:block;
	width:270px;
	margin:0px 10px 40px 10px;
	border:solid 0.5em #8f8f8f;
	box-sizing:border-box;
	-moz-box-shadow:0px 10px 10px #8f8f8f;
	-webkit-box-shadow:0px 10px 10px #8f8f8f;
	box-shadow:0px 10px 10px #8f8f8f;
}
.contactbox .container{ background-color:#fff; padding:5em 0 4em 0;}
.contactbox .container .conbox{width:85%; margin:0 auto;}
.section-daili ul {
    width: 80%;
}
.slides_container li{float:left;width:1190px;}
.productview .smallpic-list .owl-nav{margin-top:-20px;}
}
/*1125-1080-1024-992*/
@media (max-width: 1200px){
body {
    padding-top: 86px;
}
.space-top-m {
    margin-top: 2em;
}
.space-bot-m {
    margin-bottom: 2em;
}
.section-products{ margin-bottom:1.5em;}	
.container{width: 980px;}
.header .logo img {
    margin-top:1em;
}
.header .nav {
    margin: 1.6em 0px;
    width: 60%;
    margin-left: 3%;
}
.header .nav li {
    margin-left: 1.7em;
}
.header .nav a{ padding:0px 0.3em; font-size:16px;}
  .phoneHide {display:none !important;}
  .banner .player {
    overflow-x: auto;
}
  .player ul {
    width: 100%;
  }
  .player ul li {
   width: 100%;
   height:100%;
   opacity:1;
   float: none;
   }
  .banner .swiper-pagination-bullet{
      height: 3px;
      width:38px;
      background:rgba(100,100,100,.6);
      border-radius: 0%; 
  }
  .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1px;
  }
  .banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
      content: "";
      display: block;
      margin-top:-1px;
      height: 5px;
      background:#feda31;
      -webkit-transition:width 2.4s ease-in;
      -moz-transition:width 2.4s ease-in;
      transition:width 2.4s ease-in;
      -webkit-animation:progressbar 3.28s forwards;
      animation:progressbar 3.28s forwards;
  }
  
  .story-list2 .infobox {
    padding: 3.5em 3em;
  }

  .banner .videoBox{
    position: absolute;
    left: 50%;
    margin-left: -450px;
    z-index: 99;
    bottom: 4em;
    width: 900px;
    height: 506px;
    overflow: visible;
    background: #000;
  }

.products-class .container{ 
	margin-top:3em;
}
.products-class .bline{ 
	height:43px;
	padding:5px 0px;
}

.products-class li{ 
	display:inline-block;
	padding:5px 5px 5px;
	margin-right:2em;
	line-height:30px;
	font-size:1.0em;
}
.productview .smallpic-list .owl-nav{position:absolute; left:0px;top:50%; z-index:22; margin-top:-25px; width:110%; margin-left:-5%; margin-right:-5%;}
.productview {
    padding-bottom: 3em;
}
.productview .option {
    margin-top: 1.5em;
}
.productview .infobox .title{ font-size: 1.5em; margin:0.5em 0;}
.productview .infobox .desc {
    font-size: 0.9em;
}
.productview .jianjie {
    margin-top: 0.5em;
    line-height: 1.6em;
    font-size: 0.825em;
    color: #999;
}
.footer .knowbox {
    margin-top: 1.8em;
    font-size: 0.875em;
	width:70%;
}
.footer .prefession {
   width:30%;
}
.section-news .container {
    background-color: #fff;
    margin: 2em auto;
    padding: 1em 2em;
}
.about-zs{
	margin-bottom:3em;
}
.about-zs .container{
	padding:4em 3em;
}
.about-zs .infobox{
	width:20%;
	float:left;
	padding-top:2em;
}
.about-zs .infobox .desc {
    font-size: 1em;
    color: #888;
}
.about-zs .infobox .hd {
	margin-top:2em;
}
.about-zs .infobox .hd a{
	margin-right:1em;
}
.about-zs .bd{
	width:720px;
	float:right;
}
.about-zs .picList li{
	width:240px;
}
.about-zs .picList li a{
	display:block;
	width:220px;
	margin:0px 10px 30px 10px;
	border:solid 0.5em #8f8f8f;
	box-sizing:border-box;
	-moz-box-shadow:0px 10px 10px #8f8f8f;
	-webkit-box-shadow:0px 10px 10px #8f8f8f;
	box-shadow:0px 10px 10px #8f8f8f;
}
.contactbox .container{padding:5em 0 3em 0;}
.contactbox .container .conbox{width:94%;}
.contactbox .container .conright{width:430px;}
.section-daili .conleft {
    padding: 3em;
}
.section-daili .conright {
    padding: 3em;
}
.section-daili ul {
    width: 90%;
}
.slides_container li{float:left;width:980px;}
}
@media (max-width: 992px){
.products-list .owl-nav{
	position:absolute; left:0px;top:50%; z-index:22; margin-top:-4em!important; width:104%; margin-left:-2%; margin-right:-2%;
}
.productview .smallpic-list .owl-nav{display:none;}
}
/*768-720-640-480-414-411*/
@media (max-width: 769px){
.mid_search {
    display: none!important;
}
.space-top-m {
    margin-top: 1.5em;
}
.space-bot-m {
    margin-bottom: 1.5em;
}
.section-products{ margin-bottom:1.5em;}	
  .container{width: 100%;}
  body{padding-top: 72px;}
  .phoneHide{display:none !important;}
  .h1 {font-size: 1.6em;}
  .h2 {font-size: 1.4em;font-weight: normal;}
  .h3 {line-height: 1.2em;font-size: 1.4em;}
  .header{line-height: 48px;} 
  .header .container{ margin:1em 0px;}
  .header .logo{ top: 0; width:120px; }
  .header .logo img {
    margin-top: 0em;
}
  .header .logo a{}
  .header .lang{ display: none;}  
  .header .toplang {position: absolute;float: right;white-space: nowrap;right: 50px;top: 0;}
  .header .nav{position: absolute; left: 0; width: 100%; background: rgba(255,255,255, .95); float:none; margin-left:0px; margin:0px;}
  .header .nav ul {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 48px;
    padding: 0 40px;
    height: 0;
    background: rgba(255,255,255, .95);
    overflow: hidden;
  }
  .header .nav.active ul#nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 48px;
    padding: 20px 20px;
    height: 100%;
}
.header .nav.active li#menu-home {
    display: block;
}
  .header .nav .navBtn{
    cursor: pointer;
    position: absolute; display:block; top:-3px;right: 0px; width: 48px; height: 48px; text-align: center;
    font-weight:200;
    font-size:20px;
  }
  .top_search {
    display: none!important;
}
.header .toplang {
    position: absolute;
    float: right;
    white-space: nowrap;
    right: 50px;
    top: 0.5em;
	margin-top:0px;
}
 
  .header .nav .navBtn .line,
  .header .nav .navBtn .line:before,
  .header .nav .navBtn .line:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -1px;
    width: 20px;
    height: 2px;
    background: #000;
    transition: transform .3s, -webkit-transform .3s, -ms-transform .3s;
    -webkit-transition: transform .3s, -webkit-transform .3s, -ms-transform .3s;
  }
  .header .nav .navBtn .line:before {
    margin-top: -5px;
  }
  .header .nav .navBtn .line:after {
    margin-top: 3px;
  }
  .header .nav.active .navBtn .line {
    background: transparent;
  }
  .header .nav.active .navBtn .line:before {
    margin-top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .header .nav.active .navBtn .line:after {
    margin-top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .header .nav li{ 
    display:block; float: none; border-bottom: solid 1px #aaa; margin-left: 0em; line-height:45px;
  }  
  .header .nav a{
    text-align: left;
    display:block;
    min-width: 0;
	font-size:1em;
	width:60%;
  }
  .header .nav b{
  	font-size: 1em;
    display: block;
    background: url(../images/lanbg.png) center right no-repeat;
    height:45px; width:40%;
	position:absolute;
	right:5px;
	top:0px;
	z-index:44;
  }
  .header .nav .sub li{ 
    border-bottom: solid 0px #aaa;line-height:40px;
  }  
  .header .nav .sub a{line-height:40px;width:100%;}
  .header .nav .sub {
	  position:static;
	  height:auto;
  }
  .header .nav li:hover .sub{ display:none;}
  /*phone search*/

  .header .nav li.phone-search{
    padding-top: 5px;
    width: 100%;
    display:table;
    border-bottom: none;
    padding:30px 0;
  }
  .phone-search>*{
    display: table-cell;
    vertical-align: top;
    margin:0;
  }
  .phone-search input{
    border:solid 1px #aaa;
    height: 32px;
    padding: 6px 12px;
    line-height: 20px;
    border-radius: 16px 0 0 16px;
    border-right: 0;
    min-width: 180px;
  }
  .phone-search button{
    border-left: 0;
    border:solid 1px #aaa;
    height: 32px;
    padding: 6px 12px;
    line-height: 20px;
    border-radius: 0 16px 16px 0;
  }

  .banner{
     box-shadow: 0 1px 3px RGBA(150,150,150,.3);
  }
  .vo-2{ width: 50%; }
  .vo-3{ width: 33.333333%; }
  .vo-4{ width: 25%; }
  .vo-5{ width: 20%; }
.products-class .container {
    margin-top: 1em;
}  
.products-class ul{
	width:98%;
	margin:0 auto;
	display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-x: initial;
}

.productview .smallpic-list{ float:none; min-height:12em; overflow:hidden}  
.footer .prefession .licon {
    text-align: center;
}
.productview {
    padding-bottom: 2em;
}

.footer .hr-1 {
    margin-top: 1em;
}
  .footer .buico {
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
  }
  .footer .contact {
    text-align: center;
  }
  .footer .prefession {
    margin-top: 0; width:100%;
  }
  .storybox {
    margin-top: 10px;
    margin-bottom: 10px;
  } 
  .productview>*{
    width: 100%;
  }
  .productview .piccon{
    overflow-x:auto; width:94%; margin:0 3%;
  }
  .section-productinfo .prosub-title{
    padding-left: 5px;
  }
  
  .section-prorelated .prosub-title{
    padding-left: 10px;
  }
  .prosub-title {
    font-size: 1.42867em;
    margin-bottom: 0;
  }
  .zh-cn .prosub-title {
    font-size: 1.2em;
  }
  .section-productinfo .prosub-title {
    margin-top: 1.5em;
  }
  .productview .infobox .title {
    font-size: 1.42867em;
  }
  .productview .infobox .desc {
    font-size: 1em;
  }

  .loading {
    display: block;
    margin-top: 3em;
    font-size: 16px;
    text-align: center;
  }
  .loading .tian {
    width: 32px;
    margin: auto;
  }
  .loading .square {
    float: left;
    display: block;
    margin-right: 4px;
    margin-bottom: 4px;
    width: 12px;
    height: 12px;
  }
  .morebar {
    padding: 10px;
    background: #fff;
  }
  .productview .infobox {
    padding: 20px;
    background: #fff;
  }
  .productview .color-opt .item {
      margin-right: 15px;
  }
  .productview .operation {
    background: #fff;
    display: block;
    padding: 10px 15px 0;
    overflow: visible;
  }
  .productview .color-opt .item {
    margin-right: 15px;
    background: #fff;
  }
  
 .productview .operation .option{
      margin-top: 0;
  }
  .productview .operation .dotsWrap{
    position: absolute;
    left: 0; right:0;
    top:-28px;
  }
  .productview .operation .dot {
    display: inline-block;
    margin: 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #666;
    opacity: .5;
    vertical-align: middle;
  }
  .productview .operation .dot.active{
    background: #000;
    opacity: 1;
  }
  .productview .operation .color-opt .item{
    box-shadow: 0 0 2px #d0d0d0;
    color:#222;
    text-shadow: 1px 0 1px #ddd;
    font-weight: 300;
  }
  .productview .operation .hr-1 {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .section-prorelated {
    padding-bottom: 1.5em;
}
  .articlebox {
    width: 100%;
  }
  .articlebox .title {
    width: 100%;
  }
  .story-list2 .item:nth-child(odd) .picbox,
  .story-list2 .item:nth-child(even) .infobox {
    margin-left: 0;
  }
  .story-list2 .picbox {
    width: 100%;
    padding-bottom: 60%;
  }
  .story-list2 .infobox {
    position: static;
    width: 100%;
    padding: 1em;
  }
  .story-list2 .infobox .title {
    text-align: left;
    font-size: 1.5em;
  }
  
  .story-list2 .infobox .diff {
    margin-left: 0;
    width: 20px;
    height: 4px;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .section-video{
    position: relative;
    z-index: 1;
  }
  .video-wrap:hover .video-ctrol,
  .video-ctrol {
    display: none !important;
  }
  .video-wrap{
    padding-bottom: 56.25% !important;
  }
  #video1{
    display: block !important;
  }
  .morebar{ margin-top: 10px; margin-bottom: 10px; }
  
  .footer .knowbox .wechatErcode{
    left: 60px;
    top: -138px;
  }
  .footer .knowbox {
	 display:none;
  }
  
  .tpicbox .infbox{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .tpicbox .infbox .title{
    margin-bottom: 10px;
  }
.section-news .container {
    background-color: #fff;
    margin: 1.5em auto;
    padding: 1em 1em;
}
  /*pNews-list*/
  .pNews-list .item{
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    border: solid 1px #ebebeb;
    border-radius: 4px;
  }
  .pNews-list .item:first-child{
    margin-top: 0;
  }
  .pNews-list .item:hover{
    box-shadow: 0px 3px 50px rgba(90,90,90,0.2);
  }
  .pNews-list .item>*{
    display: block;
  }
  .pNews-list .item .picbox{
    position: relative;
  }
  .pNews-list .item .source {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 12px;
      padding: 2px 10px;
      background-color: rgba(255,255,0,.8);
  }
  .pNews-list .item .picbox img{
    display: block;
    width: 100%;
  }
  .pNews-list .item .textbox{
    
  }
  .pNews-list .item .tit.ellipsis{
    margin-top: 1em;
    white-space: normal;
    text-overflow: inherit;
	font-size:16px;
  }
  .pNews-list .item:hover .tit{
    color: #217fc4;

  }
  .pNews-list .item .desc{
    color: #999;
    overflow: hidden;
	max-height:6.4em;
	line-height:1.6em;
	padding-top:5px;
  }
  .pNews-list .item .timebox>*{
    display: inline-block;
    vertical-align: middle;
  }
  .pNews-list .item .timebox{
    margin-top: 0em;
    text-align: right;
  }
  .news-list .item:first-child{
    width: 100%;
    padding-right: 0;
  }
  .weizhi {
    margin: 30px 0px 20px 0px;
}
.pages{ margin-top:1.5em;}
.about-zs{
	margin-bottom:1em;
}
.about-zs .container{
	padding:3em 3em;
}
.about-zs .infobox{
	width:100%;
	float:none;
	padding-top:0em;
	margin-bottom:10px;
	padding-left:10px;
}
.about-zs .infobox .diff {
    margin: 0.7em 0px 1em;
    width: 2.5em;
    height: 0.3em;
    background: #217fc4;
}
.about-zs .infobox .desc {
    font-size: 1em;
    color: #888;
}
.about-zs .infobox .hd {
	margin-top:2em;
}
.about-zs .infobox .hd a{
	margin-right:1em;
}
.about-zs .infobox .hd a.prev {
    margin-right: 0em;
	float:right;
}
.about-zs .bd{
	width:690px;
	float:none;
}
.about-zs .picList li{
	width:230px;
}
.about-zs .picList li a{
	display:block;
	width:210px;
	margin:0px 10px 20px 10px;
	border:solid 0.5em #8f8f8f;
	box-sizing:border-box;
	-moz-box-shadow:0px 10px 10px #8f8f8f;
	-webkit-box-shadow:0px 10px 10px #8f8f8f;
	box-shadow:0px 10px 10px #8f8f8f;
}
.conleft .pic {
    margin-top: 1.5em;
}
.contactbox {
    margin: 1.5em 0px;
}
.contactbox .container{ padding:3em 0 2em 0;}
.contactbox .container .conbox{width:80%;}
.contactbox .container .conleft{width:100%; font-size:1em; color:#231815; float:none; margin-bottom:2em}
.contactbox .container .conright{width:100%; font-size:1em; color:#231815; float:none; }
.mapbox {
    margin: 1.5em 0px;
}
.section-down .container {
    background-color: #fff;
    padding: 2.5em;
}

.owl-carousel.owl-drag .owl-item{ }
.products-list .owl-stage-outer{position:absolute;width:100%; margin:0 auto;left:0px;top:0px; z-index:23}
.products-list .owl-nav{
	position:absolute; left:0px;top:50%; z-index:22; margin-top:-1.5em!important; width:104%; margin-left:-2%; margin-right:-2%;
}
.products-list .owl-nav span{ font-size:3em; color:#999;}
.slides_container li{float:left;width:768px;}
}
/*640*/
@media (max-width: 640px){
.about-zs .container{
	padding:2em;
}
.about-zs .infobox{
	width:100%;
	float:none;
	padding-top:0em;
	margin-bottom:10px;
}
.about-zs .infobox .diff {
    margin: 0.7em 0px 1em;
    width: 2.5em;
    height: 0.3em;
    background: #217fc4;
}
.about-zs .infobox .desc {
    font-size: 1em;
    color: #888;
}
.about-zs .infobox .hd {
	margin-top:2em;
}
.about-zs .infobox .hd a{
	margin-right:1em;
}
.about-zs .infobox .hd a.prev {
    margin-right: 0em;
	float:none;
}
.about-zs .bd{
	width:597px;
	float:none;
}
.about-zs .picList li{
	width:199px;
}
.about-zs .picList li a{
	display:block;
	width:179px;
	margin:0px 10px 20px 10px;
	border:solid 0.5em #8f8f8f;
	box-sizing:border-box;
	-moz-box-shadow:0px 10px 10px #8f8f8f;
	-webkit-box-shadow:0px 10px 10px #8f8f8f;
	box-shadow:0px 10px 10px #8f8f8f;
}
.section-down .container {
    background-color: #fff;
    padding: 2em;
}
.section-down li .tit {
    width: 70%;
}
.section-down li .anniu {
    width: 30%;
}
.slides_container li{float:left;width:640px;}
.productview .smallpic-list{ float:none; min-height:10em}
}
/*480*/
@media (max-width: 490px){
.space-top-m {
    margin-top: 1.2em;
}
.space-bot-m {
    margin-bottom: 1.2em;
}
.section-products{ margin-bottom:1.2em;}	
.container{width: 100%;}
body{padding-top: 61px; font-size:14px}
.phoneHide{display:none !important;}
  .h1 {font-size: 1.6em;}
  .h2 {font-size: 1.4em;font-weight: normal;}
  .h3 {line-height: 1.2em;font-size: 1.4em;}
  .header{line-height: 48px;} 
  .header .container{ margin:1em 0px;}
  .header .logo{ top: 0; width:100px; }
  .header .logo img {
    margin-top: 0em;
}
.weizhi {
    margin: 20px 0px 15px 0px;
}
.about-zs .container{
	padding:2em;
}
.about-zs .infobox{
	width:100%;
	float:none;
	padding-top:0em;
	margin-bottom:10px;
}
.about-zs .infobox .diff {
    margin: 0.7em 0px 1em;
    width: 2.5em;
    height: 0.3em;
    background: #217fc4;
}
.about-zs .infobox .desc {
    font-size: 1em;
    color: #888;
}
.about-zs .infobox .hd {
	margin-top:2em;
}
.about-zs .infobox .hd a{
	margin-right:1em;
}
.about-zs .infobox .hd a.prev {
    margin-right: 0em;
	float:none;
}
.about-zs .bd{
	width:100%;
	float:none;
}
.about-zs .picList{width:100%; overflow:hidden;}
.about-zs .picList li{
	width:100%;
	box-sizing:border-box;
}
.about-zs .picList li a{
	display:block;
	width:auto;
	margin:0px 10px 20px 10px;
	border:solid 0.5em #8f8f8f;
	box-sizing:border-box;
	-moz-box-shadow:0px 10px 10px #8f8f8f;
	-webkit-box-shadow:0px 10px 10px #8f8f8f;
	box-shadow:0px 10px 10px #8f8f8f;
}
.contactbox .container{ padding:3em 0 2em 0;}
.contactbox .container .conbox{width:90%;}
.contactbox .container .conleft{width:100%; font-size:1em; color:#231815; float:none; }
.conleft .text{line-height:2em}
.conleft .pic{ margin-top:1em;}
.conleft .pic div.a{ display:block; width:140px; float:left}
.conleft .pic div.b{ display:block; width:140px;}
.contactbox .container .conright{width:100%; }	
.feedback .form-group .submit{ width:100%;}
.section-daili .conleft {
    padding: 2em;
}
.section-daili .conright {
    padding: 2em;
}
.section-daili ul {
    width: 100%;
}
.section-products.pc{ display:block;}
.section-products.mb{ display:none;}
.productview .smallpic-list{ float:none; min-height:8em}  
.products-list .owl-nav{
	position:absolute; left:0px;top:50%; z-index:22; margin-top:-1.5em!important; width:106%; margin-left:-3%; margin-right:-3%;
}
}
/*414-411-375-360-320*/
@media (max-width: 420px){
.space-top-m {
    margin-top: 1.0em;
}
.space-bot-m {
    margin-bottom: 1.0em;
}
.section-products{ margin-bottom:1.0em;}	
.container{width: 100%;}
body{padding-top: 61px; font-size:14px}
.phoneHide{display:none !important;}
  .h1 {font-size: 1.4em;}
  .h2 {font-size: 1.2em;font-weight: normal;}
  .h3 {line-height: 1.0em;font-size: 1.4em;}
  .header{line-height: 48px;} 
  .header .container{ margin:1em 0px;}
  .header .logo{ top: 0; width:100px; }
  .header .logo img {
    margin-top: 0em;
}
.products-list .item{
    width:100%;
}
.feedback .form-group .field {
    width: 100%;
    float: none;
    text-align: left;
    margin-right: 0px;
	margin-bottom:10px;
}
.feedback .form-group .field.nor {
	margin-bottom:0px;
}
.section-down li .tit {
    width: 100%;
}
.section-down li .anniu {
    width: 100%; float:left; text-align:left;
}
.productview .smallpic-list{ float:none; min-height:6.5em}  
}
@media (max-width: 320px){
.conleft .pic div.a{ display:block; width:120px; float:left}
.conleft .pic div.b{ display:block; width:120px;}
.section-daili .conleft {
    padding: 1em;
}
.section-daili .conright {
    padding: 1em;
}
.section-daili ul {
    width: 100%;
}
.section-daili li {
    padding-left: 3.5em;
    box-sizing: border-box;
}
.section-daili li img {
    display: block;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    left: 0.5em;
    top: 1em;
    z-index: 2;
}
.productview .smallpic-list{ float:none; min-height:6em}  
}
@media (min-width: 770px){
  .h1{font-size: 2em;}
  .h2{font-weight:normal;}
  .h3{font-size: 1.5em; line-height: 1.8;}
  .h1,.h2,.h3,.story-list2 .infobox .title,.prosub-title{ font-weight: normal;}
  .story-list2 .infobox .desc{ font-size: .9285em;}
  .pcHide{ display: none !important; }
  .picHide{ display: none !important; }
  .main .h2{ width: 70%; margin-left: auto; margin-right: auto; }
  .sm-cols-3 .item{
   width:100%;
  }
  .sm-cols-4 .item{
   width:25%;
  }
  .sm-cols-5 .item{
   width:20%;
  }
  .sm-cols-6 .item {
    width: 16.66666667%;
  }
  .sm-cols-10 .item {
    width: 10%;
  }
  .products-list .picbox{
    width: 100%;
    height: 0; 
    padding-bottom: 90%;
    overflow: hidden;
    text-align: center;
  }
  .col-sm-4 .storybox .picbox{
    padding-bottom: 100%;
  }
  .productview .piccon{
    width: 41%; margin-top:15px;
  }
  .productview .infobox {
    width: 54%;
    float: right;
  }
  .productview .operation {
    display: none;
  }
  .story-list2 .infobox {
    padding: 6em;
  }
  /*=======pNews-list===========*/
  .pNews-list .item{
    transition: box-shadow .3s;
    display: table;
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 20px;
    background: #fff;
  }
  
  .pNews-list .item:hover{
    cursor: pointer;
    box-shadow: 0 0 1.5em rgba(90,90,90,0.2);
  }
  .pNews-list .item>*{
    display: table-cell;
    vertical-align: top;
  }
  .pNews-list .item .picbox{
    position: relative;
    width: 22em;
    overflow: hidden;
  }
  .pNews-list .item .source{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    padding: 2px 10px;
    background-color: rgba(255,255,0,.8);
  }
  .pNews-list .item .picbox img{
    display: block;
    width: 100%;
  }
  .pNews-list .item .textbox{
    padding: 0 2em;
  }
  .pNews-list .item .tit{
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .pNews-list .item:hover .tit{
  }
  .pNews-list .item .desc{
    color: #999;
    min-height: 2em;
    max-height: 11em;
    overflow: hidden;
    font-size: .9285em;
  }
  .pNews-list .item .timebox{
    width: 120px;
    text-align: center;
    padding-top: 25px;
    color: #999;
    font-size: 12px;
  }
  .pNews-list .item .mm-dd{
    margin-bottom: 15px;
  }
  .pNews-list .item .author{
    margin-top: 15px;
    font-size: 12px;
    color: #999;
  }
  .pNews-list .item .icon-xiafan{
    display: block;
    font-size: 22px;
    color: #aaa;
    transform: rotate(-90deg);
    border-top: solid 1px #ebebeb;
    width:  26px;
    text-align: center;
    margin-left: 55px;
    height: 70px;
    line-height: 70px;
  }
  
  /*.banner .player {
    height: 35em;
}
   .player ul li{
     display: none; 
    position: absolute; z-index: 1;
    left: 0; top: 0; width: 100%; height: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
  }
  .player ul li.swiper-slide-active {
    z-index: 99; 
    opacity: 1;
  }*/
}


/* animate */
@keyframes textshow {
  0%   { 
    transform: scale(.3);
  }
  100% { transform: scale(1); }
}
@keyframes spin {
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

@keyframes fadeShow
{
  from {opacity: .2;}
  to {opacity: 1;}
}

@-webkit-keyframes fadeShow
{
  from {opacity: .2;}
  to {opacity: 1;}
}

.footer .knowbox .wechatErcode,
.products-list .item,
.tabcon,
.tab-content,
.main
{
  -webkit-animation:fadeShow .5s;
  -moz-animation:fadeShow .5s;
  -o-animation:fadeShow .5s;
  animation:fadeShow .5s;
  
}

@keyframes revolveScale {
  60% {
    transform: translate(20px, 20px) rotate(30deg) scale(.3);
  }
  100% {
    transform: translate(0) rotate(0) scale(1);
    opacity: 1;
  }
}

/*angulaar css*/
.ng-hide{
  display: none;
}
.prosub-title a:hover,
a:hover .operationbox,
a.link-more:hover{
  color:#217fc4 !important;
}
.fadetip{
  display: none;
  position: fixed;
  z-index: 999;
  margin-left: auto;
  left: 0; top: 40%; right: 0;
  text-align: center;
}
.fadetipTex{
  display: inline-block;
  padding: 6px 12px;
  background: #222;
  color:#fff;
  font-size: 1.2em;
}

.animation_pic{
  animation: transform_pic 4s;
}
@keyframes transform_pic
{
  from {
    transform: scale(2) rotate(260deg);
  }
  50% {

    transform: scale(1.2) rotate(0deg);
  }
  100% {

    transform: scale(1) rotate(0deg);
  }
}

.section-dealer{ margin:3em 0px;}
.section-dealer ul:after{ content:''; clear:both;display: table;font-weight: normal;}
.section-dealer li{width:50%; padding:3em; box-sizing:border-box; float:left}
.section-dealer li .box{ display:block; background:#fff; padding:6em; }
.section-dealer li .box .tit{
	line-height:2.5em;
	font-size: 1.8em; 
	color:#111; 
	padding-left:2.5em;
	background:url(/images/store.png) 1em center no-repeat;
	border-bottom:solid 1px #666; 
	margin-bottom:0.5em
}
.section-dealer li .box  .item{ 
	line-height:1.5em;
	font-size: 1.2em; 
	color:#434343; 
	margin-left:2em;
	padding-left:1.5em;
	margin-bottom:0.5em;
}
.section-dealer li .box .item.address{ background:url(/images/address.png) left 0.1em no-repeat; height:3em; overflow:hidden}
.section-dealer li .box .item.phone{ background:url(/images/phone.png) left center no-repeat; }
.section-dealer li .box .item.time{ background:url(/images/clock.png) left center no-repeat; }

.dealer-search{
	position:absolute; z-index:99;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align: center;
	color:#fff;
	min-width:800px;
}
.dealer-search h2{ line-height:2em; font-size:2em;}
.dealer-search p{ line-height:2em; font-size:1.5em; margin-bottom:0.5em}
.dealer-search .d-flex {
	width: 100%;
}
.dealer-search .px-1 {
    padding-left: 1em;
	float:left;
	box-sizing:border-box;
	width:39%;
	margin:0px 0.5%;
}
.dealer-search .px-1.b{
	width:19.5%;
	margin:0px 0px 0px 0.5%;
}
.dealer-search .select-1 {
    background: url(/assets/dist/images/shop/down.png) no-repeat scroll center transparent;
    background-color: white;
    background-position-x: 240px;
    background-size: 20px;
    padding-right: 14px;
    background-position-y: 10px;
    border: 0;
	display: block;
	padding: 1em 1em;
	font-weight: 400;
    line-height: 1.5em;
	height: 3.5em;
	width:100%;
}
.dealer-search .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #333;
    border: 0;
    padding: 0.8em;
    font-size: 1em;
    line-height: 1.4em;
    border-radius: 0em;
	color: #fff;
	width:100%;
}
@media (max-width: 1640px){
	.section-dealer{ margin:2em 0px;}
	.section-dealer li .box{ padding:2em; }
	.section-dealer li .box .tit{line-height:2em;font-size: 1.3em; }
}
@media (max-width: 1200px){
	.section-dealer{ margin:1em 0px;}
	.section-dealer li{padding:1em;}
	.section-dealer li .box{ padding:2em; }
	.section-dealer li .box  .item{ line-height:1.5em;font-size: 1.0em; padding-left:1.8em;}
	.dealer-search .px-1 {padding-left: 0.5em;}
	.section-dealer li .box .tit{ padding-left:2.8em;}
}
@media (max-width: 769px){
	.section-dealer li{width:100%; padding:1em; float:none}
	.dealer-search{min-width:90%;}
	.dealer-search h2{ line-height:1.8em; font-size:1.8em;}
	.dealer-search p{ line-height:1.6em; font-size:1.3em; margin-bottom:0.5em}
	.dealer-search .px-1 {padding-left: 0.3em;}
}
@media (max-width: 640px){
	.section-dealer li .box .tit{ padding-left:3em;}
	.section-dealer li{width:100%; padding:1em; float:none}
	.dealer-search{min-width:90%;}
	.dealer-search h2{ line-height:1.3em; font-size:1.2em; margin-bottom:0.5em}
	.dealer-search p{ display:none;}
	.dealer-search .px-1 {padding-left: 0.1em;}
	.dealer-search .select-1 {padding: 0.5em;line-height: 1.2em;height: 2.4em;}
	.dealer-search .btn {padding: 0.5em;line-height: 1.1em;}
}
@media (max-width: 490px){
	.dealer-search .btn {padding: 0.5em;line-height: 1.3em;}
}
@media (max-width: 320px){
	.section-dealer li{padding:1em 0; }
	.section-dealer li .box{ padding:1em; }
	.section-dealer li .box .tit{ font-size:1.2em; padding-left:3em;}
}