body{ background:#f1eada}
a:hover {text-decoration: none; color:#a00103}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}

.right_nav .aside > li#goTopBtn{ display:none}

#sub_content{ position:relative}
#sub_content:after{display:block; content:" "; position:absolute; top:0; right:0;width:20%; height:100%;background:url(../images/about_bg2.png) no-repeat right top; background-size:100% auto}
#sub_content:before{display:block; content:" "; position:absolute; top:0; right:0;width:100%; height:100%;background:url(../images/about_bg3.jpg) no-repeat left bottom; background-size:100% auto}


/*头部样式*/
#header { background:#c90010}
#header .row{position: relative;}
#header .logo {background: url(../images/logo_bg.png) no-repeat; background-size:100% auto; position:absolute; left:0; top:0; width:245px; height:220px; z-index:10000}
#header .logo a{ position:relative; display:block; width:100%; height:160px;}
#header .logo a img{ position:absolute; top:0;left:0; right:0; bottom:0;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; position:relative; background-image:none; width:auto;}
#header .logo a{ height:70px;}
	#header .logo a img{ max-height:100%;max-width:none; position:relative}
}

/*pc导航*/
.pc_menu .menu .nLi {float: left;width: 14%;position: relative; padding:25px 0 25px 0}
.pc_menu .menu .nLi h3 { height:40px; line-height:40px; font-size:16px;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #f8e4b4;line-height: 40px;}
.pc_menu .menu .nLi h3:hover a{background: url(../images/nav_bg2.jpg) repeat-x; position:relative}
.pc_menu .menu .nLi h3:hover a:before{background: url(../images/nav_bg1.jpg) no-repeat left;display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:40px;}
.pc_menu .menu .nLi h3:hover a:after{background: url(../images/nav_bg3.jpg) no-repeat right;display:block; content:" "; position:absolute; top:0; left:0;width:100%; height:40px;}

.pc_menu .menu .nLi .menu_2 {display: none;background:rgba(225,196,128,0.9);position: absolute;top: 75px;width: 100%;z-index: 10;padding:10px 0; border-radius:5px;}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #3b0002;line-height:35px; font-size:12px; height:35px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pc_menu .menu .nLi .menu_2 li a:hover{ background:#a10d00; color:#fff}

/*大图样式*/
#banner,#sub_banner {position: relative; overflow: hidden;}
#banner .owl-theme .owl-controls .owl-dots,#sub_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}/*箭头的设置*/
#sub_banner .owl-theme .owl-controls .owl-nav .owl-prev,#sub_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%}

#sub_banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
#sub_banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}
#sub_banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%}
#sub_banner,#sub_banner #owl-demo,#sub_banner #owl-demo .owl-wrapper-outer,#sub_banner #owl-demo .owl-wrapper,#sub_banner #owl-demo .owl-item,#sub_banner .owl-stage-outer { height:400px;}
/*#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner,.owl-stage-outer {height: 100%;}*//*大图记得修改高度*/

@media all and (max-width: 992px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 400px;}
#sub_banner,#sub_banner #owl-demo,#sub_banner #owl-demo .owl-wrapper-outer,#sub_banner #owl-demo .owl-wrapper,#sub_banner #owl-demo .owl-item,#sub_banner .owl-stage-outer { height:300px;}
}
@media all and (max-width: 640px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 170px;}
  #sub_banner,#sub_banner #owl-demo,#sub_banner #owl-demo .owl-wrapper-outer,#sub_banner #owl-demo .owl-wrapper,#sub_banner #owl-demo .owl-item,#sub_banner .owl-stage-outer { height:150px;}

}


/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p,.right_nav .aside > li > div {background-color: #98040f;color: #fff;}
.right_nav .aside {position: fixed;right: 0;bottom:5%;z-index: 10000;}
.right_nav .aside > li {width: 50px;line-height: 50px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative; margin-bottom:10px;}
.right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 50px;opacity:0.8;filter:Alpha(opacity=80); border-radius:50%}
.right_nav .aside > li img {vertical-align: middle;}
.right_nav .aside > li p img {width: 60%;}
.right_nav .aside > li p:hover img {width: 70%;}
.right_nav .aside > li .img2 {display: none;}
.right_nav .aside > li > div {background-image: url(../images/global/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: 230px;height: 36px;position: relative;margin: 8px 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: 230px;border: none;background-color: transparent;height: 36px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;background: url(../images/global/black_bg.png);}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}


