@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"; }
/************************************************************************************************************/

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

/*全局样式*/
.top_nav{ border-bottom: 1px solid #e7e7e7;}
.top_nav .left_zi{ font-size: 12px; color: #676767; line-height: 35px;}
.top_nav .right_zi ul{ margin: 0;}
.top_nav .right_zi ul li{ font-size: 18px; line-height: 35px; position: relative; padding: 0 10px; border-left: 1px solid #e7e7e7;}
.top_nav .right_zi ul li a{ color: #999999;}
.top_nav .ss input{ width: 127px; height: 32px; border: none; border-left: 1px solid #e7e7e7; font-size: 12px; padding: 0 0 0 5px;}
.top_nav .ss button{ width: 32px; height: 35px; background-color: #8b8b8b; background-image: url(../images/fang.png); background-position: center; background-repeat: no-repeat; border: none;}

.logo{ height:82px;}
.logo .logoimg img{ margin-top:16px;}
.logo .tel{ padding: 0 0 0 38px; background: url(../images/dh.png) left center no-repeat; margin: 24px 0 0 0;}
.logo .tel h5{ font-size: 12px; color: #696969;}
.logo .tel h6{ font-size: 24px; color: #ae2326; font-weight:bold;}
.logo nav{ width: 68%; margin: 29px 0 0 48px;}
.logo nav ul li{ width:14.28%; position: relative; padding: 0 12px;}
.logo nav ul li a{ display:block; color:#292929; font-size:14px; border: 1px solid #e7e7e7; line-height:27px; border-radius: 50px;}
.logo nav ul li.active a{ background:#ae2326; color: #fff; border: 1px solid #ae2326;}


.banner{ position:relative;/* overflow:hidden;*/}
.banner img{ display: block; margin:0 auto; width:100%; display:none;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-control.left{ left:18%; width:24px;background:url(../images/left_but.png) no-repeat left;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner .carousel-control.right{ right:18%; width:224px;background:url(../images/right_but.png) no-repeat right;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 4px;width:15px;height:4px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:#fff; border:none; border-radius: 3px !important;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#ffb700; }
.banner #myCarousel .carousel-indicators li.active{background-color:#ffb700; }

/*m-w*/
.mian-icon{ padding:40px 0; background: url(../images/icon_bg.jpg) center center; background-size: cover;}
.mian-video{ padding: 60px 0 100px;}
.mian-ye{ padding: 50px 0; border-top: 1px solid #e9e9e9; position: relative;}
.mian-ye img.top_img{ position: absolute; left: 50%; top: -57px; margin-left: -116px;}
.mian-ys{ padding: 50px 0 90px; border-top: 1px solid #e9e9e9; background: url(../images/ys_bg.jpg) center center; background-size: cover; position: relative;}
.mian-ys img.top_img{ position: absolute; left: 50%; top: -57px; margin-left: -116px;}
.mian-lc{ padding: 50px 0 90px; border-top: 1px solid #e9e9e9; position: relative;}
.mian-lc img.top_img{ position: absolute; left: 50%; top: -57px; margin-left: -116px;}
.mian-hz{ padding: 50px 0 90px; border-top: 1px solid #e9e9e9; background: url(../images/hz_bg.jpg) center center; background-size: cover; position: relative;}
.mian-hz img.top_img{ position: absolute; left: 50%; top: -57px; margin-left: -116px;}
.mian-con{ padding: 50px 0 90px; border-top: 1px solid #e9e9e9; background: url(../images/con_bg.jpg) center bottom no-repeat; position: relative;}
.mian-con img.top_img{ position: absolute; left: 50%; top: -57px; margin-left: -116px;}
.mian-news{ padding: 50px 0; border-top: 1px solid #e9e9e9; position: relative;}
.mian-news img.top_img{ position: absolute; left: 50%; top: -57px; margin-left: -116px;}
.mian-foot{ padding: 65px 0; background: url(../images/Color_bg.jpg) center center; background-size: cover;}
.mian-jing{ padding: 30px 0; background: url(../images/jing_bg.jpg) center center; background-size: cover;}
.mian-an{ padding: 70px 0;}
.mian-zhun{ padding: 70px 0; background: url(../images/jing_bg.jpg) center center; background-size: cover;}

/*t-1*/
.title{ margin: 20px 0;}
.title h3{ font-size: 18px; color: #404040; font-weight: bold;}
.title .kuai{ width: 40px; height: 2px; background: #ae2326; margin: 20px auto 0;}
.title h6{ font-size: 14px; color: #696969; padding: 30px 0 0 0;}
.show_img .imgbox img{ max-width:100%;}
/*t-2*/
.title2{ margin: 20px 0;}
.title2 h3{ font-size: 18px; color: #fff; font-weight: bold;}
.title2 .kuai{ width: 40px; height: 2px; background: #ae2326; margin: 20px auto 0;}
.title2 h6{ font-size: 14px; color: #fff; padding: 30px 0 0 0;}

.title3{ margin: 30px 0; background: url(../images/biao_bg.png) center center no-repeat;}
.title3 h3{ font-size: 30px; color: #bc251c; font-weight: bold;}
.title3 h6{ color: #cccccc; font-size: 12px; text-transform: uppercase; padding: 10px 0 0 0;}

/*t-6*/
.title6{ position: relative; height: 43px;}
.title6:before{ content: ''; width: 100%; height:1px; background: #dcdcdc; position: absolute; left: 0; bottom: 0px;}
.title6:after{ content: ''; width: 100%; height:1px; background: #dcdcdc; position: absolute; left: 0; bottom: 3px;}
.title6 h4{ font-size: 30px; font-family: impact; color: #c8c8c8; text-transform: uppercase;}
.title6 h4 i{ font-style: normal; font-size: 18px; color: #c8c8c8; font-weight: bold; padding: 0 0 0 7px;}
.title6 span{ font-size: 12px; color: #404040; line-height: 30px;}
.title6 span a{ color: #404040;}
.title6 span a:hover{ color: #308eff;}



/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:18px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.aboutnei 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*/
.text03{ padding:15px 0; font-size:14px; color:#636363; line-height:30px; margin: 20px 0 0 0;}
.text03 img{ max-width:100%; height:auto;}

/*lunbo*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.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)}
.owl-theme .owl-controls{}

.icon_box ul{ margin: 0 -6px;}
.icon_box ul li{ width: 16.6666%; padding: 0 6px;}
.icon_box ul li .icon{ background: #999999; border-radius: 26px; padding: 30px 0; cursor: pointer; position: relative; transition: all .3s;}
.icon_box ul li .icon:after{ content: ''; width: 0; height: 0; border-bottom: 10px solid #bb686a; border-left: 7px solid transparent;  border-right: 7px solid transparent; position: absolute; left: 50%; margin-left: -7px; top: -24px; opacity: 0;}
.icon_box ul li .icon .imgbox{ text-align: center; height: 27px; line-height: 27px;}
.icon_box ul li .icon .icon_til{ margin: 20px 0 0 0;}
.icon_box ul li .icon .icon_til h3{ color: #fff; font-size: 18px; font-weight: bold;}
.icon_box ul li .icon .icon_til h6{ color: #fff; font-size: 12px; text-transform: uppercase; padding: 10px 0 0 0;}

.video_box{ height: 666px;}

.yw_box{ margin: 20px 0 0 0; overflow: hidden;}
.yw_box ul{ margin:0 -23px;}
.yw_box ul li{ width: 33.3333%; padding: 0 23px; margin: 2px 0 45px;}
.yw_box ul li .imgbox{ position: relative;}
.yw_box ul li .imgbox:after{ content: ''; width: 62px; height: 4px; background: #ae2326; position: absolute; left: 50%; margin-left: -31px; top: -2px;}
.yw_box ul li .bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; transition: all .3s;}
.yw_box ul li .bg .bg_til{ position: absolute; left: 0; top: 50%;  transform: translateY(-50%); width: 100%;}
.yw_box ul li .bg h3{ font-size: 24px; color: #fff; font-weight: bold; line-height: 40px;  overflow: hidden;}
.yw_box ul li .bg .list_til div{ margin-top: 20px; text-align: center; position: relative;}
.yw_box ul li .bg .list_til div:after{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; position: absolute; left: 50%; margin-left: -3px; top: 50%; margin-top: -3px;}
.yw_box ul li .bg .list_til div span{ color: #fff; font-size: 16px; padding: 0 26px;}

.ys_box{ margin: 30px 0 0 0;}
.ys_box ul li{ border-bottom: 1px solid #dec5c5; padding: 15px 0; min-height: 70px; position: relative; cursor: pointer; transition: all .3s;}
.ys_box ul li .ys_left{ width: 50%; padding: 0 80px 0 0; color: #292929; line-height: 20px; height: 40px; overflow: hidden; transition: all .3s;}
.ys_box ul li .ys_right{ width: 50%; padding: 0 0 0 80px; color: #292929; line-height: 20px; height: 40px; overflow: hidden; transition: all .3s;}
.ys_box ul li .ys_zi{ width: 160px; line-height: 40px; font-size: 18px; color: #fff; font-weight: bold; background: #bb686a; border-radius: 50px; position: absolute; left: 50%; margin-left: -80px; top: 50%; margin-top: -20px; transition: all .3s;}

/*lc*/
.lc_box{ margin: 20px 0 0 0;}
.lc_box ul{ margin: 0 -15px;}
.lc_box ul li{ width: 16.6666%; padding: 0 15px; position: relative;}
.lc_box ul li:after{ content: ''; width: 90px; height: 10px; background: url(../images/lianjie.png) center center no-repeat; position: absolute; right: -50px; top: 81px; z-index: 1;}
.lc_box ul li:first-child:before{ content: ''; width: 34px; height: 1px; background: url(../images/xu.png) center center no-repeat; position: absolute; left: 0; top: 76px; z-index: 1;}
.lc_box ul li:last-child:after{ content: ''; width: 34px; height: 1px; background: url(../images/xu.png) center center no-repeat; position: absolute; right: 0; top: 76px; z-index: 1;}
.lc_box ul li h3{ font-size: 18px; color: #8b8b8b; font-family: arial;}
.lc_box ul li .imgbox{ width: 97px; height: 97px; border-radius: 50%; text-align: center; line-height: 97px; background: url(../images/kuang.png) center center no-repeat; background-size: 100%; margin: 17px auto 27px;}
.lc_box ul li h4{ font-size: 16px; color: #292929; font-weight: bold;}

.hz_box { margin: 52px 0 0;}
.hz_box ul li{ width: 20%; background: #fff;}
.hz_box ul li .imgbox{ text-align: center; height: 136px;border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; line-height: 132px;}
.hz_box ul li .imgbox img{ max-width: 100%; max-height: 100%; transition: all .3s;}

/*c-2 */
.contact02{ margin: 40px 0 0 0;}
.contact02 h1{ font-size:18px; color:#292929;  line-height:50px;}
.contact02 ..h5{ border: 1px solid #e3e3e3;}
.contact02 form{ margin: 30px 0 0 0;}
.contact02 input{ width: 100%; background:none; border:none; border-bottom: 2px solid #e3e3e3; height:42px; border-radius: 0; margin-bottom: 30px;}
.contact02 textarea{ width: 100%; background:none; border:none; border-bottom: 2px solid #e3e3e3; height:145px; border-radius: 0;}
.contact02 button{ width:150px; height:41px; color:#fff; background:#ae2326; border:none; transition:all 0.3s; margin: 30px 0 0 0; position: relative; padding: 0 50px 0 0;}
.contact02 button:after{ content: ''; width: 50px; height: 41px; background-color: #ae2326; background-image:url(../images/sanjiao.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 0; top: 0; border-left: 1px solid #c479e4;}

/*news*/
.news{ margin: -30px 0 0 0;  position: relative;}
.news ul{ margin: 0 -15px;}
.news:after{ content: ''; width: 100%; height: 1px; background: #dcdcdc; position: absolute; left: 0; top: 50%;}
.news ul li{ width: 33.3333%; padding: 0 15px; margin: 60px 0;}
.news ul li a{ display: block; width: 100%; padding: 0 0 0 62px; min-height: 72px; position: relative;}
.news ul li a .imgbox{ width: 30px; height: 32px; position: absolute; left: 0; top: 0; z-index: 1;}
.news ul li a .news_til h3{ font-size: 16px; color: #292929;}
.news ul li a .news_til .news_ti{ font-size: 12px; color: #696969; line-height: 24px; height: 48px; overflow: hidden; margin: 20px 0 0 0;}

.title02{ padding: 15px 0 0 0; position: relative;}
.title02:after{ content: ''; width: 70%; height: 2px; background: #fff; position: absolute; left: 0; top: 0;}
.title02 h3{ color: #fff; font-size: 16px; font-weight: bold;}
.lj_box{ width: 23%; padding: 10px 0 0 0; border-right: 1px solid rgba(255,255,255,0.3); min-height: 263px;}
.lj_box .a_box{ margin: 40px 0 0 0;}
.lj_box .a_box a{ display: block; width: 50%; font-size: 12px; color: #fff; margin-bottom: 20px;}

.fen_box{ width: 29%; padding: 10px 42px 0; border-right: 1px solid rgba(255,255,255,0.3); min-height: 263px;}
.fen_box .lx_til{ font-size: 14px; color: #ffffff; line-height: 34px; margin: 40px 0 0 0;}

.bei_box{ width: 25%; padding: 10px 50px 0;}
.bei_box .bei{ margin: 40px 0 0 0; color: #fff; line-height: 34px;}
.bei_box .bei a{ color: #fff;}

.ewm_box{ width: 23%; margin: 10px 0 0 0;}
.ewm_box ul{ font-size: 0; text-align: center; margin: 0 -14px;}
.ewm_box ul li{ display: inline-block; vertical-align: top; width: 50%; padding: 0 14px;}
.ewm_box ul li .imgbox img{ margin: 0 auto;}
.ewm_box ul li h6{ font-size: 14px; color: #fff; line-height: 47px; border-bottom: 1px solid #6a6a6a;}

.di_box .lj{ font-size: 0; width: 70%;}
.di_box .lj h3{ display: inline-block; vertical-align: top; width: 100px; line-height: 77px; color: #292929; font-size: 16px; font-weight: bold; border-right: 1px solid #dfdfdf;}
.di_box .lj a{ display: inline-block; vertical-align: top; font-size: 14px; color: #696969; padding: 32px 0; margin: 0 16px;}
.di_box .top_but{ font-size: 14px; color: #696969; line-height: 77px; cursor: pointer;}

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

/*c-1*/
.content1{ padding:40px 0 40px 0;}
.list_nav{ border-bottom: 1px solid #e2e2e2;}
.list_nav ul{ font-size: 0; margin: 0 -30px; text-align: center;}
.list_nav ul li{ display: inline-block; vertical-align: top; padding: 0 30px 0; }
.list_nav ul li a:after{ content: ''; width: 100%; height: 2px; background: #ae2326; position: absolute; left: 0; bottom: -1px; display: none;}
.list_nav ul li a{ display: block; font-size: 18px; color: #292929; position: relative; padding-bottom: 30px;}
.list_nav ul li.active a{ color: #ae2326;}
.list_nav ul li.active a:after{ display: block;}
.list_nav ul li:hover a{ color: #ae2326;}
.list_nav ul li:hover a:after{ display: block;}
.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#ae2326;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.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;}


/*pic*/
.case{ margin: 40px 0 0 0;}
.case ul{ margin: 0 -10px;}
.case ul li{ width: 33.333%; margin-bottom: 20px; padding: 0 10px;}
.case ul li a{ display: block; width: 100%; border: 1px solid #d2d2d2;}
.case ul li .imgbox{ position: relative; overflow: hidden;}
.case ul li .imgbox .bg_box{ width: 100%; height: 100%; background: rgba(174,35,38,0.9); position: absolute; left: 0; top: -100%; transition: all .3s;}
.case ul li .imgbox .bg_box .bg{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);  width: 100%;}
.case ul li .imgbox .bg_box .bg h5{ font-size: 20px; color: #fff; font-weight: bold;}
.case ul li .imgbox .bg_box .bg .jia{ width: 50%; height: 40px; border: 2px solid #fff; padding: 0 25px; line-height: 40px; color: #fff; font-size: 14px; margin: 20px auto 0; background: url(../images/jiantou.png) 95% center no-repeat;}
.case ul li .case_til{ padding: 0 17px;}
.case ul li h3{ font-size: 14px; color: #292929; font-weight: bold; line-height: 55px; width: 70%;}
.case ul li .mor{ font-size: 12px; color: #999999; line-height: 55px; text-transform: uppercase;}
.jiazai{ margin:20px auto; width:100px; line-height:30px; color:#ae2326; border: 1px solid #ae2326;  border-radius:3px; text-align:center; cursor:pointer;}

.chang{ margin: 40px 0 0 0;}
.chang ul{ margin: 0 -10px;}
.chang ul li{ width: 33.333%; margin-bottom: 20px; padding: 0 10px;}
.chang ul li a{ display: block; width: 100%; border: 1px solid #d2d2d2; transition: all .3s;}
.chang ul li .imgbox{ position: relative; overflow: hidden;}
.chang ul li .imgbox .bg_box{ width: 100%; height: 100%; background: rgba(174,35,38,0.9); position: absolute; left: 0; top: -100%; transition: all .3s;}
.chang ul li .imgbox .bg_box .bg{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);  width: 100%;}
.chang ul li .imgbox .bg_box .bg h5{ font-size: 20px; color: #fff; font-weight: bold;}
.chang ul li .imgbox .bg_box .bg .jia{ width: 50%; height: 40px; border: 2px solid #fff; padding: 0 25px; line-height: 40px; color: #fff; font-size: 14px; margin: 20px auto 0; background: url(../images/jiantou.png) 95% center no-repeat;}
.chang ul li .chang_til{ padding: 36px 32px;}
.chang ul li .chang_til h3{ font-size: 24px; color: #292929; font-weight: bold;}
.chang ul li .chang_til .chang_ti{ color: #696969; line-height: 23px; height: 46px; overflow: hidden; margin: 20px 0 55px;}
.chang ul li .chang_til .mo{ color: #bc251c; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.jiazai2{ margin:20px auto; width:100px; line-height:30px; color:#ae2326; border: 1px solid #ae2326;  border-radius:3px; text-align:center; cursor:pointer;}

/*news*/
.news2{ margin: 40px 0 0 0;}
.news2 ul li{ padding: 46px 0 0;}
.news2 ul li a{ display: block; width: 100%; padding: 0 0 46px 72px; min-height: 78px; position: relative; border-bottom: 1px solid #f2f2f2;}
.news2 ul li a .biao{ font-size: 14px; color: #fff; text-align: center; line-height: 32px; width: 72px; border-radius: 50px; position: absolute; left: 0; top: 0; transition: all .3s; background: #ae2326;}
.news2 ul li a .news_til2{ padding: 0 0 0 30px;}
.news2 ul li a .news_til2 h3{ font-size: 18px; color: #292929;  transition: all .3s;}
.news2 ul li a .news_til2 .news_ti2{ font-size: 14px; color: #696969; line-height: 25px; height: 50px; overflow: hidden; margin: 14px 0 0 0;  transition: all .3s;}


.hu{ margin:40px 0 0 0;}
.hu ul li{ padding: 0 0 0 298px; min-height: 300px; position: relative; margin-bottom: 5px;}
.hu ul li .hu_text{ width: 298px; height: 300px; background: #838383; position: absolute; left: 0; top: 0; transition: all .3s;}
.hu ul li .hu_text .hu_til{padding:0 20px; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.hu ul li .hu_text .xian{ width: 28px; height: 1px; background: #fff; margin-bottom: 18px;}
.hu ul li .hu_text h5{ color: #fff; font-size: 18px; text-transform: uppercase;}
.hu ul li .hu_text h3{ font-size: 32px; color: #fff; font-weight: bold;}
.hu ul li .hu_text .hu_ti{ color: #fff; line-height: 18px; height: 54px; overflow: hidden; margin: 17px 0 0 0;}
.hu ul li .hu_img{ padding: 0 0 0 5px;}
.hu ul li .hu_img .imgbox{ width: 100%; height: 300px; overflow: hidden;}
.hu ul li .hu_img .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}


.hu ul li.li2{ padding: 0 298px 0 0 ; min-height: 300px; position: relative; margin-bottom: 5px;}
.hu ul li.li2 .hu_text2{ width: 298px; height: 300px; background: #838383; position: absolute; right: 0; top: 0; transition: all .3s;}
.hu ul li.li2 .hu_text2 .hu_til{padding:0 20px; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.hu ul li.li2 .hu_text2 .xian{ width: 28px; height: 1px; background: #fff; margin-bottom: 18px;}
.hu ul li.li2 .hu_text2 h5{ color: #fff; font-size: 18px; text-transform: uppercase;}
.hu ul li.li2 .hu_text2 h3{ font-size: 32px; color: #fff; font-weight: bold;}
.hu ul li.li2 .hu_text2 .hu_ti{ color: #fff; line-height: 18px; height: 54px; overflow: hidden; margin: 17px 0 0 0;}
.hu ul li.li2 .hu_img{ padding: 0 5px 0 0;}
.hu ul li.li2 .hu_img .imgbox{ width: 100%; height: 300px; overflow: hidden;}
.hu ul li.li2 .hu_img .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.jiazai3{ margin:20px auto; width:100px; line-height:30px; color:#ae2326; border: 1px solid #ae2326;  border-radius:3px; text-align:center; cursor:pointer;}

.mian-about{ margin: 20px 0 20px;}
.about_box{ margin: 10px 0 0 0;}
.about_box .about_img{ width: 44%;}
.about_box .about_text{ width: 56%;}
.about_box .about_biao{ padding: 45px 0 0 58px;}
.about_box .about_biao h3{ font-size: 24px; color: #292929; font-weight: bold;}
.about_box .about_biao h6{ color: #999999; text-transform: uppercase; font-size: 12px;}
.about_box .about_til{ padding: 18px 40px 28px 58px; background: #f5f5f6; margin: 15px 0 0 0;}
.about_box .about_til .kuai{ width: 42px; height: 6px; background: #ae2326;}
.about_box .about_til .about_ti{ color: #696969; line-height: 24px; margin: 30px 0 0 0;}
.about_box .tiao{ width: 90%; height: 17px; background: #f5f5f6; margin: 24px 0 0 0;}

.mian-zu{ padding: 40px 0; background: #f5f5f6;}
.zu_text{ color: #696969; line-height: 24px; margin: 20px 0 0 0;}

.mian-fuwu{ padding: 20px 0 50px;}

.mian-team{ padding: 20px 0; background: #f5f5f6;}
.team_box{ margin: 20px 0 0 0;}
.team_box ul{ margin: 0 -13px;}
.team_box ul li{ width: 33.333%; padding: 0 13px; margin-bottom: 30px;}
.team_box ul li .imgbox{ padding: 6px; background: #fff;}
.team_box ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}



.con_top{ margin: 30px 0 0 0; border-top: 3px solid #ae2326; border-bottom: 1px solid #e2e2e2; padding: 40px 0;}
.con_top .con_biao{ width: 40%; font-size: 28px; color: #ae2326; font-weight: bold; line-height: 83px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.con_top .con_biao span{ color: #999999; text-transform: uppercase; font-family: arial;}
.con_right{ width: 60%;}
.con_right .con_zi{ font-size: 14px; color: #696969; line-height: 83px; padding: 0 0 0 80px;}
.con_icon{ font-size: 0;}
.con_icon .QQ{ display: inline-block; vertical-align: top; width: 127px; line-height: 43px; text-align: center; background: #ae2326; border-radius: 5px; font-weight: bold; color: #fff; font-size: 14px; margin: 20px 0 0 0;}
.con_icon .dian{ font-size: 14px; display: inline-block; vertical-align: top; width: 248px; line-height: 43px; text-align: center; border: 1px solid #e2e2e2; margin: 20px 0 0 20px;}

.contact_box{ margin: 40px 0 0 0;}
.lx_text ul li{ color: #292929; line-height: 30px; padding: 0 0 0 39px; margin-bottom: 10px;}
.lx_text ul li:nth-child(1){ background: url(../images/lx_icon1.png) left center no-repeat;}
.lx_text ul li:nth-child(2){ background: url(../images/lx_img2.png) left center no-repeat;}
.lx_text ul li:nth-child(3){ background: url(../images/lx_icon3.png) left center no-repeat;}
.ewm_box2{ margin: 20px 0 0 0;}
.ewm_box2 .imgbox{ width: 122px;}
.ewm_box2 .ewm_til{ padding: 10px 0 0 30px;}
.ewm_box2 .ewm_til h3{ font-size: 18px; font-weight: bold; padding: 10px 0 0 0;}
.ewm_box2 .ewm_til h5{ font-size: 14px; color: #696969; padding: 10px 0 0 0;}

/*ditu*/
.ditu{ position:relative; border:1px solid #d7d7d7; padding: 8px; overflow:hidden;}
.con_text{ color: #636363; line-height: 30px; margin: 20px 0 0 0;}

.show_box{ margin: 40px 0 0 0;}
.show_box .show_til{ font-size: 18px; color: #292929; line-height: 30px; width: 70%;}
.show_box .show_right{ font-size: 0;}
.show_box .show_right span{ display: inline-block; vertical-align: top; font-size: 14px; color: #999999; line-height: 25px; border: 1px solid #e2e2e2; padding: 0 10px;}
.show_box .show_right span small{ font-size: 14px; color: #ae2326;}
.show_box .show_right a{ margin: 0 3px 0 0;}
.show_img .imgbox{ margin: 40px 0 0 0;}

.but_box{ font-size: 0; margin: 40px 0 0 0; text-align: center;}
.but_box a{ display: inline-block; vertical-align: top; width: 45px; height: 45px; background: #e2e2e2; font-size: 26px; color: #fff; text-align: center; line-height: 45px; font-family: '宋体'; margin: 0 1px;}
.but_box a:nth-child(2){ line-height:40px}


@media (max-width:1199px){	
.logo nav ul li{ padding:0 8px;}
.logo nav{ width: 65%; margin: 29px 0 0 28px;}

}

@media( min-width:991px){
	.top_nav .right_zi ul li:hover a{ color: #ae2326;}
	.logo nav ul li:hover a{ background:#ae2326; color: #fff; border: 1px solid #ae2326;}
	.icon_box ul li:hover .icon{ background: #bb686a;}
	.icon_box ul li:hover .icon:after{ opacity: 1;}
	.yw_box ul li:hover .imgbox .bg{ opacity: 0;}
	.ys_box ul li:hover{ background: #bb686a;}
	.ys_box ul li:hover .ys_left{ color: #fff;}
	.ys_box ul li:hover .ys_right{ color: #fff;}
	.ys_box ul li:hover .ys_zi{ background: #fff; color: #ae2326;}
	.hz_box ul li:hover .imgbox img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none;}
	.news ul li:hover a .news_til h3{ color: #ae2326;}
	.news ul li:hover a .news_til .news_ti{ color: #ae2326;}
	.case ul li:hover .imgbox .bg_box{ top: 0;}
	.jiazai:hover{background: #ae2326; color: #fff;}
	.chang ul li:hover a{ box-shadow: 4px 4px 22px rgba(0,0,0,0.2);}
	.chang ul li:hover .imgbox .bg_box{ top: 0;}
	.news2 ul li:hover{ background:#ae2326;}
	.news2 ul li:hover a .biao{ background: #fff; color: #ae2326;}
	.news2 ul li:hover a .news_til2 h3{ color: #fff;}
	.news2 ul li:hover a .news_til2 .news_ti2{ color: #fff;}
	.hu ul li:hover .hu_text{ background: #ae2326;}
	.hu ul li.li2:hover .hu_text2{ background: #ae2326;}
	.but_box a:hover{ background: #ae2326;}

}


@media (max-width:991px){
.logo{border-bottom:none; position: relative;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#ae2326;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}

.logo .ydd_btn{ margin:21px 0 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #ae2326;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; -webkit-transition: all .3s; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .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;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .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;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}


.fen_box{ width: 100%; padding: 10px 0 0 0; border-right:none; min-height: auto;}

.bei_box{ width: 100%; padding: 10px 20px 0  0!important; margin: 20px 0 0 0;}
.bei_box .bei{ margin: 40px 0 0 0; color: #fff; line-height: 34px;}
.bei_box .bei a{ color: #fff;}

.ewm_box{ width: 100%; margin: 20px 0 0 0; padding: 0;}

footer .lx_til{ width: 100%; padding: 0;}

.subnav{ width: 100%;}

.about_box .about_img{ width: 100%; float: none !important;} 
.about_box .about_img img{ margin:0 auto;}
.about_box .about_text{ width: 100%; float: none !important;} 
.about_box .about_biao{ padding-left:10px;}
.about_box .about_til{ padding: 10px 15px;}

.ditu{ margin: 20px 0 0 0;}

.show_box .show_til{ float: none !important; width: 100%;}
.show_box .show_right{ float: none !important; margin: 15px 0 0 0;}

.logo{text-align:center; height:auto;}
.logo .logoimg{float:none !important;line-height:70px}
.logo .logoimg img{ margin:15px 0 10px; height:auto; max-height:100%}
.logo nav{width:100%;float:none !important; margin:0}
.logo nav ul li{padding:2px; width:calc(100% / 3)}
.logo nav ul li a{border-radius:0; line-height:35px}
}

@media (max-width:767px){
.logo .sjdnav{  right:0px;}


.icon_box ul li{ width: 33.33333%; margin-bottom: 20px;}

.video_box { height: 466px;}

.yw_box ul li{ width: 50%;}

.ys_box ul li{ padding-right: 170px; min-height: 110px;}
.ys_box ul li .ys_left{ float: none !important; padding: 0; width: 100%; text-align: left !important; margin-bottom: 5px; color:#bb686a}
.ys_box ul li .ys_right{float: none !important;; padding: 0; width: 100%;  text-align: left !important; margin: 5px 0 0 0;}
.ys_box ul li .ys_zi{ right: 0; left: auto; margin-left: 0;}

.lc_box ul li{ width: 33.333%; margin-bottom: 30px;}
.lc_box ul li:nth-child(3):after{ display: none;}

.hz_box ul li{ width: 50%;}

.news:after{ display: none;}
.news{ margin: 20px 0 0 0;}
.news ul li{ width: 50%; margin: 15px 0;}

.case ul li{ width: 50%;}
.case ul li .case_til{ padding: 0 10px;}
.case ul li .case_til h3{ width: 50%; line-height: 35px;}
.case ul li .case_til .mor{ line-height: 35px;}

.chang ul li{ width: 50%;}
.chang ul li .chang_til{ padding:12px;}
.chang ul li .chang_til h3{ font-size: 16px;}
.chang ul li .chang_til .chang_ti{ margin: 20px 0;}

.pic_text .anniu{text-align: left; margin: 20px 0 0 0;}
.pic_text .anniu a:nth-child(1){ margin: 0 10px 10px 0;}
.contact02 form{margin: 5px 0 0 0;}
.mian-ye { padding: 50px 0 30px 0;}
}

@media (max-width:640px){

.news2 ul li{ padding: 20px 0 0;}
.news2 ul li a { padding-bottom: 20px;}
.news2 ul li a .news_til2{ padding: 0 0 0 15px;}

.hu ul li{ padding: 0; min-height: auto;}
.hu ul li .hu_text{ width: 100%; height: auto; position: static;}
.hu ul li .hu_text .hu_til{padding:20px; position: static; left: 0; top: 50%; transform: translateY(0);}
.hu ul li .hu_text h5{ color: #fff; font-size: 14px; text-transform: uppercase;}
.hu ul li .hu_text h3{ font-size: 24px; color: #fff; font-weight: bold;}
.hu ul li .hu_img{ padding: 0;}
.hu ul li .hu_img .imgbox{ height: 200px;}

.hu ul li.li2{ padding: 0; min-height: auto;}
.hu ul li.li2 .hu_text2{ width: 100%; height: auto; position: static;}
.hu ul li.li2 .hu_text2 .hu_til{padding:20px; position: static; left: 0; top: 50%; transform: translateY(0);}
.hu ul li.li2 .hu_text2 h5{ color: #fff; font-size: 14px; text-transform: uppercase;}
.hu ul li.li2 .hu_text2 h3{ font-size: 24px; color: #fff; font-weight: bold;}
.hu ul li.li2 .hu_img{ padding: 0;}
.hu ul li.li2 .hu_img .imgbox{ height: 200px;}

.team_box ul li{ width: 50%;}
.fen_box{height: 240px;}
.mian-lc {padding: 50px 0 40px;}
.lc_box ul li {margin-bottom:5px;}
.lc_box ul li .imgbox{margin: 10px auto 10px;}
.hz_box {margin: 10px 0 0;}
.mian-hz {padding: 50px 0 50px;}
.contact02 {margin: 10px 0 0 0;}
.contact02 input{margin-bottom: 15px;}
.contact02 textarea{height: 90px;}
.news ul li a .news_til .news_ti{margin: 10px 0 0 0;}
.mian-con {padding: 50px 0 70px;}
.fen_box .lx_til{line-height: 23px;}
.fen_box .lx_til{margin: 20px 0 0 0;}
.bei_box .bei{margin: 10px 0 0 0;line-height: 23px;}
.mian-foot { padding: 10px 0 20px 0;}
.ys_box {margin: 20px 0 0 0;}
.mian-ys {padding: 50px 0 60px;}


}


@media (max-width:479px){
.lc_box ul li .imgbox {width: 70px;height: 70px;}
.icon_box ul{margin:0 -2px;}
.icon_box ul li{ width: 33.33%; margin-bottom: 12px; padding:0 2px}
.icon_box ul li .icon{ padding: 15px 0;}
.icon_box ul li .icon .icon_til{margin-top:10px;}
.icon_box ul li .icon .icon_til h3{ font-size: 15px;}
.icon_box ul li .icon .icon_til h6{ font-size: 9px;}
.hz_box ul li { width: 33.33%;}
.video_box{ height: 266px;}
.yw_box ul li {width: 33.33%;}
.yw_box ul li {padding: 0 5px;}
.yw_box ul li{margin: 2px 0 15px;}
.yw_box ul{ margin: 0 -10px;}
.yw_box ul li{ padding: 0 5px;}
.yw_box ul li .bg h3{ font-size: 16px;line-height: 25px;}
.yw_box ul li .bg .list_til div { margin-top: 10px;}
.yw_box ul li .bg .list_til div span{ font-size: 10px; padding: 0 2px;}
.yw_box ul li .bg .list_til div::after{display: none;}
.ys_box ul li{ padding-right:110px;}
.ys_box ul li .ys_zi{ width: 100px; line-height: 32px; font-size: 14px; }
.yw_box {margin: 15px 0 0 0;}
.lc_box ul li{margin-bottom: 30px;}
.lc_box ul li:nth-child(3):after{ display: none;}
.lc_box ul li:nth-child(4):after{ display: block;}
.lc_box ul li:nth-child(6):after{ display: none;}
.lc_box ul li::after{top: 65px;width: 40px;right: -20px;}
.news ul { margin: 0;}
.news ul li{ width: 100%; padding: 0; float: none !important; margin: 15px 0;}
.lc_box ul li:first-child::before{width: 28px;top: 70px;left: -5px;}
.hz_box ul li .imgbox{ height: 126px; line-height: 122px;}
.fen_box{height: 175px;}

.pic_text .anniu{ margin: 20px 0 0 0;}
.bei_box .bei {margin: 10px 0 0 0;}
.fen_box .lx_til{margin: 10px 0 0 0;}
.mian-foot {padding: 25px 0 20px 0;}
.bei_box{margin: 5px 0 0 0;}
.mian-news {padding: 30px 0 20px 0;}




}


@media (max-width:340px){
.logo .toubu{margin:0 -10px}
.logo nav ul li{padding:1px;}
.logo nav ul li a{line-height:30px; font-size:13px;}
.fen_box{height: 220px;}
}