@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.glyphicon{}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1030px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.heard1{ width:100%; height:105px; background:rgba(0,0,0,0.85);filter:Alpha(Opacity=85); position:absolute; top:0; z-index:9999;}
.heard1 .logo{ width:35%; height:80px; transition:all 0.3s;}
.heard1 .logo img{  margin:35px 0 0 0; transition:all 0.3s;}
.heard1 .navbox{ width:65%; height:105px;}
.heard1 .navbox .tel{ color:#fff; border-bottom:1px solid #293947; font-size:16px; font-weight:bold; padding-left:30px; background:url(../images/dianh.png) left center no-repeat; line-height:36px; margin-top:10px;}
.heard1 nav{ width:100%; clear:both;}
.heard1 nav li{ position:relative; border:1px solid rgba(0,0,0,0);width:11.1%; line-height:26px; border-radius:5px; -moz-border-radius:5px; margin-top:10px;}
.heard1 nav li:hover{border:1px solid rgba(113,110,108,1); background:#903d3c;}
.heard1 nav li a{ display:block;  font-size:14px;  color:#fff;}
.heard1 nav li a:hover{ background:#903d3c;}
.heard1 nav li:hover ul{ display:block;}
.heard1 nav li ul{ display:none; position:absolute; left:0; top:26px; width:100%; z-index:999;}
.heard1 nav li ul li{ width:100%; height:30px;background:none; background:#903d3c; border-radius:5px; -moz-border-radius:5px; margin-top:3px;}
.heard1 nav li ul li a{ color:#fff; line-height:30px; background:none;}


/*banner*/
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .item img{ width:100%;}
.banner .carousel-fade .carousel-inner .active{opacity:1}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fff}

.conrent2{ width:100%;}

/*m-w*/
.mian-about{padding-bottom:60px; background:url(../images/about_bg.png) center center; background-size:cover;}
.mian-width{padding-bottom:40px; background:url(../images/bg3.png) 50% 50%; background-size:cover;}
.mian-color{ padding-bottom:30px; background:#f5f5f5;}
.mian-anli{ padding-bottom:30px;}
.mian-news{ background:#f5f5f5; padding-bottom:30px;}
.main-Color{ padding-bottom:20px; background:#f5f5f5;}


/*t-2*/
.title2 { margin:25px 0 25px 0 ; padding-bottom:10px; background:url(../images/title_bg.png) center bottom no-repeat;}
.title2 h3{ color:#777; font-size:28px;  line-height:40px; font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.title2 span{ display:block; color:#903d3c;font-size:22px; font-weight:bold; background:url(../images/biao_bg.png) center center no-repeat;}

/*t-1*/
.title { margin:25px 0 25px 0 ; padding-bottom:10px; background:url(../images/title_bg2.png) center bottom no-repeat;}
.title h3{ color:#fff; font-size:28px;  line-height:40px; font-weight:bold; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.title span{ display:block; color:#fff;font-size:22px; font-weight:bold; background:url(../images/biao_bg2.png) center center no-repeat;}



/*t-4*/
.about{ margin-top:20px;}
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto; display:block; display:block;}

/*t-6*/
.title6{ background:url(../images/mbx_bg.png) 50% bottom no-repeat;}
.title6 h1{ font-size:16px;}
.title6 span{ color:#666; font-size:16px;}
.title6 a{color:#666; line-height:34px;}
.title6 a.last{ color:#903d3c;}
.title6 .shou:hover{ color:#903d3c;}

/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#903d3c; font-weight:bold; line-height:30px; border-bottom:dashed 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px; }

/*text-3*/
.text03{ padding:10px; font-size:14px; color:#666; line-height:24px;}


/*pic*/
.list_nav{ text-align:center; margin-bottom:30px;}
.list_nav ul li{ display:inline-block; background:#dcdcdc; padding:5px 3px; margin:0 10px 10px;}
.list_nav ul li a{ display:inline-block; line-height:24px; color:#777; text-align:center; padding:0 15px; background:url(../images/a_bg.png) center center no-repeat;}
.list_nav ul li.active{ background:#800000;}
.list_nav ul li.active a{ color:#fff;}
.list_nav ul li:hover{ background:#800000;}
.list_nav ul li:hover a{ color:#fff;}

.picture24{ position:relative;}
.picture24 .lunbobox{ display:none;}
.picture24 .lunbobox.active{ display:block;}
.picture24 #owl-demo .item{ margin: 8px;transition:all 0.3s; padding:20px 0;}
.picture24 #owl-demo .item li{ margin-bottom:20px;}
.picture24 #owl-demo .item .imgbox{ padding:8px; background:#fff; border:1px solid #e4e4e4; transition:all 0.3s;}
.picture24 #owl-demo .item .imgbox span{ display:block; width:100%;  height:190px;transition:all 0.3s;}
.picture24 #owl-demo .item .imgbox .biao{ border-bottom:1px solid #e1e1e1;}
.picture24 #owl-demo .item .imgbox .biao h3{ font-size:16px; font-weight:bold; color:#666; line-height:42px;transition:all 0.3s;}
.picture24 #owl-demo .item .imgbox .biao small{ color:#999; font-size:12px; line-height:42px;transition:all 0.3s;}
.picture24 #owl-demo .item .imgbox .til{ color:#888; font-size:12px; line-height:22px; height:44px; overflow:hiddenl; margin-top:5px;transition:all 0.3s;}
.picture24 #owl-demo .item .imgbox .mor{ float:right; width:90px; line-height:26px; font-size:12px; text-align:center; color:#fff; background:#903d3c;}
.picture24 #owl-demo .item a:hover .imgbox{ box-shadow:2px 2px 8px rgba(204,204,204,0.8); -moz-box-shadow:2px 2px 8px rgba(204,204,204,0.8); -ms-box-shadow:2px 2px 8px rgba(204,204,204,0.8); -webkit-box-shadow:2px 2px 8px rgba(204,204,204,0.8);}
.picture24 #owl-demo .item a:hover .imgbox span{ opacity:0.8;}
.picture24 #owl-demo .item a:hover .imgbox .biao h3{ color:#903d3c;}
.picture24 #owl-demo .item a:hover .imgbox .biao small{ color:#903d3c;}
.picture24 #owl-demo .item a:hover .imgbox .til{ color:#903d3c;}
.picture24 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture24 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture24 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture24 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture24 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.picture24 .owl-carousel .owl-item{float:left}
.picture24 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.picture24 .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.picture24 .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.picture24 .owl-theme .owl-controls{}
.picture24 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:40px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background:url(../images/yjt.png) no-repeat left; transition:all 0.5s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/zjt.png) no-repeat right;transition:all 0.5s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/yjt.png) no-repeat right;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/zjt.png) no-repeat left;}
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.picture24 .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.picture24 .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=80);opacity:0.8;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.picture24 .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.picture24 .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.more a{ display:block; width:236px; line-height:45px; border:1px solid #cac9c9; text-align:center; background:#fff; font-size:13px; color:#959595; text-transform:uppercase; margin:0 auto; transition:all .3s;}
.more a:hover{ background:#903d3c; border:1px solid #903d3c; color:#fff;}


/*about*/
.abousbox1{ height:346px; background:url(../images/ggsjjbg_03.png) no-repeat top;}
.abousbox1 .imgbox{ padding:15px 15px 0 0; width:36%;}
.abousbox1 .imgbox .tel{ margin-left:55px; color:#333;}
.abousbox1 .imgbox .tel span{ color:#e8383d}
.abousbox1 .textbox{ width:64%;}
.abousbox1 .text{ padding:60px 10px 0 40px; color:#fff; line-height:26px; height:268px; overflow:hidden;}
.abousbox1 .more2{ margin:10px 10px 0 0; width:75px; height:24px; font-size:12px; background:#7f3130; line-height:24px; color:#fff; opacity:0.7;}
.abousbox1 .more2:hover{ opacity:1;}

/*news*/
.news ul li{ width:48%; margin:0 1% 20px;}
.news ul li .imgbox{ height:111px; width:24%; position:relative; overflow:hidden;}
.news ul li .imgbox span{ display:block; position:absolute; left:0; bottom:0; line-height:27px; text-align:center; color:#fff; width:100%; background:rgba(255,255,255,0.4);}
.news ul li .imgbox .bg{ position:absolute; bottom:27px; left:0; width:100%; background:rgba(144,61,60,0.7); height:84px; top:-84px; transition:all .3s;}
.news ul li .imgbox .bg h5{ font-size:20px; color:#fff; line-height:30px; margin-top:15px !important; background:url(../images/h5_bg.png) center bottom no-repeat;}
.news ul li .imgbox .bg h6{ font-size:23px; color:#fff; font-weight:bold;}
.news ul li .newstil{ width:76%; padding:10px 15px; background:#eeeeee; height:111px; transition:all .3s;}
.news ul li .newstil h3{ font-size:14px; color:#555; font-weight:bold; padding-left:30px; background:url(../images/bg.png) left center no-repeat; line-height:30px; width:80%;}
.news ul li .newstil small{ font-size:12px; color:#959595; line-height:30px; width:20%; text-align:right;}
.news ul li .newstil .newsti{ font-size:12px; color:#888; line-height:22px; height:44px; overflow:hidden;}
.news ul li a:hover .imgbox .bg{ top:0;}
.news ul li a:hover .newstil{ background:#fff;}

/*anli*/
.anli .left_info{ width:34%;}
.anli .left_info .ti{ height:110px; background:#999; color:#fff;}
.anli .left_info .ti .tiinfo{ width:168px; margin:0 auto; line-height:110px;}
.anli .left_info .imgbox{ height:275px; margin-top:14px; position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info{ width:64%;}
.anli .right_info .imgbox1{ height:250px; width:72%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox2{ height:250px; width:26%; margin-left:2%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .mor{ height:135px; width:24%; background:#903d3c; margin-top:13px; color:#fff;}
.anli .right_info .mor p{ font-size:20px; text-align:center;}
.anli .right_info .mor .first{ font-size:26px; padding-top:32px !important;}
.anli .right_info .imgbox3{ height:135px; width:46%; margin:0 2%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox4{ height:135px; width:26%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli  .mask{ position:absolute; left:-100%; top:0; z-index:9; width:100%; height:100%; background:url(../images/bg2.png) repeat; transition:all 0.3s;}
.anli  .mask span{position:absolute; left:0; top:0; width:100%; height:100%;}
.anli  .mask b{ display:block; width:100%; height:100%; background:url(../images/xiangqing.png) center center no-repeat;}
.anli a:hover .mask{ left:0;}

/*c-2 */
.contact02 h3{ font-size:16px; color:#383838; line-height:50px;}
.contact02 .h5 img{ width:100%;}
.contact02 .detailed { margin-top:35px;}
.contact02 .detailed li{ height:30px; color:#686868; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px; color:#676767;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#686868; height:37px; line-height:37px; font-weight:normal;}
.contact02 input{border:solid 1px #e7e7e7; height:37px;}
.contact02 textarea{ border:solid 1px #e7e7e7; height:145px; resize:none;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#903d3c; border:none; transition:all 0.3s;}
.contact02 button:hover{ opacity:0.8;}

/*p-7*/
.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}

/*c-1*/
.content1{ padding:46px 0 30px 0;}
.subnav ol{ height:35px;  background-color:#903d3c;}
.subnav ol h1{ font-size:16px; color:#fff; line-height:35px; height:35px; padding-left:40px; background:url(../images/left_nav.png) 10px 50% no-repeat;}
.subnav ol .lx{ font-size:12px; padding-left:5px;}
.subnav ol .lx a{ display:block; color:#fff; line-height:35px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#f4f4f4; line-height:22px; background:#e9e9e9;}
.subnav .pcdnav{ padding-bottom:10px;}
.subnav .pcdnav li{ margin:2px 0 0 0; height:35px;  }
.subnav .pcdnav li a{display:block; color:#666; line-height:35px; background-color:#f5f5f5; transition:all 0.3s; background-image:url(../images/left_navbg.png); background-position:30px center; background-repeat:no-repeat;}
.subnav .pcdnav li a.active{color:#903d3c; background-color:#efefef;background-image:url(../images/left_nav2.png); background-position:30px center; background-repeat:no-repeat;}
.subnav .pcdnav li a:hover{ color:#903d3c; background-color:#e8e8e8;background-image:url(../images/left_nav2.png); background-position:30px center; background-repeat:no-repeat;}
.subnav p{ line-height:24px; color:#666;}
.subnav .lianxi{ display:block; padding-top:5px;}
.subnav .di a{ display:block;}
.subnav .di{ background:#f4f4f4; font-size:12px; color:#666; line-height:20px; padding:10px 0; margin-top:5px;}
.subnav .di p{ padding:0 10px;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#903d3c;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#e6e6e6; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}

/*case*/
.pic{ margin-top:20px;}
.pic ul li{ width:32.3%; margin:0 0.5% 20px;}
.pic ul li .imgbox{ padding:8px; background:#fff; border:1px solid #e4e4e4; transition:all 0.3s;}
.pic ul li .imgbox span{ display:block; width:100%;  height:140px;transition:all 0.3s;}
.pic ul li .imgbox .biao{ border-bottom:1px solid #e1e1e1;}
.pic ul li .imgbox .biao h3{ font-size:16px; font-weight:bold; color:#666; line-height:42px;transition:all 0.3s;}
.pic ul li .imgbox .biao small{ color:#999; font-size:12px; line-height:42px;transition:all 0.3s;}
.pic ul li .imgbox .til{ color:#888; font-size:12px; line-height:22px; height:44px; overflow:hiddenl; margin-top:5px;transition:all 0.3s;}
.pic ul li .imgbox .mor{ float:right; width:90px; line-height:26px; font-size:12px; text-align:center; color:#fff; background:#903d3c; margin-top:5px;}
.pic ul li a:hover .imgbox{ box-shadow:2px 2px 8px rgba(204,204,204,0.8); -moz-box-shadow:2px 2px 8px rgba(204,204,204,0.8); -ms-box-shadow:2px 2px 8px rgba(204,204,204,0.8); -webkit-box-shadow:2px 2px 8px rgba(204,204,204,0.8);}
.pic ul li a:hover .imgbox span{ opacity:0.8;}
.pic ul li a:hover .imgbox .biao h3{ color:#903d3c;}
.pic ul li a:hover .imgbox .biao small{ color:#903d3c;}
.pic ul li a:hover .imgbox .til{ color:#903d3c;}

/*news2*/
.news2{ margin:20px 0 0 0;}
.news2 ul li{ border-bottom:1px dashed #d7d7d7; margin:0 0 10px 0;}
.news2 ul li p{ font-size:14px; line-height:30px; color:#888; padding:0 0 0 10px; background:url(../images/a_bg2.png) left center no-repeat; height:30px; overflow:hidden; width:80%;}
.news2 ul li span{ font-size:14px; line-height:30px; color:#888; height:30px; overflow:hidden; width:20%; text-align:right;}
.news2 ul li a:hover p{ color:#903d3c;}

/*lianxi*/
.right-content .lianxi{ margin-top:20px;}
.right-content .lianxi label{ font-size:14px; font-weight:normal;}
.right-content .lianxi span{ font-size:12px;}

/*ditu*/
.right-content .ditu{ position:relative; margin-top:20px; border:1px solid #ccc; overflow:hidden;}
.right-content .us{ margin-top:10px; font-size:14px; color:#000; line-height:24px;}


/*f-1*/
footer{ padding:15px 0; background:url(../images/footer_bg.png) center center; background-size:cover;}
footer .QrCode{color:#fff; border-right: solid 1px #999; padding:0 20px}
footer .QrCode h5{ font-size:12px; line-height:30px}
footer section{color:#fff; line-height:24px;}
footer section ul li{ display:inline-block;}
footer section ul li a{ color:#fff; display:inline-block;  font-size:12px; line-height:12px; padding:0 8px; border-right:1px solid #fff; height:12px;}
footer section ul li a:hover{ color:#903d3c;}
footer section .ContactUs{ margin-bottom:6px;} 
footer section address{ margin:0; padding:0;}
footer section small a{ color:#fff;}


 /*f-nav*/
.hot{height:50px; background:#903d3c; position:fixed; bottom:0; left:0; z-index:99; border-top:2px solid #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:5px 0;}
.hot .row div:hover{ background:#732d2c;}

@media (max-width:1199px){

.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}



	
}


@media (max-width:991px){
.heard1{ height:70px; position:inherit !important;}
.heard1 .icon-menu{ margin:24px 15px 0 0; cursor:pointer; font-size:26px;}
.heard1 .sjdnav{ width:150px; height:auto;position:absolute; right:10px; top:80px; z-index:9999;}
.heard1 .sjdnav ul{ margin:0; padding:0;}
.heard1 .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px; background:rgba(0,0,0,0.8);}
.heard1 .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.heard1 .sjdnavhide{ height:0; overflow:hidden;}
.heard1 .logo{ margin:0 0 0 10px; height:70px;}
.heard1 .logo img{ width:330px; height:auto; margin-top:20px;}

/*a-1*/
.abousbox1{ background:none; padding:0 10px; height:auto;}
.abousbox1 .imgbox{ float:left !important; width:40%; padding:0 10px 0 0;}
.abousbox1 .imgbox .tel{ display:none;}
.abousbox1 .textbox{ float:right !important; width:60%;}
.abousbox1 .text{ padding:0; font-size:12px; line-height:20px; height:auto;}

/*f-1*/
footer{padding:10px 0; font-size:12px;}
footer .QrCode{ padding:0; width:100%; color:#fff; border-right:none;}
footer .QrCode img{ margin:10px auto;}
footer section .ContactUs{ text-align:center;}
footer section .Email{  text-align:center;}
footer section address{  text-align:center; margin-bottom:0;}
footer section .Copyright{ text-align:center;}
footer section small	{ display:block;font-size:12px;  text-align:center;} 

/*case*/
.pic ul li .imgbox span{ height:190px;}

}

@media (max-width:768px){

body{ padding-bottom:50px;}

.heard1 .sjdnav{  right:0px;}

/*t-2*/
.title2 h3{ font-size:24px;  line-height:38px;}
.title2 span{font-size:18px;}

/*t-1*/
.title h3{ font-size:24px;  line-height:38px;}
.title span{font-size:18px;}


/*a-1*/
.abousbox1 .imgbox{ width:100%; padding:0 0 10px 0;}
.abousbox1 .imgbox img{ margin:0 auto;}
.abousbox1 .textbox{width:100%;}

.picture24 #owl-demo .item .imgbox span{ height:220px;}

/*news*/
.news ul li .imgbox{ width:34%;}
.news ul li .newstil{ width:66%;}
.news ul li .newstil h3{width:70%;}
.news ul li .newstil small{width:30%;}

/*anli*/
.anli .left_info{ width:100%;}
.anli .left_info .ti{ height:110px; background:#666666; color:#fff;}
.anli .left_info .ti .tiinfo{ width:168px; margin:0 auto; line-height:110px;}
.anli .left_info .imgbox{ height:375px; margin-top:14px; position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info{ width:100%; margin-top:13px;}
.anli .right_info .imgbox1{ height:250px; width:72%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox2{ height:250px; width:26%; margin-left:2%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .mor{ height:150px; width:24%; margin-top:13px; color:#fff;}
.anli .right_info .mor p{ font-size:20px; text-align:center;}
.anli .right_info .mor .first{ font-size:26px; padding-top:36px !important;}
.anli .right_info .imgbox3{ height:150px; width:46%; margin:0 2%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox4{ height:150px; width:26%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}

/*case*/
.pic ul li .imgbox span{ height:140px;}
}

@media (max-width:640px){
.heard1 .logo img{ margin-top:25px;}

.picture24 #owl-demo .item .imgbox span{ height:180px;}

/*news*/
.news ul li{ width:100%; margin:0 0 20px;}
.news ul li .imgbox{ width:20%;}
.news ul li .newstil{ width:80%;}
.news ul li .newstil h3{width:70%;}
.news ul li .newstil small{width:30%;}

/*case*/
.pic ul li{ width:49%;}
.pic ul li .imgbox span{ height:190px;}
	
}

@media (max-width:414px){

/*h-1*/
.heard1 .logo{ width:55%;}
.heard1 .logo img{  margin:25px 0 0 0;}

.picture24 #owl-demo .item .imgbox span{ height:160px;}

/*anli*/
.anli .left_info{ width:100%;}
.anli .left_info .ti{ height:110px;}
.anli .left_info .ti .tiinfo{ width:168px;}
.anli .left_info .imgbox{ height:240px; margin-top:14px; position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info{ width:100%; margin-top:13px;}
.anli .right_info .imgbox1{ height:200px; width:72%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox2{ height:200px; width:26%; margin-left:2%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .mor{ height:120px; width:30%; margin-top:13px; color:#fff;}
.anli .right_info .mor p{ font-size:16px; text-align:center;}
.anli .right_info .mor .first{ font-size:22px; padding-top:36px !important;}
.anli .right_info .imgbox3{ height:120px; width:68%; margin:0  0 0 2% ; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox4{ height:120px; width:100%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .left_info a:hover .imgbox{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox1{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox2{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox3{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox4{ border:2px solid #f39c0f;}

/*news*/
.news ul li .imgbox{ width:34%;}
.news ul li .newstil{ width:66%;}
.news ul li .newstil h3{width:70%;}
.news ul li .newstil small{width:30%;}

/*case*/
.pic ul li{ width:100%; margin:0 0 20px;}
.pic ul li .imgbox span{ height:160px;}

/*news2*/
.news2 ul li p{width:70%;}
.news2 ul li span{ width:30%; }

}



@media (max-width:340px){
/*news*/
.news ul li .imgbox{ width:38%;}
.news ul li .newstil{ width:62%;}
.news ul li .newstil h3{width:55%;}
.news ul li .newstil small{width:40%;}


}