/* eyoucms.com 易优CMS -- 好用,免费,安全 */
a:hover {
  text-decoration: none;
}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
#header {
  position: relative;
}
#header .logo {
  padding: 0 15px;
}
#header .tel {
  font-size: 20px;
  color: #4e2d0e;
  line-height: 51px;
}
#header .menu_icon {
  position: absolute;
  top: 35%;
  right: 5%;
  width: 8%;
}
.right_nav {
  /*pc右边快速按钮样式*/
  /*pc右边快捷按钮“电话”*/
  /*pc右边快捷按钮“在线客服”*/
  /*pc右边快捷按钮“分享”*/
  /*pc右边快捷按钮“二维码”*/
  /*pc右边快捷按钮“搜索”*/
}
.right_nav .aside li > p,
.right_nav .aside > li > div {
  background-color: #6a757c;
  color: #fff;
}
.right_nav .aside {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 10000;
}
.right_nav .aside > li {
  width: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
}
.right_nav .aside > li > p {
  position: relative;
  z-index: 1005;
  line-height: 60px;
}
.right_nav .aside > li img {
  vertical-align: middle;
}
.right_nav .aside > li p img {
  width: 80%;
}
.right_nav .aside > li p:hover img {
  width: 85%;
}
.right_nav .aside > li .img2 {
  display: none;
}
.right_nav .aside > li > div {
  background-image: url(../img/white_bg.png);
  background-repeat: repeat;
  position: absolute;
  display: none;
}
.right_nav .aside > li .phone_meassage {
  right: -240px;
  top: 0;
  width: 300px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  padding: 5px 0;
}
.right_nav .aside > li .qq_online {
  top: 0;
  right: -127px;
  width: 187px;
  padding: 0 20px 0 15px;
}
.right_nav .aside > li .qq_online .qq_online_title {
  text-align: left;
  font-size: 15px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
}
.right_nav .aside > li .qq_online .qq_online_box {
  margin-top: 11px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li {
  line-height: 35px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li a{ color:#fff}
.right_nav .aside > li .qq_online .qq_online_box ul li i {
  float: left;
  margin-top: -17px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li span {
  float: left;
  margin-top: -16px;
  margin-left: 10px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {
  text-decoration: underline;
}
.right_nav .aside > li .fx {
  position: absolute;
  top: 0;
  right: -127px;
  width: 187px;
}
.right_nav .aside > li .fx > div {
  margin-left: 24px;
}
.right_nav .aside > li .ewm {
  top: -20px;
  right: 60px;
  width: 100px;
  height: 100px;
}
.right_nav .aside > li .search_box {
  position: absolute;
  top: 0;
  right: -205px;
  width: 265px;
  text-align: center;
  height: 100%;
}
.right_nav .aside > li .search_box .search_input {
  width: 220px;
  height: 36px;
  position: relative;
  margin: 12px auto;
}
.right_nav .aside > li .search_box .search_input span {
  position: absolute;
  line-height: 34px;
  left: 10px;
  z-index: 101;
}
.right_nav .aside > li .search_box .search_input input {
  width: 220px;
  border: none;
  background-color: transparent;
  height: 36px;
  padding-left: 10px;
  position: absolute;
  line-height: 30px;
  z-index: 1;
  top: 0;
  left: 0;
  background: url(../img/black_bg.png);
}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {
  color: #fff;
}
.pc_menu .menu .nLi {
  float: left;
  width: 14%;
  position: relative;
}
.pc_menu .menu{ margin-top:4%}
.pc_menu .menu .nLi h3 a {
  display: block;
  text-align: center;
  color: #181818;
  font-size:14px;
  line-height: 35px;
}
.pc_menu .menu .nLi h3 a:hover{ background:#9ad82f; border-radius:5px; color:#fff}
.pc_menu .menu .nLi .menu_2 {
  display:none;
  position: absolute;
  top: 35px; left:-15%;
  width: 130%;
  z-index: 10;
  padding-top:55px;background: url(../img/ico1.png) no-repeat top center;
}
.pc_menu .menu .nLi .menu_2 .menu_21{ padding:6px; background:#fff; border-radius:5px; box-shadow:1px 2px 1px #888888;}
.pc_menu .menu .nLi .menu_2 .menu_22{ border:dashed 1px #c1c1c1;border-radius:5px; padding:10px 5px}
.pc_menu .menu .nLi .menu_2 li a {
  display: block;
  color: #333;
  line-height: 32px;
  text-align: center;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%
}
.pc_menu .menu .nLi .menu_2 li a:hover{ color:#649535; text-decoration:underline}
#footer{background: url(../img/foot.png) no-repeat top center; padding-top:40px;}
.foot_con .inner{ line-height:35px; height:210px;}
.foot_er{ margin-top:60px; width:140px; float:left; text-align:center; margin-left:10%}

#footer .friendship {
  padding: 15px 0; border-bottom:solid 1px #fff; margin-top:100px;
}
#footer .friendship h4 {
  color: #fff;
  font-size: 14px;
}
#footer .friendship h4 img {
  vertical-align: middle;
  margin: 0 5px;
}
#footer .friendship ul{ margin-top:3px;}
#footer .friendship ul li {
  float: left;
}
#footer .friendship ul li a {
  display: block;
  color: #fff;
  font-size: 14px;
  border-right: 1px solid #fff;
  padding: 0 15px; line-height:14px;
}
#footer .copyright {
  text-align: left;
  padding: 25px;
  position: relative;
}
#footer .copyright .copyright_con {
  font-size: 14px;
  color: #fff; line-height:24px;
 
}
#footer .copyright .copyright_con a{ color:#fff}
#footer .copyright .top {
  position: absolute;
  right: 10px;
  top: -25px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 10;
}
#footer .copyright .top img {
  width: 80%;
  top: 2px;
  z-index: 100;
  position: absolute;
  left: 3px;
}
#footer .copyright .top:before {
  background-image: url(../img/black_bg.png);
  display: block;
  content: " ";
  border-radius: 50%;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
