a:hover {text-decoration: none;}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
@media (min-width: 1400px){
.container {
    width: 1370px;
}}
/*头部样式*/
#header {position: relative;}
#header .logo_menu {position: fixed;top: 0%;left:0%;z-index:1499; width:200px;}
#header .logo{ width:100%; background:rgba(0,0,0,0.9); padding:10px 0; text-align:center;z-index:10012; position:relative}
#header .menu_icon {width: 100%; text-align:center;}
#header .menu_icon p{ display:block; width:100%; height:100%;cursor:pointer}
#header .menu_icon p.show_nav{ background:rgba(224,204,171,1); padding:10px 0;}
#header .menu_icon p.close_nav{ display:none;background:rgba(255,255,255,0.9);}
.marr{ margin-right:25%}
@media all and (max-width: 992px) {
#header .logo_menu {width:85px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
#header .logo_menu {width:145px;}
}
/*pc导航*/
/*.pc_menu .menu .nLi {float: left;width: 14%;position: relative;}
.pc_menu .menu .nLi h3 {padding: 30px 0 20px; font-size:16px;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #181818;line-height: 30px;}
.pc_menu .menu .nLi .menu_2 {display: none;background: #4e2d0e;position: absolute;top: 80px;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 p{ background:url(../images/banner_bg.png) no-repeat center bottom; width:100%; position:absolute;  bottom:0; background-size:auto 100%; height:220px; z-index:1000}
#banner .owl-theme .owl-controls{ margin:0}
#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; background:none}/*箭头的设置*/
#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%}
@media all and (max-width: 640px) {
	#header .menu_icon p.show_nav{ padding:0}
	#banner .owl-theme .owl-controls .owl-nav .owl-prev, #banner .owl-theme .owl-controls .owl-nav .owl-next{bottom:-100%}
	 #banner #owl-demo a.item{ width:100%; overflow:hidden}
 #banner #owl-demo a.item img{ width:134%; max-width:none; margin-left:-14%;height:auto}
#banner p{height:45px; background-size:100% auto}
}


/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p,.right_nav .aside > li > div {background:url(../images/side_bg.png) no-repeat center; background-size:100% auto;color: #fff;}
.right_nav .aside {position: fixed;right: 0;top: 20%;z-index: 10000;}
.right_nav .aside > li {width: 67px;line-height: 77px;height:77px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative;}
.right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 77px;}
.right_nav .aside > li img {vertical-align: middle;}
.right_nav .aside > li p img {width: 60%;}
.right_nav .aside > li .img2 {display: none;}
.right_nav .aside > li > div {background: #2a2a2a;position: absolute;display: none; }
.right_nav .aside > li .phone_meassage {right: -240px;top: 0;width: 300px;text-align: center;font-size: 25px;line-height: 77px;padding-right:67px;}
.right_nav .aside > li .qq_online {top: 0;right: -127px;width:200px;padding: 0 70px 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:0px; padding-right:80px;width: 180px;height: 100px; background-color:rgba(0,0,0,0)}
.right_nav .aside > li .search_box {position: absolute;top: 0;right: -205px;width: 320px;text-align: center;height: 100%; padding-right:75px;}
.right_nav .aside > li .search_box .search_input {width: 220px;height: 45px;position: relative;margin: 15px auto;}
.right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background:rgba(255,255,255,0.2);height: 45px;padding-left: 10px;position: absolute;line-height: 45px;z-index: 1;top: 0;left: 0;}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}


/*底部样式*/
#footer .friendship {padding: 20px 0; background:#e0ccab; line-height:25px;}
#footer .friendship span{ background:url(../images/fr_ico.jpg) no-repeat left center; padding-left:20px; background-size:auto 80%; font-size:14px;}
#footer .friendship a {padding: 0 15px; font-size:14px;}
#footer .copyright {background: #313131;text-align: center;padding: 10px 0;position: relative;}
#footer .copyright .copyright_con {color: #b2b2b2;padding: 0 15px;}
#footer .copyright .copyright_con a{ color:#b2b2b2}

#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(../images/global/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: 25%;float: left;text-align: center; margin-bottom:0;}
.wap_footer dt {height: 33px;}
.wap_footer dd {color: #fff;}
.wap_footer dl dt img {height: 80%;}

/*手机底部搜索*/
.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(../images/global/black_cloth.png) repeat;display: none;top: 0;left: 0;}

