/* CSS Document */
@font-face {
    font-family: 'Avant Garde Book BT';
    src: url('../fonts/avant_garde_book_bt-webfont.eot');
    src: url('../fonts/avant_garde_book_bt-webfont?#iefix') format('embedded-opentype'),url('../fonts/avant_garde_book_bt-webfont.woff2') format('woff2'),url('../fonts/avant_garde_book_bt-webfont.woff') format('woff'),url('../fonts/avant_garde_book_bt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html{overflow-x:hidden; }
.m5{display:none;}

/*header*/

.head_logo{border-bottom:2px solid #f2f2f2; overflow:hidden;}
.head_logo .logo{ float:left;padding-top: 10px; padding-bottom:5px;}
.head_logo .head_right{ float:right;width:43%;margin-top:36px;}
.head_right .head_tel{ display:block; float:left; width:30%; color:#e50014; font-weight:bold; font-weight:14px; padding:5px 0;}
.head_right .head_yuyan{display:block; float:left;width:44%; margin-left:30px; padding:5px 0;}
.head_right .head_yuyan a{ display:inline-block; padding:0 5px;}
.head_right .head_ser{ float:right; position:relative;width:10%;}

.search{display:inline-block;position:absolute;top:0;height:30px;right:0px;text-align:right;width:30px;border-radius:28px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.search input{border:1px #efeff0 solid;border-radius:28px;line-height:28px;height:30px;position:relative;width:0;padding:0 40px 0 10px;font-size:14px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s}
.search input:focus{border-color:#ce2b2b}
.search:hover{width:250px}
.search:hover input{width:100%}
.search .btn{position:absolute;z-index:0;right:0;top:0;display:inline-block;width:30px;height:30px;background:#acacac;border-radius:50%}
.search .btn img{vertical-align:middle}
.search .btn:hover{background:#cf0207}

.wenb {width:210px;height:30px;float: left;background:#000; line-height:30px; color:#fff; padding-right:5px;}
.wenb input{outline: hidden;border: none; overflow: hidden;padding-left: 8px; background:none;color:#fff;  width:185px; line-height:28px; float:left; padding-right:7px;}
.wenb input[type="button"]{background: url(../images/index_img5.png) no-repeat;width:20px; height:20px; float:right; margin-top:4px;}


.head-nav{ line-height:53px;border-bottom:4px solid #e50014; min-height:53px; }


.head-nav li{width:14.2857142857143%; float:left;text-align:center; font-size:14px; position:relative;}
.head-nav li a{ color:#212121;}
 .head-nav li:hover a{color: #e50014;}
 .head-nav li.car a{color: #e50014;}
.head-nav li div.child { z-index:999;
                        position: absolute;
                        left: 50%;
                        transform: translateX(-50%);
                        top:53px;
                        width: 142px;
                        display: none;
                        padding:10px 0 20px 0;
                        background: #fff;
                        border-bottom-left-radius: 5px;
                        border-bottom-right-radius: 5px;
                        box-shadow: 0 5px 10px 0 #fff;
                    }

.head-nav li .child .tt {
                            line-height: 2;
                            font-size: 14px;
                            text-align: center;
                            margin-top: 5px;
                            position: relative;
                        }

.head-nav  li .child .tt span {
                                display: inline-block;
                                position: relative;
                            }

.head-nav li .child .tt span:before {
                                    display: block;
                                    content: '';
                                    position: absolute;
                                    left: 50%;
                                    bottom: 0;
                                    background-color: #e50014;
                                    height: 2px;
                                    width: 0%;
                                    -webkit-transition: all 0.3s;
                                    transition: all 0.3s;
                                }

.head-nav li .child .tt span:hover:before {
                                    width: 100%;
                                    left: 0;
                                }

.head-nav li .child .tt a {
                                color: #666;
                                line-height: 1;
                                display: inline-block;
                                -webkit-transition: all 0.3s;
                                transition: all 0.3s;
                            }

.head-nav li .child .tt span a:hover {
                                color: #384181;
                            }

.header_top .phoneNav-btn{display:none;width:25px;height:25px;position:absolute;right:7px;top:35px;}
.header_top .phoneNav-btn i{display:block;background:#212121;height:5px}
.header_top .phoneNav-btn:before{content:"";display:block;width:100%;height:5px;margin:0 0 5px;background:#212121}
.header_top .phoneNav-btn:after{content:"";display:block;width:100%;height:5px;margin:5px 0 0;background:#212121}


#phoneNav{z-index:999;background:#fff;display:none}
#phoneNav .search2{border-radius:28px;-webkit-transition:all .5s;transition:all .5s;position:relative;padding:10px}
#phoneNav .search2 input{border:1px #efeff0 solid;border-radius:28px;line-height:28px;height:30px;position:relative;width:100%;padding:0 40px 0 10px;font-size:14px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s}
#phoneNav .search2 input:focus{border-color:#ce2b2b;}

html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{z-index:999}
#phoneNav.mm-opened{display:block}
html.mm-pagedim-black #mm-blocker{background:0 0\9}
.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:55px}
.mm-navbar{height:55px;z-index:999}
.mm-menu{background:#fff}
.mm-listview{font-size:16px}
.mm-menu.mm-bottom,.mm-menu.mm-top{width:320px;max-width:320px;min-width:320px}

#phoneNav li:hover a{ color:#384181;}



/*banner*/
.banner img{width:100%; margin:0 auto; max-width:1419px;}
.banner .slick-dots{ bottom:35px;}
.banner .slick-dots li{ width:45px; height:4px;margin-right:5px;overflow: hidden;
line-height: 50px;
background-color: rgba(255,255,255,0.3);}
.banner .slick-dots li button:before{ content:"";}
.banner .slick-dots li button{width:45px; height:4px;margin-right:5px;overflow: hidden;
line-height: 50px;
background-color: rgba(255,255,255,0.3); }
.banner .slick-dots .slick-active button:before{width:45px; height:4px;margin-right:5px;overflow: hidden;
line-height: 50px;
background-color: rgba(229,0,20,75);}


.banner .slick-prev, .banner .slick-next{  width:24px; height:40px; z-index:888;}
.banner .slick-next{  background: url(../images/right_jt.png) no-repeat;right:0;top:50%; }
.banner .slick-prev{background: url(../images/left_jt.png) no-repeat;left:0; top: 50%;}
.banner .slick-prev:before, .banner .slick-next:before{ content:"";}
.banner .slick-next:hover{   background:url(../images/right_jt.png) no-repeat;right: 0;top:50%;}
.banner .slick-prev:hover{background:url(../images/left_jt.png)  no-repeat;left:0; top: 50%;}





.sy_main{ margin-top:20px;}
.sy_product { overflow:hidden; }
.pub_k{ width:31.3%; float:left; margin-right:2%;}
.sy_tit{    background: #7d7d7d; line-height:40px; height:40px; overflow:hidden; color:#fff; padding:0 10px;}
.sy_tit span{ display:inline-block; font-size:18px; font-weight:500;}
.sy_tit a{ display:inline-block; float:right; color:#fff; font-size:14px;}
 

/*首页关于我们和最新动态*/
.sy_znr{  overflow:hidden; padding-top:15px;}
.sy_about{ width:38%;}
.sy_about_bt { padding-bottom:10px;}

.sy_about_bt span{ font-size:20px;}
.sy_about_bt img{ vertical-align:middle; margin-right:6px;}

.sy_about_nr{}
.sy_about_nr p{ font-size:12px; color:#000; line-height:25px;}
.sy_about_nr .more{ font-size:12px; color:#bc2931;}

.sy_newlist { width:45%;}
.sy_newlist .sy_list{ overflow:hidden; margin-bottom:10px;}
.sy_newlist .fl{ width:15%;border:solid 1px #e6e7e7;}
.sy_newlist .fl:hover{ border:solid 1px #ff6600;}

.sy_newlist .fr{ width:83%;}
.sy_newlist .fr h4{ font-size:13px;}
.sy_newlist .fr p{ font-size:12px; padding-top:5px; line-height:18px;}


/*底部导航和版权*/
.sy_footer{ background:url(../images/footbg.png) no-repeat top center; margin-top:40px;}

.sy_dbmenu{ overflow:hidden; padding:25px 0px;}
.sy_dbmenu ul li{ float:left; width:16.5%;color:#fff;}
.sy_dbmenu ul li p{ font-size:14px; line-height:40px;}
.sy_dbmenu ul li a{ display:block; font-size:12px; color:#fff; line-height:30px;}
.sy_copy { clear:both; font-size:12px; color:#fff; padding:13px 0px;}


.search{ display:none;}

/*about*/
.ny_banner{width:100%; margin:0 auto;max-width:1440px;}
.ny_banner img{ display:block;width:100%; }

.ny_main{ margin-top:20px; overflow:hidden;}
.ny_left{ width:17%; float:left;overflow:hidden;}
.left-tit { position:relative; padding-bottom:20px;}
.left-tit strong{ display:block; font-size:30px; font-weight:normal; font-style:italic; color:#c0c0c0;}
.left-tit span{ display:block; position:absolute; top:24px; font-size:20px; background:#f9f9f9; left:12px; color:#b50708;}

.left_menu li{ background:url(../images/ny_l_bg.png) no-repeat; height:39px; line-height:39px; margin-bottom:1px;}
.left_menu li a{ display:block; color:#fff; font-size:12px; padding:0 10px 0 20px;}
.left_menu li:hover{background:url(../images/ny_l_hover.png) no-repeat;}
.left_menu li.car{background:url(../images/ny_l_hover.png) no-repeat;}

.ny_right{ width:72%; float:right; padding-top:8px; color:#000;}
.rg_mgx{ border-bottom:1px solid #aaa; font-size:12px; min-height:22px;}
.rg_mgx strong{ display:block; float:left; font-weight:normal;}
.rg_mgx .mbx{ float:right; width:80%;text-align:right;}
.rg_mgx .mbx a{ color:#0066cc;}
.about_ny{ font-size:12px;margin-top:10px;}
.about_ny p{line-height: 2em; }

/*qywh*/
.qywh p span{ font-size:14px;text-indent:0em; display:block;}
.qwh_con{ border-bottom:1px dashed #aaaaaa; margin-bottom:10px;}
.qywh p { text-indent:2em;}

/*zzjg*/
.zzjg img{ display:block; margin:0 auto;}

/*honor*/

.lh-service-item {
    margin-left: -45px;
}
.lh-flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.lh-service-item li {
    padding: 45px 0 0 45px;
    position: relative;
    width: 33%;
}
.lh-service-item li a {
    /*padding: 40px 30px;*/display:block; padding-top:153%; position:relative;
    background: #F1F1F1;
    display: block;
    
}
.lh-service-item li i{}
.lh-service-item li h2 {
    position: absolute;
    left:0%;
    top: 0%;
    width: 100%;
    height: 100%;
    text-align: center;
    background:#e50014;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transform: perspective(300px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: ease .65s;
	  filter: alpha(opacity=0);
  transition: All 1s ease-in-out;
  -webkit-transition: All 1s ease-in-out;
  -moz-transition: All 1s ease-in-out;
  -o-transition: All 1s ease-in-out;
}
.lh-service-item li:hover h2 {opacity: 0.8;
	filter: alpha(opacity=100);
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -mz-transform: translateY(0%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}


.lh-page {
	text-align: center;
	margin-top: 60px;
}
.lh-page a, .lh-page span {
	/*display: inline-block;*/
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #9a9a9a;
	margin: 0 7px;
}
.lh-page .n {
	background: #C8C8C8;
	color: #fff;
	border-radius: 0;
}
.lh-page a:hover {
	background: #e50014;
	color: #fff;
}
.lh-page .active {
	background: #e50014;
	color: #fff;
}

/*product*/
.lh-cusine-item {
	margin-left: -40px;
}
.lh-cusine-item li {
	width: 33.3%;
	padding: 40px 0 0 40px;
}
.lh-cusine-item li h2 {
	font-size: 12px;
	color: #333;
	margin-top: 15px;
	position: relative;
	padding: 0 5px;
	height: 20px;
	line-height: 20px; 
}
.lh-cusine-item li h2 span {
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 14px;
	color: #CDCDCD;
}
.lh-cusine-item li h2 em {
	margin-right: 10px;
	transition: ease .65s;
	opacity: 0;
	transform: translateX(-20px);
	display: inline-block; font-size:12px;
}
.lh-cusine-item li h2 i {
	font-size: 18px;
	position: relative;
	top: 1px;
	transition: ease .65s;
}
.lh-cusine-item li h2 i:after {
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	background: #CDCDCD;
	position: absolute;
	left: -5px;
	top: 0;
	transition: ease .65s;
}
.lh-cusine-item li a {
	display: block;
	position: relative;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADADA;
}
.lh-cusine-item li .img {
	transition: ease .65s;
}
.lh-cusine-item li a:after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background: #b72024;
	position: absolute;
	left: 0;
	bottom: -1px;
	transition: ease .65s;
}
.lh-cusine-item li a:hover {
	box-shadow: 0 0 16px rgba(12,3,6,.26);
}
.lh-cusine-item li a:hover .img {
	transform: translate(10px, -10px);
	box-shadow: 0 0 16px rgba(12,3,6,.26);
}
.lh-cusine-item li a:hover:after {
	width: 100%;
}
.lh-cusine-item li a:hover em {
	opacity: 1;
	transform: translateX(0);
}
.lh-cusine-item li a:hover h2 i:after {
	height: 0;
	top: 50%;
	transition-delay: .25s;
}
.lh-cusine-item li a:hover h2 span {
	color: #b72024;
}
.lh-mobile-a {
	display: none;
}
.lh-flex {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

/*news*/
.news-h1{ color:#363636; font-size:14px; padding-bottom:6px; font-weight:bold; margin-top:15px;}
.news-h2{color: #7d7d7d;
font-size: 13px;
border-top: 1px solid #e6e6e6;
padding: 6px 0;
border-bottom: 1px solid #e6e6e6;}
.news-show-p{ font-size:12px; line-height:25px; margin-top:10px;}


/*contact*/
.lxwm p{ line-height:28px;}
.lxwm p a{color: #0066cc;}
.lxwm p a:hover{color: #e50014;}
#l-map {
	width: 100%;
	margin:20px auto;

}

/*message*/
.bj-right{ width:100%; padding-top:10px;}
.bj-right li{line-height:27px; margin-bottom:8px; overflow:hidden;}
.bj-right li span{ display:block; font-size:12px; float:left;}
.bj-right li input{ border:1px solid #ddd;height:23px; line-height:23px; width:25%; padding:0 15px; float:left}
.bj-right li i{ display:inline-block; color:#F00; font-style:normal; padding-left:0px; padding-right:3px;}
.bj-right li textarea{width: 40%;border: #ddd 1px solid;min-height: 80px; line-height:20px; float:left;}
.bj-right li em{ font-style:normal; padding-left:12px; display:block; float:left;}
.bj-right li img{ display:block; float:left; padding:0 8px;}
.bj-right li a{color: #0066cc; display:block; float:left;}
.bj-right li a:hover{ color:#e50014;}
.bj-right li .btn {
    border-bottom: 0;
    text-align: center;
    border-left: 0;
    line-height: 31px;
    width: 72px;
    height: 31px;
    color: #fff;
    font-size: 14px;
    border-top: 0;
    cursor: pointer; padding-left:7px; margin:10px 0 0 66px;
    font-weight: bold;
    border-right: 0; background:url(../images/btn-blue1-01.gif) no-repeat;}
	

/*product_show*/
.proxx_left{ width:60%; float:left;}
.proxx_right p span{ display:inline-block; color: #09f;
    font-weight: bold;
}
.phone_img{ display:none;}
.phone_img i{ display:block; padding-top:89%; position:relative; border:1px solid #ddd;}
.proxx_right{ float:right; width:38%;}
.pros_xx{ overflow:hidden;}
.proxx_bot{ margin-top:20px; overflow:hidden;}
.pro_tit { border-bottom:1px solid #bf101f; margin-bottom:20px;}
.pro_tit p{background: #bf101f; width:96px; height:32px; line-height:32px; text-align:center; color:#fff; font-weight:bold;}
.proxx_bot img{ max-width:100%;}

@media (max-width:1340px){
	.search{ display:block;}
.wenb{ display:none;}
}


@media (max-width:1280px){
}
@media (max-width:1200px){
	}

@media (max-width:1180px){
}
@media (max-width:1150px){

}

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

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

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


.fanyi{display:none;}
@media (max-width:920px){

.fanyi{display:block; position:absolute;top:26px;right:50px;}
.fanyi {text-align:left;float:right;}
.fanyi img{vertical-align:middle;margin-right:5px;}
.fanyi a{padding:0px !important;display:block;font-size:13px;}




.head-nav,.head_right{ display:none;}

.header_top .phoneNav-btn{ display:block;}
.banner .slick-dots {
    bottom: 12px;
}
.banner .slick-dots li{ width:20px; height:4px;}
.banner .slick-dots li button{width:20px; height:4px; }
.banner .slick-dots .slick-active button:before{width:20px; height:4px;}

.ny_left{ display:none;}
.ny_right{ width:100%; float:none; }
.phone_img{ display:block;}
.hizoom{ display:none;}
}
@media (max-width: 850px) {


@media (max-width: 767px) {


.fanyi{top:25px;}
	
.pub_k{ width:100%;}
.pub_k img{ width:100%}

.sy_about{ width:100%;}
.sy_newlist{ width:100%; margin-top:20px;}
.sy_newlist .fl{ display:none;}
.sy_newlist .fr{ width:100%;}
.sy_newlist .sy_list{ border-bottom: dashed 1px #ccc; padding-bottom:10px;}

.sy_dbmenu{ display:none;}
.sy_footer{ padding-left:5px;}

.lh-cusine-item li {
    width: 48%;
}

}





@media (max-width: 550px) {

.fanyi{top:16px;}
.fanyi img{width:30%;}

	 .head_logo .logo img{ width:58%;}
	 .header_top .phoneNav-btn{ top:25px;}
	 .lh-service-item li{ width:50%; margin-top:-20px;}
.lh-cusine-item li {
    width: 100%;
}
.bj-right li textarea,.bj-right li input{ width:70%;}
.proxx_left{width:100%; margin-bottom:20px;}
.proxx_right{ width:100%; float:none; }
}

 

@media (max-width: 414px) {

.fanyi{top:10px;}
}


.sy_copy a{color:#fff;}
.sy_copy img{margin-left:15px;vertical-align:middle;}