@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; outline:none !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1230px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.top{ background:url(../images/bg.jpg) center center; background-size:cover;}
.top .left{ color:#636363; line-height:35px; font-size:12px;}
.top .right{ color:#333; font-size:12px;}
.top .right ul{ font-size:0; padding-left:3px;}
.top .right ul li{ display:inline-block; vertical-align:top; font-size:14px;}
.top .right ul li a{ font-size:14px; color:#333; line-height:35px; transition:all .3s; margin:0 5px; font-weight:bold;}
.top .right ul li a:hover{ color:#e60000;}

.heard1{ width:100%; height:130px; background:url(../images/bg.jpg) center center; background-size:cover;}
.heard1 .logoimg{ width:20%;}
.heard1 .logoimg img{ margin-top:15px;}
.heard1 nav{ width:80%; background:url(../images/nav_bg.png) center center; background-size:cover; border-radius:5px; -moz-border-radius:5px; margin-top:35px;}
.heard1 nav li{ height:50px;width:10%; position:relative; background:url(../images/nav_bg.jpg) right center no-repeat;}
.heard1 nav li a{ display:block; color:#fff; line-height:50px;  font-size:14px;}

/*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; background:#c9000e; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#a0000b;}
.banner #myCarousel .carousel-indicators li.active{background-color:#a0000b;}

/*m-w*/
.mian-about{ padding:20px 0; background:url(../images/about_bg.jpg) center center; background-size:cover;}
.mian-case{ padding:20px 0;}
.mian-sp{ padding:20px 0 0;}
.mian-pic{ padding:0 0 20px;}
.mian-news{ padding:0 0 20px;}
.mian-Color{ background:url(../images/Color_bg.jpg) center center; background-size:cover; padding:0 0 30px 0;}

/*t-1*/
.title { margin:20px 0;}
.title h3{ color:#333; font-size:20px;  line-height:71px; background:url(../images/biao_bg.png) center center no-repeat;}

/*t-2*/
.title2 { margin:20px 0;}
.title2 h3{ color:#333 font-size:20px; font-weight:bold;  line-height:71px; background:url(../images/biao_bg2.png) center center; background-size:100% 100%;}

/*t-6*/
.title6{ margin-bottom:5px;}
.title6 img{ margin-top:-5px;}
.title6 .biao{ background:url(../images/biao.png) center center no-repeat; padding:4px; border-radius:5px; -moz-border-radius:5px; border:1px solid #e3e3e3; width:92%; margin:15px 0 0 10px;}
.title6 .biao h4{ font-size:14px; color:#fff; background:#c90911; padding:0 5px; width:110px; line-height:30px; border-radius:5px; -moz-border-radius:5px;}
.title6 .biao span{ line-height:30px; color:#333;}
.title6 .biao span a{ color:#333;}
.title6 .biao span a:hover{ color:#d00612;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h3{ width:30%; font-size:14px; line-height:30px; border-radius:5px; -moz-border-radius:5px; border:1px solid #e3e3e3; background:#fff9e8; margin:0 auto !important;}
.title07 h6{color:#979797; line-height:30px; width:90%; border-top:1px dashed #ccc; margin:10px auto 0;}

/*t-4*/
.aboutnei{ padding:8px; border:1px solid #e3e3e3; border-radius:8px; -moz-border-radius:8px;}
.about h4{ font-size:20px; color:#333; line-height:30px;}
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto;}

/*text-3*/
.textbox{ border-top:1px solid #ccc; margin-top:10px;}
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

/*st*/
.st{ margin-top:20px; animation-delay:0.5s;}
.st ul{ margin:0 -15px;}
.st ul li{ width:20%; padding:0 15px; margin-bottom:20px;}
.st ul li .imgbox{ width:192px; height:192px; border-radius:50%; -moz-border-radius:50%; margin:0 auto; padding:7px; border:3px solid #95541d; transition:all .3s;}
.st ul li .imgbox .img{ width:100%; height:100%;border-radius:50%; -moz-border-radius:50%; background:rgba(255,255,255,0.7); filter:Alpha(Opacity=70); position:relative;}
.st ul li .imgbox .img h3{ width:143px; line-height:31px; font-size:16px; color:#fff; background:url(../images/h3_bg2.jpg) center center no-repeat; position:absolute; left:50%; margin-left:-71.5px !important; top:50%; margin-top:-15.5px !important; transition:all .3s;}
.st ul li p{ color:#333; line-height:22px; height:66px; overflow:hidden; margin-top:10px !important; transition:all .3s;}
.st ul li:hover .imgbox{ border:3px solid #ab000e;}
.st ul li:hover .imgbox .img h3{ background:url(../images/h3_bg.jpg) center center no-repeat;}
.st ul li:hover p{ color:#ab000e;}

/*zs*/
.zs_box{ margin:20px -45px;}
.zs_box .zs01{  width:50%; padding:0 45px; margin-bottom:20px;}
.zs_box .zs{ position:relative; min-height:168px; padding:0 0 0 241px;}
.zs_box .zs .imgbox{ width:241px; height:168px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.zs_box .zs .imgbox .imgs2{ transition:all .5s; width:100%; height:100%;}
.zs_box .zs ul{ padding:0 0 0 20px;}
.zs_box .zs ul li{ margin-bottom:10px;}
.zs_box .zs ul li h5{ font-size:14px; color:#333; width:80%; padding:0 0 0 20px; background:url(../images/jiao.jpg) left center no-repeat;}
.zs_box .zs ul li h6{ font-size:14px; color:#333; width:20%; text-align:right;}
.zs_box .zs .imgbox:hover .imgs2{ transform:scale(1.1);}
.zs_box .zs ul li:hover h5{ color:#9a0c0c; background:url(../images/jiao2.jpg) left center no-repeat;}
.zs_box .zs ul li:hover h6{ color:#9a0c0c;}

/*gg*/
.mian-gg{ position:relative;}
.mian-gg img{ width:100%;}
.mian-gg .tel{ position:absolute; left:50%; top:43%; padding:0 0 0 80px; background:url(../images/dianh.png) left center no-repeat; height:74px;}
.mian-gg .tel h6{ font-size:12px; color:#fff; line-height:12px;}
.mian-gg .tel h4{ font-size:30px; color:#fff; font-weight:bold;  !important;}
.mian-gg .tel h4 b{ font-size:50px; color:#fff; }

/*about*/
.aboutbox .aboutimg{ position:relative; min-height:440px;}
.aboutbox .aboutimg li{ width:160px; height:160px; transform:rotate(45deg);}
.aboutbox .aboutimg li .liti{ width:130px; height:130px; background:rgba(255,255,255,0.8); position:absolute; left:50%; margin-left:-65px; top:50%; margin-top:-65px; transition:all .3s;}
.aboutbox .aboutimg li .liti h3{ font-size:20px; color:#333; transform:rotate(-45deg); width:50px; height:40px; position:absolute; left:50%; margin-left:-25px !important; top:50%; margin-top:-25px !important;}
.aboutbox .aboutimg li:hover .liti{ background:rgba(208,6,18,0.8);}
.aboutbox .aboutimg li:hover .liti h3{ color:#fff;}
.aboutbox .aboutimg li.li01{position:absolute; left:50%; margin-left:-80px; top:0;}
.aboutbox .aboutimg li.li02{ position:absolute;left:50%; margin-left:-205px; top:120px;}
.aboutbox .aboutimg li.li03{ position:absolute;left:50%; margin-left:45px; top:120px;}
.aboutbox .aboutimg li.li04{ position:absolute;left:50%; margin-left:-80px; top:238px;}
.aboutbox .abouttil h3{ font-size:16px; line-height:33px; background-color:#d00612; color:#fff; padding:0 20px 0 10px; width:230px; background-image:url(../images/jian.png); background-position:95% center; background-repeat:no-repeat;}
.aboutbox .abouttil .aboutti{ color:#333; line-height:26px; margin-top:40px; height:260px; overflow:hidden; transition:all .3s;}
.aboutbox .abouttil:hover .aboutti{ color:#d00612;}
.list_nav{ margin-top:58px;}
.list_nav ul{ font-size:0;}
.list_nav ul li{ vertical-align:top; width:25%; line-height:33px; text-align:center; background-color:#d00612; display:inline-block; font-size:14px; background-image:url(../images/li_bg.jpg); background-position: left center; background-repeat:no-repeat; transition:all .3s;}
.list_nav ul li a{ color:#fff;}
.list_nav ul li.active{ background:#95541d;}
.list_nav ul li:hover{ background:#95541d;}

/*sp*/
.sp{ margin-top:20px; animation-delay:0.5s;}
.sp ul{ margin:0 -5px;}
.sp ul li{ width:20%; padding:0 5px; margin-bottom:30px;}
.sp ul li .sp_box{ min-height:73px; padding:0 0 0 73px; position:relative;}
.sp ul li .sp_box .imgbox{ width:73px; height:73px; border-radius:50%; -moz-border-radius:50px; position:absolute; left:0; top:0; z-index:1; transition:all 1s;}
.sp ul li .sp_box .sptil{ padding:0 0 0 10px;}
.sp ul li .sp_box .sptil h3{ font-size:20px; color:#333; line-height:26px; transition:all .3s;}
.sp ul li .sp_box .sptil .spti{ color:#333; line-height:22px; height:44px; overflow:hidden; transition:all .3s; margin-top:3px;}
.sp ul li:hover .sp_box .imgbox{ transform:rotate(360deg);}
.sp ul li:hover .sp_box .sptil h3{ color:#d00612;}
.sp ul li:hover .sp_box .sptil .spti{ color:#d00612;}

/*zd*/
.zd ul{ margin:0 -10px;}
.zd ul li{ width:50%; padding:0 10px; margin:25px 0;}
.zd ul li .imgbox{ overflow:hidden;}
.zd ul li .imgbox .imgs3{ transition:all .5s;}
.zd ul li .xian{ width:100%; height:1px; background:#b9b9b9; margin:15px 0; transition:all .3s;}
.zd ul li .zdtil h3{ font-size:16px; color:#333; transition:all .3s;}
.zd ul li .zdtil h6{ font-size:12px; color:#333; transition:all .3s; line-height:22px;}
.zd ul li .zdtil .zdti{ color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:5px; transition:all .3s;}
.zd ul li:hover .imgbox .imgs3{ transform:scale(1.1);}
.zd ul li:hover .xian{ background:#d00612;}
.zd ul li:hover .zdtil h3{ color:#d00612;}
.zd ul li:hover .zdtil h6{ color:#d00612;}
.zd ul li:hover .zdtil .zdti{ color:#d00612;}

/*fg*/
.fg{ margin-top:45px;}
.fg h4{ font-size:16px; color:#333; line-height:50px; border-bottom:1px solid #b9b9b9; border-top:1px solid #b9b9b9;}
.fg ul{ margin-top:10px !important;}
.fg ul li{ padding-bottom:30px; border-bottom:1px solid #dfdfdf; position:relative; padding:0 0 0 100px; min-height:105px; margin-top:20px;}
.fg ul li h6{ font-size:14px; font-weight:bold; color:#333; width:100px; position:absolute; left:0; top:0; z-index:1; line-height:25px; transition:all .3s; height:55px; overflow:hidden;}
.fg ul li .fgtil{ padding:0 0 0 10px; color:#333; line-height:25px; height:75px; overflow:hidden; transition:all .3s;}
.fg ul li:hover h6{ color:#d00612;}
.fg ul li:hover .fgtil{ color:#d00612;}


.picture24{ position:relative; margin:20px -10px 0; animation-delay:0.5s;}
.picture24 #owl-demo .item{ margin:0 10px;transition:all 0.3s;}
.picture24 #owl-demo .item li{ margin-bottom:20px; transition:all .3s;}
.picture24 #owl-demo .item .imgbox{ padding:3px; border:1px solid #d7d7d7; transition:all .3s;}
.picture24 #owl-demo .item .imgbox .imgs{ border:1px solid #d7d7d7; margin-bottom:6px; transition:all .3s;}
.picture24 #owl-demo .item .imgbox .imgs img{width:100%;}
.picture24 #owl-demo .item .imgbox h3{ font-size:14px; color:#333; line-height:40px; background:#c0c0c0; transition:all .3s;}
.picture24 #owl-demo .item li:hover .imgbox{ border:1px solid #d00612;}
.picture24 #owl-demo .item li:hover .imgbox .imgs{ border:1px solid #d00612;}
.picture24 #owl-demo .item li:hover .imgbox h3{ color:#fff; background:#d00612;}
.picture24 .owl-carouse2 .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture24 .owl-carouse2{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture24 .owl-carouse2 .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture24 .owl-carouse2 .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture24 .owl-carouse2 .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-carouse2 .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:31px; 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{ display:none;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}


/*newsbox*/
.newsbox{ margin:40px 0;}
.newsbox h5{ font-size:16px; color:#333;}
.newsbox h6{ color:#333; font-size:14px; line-height:30px;}
.newsbox ul li{ font-size:14px; line-height:30px; padding:0 0 0 23px; background:url(../images/jiao.jpg) left center no-repeat;}
.newsbox ul li a{ color:#333; transition:all .3s;}
.newsbox ul li:hover{ background:url(../images/jiao2.jpg) left center no-repeat;}
.newsbox ul li:hover a{ color:#d00612;}

/*contact*/
.contact02 .lx{ text-align:center; margin:60px 0 55px;}
.contact02 .lx ul{ font-size:0;}
.contact02 .lx ul li{ vertical-align:top; font-size:14px; padding:0 0 0 50px; line-height:45px; color:#333; display:inline-block; margin:0 30px;}
.contact02 input{border:none; height:37px; background:rgba(255,255,255,0.8); width:100%; color:#000; padding:0 10px; margin-bottom:15px;}
.contact02 textarea{ border:none; height:127px; resize:none; background:rgba(255,255,255,0.8); width:100%; padding:10px; color:#000;}
.contact02 button{ width:100%; height:127px; color:#333; background:rgba(255,255,255,0.8); text-transform:uppercase; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#d00612; color:#fff;}

/*p-7*/
.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}

/*c-1*/
.content1{ padding:15px 0 30px 0;}
.subnav ol{ margin-bottom:15px !important;}
.subnav ol h1{ font-size:24px; color:#ce0613; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold;padding:0 0 0 44px; background:url(../images/small_logo.jpg) left center no-repeat; line-height:28px;}
.subnav ol h1 span{ font-size:25px; color:#333; font-family:"微软雅黑"; font-weight:normal;}
.subNavBox{ margin-bottom:10px; border:1px solid #b3b3b3; padding:10px; border-radius:10px; -moz-border-radius:10px; box-shadow:1px 1px 8px #999999; -moz-box-shadow:1px 1px 8px #999999; -ms-box-shadow:1px 1px 8px #999999; -webkit-box-shadow:1px 1px 8px #999999;}
.subNavBox .pcdnav{ width:100%; border-radius:10px; -moz-border-radius:10px; background:url(../images/pcd_bg.png) center center; background-size:cover;border-radius:10px; -moz-border-radius:10px; box-shadow:1px 1px 8px #999999; -moz-box-shadow:1px 1px 8px #999999; -ms-box-shadow:1px 1px 8px #999999; -webkit-box-shadow:1px 1px 8px #999999; padding:0 10px 20px;;}
.subNav2{cursor:pointer;font-size:14px;line-height:40px; padding:0 0 0 50px; border-bottom:1px dashed #ed6366;  background:url(../images/leftnav_bg.jpg) 30px center no-repeat}
.subNav2 a{ color:#fff;}
.subNav2.active{background:url(../images/leftnav_bg2.jpg) 30px center no-repeat}
.subNav2.active a{ text-decoration:underline !important;}
.subNav2:hover{background:url(../images/leftnav_bg2.jpg) 30px center no-repeat}
.subNav2:hover a{ text-decoration:underline !important;}
.tel2{ margin:15px 0; padding:0 0 0 85px; background:url(../images/dianh2.jpg) left center no-repeat;}
.tel2 h6{ font-size:16px; color:#333; line-height:22px;}
.tel2 h3{ font-size:30px; color:#d7120c; font-weight:bold; font-family:"MS Serif", "New York", serif; line-height:40px;}
.subnav .di{ font-size:14px; color:#333; line-height:24px;}
.subnav .di .ewm { width:170px; margin:0 auto;}
.subnav .di .ewm h6{ font-size:14px; color:#000; line-height:20px; padding:0 0 0 40px; background:url(../images/sao.png) left center no-repeat;}
.subnav .di .ewm img{ margin:0 auto;}
.subnav .di h3{ font-size:16px; color:#333; line-height:30px; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.subnav .di p{ padding: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:url(../images/pcd_bg.png) center center; background-size:cover;}
.subnav .yddnav span{ padding-left:30px; line-height:60px;}
.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{ display:none;}
/*.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}*/
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}

/*case*/
.case{ padding:8px; border:1px solid #e3e3e3; border-radius:8px; -moz-border-radius:8px;}
.case ul{ margin:0 -10px;}
.case ul li{ width:33.3%; padding:0 10px; margin-bottom:20px;}
.case ul li .imgbox{ padding:3px; border:1px solid #d7d7d7; transition:all .3s;}
.case ul li .imgbox .imgs4{ border:1px solid #d7d7d7; margin-bottom:6px; transition:all .3s;}
.case ul li .imgbox .imgs4 img{width:100%;}
.case ul li .imgbox h3{ font-size:14px; color:#333; line-height:40px; background:#c0c0c0; transition:all .3s;}
.case ul li:hover .imgbox{ border:1px solid #d00612;}
.case ul li:hover .imgbox .imgs4{ border:1px solid #d00612;}
.case ul li:hover .imgbox h3{ color:#fff; background:#d00612;}

/*cp*/
.cp{padding:8px; border:1px solid #e3e3e3; border-radius:8px; -moz-border-radius:8px;}
.cp .cp_box{ margin-bottom:30px;}
.cp .cp_box h3{ font-size:14px; color:#333; line-height:30px; padding:0 10px; border:1px solid #e3e3e3; background:#fff9e8;border-radius:5px; -moz-border-radius:5px;}
.cp .cp_box .cp_bo{ margin-top:10px; position:relative; padding:0 0 0 169px; min-height:99px;}
.cp .cp_box .cp_bo .imgbox{ width:169px; height:99px; position:absolute; left:0; top:0; z-index:1; border-radius:5px; -moz-border-radius:5px; overflow:hidden;}
.cp .cp_box .cp_bo .imgbox .imgs5{ width:100%; height:100%; transition:all .5s;}
.cp .cp_box .cp_bo .cptil{ padding:0 0 0 15px; font-size:12px; color:#333; line-height:22px; height:88px; overflow:hidden; transition:all .3s;}
.cp .cp_box .cp_bo:hover .imgbox .imgs5{ transform:scale(1.1);}
.cp .cp_box .cp_bo:hover .cptil{ color:#c90911;}


/*ditu*/
.right-content .ditu{ position:relative; margin-top:20px; border:1px solid #ccc; overflow:hidden;}
.right-content .contactbox .us{ margin-top:10px; font-size:14px; color:#333; line-height:24px; width:50%;}
.right-content .contactbox .us img{width:100%;}
.right-content .contactbox .lx2{ width:50%; border-radius:5px; -moz-border-radius:5px;}

/*f-1*/
footer{ padding:15px 0; background:#d00612;}
footer nav ul{ font-size:0;}
footer nav ul li{ font-size:14px; vertical-align:top; color:#fff; display:inline-block; line-height:26px;}
footer nav ul li a{ color:#fff; margin:0 3px;}
footer section{color:#fff; text-align:center; line-height:26px;}
footer .zh{ text-align:center; color:#fff;}
footer .zh a{ color:#fff;}
footer .zh a:hover{ color:#fff;}

 /*f-nav*/
.hot{height:50px; background:#d00612; 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:#a1000a;}


@media (max-width:1199px){	
	
}


@media (max-width:991px){
.heard1{ height:74px; position:relative; border-bottom:none;}
.heard1 .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; 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:#d00612;}
.heard1 .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.heard1 .logoimg{ width:120px;}
.heard1 .logoimg img{ width:120px; height:auto; margin:6px 0 0 5px;}

.heard1 .ydd_btn{ margin:22px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #d00612;}
.heard1 .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; transition:all .3s;}
.heard1 .ydd_btn span.span02{margin:3px 0;}
.heard1 .ydd_btn.click span{ background:#fff;}
.heard1 .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
.heard1 .ydd_btn.click span.span02{margin:4px 0;}
.heard1 .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
.heard1 .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

.heard1 .zy{ color:#333; font-size:12px; margin-left:15px;}
.heard1 .zy ul{ font-size:0; padding-left:3px;}
.heard1 .zy ul li{ display:inline-block; vertical-align:top; font-size:14px;}
.heard1 .zy ul li a{ font-size:14px; color:#333; line-height:74px; transition:all .3s; margin:0 5px; font-weight:bold;}
.heard1 .zy ul li a:hover{ color:#e60000;}

/*st*/
.st ul li{ width:33.3%;}

/*zs*/
.zs_box{ margin:20px -10px;}
.zs_box .zs01{  width:50%; padding:0 10px; margin-bottom:20px;}
.zs_box .zs ul li h5{  width:70%; padding:0 0 0 10px;}
.zs_box .zs ul li h6{ font-size:14px; color:#333; width:30%; text-align:right;}

/*about*/
.aboutbox .abouttil{ margin-top:30px;}
.aboutbox .abouttil .aboutti{ margin-top:20px; height:auto;}

/*case*/
.case{ margin-top:20px;}

/*cp*/
.cp{ margin-top:20px;}

/*t-4*/
.aboutnei{ margin-top:20px;}

/*ditu*/
.right-content .contactbox .us{width:100%;}

}

@media (max-width:768px){
body{ padding-bottom:50px;}	

.logo{ position:relative;}
.logo .sjdnav{ right:0; top:74px;}

/*zs*/
.zs_box{ margin:20px 0px;}
.zs_box .zs01{  width:100%; padding:0px; margin-bottom:20px;}
.zs_box .zs ul li h5{  width:70%; padding:0 0 0 20px;}

/*sp*/
.sp ul li{ width:33.3%;}

.picture24 #owl-demo .item .imgbox h3{ line-height:30px;}

}

@media (max-width:640px){
.contact02 button{ margin-top:15px;}

/*case*/
.case ul li{ width:50%;}

.title07 h3{ width:100%;}
.title07 h6{ width:100%;}
}


@media (max-width:414px){
/*st*/
.st ul li{ width:50%;}
.st ul li .imgbox{ width:132px; height:132px; padding:3px;}
.st ul li .imgbox .img h3{ width:110px; line-height:31px; font-size:12px;background:url(../images/h3_bg2.jpg) center center; background-size:100% 100%; position:absolute; left:50%; margin-left:-55px !important; }
.st ul li:hover .imgbox .img h3{background:url(../images/h3_bg.jpg) center center; background-size:100% 100%;}

/*m-w*/
.mian-about{ padding:0 0 20px;}


/*zs*/
.zs_box .zs{ position:relative; min-height:168px; padding:0;}
.zs_box .zs .imgbox{ width:100%; height:218px; overflow:hidden; position:static;}
.zs_box .zs ul{ padding:20px 0 0 0;}


/*about*/
.aboutbox .aboutimg{ position:relative; min-height:280px; margin-top:20px;}
.aboutbox .aboutimg li{ width:100px; height:100px;}
.aboutbox .aboutimg li .liti{ width:80px; height:80px; margin-left:-40px; margin-top:-40px;}
.aboutbox .aboutimg li .liti h3{ font-size:14px; width:30px; height:28px; position:absolute; left:50%; margin-left:-15px !important; top:50%; margin-top:-14px !important;}
.aboutbox .aboutimg li.li01{position:absolute; left:50%; margin-left:-50px; top:0;}
.aboutbox .aboutimg li.li02{ position:absolute;left:50%; margin-left:-125px; top:75px;}
.aboutbox .aboutimg li.li03{ position:absolute;left:50%; margin-left:25px; top:75px;}
.aboutbox .aboutimg li.li04{ position:absolute;left:50%; margin-left:-50px; top:150px;}

/*sp*/
.sp ul li{ width:50%;}
.sp ul li .sp_box{ min-height:73px; padding:0;}
.sp ul li .sp_box .imgbox{ margin:0 auto; position:static;}
.sp ul li .sp_box .sptil{ padding:10px 0 0 0;}
.sp ul li .sp_box .sptil h3{ font-size:16px; text-align:center;}

/*case*/
.case ul li .imgbox h3{ line-height:30px;}

.cp .cp_box .cp_bo{ padding:0 0 0 135px; min-height:79px;}
.cp .cp_box .cp_bo .imgbox{ width:135px; height:79px; }
.cp .cp_box .cp_bo .cptil{ height:66px;}

}


@media (max-width:340px){


}