@media  (max-width: 640px) {
	 #footer{ background-position: 70% bottom ; background-color:#fff; background-size: auto 60%; padding-top:0}
	 #footer .copyright{ padding:5px 15px}
	 .foot_er{ margin-top:25px; margin-bottom:35px;}
	 #footer .copyright .copyright_con{ line-height:20px;}
}
.wap_footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 7px 0;
  z-index: 1000;
  background: #f795a4;
}
.wap_footer dl {
  width: 20%;
  float: left;
  text-align: center; margin-bottom:0;
}
.wap_footer dt {
  height: 33px;
}
.wap_footer dd {
  color: #fff;
}
.wap_footer dl dt img {
  width: 40%;
}
/*手机底部搜索*/
.wap_search_input {
  position: fixed;
  bottom: 65px;
  left: 100%;
  width: 100%;
  z-index: 1000;
  padding: 8px 2%;
  background: #9e845a;
}
.wap_search_input:after {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.wap_search_input input {
  float: left;
  width: 80%;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  padding-left: 2%;
  color: #333;
  position: relative;
  z-index: 100;
  box-sizing: border-box;
}
.wap_search_input p {
  float: left;
  height: 30px;
  line-height: 30px;
  color: #fff;
  position: relative;
  z-index: 100;
  margin-left: 2%;
  width: 18%;
  text-align: center;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
}
/*黑色遮罩*/
.black_cloth {
  position: fixed;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background: url(../img/black_cloth.png) repeat;
  display: none;
  top: 0;
  left: 0;
}
/*手机左边弹出导航*/
.wap_menu {
  width: 250px;
  position: fixed;
  top: 0px;
  left: -250px;
  height: 100%;
  text-align: left;
  z-index: 10000001;
  background: #b23b4e;
}
.wap_menu li.menu_tit {
  font-size: 18px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  padding: 15px 10px;
  color: #fff;
}
.wap_menu li.menu_tit span {
  font-size: 20px;
  position: absolute;
  top: 12px;
  right: 15px;
  border-bottom: none;
  z-index: 1000;
}
.wap_menu li {
  margin-bottom: 2px;
  font-size: 14px;
  position: relative;
}
.wap_menu li .wap_menu1 {
  line-height: 24px;
  font-size: 16px;
  text-transform: Uppercase;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}
.wap_menu li p {
  padding: 10px 10px; margin-bottom:0;
}
.wap_menu li .wap_menu1 a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 25px;
  color: #ffffff;
}
.wap_menu li .wap_menu1 p.left {
  float: none;
}
.wap_menu li .wap_menu1 p.right {
  width: 15%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  float: none;
  z-index: 1000;
}
.wap_menu li .wap_menu2 {
  display: none;
}
.wap_menu li .wap_menu2 a {
  display: block;
  background: none;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  font-size: 14px;
  border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
  padding: 10px;
}
.wap_menu li .wap_menu2 a i {
  float: left;
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin: 13px 10px 0 5px;
}
.wap_menu li .wap_menu2 a span {
  float: left;
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*pc侧边栏分类样式*/
._aside {padding-right: 0; width:250px;float:left; padding-left:0;background: url(../img/sub_bg.jpg) repeat-y;margin-right:30px; }
.main{ overflow:hidden; }
._aside ._aside_bot{ background: url(../img/sub_bot.jpg) no-repeat bottom; padding-bottom:150px;}
._aside ._aside_bot > h2 {background: url(../img/sub_top.jpg) no-repeat;color: #fff;height:114px; text-align:center; padding-top:12px;}
._aside ._aside_bot > h2 .en{ color:#fcd5da; font-size:20px;  position:relative;text-transform:Uppercase}
._aside ._aside_bot > h2 .en:before{display:block; content:" "; position:absolute; top:50%; left:-45px;width:35PX; height:1px; line-height:1px; background:#fcd5da;}
._aside ._aside_bot > h2 .en:after{display:block; content:" "; position:absolute; top:50%; right:-45px;width:35px; height:1px; line-height:1px; background:#fcd5da;}
._aside ._aside_bot > h2 .ch{ font-size:24px; display:block; margin-top:5px;}
/*一级的样式*/
._aside ul.sidemenu > li.sub1 ul {
  display: none;
}
._aside ul.sidemenu > li.sub1 { margin-bottom:5px;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {
  display: block;
  box-sizing: content-box;
  font-size: 16px;
  color: #f795a4;
  line-height:36px; height:36px; padding-left:50px;
  text-overflow: ellipsis;background: url(../img/sub1_bg1.jpg) no-repeat;
  overflow: hidden;
  white-space: nowrap; 
}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li.sub1 > a.sub1_a:hover {
  background: url(../img/sub1_bg.jpg) no-repeat; color:#fff
}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul{width:180px; margin:auto; margin-top:5px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {
  display: block; background: url(../img/sub2_ico.jpg) no-repeat 5px;
  padding-left:20px; 
  text-overflow: ellipsis; font-size:16px;
  overflow: hidden; height:30px; line-height:30px;
  white-space: nowrap;
}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a:hover,._aside ul.sidemenu > li.sub1 > ul > li.current > a.sub2_a{background: url(../img/sub2_ico1.jpg) no-repeat 5px; color:#f795a4; text-decoration:underline}
/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul{width:180px; margin:auto; margin-top:5px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {
  display: block;
  padding-left:20px;
  color: #333333;text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; height:24px; line-height:24px;
}
/*pc内页crumb*/
.main > .crumb { text-align:right;
  font-size: 12px;
  color: #999999;
  line-height: 38px;background: url(../img/crumb_bg.jpg) repeat-x bottom; padding-right:5px;
}
.main > .crumb  span{background: url(../img/home_ico.jpg) no-repeat 5px; background-size:auto 100%; padding-left:30px;}
.main .article{ padding:30px 15px;}

#banner {
  position: relative; overflow: hidden;
}
#banner .top{ top:0; left:0; position:absolute; z-index:1000; width:100%;  background-image:url(../img/header_bg.png); background-size:auto 100%; padding-bottom:3%;  -webkit-animation: lang3 160s linear 0s infinite;
          animation: lang3 160s linear 0s infinite;
}
@keyframes lang3 {
  0% {
    background-position:0% top
  }
  50% {
   background-position:1586px top
  }
  100% {
   background-position:0% top
  }
}

#banner .owl-theme .owl-controls .owl-dots{
  position: absolute;
  bottom: 2%;
  width: 100%;
}
#banner .owl-theme .owl-controls .owl-nav{ position:absolute; bottom:50%; width:100%}
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ display:block}
#banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%}
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 700px;}
@media all and (max-width: 992px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 400px;}
}
@media all and (max-width: 640px) {
	.main .article{ padding:15px 0;}
	  #owl-demo{ margin-top:40px;}
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item {height: 200px;}
 #banner{ height:240px;}
}
@media (max-width: 640px) {
	#banner .top{ background:url(../img/header_bg.png) 20% top; background-size:auto 100%; }

	#header .logo{ height:60px;}
	.logo img{ max-height:100%;max-width:none}
	.main{ display:block; width:100%; padding:0 15px;}
  ._aside {
    padding: 0;display:block; width:100%; background:none
  } 
  ._aside ._aside_bot{ background:none; padding-bottom:0}
  /*手机内页crumb*/
 ._aside ._aside_bot > h2 {
   padding:0 15px 0 50px;
    font-size: 16px;
    color: #fff;
    line-height: 35px; height:35px;background: url(../img/wap_ico.jpg) no-repeat 5px 12px #f795a4; text-align:left; 
  }
  ._aside ._aside_bot > h2 .ch{ float:left; font-size:16px;margin-top:0}
   ._aside ._aside_bot > h2 .en{ font-size:14px; margin-left:5px;}
  ._aside ._aside_bot > h2 .en:before, ._aside ._aside_bot > h2 .en:after{ width:0; display:none}
  ._aside h2 .phone-menuicon {
    float: right;
    cursor: pointer;
  }
  ._aside h2 .phone-menuicon img {
    -webkit-transition: all .4s;
            transition: all .4s;
  }
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {
    width: 100%;
    display: none; background:#ebebeb
  }
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1{ width:90%; margin:auto}
  ._aside ul.sidemenu > li.sub1 ul {
    display: none;
  }
  ._aside ul.sidemenu > li.sub1 > a.sub1_a {
    display: block; background:none;
    box-sizing: content-box;
    height: 30px;
    font-size: 14px;
    color: #666;
    padding: 0 10px 0 30px;
    line-height: 30px;
    border-bottom:dashed 1px #aaa;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;background: url(../img/wap_ico3.jpg) no-repeat 5px;
  }
  ._aside ul.sidemenu > li.current > a.sub1_a {
    color: #666;
  }
  ._aside ul.sidemenu > li.current > a.sub1_a, ._aside ul.sidemenu > li.sub1 > a.sub1_a:hover{ background: url(../img/wap_ico3.jpg) no-repeat 5px;color: #666;}
  /*二级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul{ width:100%; margin-top:0 }
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {
    display: block;
    padding: 0px 10px 0 40px;
    color: #666; font-size:14px;
    text-overflow: ellipsis;
    overflow: hidden;line-height: 30px;height: 30px;background: url(../img/sub2_ico1.jpg) no-repeat 25px center;border-bottom:dashed 1px #aaa;
    white-space: nowrap;
  }
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a:hover, ._aside ul.sidemenu > li.sub1 > ul > li.current > a.sub2_a{background: url(../img/sub2_ico1.jpg) no-repeat 25px 10px; color: #666;}
  /*三级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul{ width:100%; margin:auto}
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {
    display: block;
    padding: 0px 10px 0 40px;
    color: #666;border-bottom:dashed 1px #aaa;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  #header .menu_icon img {
    width: 100%;
  }
}

.product .inner ul{ margin-top:6%; overflow:hidden}
.product .inner ul li i{ display:none;}
.product .inner ul li{position:relative; margin-bottom:6%;}
.product .inner ul li .pro_img{ border-radius:50%; overflow:hidden; border:solid 2px #fc9caa;  padding:2%;  }
.product .inner ul li .pro_img a{ display:block; overflow:hidden;  border-radius:50%; position:relative}
.product .inner ul li p{ position:absolute; width:40%; height:40%; background:#ff8846; z-index:100; bottom:-10%; right:0; border-radius:50%;display: table; padding:0 10px; text-align:center}
.product .inner ul li p a{vertical-align: middle;display: table-cell; color:#fff; position:relative;  }
.product .inner ul li:nth-child(2) p{ background:#94c6f7;}
.product .inner ul li:nth-child(3) p{ background:#9ad82f;}
.product .inner ul li:nth-child(4) p{ background:#f795a4;}
.product .inner ul li .pro_img a i{ display:block;background:url(../img/black.png); color:#fff; text-align:center; font-style:normal; font-size:52px; padding-top:40%;  width:100%; height:100%; position:absolute; border-radius:50%;  transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); }
.product .inner ul li:hover .pro_img a i{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);  }

.service{ background:#e8e8eb; padding:40px 0; overflow:hidden}
.service .service_left{ background:url(../img/ser_tit.jpg) no-repeat bottom center; background-size:auto 100%; padding:0 }

.service .service_left .title .en{ font-size:45px; color:#f795a4;text-transform:Uppercase; display:block}
.service .service_left .title .ch{ font-size:24px; color:#333333}
.service .service_left .service_tel{ text-align:center; color:#fff; margin-top:61%}
.service .service_left .service_tel h2{ font-size:20px; font-weight:normal; position:relative; display:inline-block; margin-bottom:10px;}
.service .service_left .service_tel h2:before{display:block; content:" "; position:absolute; top:50%; left:-70%;width:60%; height:1px; line-height:1px; background:#fff}
.service .service_left .service_tel h2:after{display:block; content:" "; position:absolute; top:50%; right:-70%;width:60%; height:1px; line-height:1px; background:#fff}
.service .service_left .service_tel p{ font-size:32px; font-weight:bold;animation-iteration-count:infinite;animation-duration:2.5s}

.service .service_right{ padding:0;}
.service .service_right ul li{ background:#fff}
.service .service_right .ser_img{ padding:0; overflow:hidden;}
.service .service_right .ser_img a img{transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.service .service_right .ser_img a:hover img{transform: scale(1.08,1.08);}
.service .service_right .ser_txt{ padding-top:10%; text-align:center;}
.service .service_right .ser_txt b{ font-size:20px; color:#f795a4; font-weight:normal; padding-bottom:15px; display:block; margin-bottom:15px; position:relative}
.service .service_right .ser_txt b:before{display:block; content:" "; position:absolute; bottom:0; left:50%; height:1px; line-height:1px; width:20%; background:#f795a4; margin-left:-10%;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.service .service_right ul li:hover .ser_txt b:before{ width:80%; margin-left:-40%;}
.service .service_right .ser_txt p{ color:#4c4c4c;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media  (max-width: 780px) {
	.service .service_left .title .en{ font-size:35px;}
.service .service_left .title .ch{ font-size:21px; color:#333333}
.service .service_left .title{ width:90%; margin:auto}
.service .service_left .service_tel h2{ font-size:18px;  margin-bottom:5px;}
.service .service_left .service_tel p{ font-size:25px; }
.service .service_left .service_tel{ margin-top:58%}
}
@media  (max-width: 640px) {
	.service .service_right{ margin-top:15px; padding:0 15px;}
	.service .service_right .ser_txt b{ font-size:18px; padding-bottom:8px; margin-bottom:8px;}
	.service .service_left .title .en{ font-size:25px;}
.service .service_left .title .ch{ font-size:18px; color:#333333}
.service .service_left .title{ width:90%; margin:auto}
.service .service_left .service_tel h2{ font-size:18px;  margin-bottom:5px;}
.service .service_left .service_tel p{ font-size:25px; }
.product .inner ul li p a{ line-height:16px;}
}

.about,.news{ margin-top:20px; margin-bottom:20px; }
.about .title,.news .title,.foot_con .title{ padding:25px 0}
.about .title .ch,.news .title .ch,.foot_con .title .ch{ font-size:26px;}
.about .title .en,.news .title .en,.foot_con .title .en{ font-size:20px; text-transform:Uppercase; margin-left:5px;}
.about .title .ch,.about .title .en{ color:#9ad82f}
.news .title .ch,.news .title .en,.foot_con .title .ch,.foot_con .title .en{ color:#f795a4}

.about .inner .about_img{ border:solid 1px #d9d9d9}
.about .inner .about_text{ line-height:25px; margin:25px 0; height:100px; overflow:hidden}
.about .inner .about_more{ background:#9ad82f; width:40%; margin:auto; height:40px; line-height:40px; text-align:center; border-radius:10px; position:relative}
.about .inner .about_more a{ color:#fff; font-size:16px;}
.about .inner .about_more a:hover{ text-decoration:underline} 
.about .inner .about_more:before{display:block; content:" "; position:absolute; top:50%; left:-40%;width:40%; height:1px; line-height:1px; background:#9ad82f}
.about .inner .about_more:after{display:block; content:" "; position:absolute; top:50%; right:-40%;width:40%; height:1px; line-height:1px; background:#9ad82f}

.news ul li{ margin-bottom:20px; }
.news ul li b{ font-size:18px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:90%;}  
.news ul li p{ color:#666;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:12px 0;width:90%;}
.news ul li span{ color:#999}
.news ul li a{ color:#333;text-transform:Uppercase; display:block; width:100%; height:100%; position:relative;padding:30px;}
.news ul li a:before{display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:30px; border:solid 1px #d9d9d9; border-bottom:none;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news ul li a:after{display:block; content:" "; position:absolute; bottom:0; left:0;width:100%; height:30px; border:solid 1px #d9d9d9; border-top:none;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.news ul li:hover a:before{ top:-8px; border-color:#f795a4}
.news ul li:hover a:after{ bottom:-8px; border-color:#f795a4}
.news ul li em{ width:35px; height:35px; display:block; right:15px; top:50%; margin-top:-12px;background:url(../img/ico3.png) no-repeat; position:absolute; background-size:100% auto}
.news ul li:hover em{ background:url(../img/ico3_1.png) no-repeat;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; }
@media  (max-width: 640px) {
	.about .inner .about_more a{ font-size:14px;}
.about, .news{ margin-top:0}
.about .title .ch, .news .title .ch,.foot_con .title .ch{ font-size:22px;}
.about .title .en,.news .title .en,.foot_con .title .en{ font-size:18px; }
.news ul li em{ width:25px; height:25px;}
.news ul li{ margin-bottom:15px; }
.news ul li b{ font-size:16px;}
.foot_con .title{ padding:25px 0 5px 0}
}
@media  (max-width: 780px) {
.news ul li a{ padding:15px;}
}



.page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#f795a4; border-color:#f795a4}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}


.list-img {
  margin: 0 -15px;
}
.list-img > ul > li {
  text-align: center;
  
  margin-bottom: 30px;
}
.list-img > ul > li a .text_area {
  color: #000;
  line-height: 300%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; color:#999;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; position:relative;
}
.list-img > ul > li a .text_area:after{display:block; content:" "; position:absolute; bottom:0px; left:0;width:100%; height:2px; background:#f795a4;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);}
.list-img > ul > li a .text_area:before{display:block; content:" "; position:absolute; bottom:0px; left:0;width:100%; height:2px; background:#ebebeb;}
.list-img > ul > li:hover a .text_area:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);}
.list-img > ul > li:hover a .text_area{ color:#000}
.list-img > ul > li a .img_area{width:100%;border:solid 1px #ebebeb; position:relative }
.list-img > ul > li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}
.list-img > ul > li a .img_area i{ width:100%; height:100%;background:url(../img/black.png); position:absolute; top:0; left:0; display:block; z-index:10;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);}
.list-img > ul > li:hover a .img_area i{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
@media  (max-width: 640px) {
	.list-img > ul{ padding:0 7.5px;}
.list-img > ul > li {padding: 0 7.5px;}
}

.list-text ul  li{ margin-bottom:20px; }
.list-text ul  li b{ font-size:18px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:90%;}  
.list-text ul  li p{ color:#666;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:12px 0;width:90%;}
.list-text ul  li a{ color:#333;text-transform:Uppercase; display:block; width:100%; height:100%; position:relative;padding:30px;}
.list-text ul  li a:before{display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:30px; border:solid 1px #d9d9d9; border-bottom:none;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.list-text ul  li a:after{display:block; content:" "; position:absolute; bottom:0; left:0;width:100%; height:30px; border:solid 1px #d9d9d9; border-top:none;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.list-text ul  li:hover a:before{ top:-8px; border-color:#f795a4}
.list-text ul  li:hover a:after{ bottom:-8px; border-color:#f795a4}
.list-text ul li span{ color:#999}
.list-text ul  li em{ width:35px; height:35px; display:block; right:15px; top:50%; margin-top:-12px;background:url(../img/ico3.png) no-repeat; position:absolute; background-size:100% auto}
.list-text ul  li:hover em{ background:url(../img/ico3_1.png) no-repeat;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; }
@media  (max-width: 640px) {
.list-text ul li em{ width:25px; height:25px;}
.list-text ul li{ margin-bottom:15px; }
.list-text ul  li b{ font-size:16px;}
}
@media  (max-width: 780px) {
.list-text ul  li a{ padding:15px;}
}

.list_img_text{  margin: 0 -15px;}

.list_img_text ul li {
    margin-bottom:15px;
}
.list_img_text ul li .img_area{
    border: 1px solid #e6e6e6;
     position:relative
}
.list_img_text ul li .img_area .date{ position:absolute; bottom:0; left:0; width:130px; height:35px; line-height:35px; color:#fff; background:url(../img/black.png); text-align:center}
.list_img_text ul li .text_area{ padding:20px 10px;	transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.list_img_text ul li .text_area .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; font-weight:bold; 
	margin-bottom:12px; font-size:16px; 
}

.list_img_text ul li .text_area .title a{ color:#333}
.list_img_text ul li .text_area .tip a{color:#666; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; display:block}
.list_img_text ul li:hover .text_area{ background:#f795a4;}
.list_img_text ul li:hover .text_area .title a,.list_img_text ul li:hover .text_area .tip a{ color:#fff}


.search ul li{ padding-bottom:15px;  position:relative; margin-bottom:15px;border-bottom:dashed 1px #adadad;}
.search ul li .search_li:after{display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:100%; background:#f795a4; z-index:0;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;}
.search ul li .search_li{border-left:solid 2px #f795a4; padding:10px 20px;position:relative;}

.search ul li .title{ font-size:16px;margin-bottom:10px; height:20px; line-height:20px; background-size:auto 100%;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:100}
.search ul li .tip{ line-height:24px; height:48px; width:100%; overflow:hidden;transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;position:relative; z-index:100}

.search ul li:hover .search_li .title a,.search ul li:hover .search_li .tip a{ color:#fff}
.search ul li:hover .search_li:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);
}


.news_detail .title {
  padding-bottom: 10px;
  border-bottom: dashed 1px #aaa;
  text-align: center;
}
.news_detail .title h3 {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  line-height:190%
}
.news_detail .title .box {
  display: inline-block;
  text-align: center;
}
.news_detail .title .box img {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.news_detail .title .box div {
  margin-right: 5px;
}
.news_detail .title .box .time {
  float: left;
  text-align: center;
}
.news_detail .title .box .eye {
  float: left;
  text-align: center;
}
.news_detail .title .box .back {
  float: left;
}
.news_detail .news_detail_content {
  margin-top: 15px;
}
.news_detail .pageTurning {
  margin-top: 15px;
}
.news_detail .pageTurning .prevs,
.news_detail .pageTurning .nexts {
  background: #ddd;
  line-height:250%;
  padding:0 10px;
}
.news_detail .pageTurning .prevs {
  margin-bottom: 5px;
}



.product_detail .title {
  padding-bottom: 10px;
  border-bottom: dashed 1px #aaa;
  text-align: center;
}
.product_detail .title h3 {
  font-size:120%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  line-height:190%
}
.product_detail .title .box {
  display: inline-block;
  text-align: center;
}
.product_detail .title .box img {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.product_detail .title .box .back {
  float: left;
}

.product_detail .product_detail_images {
  padding-top: 15px;
  text-align: center;
  position: relative;
}
.product_detail .product_detail_images .product_detail_btn2 {
  position: absolute;
  right: 3%;
  top: 48%;
  background:url(../img/rgb0.3.png);
  z-index: 100;
   font-size:0;
}
.product_detail .product_detail_images .product_detail_btn1 {
  position: absolute;
  left: 3%;
  top: 48%;
  background:url(../img/rgb0.3.png);
  z-index: 100;
  font-size:0
}
.product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{  margin: 10px 5px;}
.product_detail .product_detail_images .owl-carousel .owl-item img {
  width:auto;  
  margin: auto;
  cursor: pointer;
  max-width:100%;
}
.product_detail .product_detail_images .owl-theme .owl-controls {
  position: absolute;
  bottom: 2%;
  width: 100%;
}
.product_detail .product_detail_images .product_detail_img {
  width: 80%;
  margin: 0 auto;
}
.product_detail .product_detail_content {
  margin-top: 20px;
  margin-bottom: 20px;
}
.product_detail .pageTurning {
  margin-top: 15px;
}
.product_detail .pageTurning .prevs,
.product_detail .pageTurning .nexts {
  background: #ddd;
  line-height:250%;
  padding:0 10px;
}
.product_detail .pageTurning .prevs {
  margin-bottom: 5px;
}

 .pswp__bg{ background:url(../img/rgb0.8.png)}
@media (max-width: 640px) {
 .pswp__bg{ background:#000}
	}

.feedback-form .title {
    padding:15px;
    color: #000;
    background-color: #F2F2F2;
	margin-bottom:15px;box-sizing:border-box; 
}
.feedback-form .form-group .sure,.feedback-form .form-group .more{ padding:5px 15px; border:none; color:#fff; border-radius:5px; margin-right:10px;}
.feedback-form .form-group .sure{ background:#df0024}
.feedback-form .form-group .more{ background:#dfa800}
@media (max-width: 640px) {
 .feedback-form .title {margin-left:-15px; margin-right:-15px}
}