/* 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 { height:110px; position:relative}
#header .logo img{ max-width:100%; max-height:80%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}
#header .tel {}
#header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;}
@media all and (max-width: 992px) {
	#header .logo{ height:70px;}
	.logo img{ max-height:100%;max-width:none}
}

/*pc导航*/
.pc_menu .menu .nLi {float: left;width: 14%;position: relative;}
.pc_menu .menu .nLi h3 {padding: 45px 0 35px; font-size:16px;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #181818;line-height: 30px;}
.pc_menu .menu .nLi h3 a:hover,.pc_menu .menu .nLi.current h3 a{ color:#bca65b}
.pc_menu .menu .nLi .menu_2 {display: none;background:rgba(0,0,0,0.6);position: absolute;top: 110px;width: 100%;z-index: 10;padding:10px 0}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


/*大图样式*/
#banner {position: relative; overflow: hidden;}
#banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;}/*大图下方点点的位置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ position:absolute; bottom:50%;padding:15px 10px}/*箭头的设置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
#banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}
#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: 735px;}/*大图记得修改高度*/
.subbanner #owl-demo,.subbanner #owl-demo .owl-wrapper-outer,.subbanner #owl-demo .owl-wrapper,.subbanner #owl-demo .owl-item,#banner.subbanner{height: 440px;}
@media all and (max-width: 992px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 400px;}
  .subbanner #owl-demo,.subbanner #owl-demo .owl-wrapper-outer,.subbanner #owl-demo .owl-wrapper,.subbanner #owl-demo .owl-item,#banner.subbanner{height: 300px;}

}
@media all and (max-width: 640px) {
	#header .logo img{right:auto}
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 200px;}
  .subbanner #owl-demo,.subbanner #owl-demo .owl-wrapper-outer,.subbanner #owl-demo .owl-wrapper,.subbanner #owl-demo .owl-item,#banner.subbanner{height: 150px;}

}