/*手机左边弹出导航*/
.menu {width: 200px;position: fixed;top: 0px;left: -200px;height: 100%;text-align: left;z-index: 10000001;background:#e0ccab; padding:100px 10px 0 10px }
.menu li {margin-bottom: 2px;font-size: 14px;position: relative; border-bottom:dashed 1px rgba(0,0,0,0.1);}
.menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;position: relative;}
.menu li p {padding:10px; margin-bottom:0;}
.menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color:rgba(0,0,0,0.5);}
.menu li .wap_menu1 p.left {float: none; }
.menu li .wap_menu1 p.right {width: 15%;text-align: center;cursor:pointer; color:rgba(0,0,0,0.5);position: absolute;top: 0;right: 0;float: none;z-index: 1000;}
.menu li .wap_menu2 {display: none; margin-bottom:5px;}
.menu li .wap_menu2 a {display: block;background: none;color: rgba(0,0,0,0.3);overflow: hidden;font-size: 14px;padding: 5px 10px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.menu li .wap_menu2 a span {white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display:block}

@media (max-width: 640px) {
.menu li p {padding:5px;}
.menu li .wap_menu2 a {padding: 2px 5px;}

}
.pc_menu{ position:fixed; right:0%; width:100%;   top:0; background:#fff; padding-left:30%; padding-right:10%; z-index:10;box-shadow:2px 2px 1px #ddd}
.pc_menu .nLi {float: left;width: 12.5%;position: relative;}
.pc_menu .nLi h3 {font-size:16px; }
.pc_menu  .nLi h3 a {display: block;text-align: center;color: #181818;line-height:90px;}
.pc_menu .nLi .menu_2 {display: none;background: #5c5a5b;position: absolute;top: 90px;width: 100%;z-index: 10;padding:10px 0}
.pc_menu  .nLi .menu_2 li a {display: block;color: #fff;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; line-height:40px;}
.pc_menu  .nLi .menu_2 li a:hover{ text-decoration:underline}
.pc_menu  li:hover h3,.pc_menu  li.current h3{ background:#e0ccab}

@media all and (min-width: 992px) {
	
#header	.pc_mar{ margin-top:90px;}
#header	.pc_mar1{ margin-left:10%; width:15%}

}

/*pc侧边栏分类样式*/
#content{ background:url(../images/_aside.jpg) repeat-y; background-size:25% auto}
._aside { float:left; width:25%; text-align:right; padding-bottom:20px;}
._aside > h2 { width:280px; display:inline-block; text-align:left}
._aside > h2 .title_bg span.en{ font-size:40px; font-weight:bold; color:#8a8a8c; height:70px; overflow:hidden;  display:block}
._aside > h2 .title_bg span.en i{ font-size:60px; color:#e0ccab; width:70px; height:70px;line-height:95px; background:#49494b; font-style:normal; display:inline-block;  text-align:right; margin-right:5px; padding-right:8px; float:left}
._aside > h2 .title_bg span.en b{ float:left;line-height:95px;}
._aside > h2 .title_bg span.zh{ font-size:28px; margin-top:15px; position:relative; display:inline-block; padding-right:20px; color:#fff}
._aside > h2 .title_bg span.zh i{ color:#fff; margin-right:8px;font-style:normal;}

._aside ul.sidemenu {  margin-top:30px; overflow:hidden}
/*一级的样式*/
._aside ul.sidemenu > li.sub1 ul {display: none;}
._aside ul.sidemenu > li.sub1{position:relative; margin-bottom:1px;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:55px; font-size:18px; color:#fff; position:relative; padding-left:20px;width:280px; display:inline-block; text-align:left;}
._aside ul.sidemenu > li.sub1:before{display:block; content:" "; position:absolute; line-height:55px; top:0; width:100%; height:55px; background:#e0ccab;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s; right:-100%}
._aside ul.sidemenu > li.sub1:hover:before{ right:0}
._aside ul.sidemenu > li.sub1 > a.sub1_a:before{ display:block; content:"+"; position:absolute; line-height:55px; top:0; left:0;width:10px; height:10px; color:#9c9ca1; font-size:20px;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #333;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a:before{ color:#fff}
._aside ul.sidemenu > li.sub1.current{background:#e0ccab;}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2{ margin-top:-5px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-left:20px;width:280px; display:inline-block; text-align:left; line-height:34px; height:34px; font-size:16px; color:rgba(0,0,0,0.5)}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #fff;}

/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {padding-left:20px;width:280px; display:inline-block; text-align:left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:34px; height:34px; font-size:16px; color:rgba(0,0,0,0.5)}
._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:right; width:73%}
.article{ padding:35px 0; width:80%;}
.crumb{ width:80%; text-align:right; margin-top:-30px; z-index:100; position:relative; color:#fff}
@media (max-width: 640px) {
	#content{ background:none}
  ._aside { width:100%}
  /*手机内页crumb*/
  ._aside > h2 { font-size:16px; background:#636366; height:40px;  width:100%; display:block; overflow:hidden}
  
  ._aside > h2 .title_bg span.en{ font-size:25px; height:40px; float:left}
._aside > h2 .title_bg span.en i{ font-size:40px; width:40px; height:40px;line-height:50px;}
._aside > h2 .title_bg span.en b{ line-height:50px;}
._aside > h2 .title_bg span.zh{ font-size:16px; margin-top:0px; float:left;padding-right:20px; margin-left:10px;line-height:50px;}
._aside > h2 .title_bg span.zh i{ color:#fff; margin-right:8px;font-style:normal;}

  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:27px; margin-top:10px}
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s;}
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {width: 100%;display: none; margin-top:0;background:#ebebeb;}
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1 {border-bottom:dashed 1px #ccc}
  ._aside ul.sidemenu > li.sub1 > a.sub1_a {  padding-left:20px;width:100%; display:block; font-size:14px; line-height:35px; color:#333; }
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
._aside ul.sidemenu > li.sub1:before{ display:none}
._aside ul.sidemenu > li.sub1.current{background:none;}
._aside ul.sidemenu > li.sub1 > a.sub1_a:before{ display:block; content:"+"; position:absolute; line-height:35px; }
._aside ul.sidemenu > li:hover > a.sub1_a:before{ color:#9c9ca1}
  /*二级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {padding-left:20px;width:100%; display:block;font-size:14px;line-height:28px; height:28px;}
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color:rgba(0,0,0,0.5);}

  /*三级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {padding-left:20px;width:100%; display:block;font-size:14px; line-height:28px;height:28px;}
  
  #header .menu_icon .show_nav img {width: 30%;}
  .main{ float:right; width:100%}
.article{ padding:15px; width:100%;}

}

/*新闻详情页样式，若不需要请删除*/
.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(../images/global/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(../images/global/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(../images/global/rgb0.8.png)}
 
 
.about{ background:url(../images/bg.jpg) no-repeat 94% bottom; background-size:30% auto; position:relative; margin-top:60px; padding-bottom:120px;}
.about .container{ position:relative}
.about .about_bg{ position:absolute; top:-205px; left:0; z-index:1001; width:15%}
.about .title,.about .inner{width:830px; margin:auto;}
.index_box .title{  background:url(../images/bg8.jpg) no-repeat right 93%; background-size:100% auto;text-transform:Uppercase}
.index_box .title .title_bg{  display:inline-block}
.index_box .title span.en{ font-size:60px; font-weight:bold; color:#dfdfdf; line-height:95px; display:block}
.index_box .title span.en i{ font-size:70px; color:#fff; width:75px; height:75px; background:#49494b; font-style:normal; display:inline-block; margin-bottom:-8px; text-align:right; margin-right:5px; padding-right:8px; float:left}
.index_box .title span.en b{ float:left}
.index_box .title span.zh{ font-size:28px; margin-top:-10px; position:relative; display:inline-block;background:#fff; padding-right:20px;}
.index_box .title span.zh i{ color:#e0ccab; margin-right:8px;font-style:normal;}
.about .inner{ margin-top:40px;}
.about .inner p{ line-height:26px; height:208px; overflow:hidden; width:730px; color:#666}
.about .inner .more_btn{ margin-top:30px; border-radius:40px; width:220px; height:60px; line-height:55px; text-align:center; font-size:20px; border:solid 4px #e0ccab}

.product{ background:url(../images/bg5.jpg) no-repeat left top #ebebeb ; padding:90px 0 80px 0 }
.product .pro_bg{ background:url(../images/bg2.jpg) no-repeat 98% bottom; }
.product .in_video{ padding-left:0; }
.product .in_video .video_bor{border:solid 3px #e0ccab; border-left:none}
.product .in_video video{ display:block;}
.product .title{ background:none; position:relative} 
.product .title span.en{ color:#cecece}
.product .title span.zh{ background:#ebebeb}
.product .title .more_btn{ position:absolute; bottom:0; right:0; font-size:20px; }
.product .title .more_btn a{color:#666}
.product .inner ul li{ margin-top:30px;}
.product .inner ul li .li_bg{ background:#313131; text-align:center; position:relative;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.product .inner ul li .li_bg a:after{display:block; content:" "; position:absolute; top:4%; left:4%; border:solid 1px #555;width:92%; height:92%;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.product .inner ul li:hover .li_bg a:after{ width:80%; height:80%; top:10%; left:10%}
.product .inner ul li:hover .li_bg a{filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.product .inner ul li .li_bg a{ display:block; position:relative; height:100%}
.product .inner ul li .li_bg i{ width:25%; margin:auto; margin-bottom:10px;}
.product .inner ul li .li_bg i,.product .inner ul li .li_bg b,.product .inner ul li .li_bg span{ display:block}
.product .inner ul li .li_bg b{ color:#ffffff; font-size:24px; font-weight:normal;margin-bottom:5px; display:block; line-height:26px; height:26px;}
.product .inner ul li .li_bg span{ font-size:12px; color:#6d6d6d; display:block}

.case .title{ background:none; text-align:center; padding-top:70px; margin-bottom:60px;}
.case ul li .li_bg{ position:relative}
.case ul li .img_area{ position:relative; overflow:hidden}
.case ul li .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.case ul li:nth-child(5) .img_area img{ max-height:inherit; bottom:inherit}
.case ul li:not(:nth-child(5)):hover .img_area img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}

@-webkit-keyframes imgsx {
  0% {
 top:0
}
  40% {
 top:-100%
  }
  80% {
 top:0%
  }
}

@keyframes imgsx {
  0% {
 top:0
}
  40% {
 top:-100%
  }
  80% {
 top:0%
  }
}
.case ul li:nth-child(5) .img_area img.xx{
  -webkit-animation: imgsx 6s ease;
          animation: imgsx 6s ease;
}
.case .inner{ position:relative; margin-bottom:70px;}
.case ul li:last-child{ display:block}
.case ul li .text{ background:url(../images/case_hover.png) no-repeat center 70% rgba(0,0,0,0.7); position:absolute; width:80%; height:80%; top:10%; left:10%; z-index:100; color:#fff; font-size:18px; text-align:center; padding-top:30%;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);}
.case ul li:nth-child(5) .text{ background:url(../images/bg12.png) no-repeat 95% center rgba(0,0,0,0.7);transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1); width:100%; height:60px; line-height:60px; bottom:-60px; left:0; padding:0; top:inherit; text-align:left; padding-left:20px; }
.case ul li:nth-child(5) a:hover .text{ bottom:0}
.case ul li a:hover .text{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);}
.case ul li{ padding:0 6px; margin-bottom:12px; overflow:hidden}
.case .inner .more_btn{ background:url(../images/bg9.PNG) no-repeat center top; background-size:60% auto; position:absolute; right:0; bottom:12px; z-index:10 }
.case .inner .more_btn a{ display:block; width:100%; border-radius:25px; height:60px; line-height:60px; text-align:center; background:#e0ccab; color:#fff; font-size:20px; margin-top:40%}
.case .inner .title1{ font-size:160px; position:absolute; bottom:5%; left:25%;text-transform:Uppercase; color:#f6f6f6; overflow:hidden;transform:scaleY(1.2);-webkit-transform:scaleY(1.2);-moz-transform:scaleY(1.2); font-weight:bold; height:180px; line-height:180px;}
.news{ background:#ebebeb; padding:80px 0}
.news .title{ background:none}
.news .title_bg .en{ float:left;}
.news .title span.zh{ float:left; background:#ebebeb; margin-top:35px; margin-left:10px;}
.news .title .more{ float:right;}
.news .title .more a{ display:block; width:40px; height:40px; text-align:center; color:#fff; line-height:35px; font-size:32px; background:#49494b;transition: all 1s;}
.news .title .more a:hover{    -webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);}
.news .inner{ margin-top:25px;}
.news .inner ul li{ padding:1px; position:relative}
.news .inner ul li .text_area{ position:absolute; bottom:0; background:#fff; padding:15px}
.news .inner ul li .text_area b{ line-height:28px; font-size:16px; color:#404040}
.news .inner ul li .text_area p{ line-height:25px; height:0; overflow:hidden; margin-top:20px; color:#666 }
.news .inner ul li .text_area span{ display:block; background:url(../images/clock_img.jpg) no-repeat left center; padding-left:25px; color:#999; background-size:auto 100%; height:15px; line-height:15px; position:relative; margin-top:50px;}
.news .inner ul li .text_area span:before{display:block; content:" "; position:absolute; top:0; right:20px;width:42px; height:15px; background:url(../images/jt_ico.jpg) no-repeat right center;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.news .inner ul li:hover .text_area span:before{ right:0px;}

.contact{ background:url(../images/bg10.jpg) no-repeat center; padding:100px 0; background-size:auto 100% }
.contact .contact_inner{ background:url(../images/bg11.png) no-repeat center; width:50%; margin:auto; padding:0; background-size:100% auto; text-align:center}
.contact .contact_inner .title{ margin-top:12%}
.contact .contact_inner .title .en{ font-size:60px; color:#9a9a99;text-transform:Uppercase; font-weight:bold; display:block} 
.contact .contact_inner .title span.zh{ font-size:28px; margin-top:-10px; position:relative; display:inline-block; padding-right:20px;}
.contact .contact_inner .title span.zh i{ color:#e0ccab; margin-right:8px;font-style:normal;}
.contact .contact_inner .inner span{ display:block; width:25%; margin:35px auto}
.contact .contact_inner .inner span img{ width:100%}
.contact .contact_inner .inner b{ display:block; width:90%; margin:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:20px; margin-bottom:35px;}
.contact .contact_inner .inner p{ line-height:28px; width:50%; text-align:center; margin:auto}
@media (min-width: 1200px){
.product .in_pro.col-lg-4 {
    width: 30%;
}
}
@media (max-width: 1200px){
.product .in_pro .title{ margin:25px 0 0 0 !important}
.product{ background-size:40% auto; padding:50px 0 }
}
@media (min-width: 1024px) and (max-width: 1370px) {
	.about .about_bg{top:-180px;}
	}
@media (min-width: 641px) and (max-width: 1023px) {
.about .about_bg{top:-150px;}
	}
@media (max-width: 640px) {
.about{  margin-top:35px; padding-bottom:90px; background-size:40% auto}
.about .inner{width:90%; margin:auto; margin-top:20px;}
.about .title{width:75%; margin-left:20%;}
.index_box .title span.en{ font-size:30px;  line-height:51px;}
.index_box .title span.en i{ font-size:36px; color:#fff; width:40px; height:40px;margin-bottom:-8px; }
.index_box .title span.zh{ font-size:20px; margin-top:-20px; }
.about .inner p{ width:100%; line-height:24px; height:192px;}
.about .inner .more_btn{ margin-top:30px; border-radius:40px; width:145px; height:35px; line-height:35px;  font-size:12px; border:solid 2px #e0ccab}
.about .about_bg{  top:-75px; }
.product .in_video{ padding:0}
.product .in_video .video_bor{border:solid 3px #e0ccab; }
.product .inner ul li .li_bg b{ font-size:18px;line-height:22px; height:22px;}
.product .pro_bg{ background:none}
.case .title{ padding-top:30px;background:none; margin-bottom:30px;}
.case .inner{ margin-bottom:35px;}
.case .inner .more_btn a{border-radius:20px; height:35px; line-height:35px; font-size:12px; margin-top:40%}
.case .inner .title1{ font-size:50px; font-weight:bold; height:140px; line-height:70px; left:50%; bottom:2%}
.news{ padding:35px 0}
.news .title_bg .en{float:none}
.news .title span.zh{ float:none; margin-left:0}
.news .title .more a{width:30px; height:30px; line-height:27px; font-size:22px; margin-top:15px;}
.news .inner ul li{ margin-bottom:8px;}
.news .inner ul li .text_area{  padding:10px}
.news .inner ul li .text_area b{ line-height:20px; height:40px; overflow:hidden; font-size:14px; display:block}
.news .inner ul li .text_area p{ margin:0}
.news .inner ul li .text_area span{ margin-top:15px;}
.news .inner ul li .text_area span:before{ display:none}
.contact{ padding:35px 0 }
.contact .contact_inner{ width:100%;}
.contact .contact_inner .title{ margin-top:10%}
.contact .contact_inner .title .en{ font-size:30px; } 
.contact .contact_inner .title span.zh{ font-size:20px; margin-top:-20px; }
.contact .contact_inner .inner span{ margin:12px auto}
.contact .contact_inner .inner b{ font-size:14px; margin-bottom:8px;}
.contact .contact_inner .inner p{ line-height:20px; width:50%;}
}


.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:#aaa; border-color:#aaa}
/*分页块默认样式*/
.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{border:solid 1px #d9d9d9; display:block; font-size:16px;}
.list-img > ul > li a .text_area {
  color: #000;
  line-height: 55px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; width:98%; margin:auto
}
.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 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}

.list-img > ul > li a .img_area i{ background:url(../images/img.png) no-repeat center 45% rgba(0,0,0,0.7); position:absolute; width:80%; height:80%; top:10%; left:10%; z-index:100; color:#fff; font-size:18px; text-align:center; padding-top:30%;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:hover .img_area i{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);}
.list-img > ul > li a:hover .img_area img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}

.list-text ul li {margin-bottom:15px;height:170px; border:solid 1px #d9d9d9; padding:30px 25px 30px 0}
.list-text ul li .date{height:100%;width:200px;float:left;margin-right:30px;text-align:center;border-right:solid 1px #d9d9d9; }
.list-text ul li .date .day { font-size:20px;background:url(../images/clock_img.jpg) no-repeat center 15px; padding-top:55px; color:#999999;}
.list-text ul li .text_area{ display:inline;}
.list-text ul li .text_area .title {margin-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; font-weight:bold; margin-bottom:18px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;padding-left:0; overflow:hidden; position:relative}
.list-text ul li .text_area .title i{ background:url(../images/jt_ico.jpg) no-repeat; position:absolute; left:-50px; display:block; width:42px; height:17px; top:2px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;}
.list-text ul li:hover .text_area .title{ padding-left:50px;}
.list-text ul li .text_area .title a{ color:#404040}
.list-text ul li:hover .text_area .title i{ left:0}
.list-text ul li:hover{ border:solid 1px #e0ccab}
.list-text ul li .text_area .tip {line-height: 24px;height: 48px;overflow: hidden; color:#666;}
@media (max-width: 640px) {
.list-text ul li {margin-bottom:10px;height:100px; border:solid 1px #d9d9d9; padding:15px 10px 15px 0}
.list-text ul li .date{width:100px;margin-right:10px; }
.list-text ul li .date .day { font-size:14px;padding-top:40px; background-size:auto 30%}
.list-text ul li .text_area .title {margin-top:0px;font-size:14px;  margin-bottom:0px; line-height:22px; height:44px; overflow:hidden;text-overflow: clip;white-space:normal}
.list-text ul li .text_area .tip { font-size:12px; height:20px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
}


.list_img_text ul li {margin-bottom:20px; border:solid 1px #d9d9d9}
.list_img_text ul li .img_area{ padding-left:0}
.list_img_text ul li .text_area{	}
.list_img_text ul li .text_area .title {font-weight: bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top:5%; margin-bottom:3%; font-size:16px;}
.list_img_text ul li .text_area .title a{ color:#404040;}
.list_img_text ul li .text_area .tip {line-height: 24px;height: 72px;overflow: hidden; color:#666}
.list_img_text ul li .date{text-align:center;border-left:solid 1px #d9d9d9; }
.list_img_text ul li .date .day { font-size:20px;background:url(../images/clock_img.jpg) no-repeat center 15px; padding-top:55px; color:#999999;}

@media screen and (min-width: 768px) and (max-width: 991px)  {
.list_img_text ul li .text_area .tip {height: 20px;}}
@media screen and (max-width: 640px)  {
	.list_img_text ul li .img_area{ padding-right:0px}
	.list_img_text ul li .date{ border:none}
.list_img_text ul li .text_area .title{overflow: hidden;text-overflow: clip;white-space:normal; line-height:22px; height:44px; font-size:14px; margin-bottom:8%; margin-top:8%}
.list_img_text ul li .date .day{ font-size:12px;background:url(../images/clock_img.jpg) no-repeat left center; background-size:auto 80%; padding-top:0px; color:#999999; text-align:left; padding-left:25px;}
}
.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}
}


.search_list ul li{  border-bottom:dashed 1px #ccc; }
.search_list ul li a{ display:block;height:70px; line-height:70px;font-size:16px; position:relative; padding-left:35px; color:#333;border-left:solid 5px  #fff;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.search_list ul li i{ font-style:normal; font-size:30px; display:block; position:absolute; left:5px; line-height:68px; color:#b6b6b6;transition: all .8s;-webkit-transition: all .8s;-moz-transition: all .8s;}
.search_list ul li:hover i{ left:95%; color:#e0ccab}
.search_list ul li:hover a{ background:#f0f0f0; border-left:solid 5px  #e0ccab}
@media (max-width: 640px) {
.search_list ul li a{ height:45px; line-height:45px; font-size:14px;padding-left:25px;}
.search_list ul li i{ line-height:40px;color:#e0ccab; font-size:25px; left:0px;}
}