/*底部样式*/
#footer{background: url(../images/footer_bg.jpg) bottom center; background-size:auto 100%;}
#footer .friendship {margin-bottom: 20px; text-align:center;color: #f8e4b4;background: url(../images/about_hr.png) bottom center no-repeat; padding-bottom:40px; padding-top:20px;}
#footer .friendship a {padding: 0 30px;color: #f8e4b4;}
#footer .copyright {text-align: center;position: relative; padding-top:15px; padding-bottom:20px;}
#footer .copyright .footer_nav {display: inline-block;margin: 15px 0;}
#footer .copyright .footer_nav li {float: left;}
#footer .copyright .footer_nav li a {display: block;padding: 0 5px;color: #f8e4b4;}
#footer .copyright .copyright_con {color: #f8e4b4;padding: 0 15px;}
#footer .copyright .copyright_con a{ color:#f8e4b4}

#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 {width: auto;height: 90%;}

/*手机底部搜索*/
.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;}

/*手机左边弹出导航*/
.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;}


/*pc侧边栏分类样式*/
._aside {padding-right: 0; width:220px; float:left; padding-left:0; position:relative; margin-top:-135px; z-index:1001; margin-bottom:30px;}
._aside > h2 {background: url(../images/side_top.png) no-repeat; height:140px; text-align:center;padding-top:60px;}
._aside > h2 span{ display:block; position:relative }
._aside > h2 span:after{display:block; content:" "; position:absolute; bottom:10px; left:15%;width:70%; height:1px; line-height:1px; background:#f5ebd2; z-index:1 }
._aside > h2 em.en{ color:#f5ebd2; font-size:12px; font-style:normal;text-transform:Uppercase; display:block; margin-bottom:-5px;} 
._aside > h2 em.ch{color:#f5ebd2; font-size:22px;font-style:normal; display:inline-block; background:#b90204; z-index:100; position:relative; padding:0 8px;}
._aside ul.sidemenu,._aside .sub_con{background: url(../images/side_bg.jpg) repeat-y;}
._aside ul.sidemenu{ position:relative; padding:0 20px 50px 20px;}
._aside ul.sidemenu :before{display:block; content:" "; position:absolute; bottom:0px; left:0%;width:100%; height:30px;background: url(../images/side_nav_bot.jpg) no-repeat bottom;}
/*一级的样式*/
._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; color:#fff; line-height:50px; height:50px; border-bottom:solid 1px #cc4444; padding:0 10px;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a { text-decoration:underline}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul{ margin-top:8px}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; line-height:30px; height:30px;  padding:0 10px 0 27px;background: url(../images/side_nav_ico1.png) no-repeat 10px 10px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{text-decoration:underline}

/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#fff; line-height:30px; height:30px;  padding:0 10px 0 40px;background: url(../images/side_nav_ico2.png) no-repeat 25px 10px;}
._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{}

._aside .sub_con b,._aside .sub_con p{ width:180px; margin:auto; display:block}
._aside .sub_con b{ color:#f5ebd2;background: url(../images/sub_con_ico.jpg) no-repeat; padding-left:43px; font-weight:normal; margin-bottom:10px;}
._aside .sub_con b span{ font-size:16px;}
._aside .sub_con p{ color:#f1eada; line-height:30px;}
 
.main{ float:right; margin-bottom:30px; z-index:100}
.article{ padding-top:15px;}
.crumb{background: url(../images/crumb_bg.png) no-repeat center bottom; padding-bottom:20px; margin-top:20px;}
.crumb span{ float:right; margin-top:8px; color:#676767}
.crumb b{background: url(../images/news_ico.png) no-repeat center left; padding-left:30px; font-size:22px; color:#a10103; font-weight:normal}
@media (max-width: 640px) {
.main{ margin-bottom:15px;}
  ._aside {padding: 0; width:100%; float:none; display:block; padding:15px 15px 0 15px; margin:0}
  ._aside > h2 span{ display:inline; float:left; position:relative }

  /*手机内页crumb*/
  ._aside > h2 {background:url(../images/about_wap_ico.jpg) no-repeat 10px center #b60100; background-size:auto 60%; height:30px; line-height:30px; text-align:left;padding-top:0px; border-radius:5px; padding-left:30px; }
  ._aside > h2 span:after{ background:none}
  ._aside > h2 em.ch{ font-size:16px; display:block; background:none; text-decoration:none}
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;width:20px; margin-top:5px; margin-right:5px;}
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s; display:block}
  ._aside ul.sidemenu, ._aside .sub_con{ background:none;}
  ._aside ul.sidemenu :before{ background:none}
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {width: 100%;display: none; padding:0 10px 0 10px}
  
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { height:35px; line-height:35px; color:#3a3a3a; border-bottom:solid 1px #b6b6b6;background: url(../images/sub1.jpg) no-repeat 5px; padding-left:25px;}
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {}
  /*二级的样式*/
    ._aside ul.sidemenu > li.sub1 ul { margin-top:4px; padding:0 10px;}
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a { color:#3a3a3a;background: url(../images/sub2.jpg) no-repeat 5px;}
  /*三级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a { padding-left:15px; color:#666; height:25px; line-height:25px; background:none}
  #header .menu_icon img {width: 100%;}
  #footer
}

/*新闻详情页样式，若不需要请删除*/
.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: #e5d7bd;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/about_bg3.jpg) no-repeat left 90% #f1eada; position:relative}
.about:before{display:block; content:" "; position:absolute; top:0; left:0;width:20%; height:406px;background:url(../images/about_bg.png) no-repeat left top; background-size:100% auto}
.about:after{display:block; content:" "; position:absolute; top:0; right:0;width:27%; height:550px;background:url(../images/about_bg2.png) no-repeat right top; background-size:100% auto}
.about_inner{ margin-top:-10%}
.about .title,.about .inner{ z-index:10; position:relative}
.about .title{ text-align:center;background:url(../images/about_hr.png) no-repeat center  bottom; padding-bottom:30px; margin-bottom:50px;}
.about .title h2{ font-size:50px; margin-bottom:10px; }
.about .title span{ font-size:14px;}
.about .inner .txt p{ line-height:36px; height:288px; overflow:hidden}
.about .inner .txt a.more{ display:block;background:url(../images/about_more.png) no-repeat center  bottom; width:165px; height:42px; line-height:42px; color:#fff; text-align:center; margin-top:50px; background-size:100% auto}
.about .inner .pic{ position:relative}
.about .inner .pic img{ max-width:100%; position:relative; z-index:5}
.about .inner .pic i{position:absolute; top:20px; left:35px; border:solid 3px #3b0002; display:block}

.ad{ background:url(../images/ad.png) no-repeat center; width:100%; height:319px; padding-top:225px; position:absolute; bottom:0}
.ad  .ad_left{ text-align:center;color:#f8e4b4; }
.ad .ad_left b{ font-size:25px; margin-bottom:5px; display:block}
.ad .ad_left p{ font-size:18px;}
.ad .ad_right{text-align:center;}
.ad .ad_right b{ font-size:14px; color:#3b0002;background:url(../images/ad_right.jpg) no-repeat center; width:210px; height:29px; display:block; line-height:28px; font-weight:normal; margin:auto; margin-bottom:5px; }
.ad .ad_right p{ color:#f8e4b4; font-size:28px;}

.pro{background:url(../images/pro_bg.jpg); position:relative;width:100%; overflow:hidden}
.pro .pro_bg1{ position:absolute; left:-275px;background:url(../images/pro_bg.png) no-repeat; width:550px; height:550px; top:50%; margin-top:-275px;}
.pro .pro_bg2{ position:absolute; right:-275px;background:url(../images/pro_bg.png) no-repeat; width:550px; height:550px; top:50%; margin-top:-275px;}
.pro .pro_bg1,.pro .pro_bg2{-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 165s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 165s;
    -webkit-animation: rotate 165s linear infinite;
    -moz-animation: rotate 165s linear infinite;
    -o-animation: rotate 165s linear infinite;
    animation: rotate 165s linear infinite;}}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.pro .title{ width:180px; float:left}
.pro .title b{background:url(../images/pro_ico.jpg) no-repeat left center; padding-left:30px; height:30px; line-height:30px; font-size:28px; color:#f6da8e; font-weight:normal; display:block; margin-bottom:5px; background-size:auto 70%}
.pro .title span{ padding-left:30px; font-size:12px; color:#878787;text-transform:Uppercase}
.pro .title ul.pro_list{ margin-left:30px; margin-top:5px}
.pro .title ul.pro_list  li{ height:36px; line-height:36px;}
.pro .title ul.pro_list  li a{ color:#f8e4b4}
.pro .title ul.pro_list  li a:hover{ color:#cc0013; text-decoration:underline}
.pro .inner{ float:right;  margin: 0 -7.5px;}
.pro .inner ul li{ margin-bottom:15px;padding: 0 7.5px; }
.pro .inner > ul > li a{ display:block;position:relative;box-sizing:border-box;border:solid 2px transparent; overflow:hidden}
.pro .inner > ul > li a .img_area{width:100%; position:relative; background:#333 }
.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.5s;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.pro .inner > ul > li a .text_area{  height:50px; position:absolute; width:100%; line-height:50px; bottom:-50px; text-align:center; color:#e9ca80;background:url(../images/global/rgb0.8.png) ; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:0 15px;}
.pro .inner > ul > li a:hover{ border-color: #f8e4b4;}
.pro .inner > ul > li a:hover .text_area{bottom:0}
.pro .inner > ul > li a:hover .img_area img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);transition: all linear 2s;-webkit-transition: all linear 2s;-moz-transition: all linear 2s;}



.news .title{ margin-left:30px;}
.news .title,.news .inner{ position:relative; z-index:10}
.news .title b{background:url(../images/news_ico.png) no-repeat left center; padding-left:30px; height:30px; line-height:30px; font-size:28px; color:#010100; font-weight:normal; display:block; margin-bottom:5px; background-size:auto 70%}
.news .title span{ padding-left:30px; font-size:12px; color:#878787;text-transform:Uppercase}
.news{ background:url(../images/news_bg.jpg) no-repeat center;}
.news .news_bg3{ position:absolute; right:0px;background:url(../images/news_bg3.jpg) repeat-x ; width:100%; height:45px; bottom:0; }

.news ul{ margin-top:35px; margin-bottom:85px; }
.news ul li .bg{position:relative; height:375px; overflow:hidden;    background: rgba(255, 255, 255, 0.4);}
.news ul li .pic {height: 100%;transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 0;display: none\9;transition: 600ms;-webkit-transition: 600ms;background-repeat: no-repeat;background-size: cover;background-position: center center;background-color: rgba(101, 190, 186, 1);position: relative;}
.news ul li .text{    display: block;position: absolute;left: 0;right: 0;top: 0;height: 100%;padding: 0 35px;transition: 400ms;-webkit-transition: 400ms;}
.news ul li .text span { font-size: 14px; background: #c90010;color: #fff;line-height: 38px;width: 140px;text-align: center;margin-top: 35px; display:block}
.news ul li .text b {font-size: 18px;line-height: 30px;height: 30px;margin-top: 25px; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;margin-bottom:30px; font-weight:normal}
.news ul li .text p {line-height: 25px;height: 100px;overflow: hidden;font-size: 14px;margin-bottom: 50px;color: rgba(0, 0, 0, 0.7);}
.news ul li .text em {font-size: 14px;color:#9a978f; font-style:normal}
.news ul li .pic img {height: 100%;display: block;background-repeat: no-repeat;background-size: cover;background-position: center center;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);position: absolute;}
.news ul li:hover .pic {transform: scale(1);-webkit-transform: scale(1);opacity: 1;display: block\9;}
.news li:hover a{color: #333;}
.news li:hover .text {top: 30%;background: rgba(255,250,240,0.7);}

.pro_list ul{ height:100%}
.pro_list ul li{ float:left; width:25%; height:100%; background:#000; position:relative; overflow:hidden}
.pro_list ul li .pic{ position:absolute; bottom:0;}
.pro_list ul li .pic i{ position:relative; z-index:10; width:100%; height:100%; background:#f00; display:block;transform: scale(1);-webkit-transform: scale(1);transition: 400ms;-webkit-transition: 400ms;}
.pro_list ul li .pic i:after{background:url(../images/ser_bg.png) no-repeat top center; background-size:100% auto; height:100%; position:absolute; top:0; left:0; z-index:100;display:block; content:" ";width:100%;}
.pro_list ul li .text{ margin-top:30%; position:relative; z-index:101;transition: 800ms;-webkit-transition: 800ms}
.pro_list ul li .text i{ width:20%; margin:auto; display:block; border-radius:50%; border:solid 2px #f8e4b4}
.pro_list ul li .text b{ text-align:center; display:block; color:#f8e4b4; margin-top:25px; position:relative; padding-bottom:15px; margin-bottom:30px;}
.pro_list ul li .text b a{ color:#f8e4b4; font-size:24px; font-weight:normal; display:block}
.pro_list ul li .text b:before{display:block; content:" "; position:absolute; bottom:0; left:50%; margin-left:-30px;width:60px; height:1px; line-height:1px; background:#f8e4b4;transform:scaleX(1);-webkit-transform:scaleX(1);transition: 1200ms;-webkit-transition: 1200ms;}
.pro_list ul li .text p{ color:#9f9272; line-height:30px; height:90px; overflow:hidden; text-align:center; width:80%; margin:auto; margin-bottom:90px;}
.pro_list ul li .text span{ display:block; text-align:center; }
.pro_list ul li .text span a{color:#9f9272; }
.pro_list ul li:hover .pic i{transform: scale(1.2);-webkit-transform: scale(1.2);}
.pro_list ul li:hover .text{margin-top:15%;}
.pro_list ul li:hover .text b:before{transform:scaleX(1.5);-webkit-transform:scaleX(1.5);}
@media (min-width: 720px){
	.news{background-size: auto;animation: breatheBg 8s ease-in-out infinite alternate;
	-moz-animation: breatheBg 8s ease-in-out infinite alternate;
	-webkit-animation: breatheBg 8s ease-in-out infinite alternate;
	-o-animation: breatheBg 8s ease-in-out infinite alternate;
	-ms-animation: breatheBg 8s ease-in-out infinite alternate;}
@keyframes breatheBg {
0% {
opacity: 1;
background-size:100% 100%;
}
100% {
opacity: 1;
background-size:110% 110%;
}
}
@-moz-keyframes breatheBg {
0% {
opacity: 1;
background-size:100% 100%;
}
100% {
opacity: 1;
background-size:110% 110%;
}
}
@-webkit-keyframes breatheBg {
0% {
opacity: 1;
background-size:100% 100%;
}
100% {
opacity: 1;
background-size:110% 110%;
}
}
@-o-keyframes breatheBg {
0% {
opacity: 1;
background-size:100% 100%;
}
100% {
opacity: 1;
background-size:110% 110%;
}
}

}
@media (max-width: 992px) {
.about{ padding-top:40px;}
.about .title{ margin-bottom:15px;}
.about .title h2{ font-size:25px; margin-bottom:10px;}
.about .title span{ font-size:12px;}
.about_inner{ margin-top:0}
.about .inner .txt p{ line-height:26px; height:182px;}
.about .inner .txt a.more{ float:right; width:110px; height:28px; line-height:28px; font-size:12px; margin-top:15px;}
.about .inner .pic{ margin-top:20px;}
.ad{  margin-top:0px;background:url(../images/ad.png) no-repeat 15% center; background-size:auto 100%; height:190px; padding-top:130px; position:relative}
.ad .ad_left b{ font-size:16px; margin-bottom:0 }
.ad .ad_left p{ font-size:12px;}

.pro{ padding:20px 0}
.pro .title{ margin-bottom:15px; display:block; width:100%; padding:0 15px;}
.pro .title b{ padding-left:25px; height:24px; line-height:24px; font-size:16px; margin-bottom:0}
.pro .title span{ padding-left:25px;}
.pro .inner { display:block; width:100%}
.pro .inner > ul > li a .text_area{  position:relative; height:35px; line-height:35px; bottom:0;}
.pro .title .more,.news .title .more{ float:right; margin-top:-15px;}
.pro .title .more a,.news .title .more a{ display:block; width:100px; height:25px; line-height:25px; font-size:12px; background:url(../images/about_more.png) no-repeat center  bottom; color:#fff; text-align:center;  background-size:100% auto}

.news .title{ margin-bottom:15px; display:block; width:100%; padding:0 15px; margin-left:0; margin-top:15px;}
.news .title b{ padding-left:25px; height:24px; line-height:24px; font-size:16px; margin-bottom:0}
.news .title span{ padding-left:25px;}
.news ul{ margin-top:0; margin-bottom:10px;}
.news ul li{ margin-bottom:15px;}
.news ul li .pic{ display:none}
.news ul li .text{ padding:0 15px; position:relative}
.news ul li .bg{height:auto; padding-bottom:15px; }
.news ul li .text b{ font-size:16px; margin-bottom:5px; margin-top:15px;}
.news ul li .text p{ margin-bottom:20px; height:75px;}

.pro_list ul li{ width:50%; height:auto;}
.pro_list ul li .text{ margin-top:10%;}
.pro_list ul li .text b{ margin:15px auto; height:55px; width:90%}
.pro_list ul li .text b a{ font-size:16px;}
.pro_list ul li .text p{ line-height:25px; height:50px; margin-bottom:0px;}
.pro_list ul li .text span a{ display:block; padding-top:20px; padding-bottom:280px;}
}
@media (max-width: 640px) {
.about .inner .txt p{ line-height:22px; height:auto;}
.ad{  margin-top:0px;background:url(../images/ad.png) no-repeat 35% center; background-size:auto 100%; height:190px; padding-top:130px; position:relative}
.pro_list ul li .text span a{ display:block; padding-top:20px; padding-bottom:180px;}

}

#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{ display:none}



.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:#b60100; border-color:#b60100}
/*分页块默认样式*/
.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{ margin-bottom:15px;padding: 0 7.5px; }
.list-img > ul > li a{ display:block;position:relative;box-sizing:border-box; overflow:hidden}
.list-img > ul > li a .img_area{width:100%; position:relative; background:#e3d9c2 }
.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.5s;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.list-img > ul > li a .text_area{  height:50px; position:absolute; width:100%; line-height:50px; bottom:-50px; text-align:center; color:#e9ca80;background:url(../images/global/rgb0.8.png) ; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:0 15px;}
.list-img > ul > li a:hover .text_area{bottom:0}
.list-img > ul > li a:hover .img_area img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);transition: all linear 2s;-webkit-transition: all linear 2s;-moz-transition: all linear 2s;}

.list-text ul li {margin-bottom:25px;height:100px; border-bottom:dashed 1px #CCC; padding-bottom:25px;}
.list-text ul li .date{height:100%;width:80px; padding-top:3px;float:left;margin-right:25px;color:#787878;text-align:center; border:solid 1px #b7b7b7}
.list-text ul li .date .day {line-height: 40px; font-size:24px;}
.list-text ul li .date .year {}
.list-text ul li .text_area{ display:inline;}
.list-text ul li .text_area .title {margin-top: 5px; margin-bottom:15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; color:#333}
.list-text ul li .text_area .tip {line-height: 20px;height: 20px;overflow: hidden;}
.list-text ul li .text_area .tip a{  color:#787878}

.list_img_text ul li {margin-bottom:25px; padding-bottom:25px; border-bottom:dashed 1px #CCC; }
.list_img_text ul li .img_area{}
.list_img_text ul li .text_area{margin-top:15px;	}
.list_img_text ul li .text_area .title {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom:15px;  font-size:16px; }
.list_img_text ul li .text_area .title a{color:#573200;}
.list_img_text ul li .text_area .tip {line-height: 24px;height: 72px;overflow: hidden;margin: 5px 0 5px; color:#555555;}
.list_img_text ul li .text_area .more .date{ float:right;background:url(../images/time_ico.jpg) no-repeat 5px  ; padding-left:25px; font-size:12px; color:#5c5c5c}
.list_img_text ul li .text_area .more a{ color:#a1a1a1; font-size:12px;}
.list_img_text ul li .text_area .more{ margin-top:20px;}

@media (max-width: 640px) {

.list-img > ul > li a .text_area{  position:relative; height:35px; line-height:35px; bottom:0;}
.list-text ul li {margin-bottom:15px;height:80px; border-bottom:dashed 1px #CCC; padding-bottom:15px;}
.list-text ul li .date{margin-right:15px; padding:0; width:70px;}
.list-text ul li .date .day {line-height: 35px; font-size:20px;}

.list_img_text ul li {margin-bottom:15px; padding-bottom:15px;}
.list_img_text ul li .img_area{ padding-left:0}
.list_img_text ul li .text_area{ margin-top:10px; padding:0	}
.list_img_text ul li .text_area{margin-top:10px;	}
.list_img_text ul li .text_area .title {margin-bottom:10px;  }
.list_img_text ul li .text_area .tip {line-height: 22px;height: 66px;}



}

.feedback-form .title {padding:15px;color: #000;background-color: #e5d7bd;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}
}