/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p,.right_nav .aside > li > div {background-color: #bca65b;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 .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;}


/*底部样式*/
#footer .friendship {padding:20px 0;font-size:16px; text-align:center}
#footer .friendship.f_bg{ background:url(../img/sub_bg.jpg) repeat-y left}
#footer .friendship a {padding: 0 30px; font-size:16px;}
#footer .copyright {background: #9e845a;text-align: center;padding: 15px 0;position: relative;}
#footer .copyright .copyright_con {color: #fff;padding: 0 15px;}
#footer .copyright .copyright_con a{ color:#fff}

#footer .copyright .top {position: absolute;right: 10px;top: -15px;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;}

/*wap底部快捷按钮*/
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 7px 0;z-index: 1000;background: #9e845a;}
.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: #9e845a;}
.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: 8px 10px 0 5px;}
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.aside_back { text-align:center; background:#7d7d7d;}
.aside_back a{ color:#fff; display:block; font-size:24px;text-transform:Uppercase; }
.aside_back a i{ height:35px; line-height:35px;width:35px;display:inline-block; padding-top:10px; margin-right:5px; }
.aside_back a i img{ display:block}
.aside_back a span{ display:inline-block; height:60px; line-height:60px;}

/*pc侧边栏分类样式*/
._aside { width:250px; float:left; background:#e9e9e9; position:relative; z-index:10}
._aside > h2 { text-align:center; margin-top:40px; margin-bottom:40px;}
._aside h2 .en{text-transform:Uppercase; color:#c2ae6a; font-size:34px; display:block; font-weight:normal}
._aside h2 .ch{ color:#c2ae6a; font-size:18px;}
/*一级的样式*/
._aside ul.sidemenu { width:220px; float:right}
._aside ul.sidemenu > li.sub1{ border-left:solid  3px #e9e9e9; padding:15px 0 15px 20px; margin-bottom:1px; }
._aside ul.sidemenu > li.sub1 ul {display: none;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height:30px; font-size:16px; color:#333}
._aside ul.sidemenu > li.current,._aside ul.sidemenu > li:hover{border-left:solid 3px #c2ae6a; background:#fff}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:30px; line-height:30px; padding-left:10px; color:#666}

._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{ }

/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:25px; line-height:25px; padding-left:20px;color:#999}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{}

.main{ float:left; width:calc( 100vw - 400px ); padding-left:40px; position:relative; z-index:10}
.main .crumb{ height:40px; margin-top:20px; line-height:40px; color:#fff}
.main .crumb a{ color:#fff}
.main .crumb span{ background:url(../img/home.jpg) no-repeat left center; padding-left:25px;}
.article{ padding-top:35px; margin-bottom:35px;}
.sub_content{ background:url(../img/sub_content.jpg) repeat-x top; position:relative}
.sub_content:before{display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:100%; background:url(../img/sub_bg.jpg) repeat-y}
@media (max-width: 640px) {
	.article{ padding-top:15px; margin-bottom:15px;}

  ._aside {padding: 0; float:none; width:100%; display:block; }
  .main{ float:none; display:block; width:100%; padding:0 15px; margin-bottom:15px;}
  /*手机内页crumb*/
  ._aside > h2 { font-size:16px; background:#c2ae6a; text-align:left; height:30px; line-height:30px;margin-top:0; margin-bottom:1px; padding:0 5px; }
 ._aside h2 .ch {color:#fff; font-size:16px;}
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:20px;}
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s; height:100%}
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {display: none; float:none; width:100%}
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1{ border:none; padding:0;}
  ._aside ul.sidemenu > li.sub1 ul {}
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { padding:0 10px; background:#CCC;}
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
  /*二级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a{ background:#ddd; padding-left:15px;}
  /*三级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a { background:#eee; padding-left:20px;}
  #header .menu_icon img {width: 100%;}
  .sub_content,.sub_content:before{ background:none}

}

/*新闻详情页样式，若不需要请删除*/
.news_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.news_detail .title h3 {font-size:16px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px}
.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:35px;}
.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: 2%;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: 2%;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)}
 


.index_num{ background:#f7f7f7; padding:25px 0}
.index_num ul li{ text-align:center; border-right:solid 1px #d2d2d2; position:relative}
.index_num ul li:last-child{ border:none}
.index_num ul li b{ font-size:42px; display:inline-block; font-weight:normal; height:55px; line-height:55px;position:relative}
.index_num ul li b span{ position:absolute; width:20px; height:20px; line-height:20px; top:0px; right:-20px; font-size:14px;}

.about{ position:relative}
.about .title{position:absolute;text-align:right; left:0;  top:80px;}
.about .more{ position:absolute; right:0; }
.about .more a{ display:block; background:url(../img/about_hr.png) no-repeat 80px center; height:24px; line-height:24px;}
.about .title .en{ font-size:48px; color:#bca65b; font-weight:bold;text-transform:Uppercase; display:block; border-bottom:solid 1px #bca65b; height:85px; line-height:85px; }
.about .title .ch{ font-size:24px; color:#666666; position:relative; margin-top:15px; display:block; padding-bottom:15px;}
.about .title .ch:before{display:block; content:" "; position:absolute; bottom:0; right:0;width:50px; height:3px; background:#bca65b}
.about .inner{ color:#666666; line-height:34px; height:170px; overflow:hidden}
.about .container{ background:url(../img/about_bg.jpg) no-repeat 28% 0px; padding-top:80px;margin-bottom:80px;}
.about .row{ background:url(../img/about_bg.jpg) no-repeat right bottom; }

.about_img{ margin-top:70px}

.pro{ background:url(../img/pro_bg.jpg) no-repeat center bottom #f7f7f7; padding:50px 0}
.pro .title{ text-align:center; margin-bottom:55px;}
.pro .title .ch{ display:block;font-size:36px; color:#666666;}
.pro .title .en{ display:block;font-size:36px; color:#bca65b;font-weight:bold;text-transform:Uppercase; }
.pro .title p{ color:#666666}
.pro .inner ul li{ padding: 5px; text-align:center;}
.pro .inner ul li a .img_area{width:100%; position:relative; overflow:hidden }
.pro .inner ul li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pro .more{ width:110px; height:40px; line-height:40px; text-align:center; background:#c2ae6a; border-radius:10px; margin:auto; margin-top:40px;}
.pro .more a{ color:#fff;}
.pro .more a:hover{ text-decoration:underline}

.news { margin-bottom:40px;}
.news .container{ position:relative}
.news .container .news_ico{ position:absolute; top:-70px; z-index:10; right:-50px}
.news .title { position:relative; margin-top:60px;}
.news .title .ch{ font-size:36px; padding-top:60px; display:block; position:relative; z-index:10}
.news .title .en{ font-size:80px; color:#f9f9f9; position:absolute;text-transform:Uppercase; top:0; left:0}
.news .inner { margin-top:50px;}
.news .inner ul li{ margin-bottom:15px; background:#f7f7f7;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.news .inner ul li .img_area{ padding:0; }
.news .inner ul li .text_area{ padding:15px 35px 0px 0px;}
.news .inner ul li .text_area .news_t { margin-bottom:10px; display:block; margin-top:2%}
.news .inner ul li .text_area .news_t span{ float:right; width:20%; text-align:right; font-weight:normal;color:#666}
.news .inner ul li .text_area .news_t i{ float:left; width:80%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-weight:normal; font-style:normal; font-size:16px; color:#666}
.news .inner ul li .text_area p{ font-size:14px; color:#999; line-height:24px; height:48px; overflow:hidden}
.news .inner ul li:hover .img_area a img{ transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.news .inner ul li:hover{box-shadow: 0 0 20px #e9e9e9;}
.news .inner .more{width:110px; height:40px; line-height:40px; text-align:center; background:#c2ae6a; border-radius:10px; margin:auto; margin-top:40px;}
.news .more a{ color:#fff;}
.pro .inner ul li .text_area{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:95%; margin:auto}
.news .more a:hover{ text-decoration:underline}


@media (min-width: 920px){
.pro .inner ul li a .img_area i{position:absolute; background:#fff;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; z-index:20  }
.pro .inner ul li a .img_area .i1{ width:90%; height:1px;top:10%; left:-100% }
.pro .inner ul li a .img_area .i2{  width:90%; height:1px; bottom:10%; right:-100%; }
.pro .inner ul li a .img_area .i3{  width:1px; height:90%; bottom:-100%; left:10%; }
.pro .inner ul li a .img_area .i4{  width:1px; height:90%; top:-100%; right:10%; }
.pro .inner ul li:hover a .img_area .i1{ left:5%;}
.pro .inner ul li:hover a .img_area .i2{ right:5%;}
.pro .inner ul li:hover a .img_area .i3{ bottom:5%;}
.pro .inner ul li:hover a .img_area .i4{ top:5%;}
.pro .inner ul li a .img_area:before{ position:absolute; width:100%; height:100%; background:#000;filter:Alpha(opacity=0);opacity:0; z-index:1;display:block; content:" "; top:0; left:0;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pro .inner ul li:hover a .img_area:before{filter:Alpha(opacity=50);opacity:0.5}
.pro .inner ul li:hover a .img_area img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}
.pro .inner ul li{ padding:7.5px}
.pro .inner ul li a{ display:block; position:relative}
.pro .inner ul li .text_area{ position:absolute; top:50%; margin-top:-10px; height:20px; line-height:20px; text-align:center; width:76%; left:12%; z-index:22; color:#fff;filter:Alpha(opacity=0);opacity:0;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.pro .inner ul li:hover .text_area{Alpha(opacity=100);opacity:1;}
.pro .more{ width:110px; height:40px; line-height:40px; text-align:center; background:#c2ae6a; border-radius:10px; margin:auto; margin-top:40px;}
.news .inner ul li .img_area a{ width:100%; height:100%; position:relative; display:block}
.news .inner ul li .img_area a img{ position:absolute;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}

}
@media (max-width: 920px) {
	.index_num{ padding-top:0; padding-bottom:0}
	.index_num ul li{ margin:20px 0}
.index_num ul li:nth-child(2){ border:none}
.index_num ul li:nth-child(1):before,.index_num ul li:nth-child(2):before{display:block; content:" "; position:absolute; bottom:-20px; left:35%;width:30%;  background:#d2d2d2; height:1px;}
	.index_num ul li b{ font-size:28px; height:35px; line-height:35px;}
	.index_num ul li b span{ font-size:12px;}
	.index_num ul li p{ font-size:12px;}
	.about .container{ padding-top:20px; margin-bottom:20px;background:none;}
	.about{ background:url(../img/about_bg.jpg) no-repeat 10% 0px; background-size:16% auto; margin-bottom:15px;}
.about .title{position:relative; top:0; width:95%; padding-top:10px;}
.about .row{ background:none; }
.about .more{ position:relative; top:0; float:none}
.about_img{ margin-top:40px;}
.pro .inner ul{ margin-left:-7.5px; margin-right:-7.5px;}
.pro .inner ul li{ padding:7.5px;}
.pro .inner ul li a .img_area{ margin-bottom:10px;}
.pro .more{ margin-top:10px;}
.pro .title{ margin-bottom:25px;}
}
@media (max-width: 640px) {
.about .title .en{ font-size:28px; height:45px; line-height:45px; }
.about .title .ch{ font-size:16px; margin-top:5px; padding-bottom:10px;}
.about .inner{ line-height:25px; height:200px;}
.about_img{ margin-top:20px;}

.pro{ padding:15px 0}
.pro .title .ch{ font-size:24px; }
.pro .title .en{ font-size:22px; }
.pro .title p{ font-size:12px;}
.pro .more{ width:80px; height:30px; line-height:30px; font-size:12px;}
.news{ margin-top:15px; margin-bottom:20px;}
.news .inner{ margin-top:15px;}
.news .title { margin-top:0px;}

.news .inner ul li{ background:none}
.news .title .ch{ font-size:22px; padding-top:20px;}
.news .title .en{ font-size:34px;}
.news .inner ul li .img_area{ padding:0 15px;}
.news .inner ul li .text_area{ padding:0 15px;}
.news .inner ul li .text_area .news_t span{ display:block; width:100%; float:none; text-align:left}
.news .inner ul li .text_area .news_t i{ display:block; width:100%; float:none; margin-bottom:5px;}
.news .inner ul li .text_area .news_t{ margin-bottom:5px; margin-top:0;}
.news .inner ul li .text_area p{ line-height:18px; height:36px; overflow:hidden;}
.news .inner ul li .text_bg{box-shadow: 0 0 5px #aaa; background:#f7f7f7; padding:15px}
.news .inner .more{ margin-top:0}
}


.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:#c2ae6a; border-color:#c2ae6a}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}


.list-img {margin: 0 -7.5px;}
.list-img > ul > li {text-align: center;padding: 0 7.5px;margin-bottom: 30px;}
.list-img > ul > li a .img_area{width:100%; position:relative; overflow:hidden }
.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;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.list-img > ul > li .text_area{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:95%; margin:auto }

.list-text ul li { padding:15px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}

.list-text ul li .title p {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  font-size:18px; width:85%; float:left; font-weight:bold; color:#333}
.list-text ul li .title span{ float:right; font-size:12px; width:15%; text-align:right}
.list-text ul li .tip {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 12px 0 5px 0; color:#747474
}
.list-text ul li:hover{box-shadow: 0 0 20px #e9e9e9; background:#fcfcfc}

.ss ul li{ border-bottom:solid 1px #dfdfdf;}
.ss ul li .title a{ background:url(../img/ico.png) no-repeat left center; padding-left:25px; background-size:auto 60%; color:#333}
@media (min-width: 920px){
.list-img > ul > li a .img_area i{position:absolute; background:#fff;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; z-index:20  }
.list-img > ul > li a .img_area .i1{ width:90%; height:1px;top:10%; left:-100% }
.list-img > ul > li a .img_area .i2{  width:90%; height:1px; bottom:10%; right:-100%; }
.list-img > ul > li a .img_area .i3{  width:1px; height:90%; bottom:-100%; left:10%; }
.list-img > ul > li a .img_area .i4{  width:1px; height:90%; top:-100%; right:10%; }
.list-img > ul > li:hover a .img_area .i1{ left:5%;}
.list-img > ul > li:hover a .img_area .i2{ right:5%;}
.list-img > ul > li:hover a .img_area .i3{ bottom:5%;}
.list-img > ul > li:hover a .img_area .i4{ top:5%;}
.list-img > ul > li a .img_area:before{ position:absolute; width:100%; height:100%; background:#000;filter:Alpha(opacity=0);opacity:0; z-index:1;display:block; content:" "; top:0; left:0;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.list-img > ul > li:hover a .img_area:before{filter:Alpha(opacity=50);opacity:0.5}
.list-img > ul > li:hover a .img_area img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}
.list-img > ul > li a{ display:block; position:relative}
.list-img > ul > li .text_area{ position:absolute; top:50%; margin-top:-10px; height:20px; line-height:20px; text-align:center; width:76%; left:12%; z-index:22; color:#fff;filter:Alpha(opacity=0);opacity:0;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; font-size:16px;}
.list-img > ul > li:hover .text_area{Alpha(opacity=100);opacity:1;}
}
@media (max-width: 920px) {
	.list-img > ul > li{ margin-bottom:15px;}
.list-img > ul > li a .img_area{ margin-bottom:10px;}
.list-text ul li{box-shadow: 0 2px 5px #ddd; background:#fcfcfc; margin-bottom:15px; }
.list-text ul li .title p{ width:100%; font-size:16px; display:block; float:none}
.list-text ul li .tip{ margin:8px 0 2px 0}
.list-text ul li .title span{ float:none; width:100%; text-align:left; display:block; margin-top:5px;}

}


.list_img_text ul li {
    margin:0 -15px 15px -15px; background:#f7f7f7;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;
}
.list_img_text ul li .img_area{ padding:0; }
.list_img_text ul li .text_area{ padding:15px 35px 0px 15px;}
.list_img_text ul li .text_area .news_t { margin-bottom:15px; display:block; margin-top:3%}
.list_img_text ul li .text_area .news_t span{ float:right; width:20%; text-align:right; font-weight:normal;color:#666}
.list_img_text ul li .text_area .news_t i{ float:left; width:80%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-weight:normal; font-style:normal; font-size:16px; color:#666}
.list_img_text ul li .text_area p{ font-size:14px; color:#999; line-height:24px; height:48px; overflow:hidden}
.list_img_text ul li:hover .img_area a img{ transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.list_img_text ul li:hover{box-shadow: 0 0 20px #e9e9e9;}

@media (min-width: 920px){
.list_img_text ul li .img_area a{ width:100%; height:100%; position:relative; display:block}
.list_img_text ul li .img_area a img{ position:absolute;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}

}
@media (max-width: 640px) {
.list_img_text ul li{ background:none}
.list_img_text ul li .img_area{ padding:0 15px;}
.list_img_text ul li .text_area{ padding:0 15px;}
.list_img_text ul li .text_area .news_t span{ display:block; width:100%; float:none; text-align:left}
.list_img_text ul li .text_area .news_t i{ display:block; width:100%; float:none; margin-bottom:5px;}
.list_img_text ul li .text_area .news_t{ margin-bottom:5px; margin-top:0;}
.list_img_text ul li .text_area p{ line-height:18px; height:36px; overflow:hidden;}
.list_img_text ul li .text_bg{box-shadow: 0 0 5px #aaa; background:#f7f7f7; padding:15px}

}

.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}
}