@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{ display: table; content: '';}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.top_box{ background: #e3e3e3;}
.top_box .left_zi{ font-size: 12px; color: #666666; font-family: '宋体'; line-height: 35px;}
.top_box .right_zi ul{ margin: 0 -8px;}
.top_box .right_zi ul li{ padding: 0 8px; position: relative;}
.top_box .right_zi ul li:after{ content: ''; width: 1px; height: 12px; background: #666666; position: absolute; right: 0; top: 11px;}
.top_box .right_zi ul li:last-child:after{ display: none;}
.top_box .right_zi ul li a{ color: #666666; line-height: 35px; font-size: 12px;}
.logo{ height: 100px;}
.logo .logoimg img{ margin: 29px 0 0 0;}
.logo .logo_zi{ padding: 0 0 0 20px; margin: 30px 0 0 20px; border-left: 1px solid #d5d5d5}
.logo .logo_zi h6{ color: #343434; font-size: 12px; padding: 10px 0 0 0;}
.logo .tel{ padding: 0 0 0 58px; background: url(../images/dh.png) left center no-repeat; margin: 24px 0 0 0;}
.logo .tel h5{ font-size: 13px; color: #434343; padding-bottom: 4px;}
.logo .tel h6{ font-size: 36px; color: #000; font-family: impact;}
.heard1{ background:#e4e4e4;}
.heard1 nav{ width:100%; position: relative;}
.heard1 nav:after{ content: ''; width: 1px; height: 15px; background:rgba(255,255,255,0.4); position: absolute; left: 0; top: 50%; margin-top: -7px;}
.heard1 nav ul li{ width:14.28%; height:50px; background: url(../images/nav_bg.jpg) right center no-repeat;}
.heard1 nav ul li:last-child{ background: none;}
.heard1 nav ul li a{ display:block; color:#333333; font-size:16px; line-height:50px; }
.heard1 nav ul li.active{ background: #0095df;}
.heard1 nav ul li.active a{ color: #fff;}


.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-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 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:#333541; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#0095df;}
.banner #myCarousel .carousel-indicators li.active{background-color:#0095df;}

/*m-w*/
.mian-about{ padding:30px 0 50px;}
.mian-pic{ padding: 30px 0;}
.mian-news{ padding: 30px 0;}



/*t-2*/
.title { margin: 20px 0; }
.title h3{ color: #0095df; font-size: 24px; font-weight: bold;}
.title .xian{ width: 100%; height: 1px; background: #dbdbdb; margin: 15px auto 0; position: relative;}
.title .xian:after{ content: ''; width: 100px; height: 3px; background: #ef9b04; position: absolute; left: 50%; transform: translateX(-50%); top: -1px;}
.title h6{ font-size: 14px; color: #999999; padding: 18px 0 0 0;}

/*t-6*/
.title6{ border-bottom:1px solid #c0c0c0;}
.title6 h4{ font-size: 16px; color: #555; font-weight: bold; line-height: 43px;}
.title6 span{ font-size: 13px; color: #777777; line-height: 43px; font-family: "宋体";}
.title6 span a{ color: #777777;}
.title6 span a.last{ color: #b8011a;}
.title6 span a:hover{ color: #b8011a;}



/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; 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:10px; font-size:14px; color:#333; line-height:24px;}
.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{}

/*about*/
.about_box{ margin: 20px 0 0 0;}
.about_img{ padding: 6px; border: 1px solid #cccccc;}
.about_img img{ margin: 0 auto;}
.about_til{ margin: 8px 0 0 0;}
.about_til h3{ font-size: 18px; color: #ef9b04; font-weight: bold;}
.about_til .about_ti{ color: #7a7a7a; line-height: 24px; height: 264px; overflow: hidden; margin:20px 0 0 0;}
.about_til a{ display: block; width: 150px; font-size: 12px; line-height: 30px; color: #fff; text-align: center; background: #ef9b04;  margin: 25px 0 0 0;}

/*pic*/
.list_nav{ margin: 20px 0;}
.list_nav ul{ text-align: center; font-size: 0; margin: 0 -8px;}
.list_nav ul li{ display: inline-block; vertical-align: top; width: 11.1111%; padding: 0 8px;  transition: all .3s;}
.list_nav ul li a{ display: block; font-size: 15px; line-height: 40px; color: #333333; background: #e1e1e1; transition: all .3s;}
.list_nav ul li.active a{ background: #ef9b04; color: #fff;}

/*pic*/
.picture24{ position:relative; margin:20px -10px 0;}
.picture24 #owl-demo4 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 10px;}
.picture24 #owl-demo4 .item li{ -webkit-transition: all .3s; transition:all .3s; border: 1px solid #cccccc; padding: 2px; margin-bottom: 20px;}
.picture24 #owl-demo4 .item li a{ display: block; width: 100%; transition: all .3s;}
.picture24 #owl-demo4 .item li .imgbox{ overflow: hidden; margin-bottom: 2px; position: relative;}
.picture24 #owl-demo4 .item li .imgbox span{ display: block; width: 100%; transition: all .8s;}
.picture24 #owl-demo4 .item li .imgbox .bg{ width: 100%; height: 100%; background: url(../images/bg.jpg) center center; background-size: cover; position: absolute; left: 0; top: -100%; transition: all .3s;}
.picture24 #owl-demo4 .item li .imgbox .bg .bg_til{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.picture24 #owl-demo4 .item li .imgbox .bg h4{ color: #333333; font-size: 18px; font-weight: bold;}
.picture24 #owl-demo4 .item li .imgbox .bg img{ margin: 13px auto 0;}
.picture24 #owl-demo4 .item li h3{ font-size: 15px; color: #292929; background: #eeeeee; line-height: 40px; transition: all  .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:30px; 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: -50px; background: url(../images/zjt.jpg) left center no-repeat; transition: all .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{right: -50px; background: url(../images/yjt.jpg) right center no-repeat; transition: all .3s;}
.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:none;}

/*case*/
.picture23{ position:relative; margin:20px -8px 0; }
.picture23 #owl-demo3 .item{-webkit-transition: all 0.3s;transition:all 0.3s; margin: 0 8px;}
.picture23 #owl-demo3 .item li{ -webkit-transition: all .3s; transition:all .3s; border: 1px solid #aaaaaa; padding: 1px;}
.picture23 #owl-demo3 .item li .imgbox{  overflow: hidden; position: relative;}
.picture23 #owl-demo3 .item li .imgbox span{ display: block; width: 100%;}
.picture23 #owl-demo3 .item li h3{ font-size: 16px; color: #fff; line-height: 40px; background: rgba(0,0,0,0.6); width: 100%; position: absolute; left: 0; bottom: 0; transition: all .3s;}
.picture23 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:30px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -50px; background: url(../images/zjt.jpg) left center no-repeat;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -50px; background: url(../images/yjt.jpg) right center no-repeat;}
.picture23 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture23 .owl-theme .owl-controls .owl-page{ display:none;}

/*news*/
.news_box{ margin: 20px 0 0 0;}
.news_box ul{ margin: 0 -10px;}
.news_box ul li{ width: 25%; padding: 0 10px; margin-bottom: 20px;}
.news_box ul li a{ display: block; border: 1px solid #ededed;}
.news_box ul li .imgbox{overflow: hidden;}
.news_box ul li .imgbox span{ display: block; width: 100%; transition: all .3s;}
.news_box ul li .news_til{ padding: 0 14px;}
.news_box ul li .news_til .news_biao{ border-bottom: 1px solid #e5e5e5;}
.news_box ul li .news_til .news_biao h3{ font-size: 16px; color: #555555; font-weight: bold; line-height: 50px; width: 70%;  transition: all .3s;}
.news_box ul li .news_til .news_biao h6{ font-size: 12px; color: #999999; line-height: 50px; font-family: '宋体';}
.news_box ul li .news_til .news_ti{ color: #999999; font-size: 12px; line-height: 19px; height: 57px; margin: 12px 0; overflow:hidden;}
.news_box ul li .news_til .mor{ width: 90px; line-height: 26px; background: #999999; text-align: center; color: #fff; font-size: 12px; margin-bottom: 20px; transition: all .3s;}

.more{ width: 163px; border: 1px solid #ef9b04; padding: 2px; margin: 20px auto;}
.more a{ display: block; width: 100%; color: #fff; text-align: center; background: #ef9b04; line-height: 40px;}

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

/*c-1*/
.content1{ padding:26px 0 40px 0;}
.subnav ol{}
.subnav ol h1{ font-size:18px; color:#fff; line-height:48px; background-color:#0095df; background-image: url(../images/left_nav.png); background-position: 20px center; background-repeat: no-repeat; padding: 0 0 0 52px; }
.subnav ol h1 span{ font-size: 12px; padding: 0 0 0 5px; font-family: arial; text-transform: uppercase; opacity: 0.7;}
.subNavBox{ margin-bottom:30px;  border-top: none;}
.subNav2{cursor:pointer;font-size:14px;line-height:46px; border: 1px solid #d8d8d8; margin-bottom: 2px;}
.subNav2 a{ color:#333; width:100%; display:block; text-align: center;  background: url(../images/jiao.png) 40px center no-repeat;}
.subNav2.currentDd a{  color: #ef9b04; font-weight: bold;  background: url(../images/jiao2.png) 40px center no-repeat;}
.subNav2:hover a{  color: #ef9b04; font-weight: bold;  background: url(../images/jiao2.png) 40px center no-repeat;}
.subnav .di{ color:#000000;line-height:22px; border: 1px solid #d9d9d9; padding: 2px;}
.subnav .di p{ padding: 10px; font-size: 12px; color: #000; line-height: 24px;}
.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:#0095df;}
.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{ margin: 20px 0 0 0;}
.pic ul{ margin: 0 -10px;}
.pic ul li{ width: 33.3333%; padding: 0 10px; margin-bottom: 20px;}
.pic ul li a{ display: block; width: 100%; transition: all .3s;  border: 1px solid #cccccc; padding: 2px;}
.pic ul li .imgbox{ overflow: hidden; margin-bottom: 2px; position: relative;}
.pic ul li .imgbox span{ display: block; width: 100%; transition: all .8s;}
.pic ul li .imgbox .bg{ width: 100%; height: 100%; background: url(../images/bg.jpg) center center; background-size: cover; position: absolute; left: 0; top: -100%; transition: all .3s;}
.pic ul li .imgbox .bg .bg_til{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.pic ul li .imgbox .bg h4{ color: #333333; font-size: 18px; font-weight: bold;}
.pic ul li .imgbox .bg img{ margin: 13px auto 0;}
.pic ul li h3{ font-size: 15px; color: #292929; background: #eeeeee; line-height: 40px; transition: all  .3s;}


/*fa*/
.fa1{ margin-top:20px;}
.fa1 ul li{ border-bottom:1px solid #ccc; padding:0 0 30px 0; margin-bottom:20px;}
.fa1 ul li .fabox{ position:relative; padding:0 0 0 265px; min-height:175px;}
.fa1 ul li .fabox .imgbox{ width:265px; height:175px; overflow:hidden; position:absolute; left:0; top:0; z-index:1; }
.fa1 ul li .fabox .imgbox span{ display:block; width:100%; height:100%; transition:all .5s;}
.fa1 ul li .fabox .fatil{ padding:0 0 0 30px;}
.fa1 ul li .fabox .fatil h3{ font-size:16px; color:#4f4f4f; font-weight:bold;}
.fa1 ul li .fabox .fatil h6{ font-size:12px; color:#999; line-height:30px;}
.fa1 ul li .fabox .fatil .fati{ color:#4f4f4f; line-height:22px; height:88px; overflow:hidden;}
.fa1 ul li .fabox .fatil .more3{ width:90px; line-height:28px; color:#fff; text-align:center; background:#999999; margin-top:5px; transition:all .3s;}


/*liuyan*/
.liu_box{ margin-top: 20px;}
.liuyan{ width:60%; margin:40px auto;}
.liuyan .inp{ margin-bottom:10px;}
.liuyan input{ border:none; height:39px; width:100%; border:1px solid #ccc; padding:0 10px;}
.liuyan .inp2{ margin-bottom:15px;}
.liuyan textarea{  border:1px solid #ccc; height:95px; width:100%; resize:none;  padding:0 10px;}
.liuyan button{ width:100%; height:36px; color:#fff; background:#0095df; border:none; transition:all 0.3s; display:block; margin:0 auto;}


/*ditu*/
.right-content .contact_box{ margin-top:20px;}
.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:#dedfe0;}
footer section{color:#393838; text-align: center;}
footer section .ContactUs{margin:6px 0;} 
footer section small a{ color:#393838;}

@media(min-width: 991px){
	.top_box .right_zi ul li:hover a{ color: #ef9b04;}
	.heard1 nav ul li:hover{ background: #0095df;}
	.heard1 nav ul li:hover a{ color: #fff;}
	.about_til a:hover{ background: #0095df;}
	.list_nav ul li:hover a{ background: #ef9b04; color: #fff;}
	.picture24 #owl-demo4 .item li:hover .imgbox .bg{top: 0;}
	.picture24 #owl-demo4 .item li:hover h3{ background: #0095df; color: #fff;}
	.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: url(../images/zjt.jpg) right center no-repeat;}
	.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: url(../images/yjt.jpg) left center no-repeat;}
	.picture23 #owl-demo3 .item li:hover{ border: 1px solid #0095df;}
	.picture23 #owl-demo3 .item li:hover h3{ background: rgba(0,149,223,0.7);}
	.picture23 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: url(../images/zjt.jpg) right center no-repeat;}
	.picture23 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: url(../images/yjt.jpg) left center no-repeat;}
	.news_box ul li:hover .imgbox span{ transform: scale(1.1);}
	.news_box ul li:hover .news_til .mor{ background: #ef9b04;}
	.pic ul li:hover .imgbox .bg{top: 0;}
	.pic ul li:hover h3{ background: #0095df; color: #fff;}
	.fa1 ul li:hover .imgbox span{ transform:scale(1.1);}
	.fa1 ul li:hover .fabox .fatil h3{ color:#0095df;}
	.fa1 ul li:hover .fabox .fatil .more3{ background:#ef9b04; color: #fff;}
	.liuyan button:hover{  background: #ef9b04;}

}

@media (max-width:1199px){	


.owl-theme .owl-controls .owl-buttons div.owl-prev{ display: none;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display: none;}

}


@media (max-width:991px){
.logo{ height:74px; border-bottom:none; position: relative; background: none;}
.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:#0095df;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg{ left: 0; margin: 0; top: 0;}
.logo .logoimg img{ margin:17px 0 0 10px; }

.logo .ydd_btn{ margin:21px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #0095df;}
.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;}


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

.list_nav ul{ text-align: left;}
.list_nav ul li{ width: 16.666%; margin-bottom: 10px; text-align: center;}

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

}

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

.lc_box ul li{ width: 25%; margin-bottom: 15px}

.list_nav ul{ text-align: left;}
.list_nav ul li{ width:33.333%; margin-bottom: 10px; text-align: center; ;}

.news_box ul li{ width: 50%;}

.pic ul li{ width: 50%;}

.liuyan{ width:100%;}


}

@media (max-width:640px){
.logo .logoimg img{ width: 320px; margin:18px 0 0 10px; height: auto;}

.list_nav ul li{ width: 25%;}

}


@media (max-width:414px){

.logo .logoimg img{ width: 220px; margin:28px 0 0 10px; height: auto;}

.list_nav ul li{ width: 50%; margin-bottom: 10px;}


.news_box ul{ margin: 0;}
.news_box ul li{ width: 100%; padding: 0;}

.pic ul li .pic_til{ padding: 17px 10px 9px; }
.pic ul li  .pic_til:after{ display: none;}
.pic ul li  .pic_til h3{ font-size: 14px;}
.pic ul li  .pic_til h5{ font-size: 12px;}

/*fa*/
.fa1 ul li .fabox{ position:relative; padding:0 0 0 139px; min-height:105px;}
.fa1 ul li .fabox .imgbox{ width:139px; height:105px;}
.fa1 ul li .fabox .fatil{ padding:0 0 0 10px;}
.fa1 ul li .fabox .fatil h3{ font-size:14px; color:#4f4f4f; font-weight:bold;}
.fa1 ul li .fabox .fatil h6{ font-size:12px; color:#999; line-height:24px;}
.fa1 ul li .fabox .fatil .fati{ color:#4f4f4f; line-height:22px; height:44px;}

}


@media (max-width:340px){

}