@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.glyphicon{}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1030px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑"}

/*全局样式*/
.header4{width:100%;height:90px;transition:all 0.3s; background:#0197d2;}
.header4 nav ul{ width:100%;}
.header4 nav li{ position:relative; width:16.6%; height:90px;}
.header4 nav li a{ color:#fff; width:100%; transition:all 0.3s; display:inline-block;line-height:90px;}
.header4 nav li:hover{ background:#038cc3;}
.header4 nav li:hover ul{ display:block;}
.header4 nav li ul{ display:none; position:absolute; left:0; top:90px; width:100%; background:#fff; z-index:9999;}
.header4 nav li ul li{ width:100%; background:none; height:40px;}
.header4 nav li ul li a{ line-height:40px; background:none; border:none; color:#333;}
.header4 nav li ul li:hover{ background:#c19857; color:#fff;}
.header4 .logo{ position:relative; overflow:hidden; margin-top:15px;}
.header4 .logo img{ }
.header4 .logo .logozi img{ width:auto; height:auto;}
.header4 .logo .tel{ position:absolute; bottom:0; left:50%; width:70%; background:url(../images/tiao.png) center center no-repeat; margin-left:-28%;}
.header4 .logo .tel span{ display:block; font-size:14px; line-height:23px; color:#fff; padding-left:30px; background:url(../images/dianh.png) 25% center no-repeat; text-align:center;}

/*banner*/
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .item img{ width:100%;}
.banner .carousel-fade .carousel-inner .active{opacity:1}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fff}


.conrent2{ width:100%;}

/*m-w*/
.mian-width{padding-bottom:20px; }
.mian-color {padding-bottom:20px; }
.mian-about{padding-bottom:30px; }
.mian-news{ padding-bottom:20px;}
.main-Color{ padding-bottom:30px;}
.mian-photo{ background:url(../images/photo_bg.png) center center; background-size:cover;}

/*title*/
.title1{ margin:30px 0 10px 0; background:url(../images/biao_bg.png) center bottom no-repeat; padding-bottom:20px;}
.title1 h1{ font-size:32px; color:#383838; line-height:50px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase;}
.title1 span{ display:block; text-align:center; font-size:20px; color:#383838; line-height:30px;}

/*title*/
.title2{ margin:30px 0 10px 0; background:url(../images/biao_bg.png) center bottom no-repeat; padding-bottom:20px;}
.title2 h1{ font-size:32px; color:#fff; line-height:50px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase;}
.title2 span{ display:block; text-align:center; font-size:20px; color:#fff; line-height:30px;}

/*t-4*/
.title4{ padding:10px; font-size:15px; color:#3e3d3d; line-height:28px;}
.title4 img{ max-width:100%; height:auto; margin:5px 0;}

/*t-6*/
.title6{ border-bottom:1px solid #e5e5e5; padding:10px 0;}
.title6 h1{ font-size:14px; font-weight:bold; color:#0172d2;}
.title6 span{ color:#383838; font-size:14px;}



/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px; }

/*text-3*/
.text03{ padding:10px; font-size:14px; color:#666; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}


/*pic*/
.picture24{ position:relative; margin:20px 0 0 0;}
.picture24 #owl-demo2 .item{ margin: 10px;transition:all 0.3s;}
.picture24 #owl-demo2 .item li{ margin-bottom:20px;}
.picture24 #owl-demo2 .item .imgbox{ transition:all 0.3s; padding:3px; background:#fff; border:1px solid #cacaca;}
.picture24 #owl-demo2 .item .imgbox .img{ display:block; width:100%; height:169px;}
.picture24 #owl-demo2 .item .wentil{ margin-top:10px; padding-left:5px;}
.picture24 #owl-demo2 .item .wentil h3{ font-size:16px; color:#383838; font-weight:bold;}
.picture24 #owl-demo2 .item .wentil .jia{ color:#383838; line-height:24px;}
.picture24 #owl-demo2 .item .wentil .jia span{ text-decoration:line-through;}
.picture24 #owl-demo2 .item .wentil .jia b{ font-weight:normal; color:#ff0000;}
.picture24 #owl-demo2 .item a:hover .imgbox{ border:1px solid #0197d2;}
.picture24 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture24 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture24 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture24 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture24 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.picture24 .owl-carousel .owl-item{float:left}
.picture24 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.picture24 .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.picture24 .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.picture24 .owl-theme .owl-controls{}
.picture24 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:22px; 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/yjt.png) left no-repeat; transition:all 0.3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/yjt.png) right no-repeat;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-50px; background:url(../images/zjt.png) right no-repeat; transition:all 0.3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/zjt.png) left no-repeat;}
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}

/*about*/
.abousbox5{ background:#fff; margin-top:50px;}
.abousbox5 .abouttil h3{ font-size:16px; font-weight:bold; color:#0197d2;}
.abousbox5 .abouttil .aboutti{ color:#383838; line-height:28px; height:252px; overflow:hidden; margin-top:20px;}
.abousbox5 .abouttil .mor a{ display:block; width:100%; line-height:35px; background:#0197d2; color:#fff; text-align:center; border-radius:5px; -moz-border-radius:5px; border:1px solid #0197d2; transition:all 0.3s; margin-top:20px;}
.abousbox5 .abouttil .mor a:hover{ background:none; color:#0197d2;}

/*pic*/
.picture22{ position:relative; margin:20px 0 0 0;}
.picture22 #owl-demo .item{ margin: 10px;transition:all 0.3s;}
.picture22 #owl-demo .item li{ margin-bottom:20px;}
.picture22 #owl-demo .item .imgbox{ transition:all 0.3s; padding:3px; background:#fff; border:1px solid #cacaca;}
.picture22 #owl-demo .item .imgbox .img{ display:block; width:100%; height:169px;}
.picture22 #owl-demo .item .imgbox h3{ font-size:14px; color:#383838; line-height:33px;}
.picture22 #owl-demo .item a:hover .imgbox{ background:#0197d2; border:1px solid #0197d2;}
.picture22 #owl-demo .item a:hover .imgbox h3{ color:#fff;}
.picture22 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture22 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture22 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture22 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture22 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.picture22 .owl-carousel .owl-item{float:left}
.picture22 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.picture22 .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}*/
.picture22 .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)}
.picture22 .owl-theme .owl-controls{}
.picture22 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:22px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.mo a{ display:block; width:124px; line-height:33px; color:#383838; text-align:center; background:#fff; margin:20px auto; transition:all 0.3s;}
.mo a:hover{ background:#0197d2; color:#fff;}


/*news*/
.news{ margin:20px 0;}
.news_list{ margin-bottom:20px;}
.news_list .imgbox{ width:36%; height:124px; overflow:hidden;}
.news_list .imgbox span{ display:block; width:100%; height:100%; transition:all 0.5s;}
.news_list .wen{ overflow:hidden; height:124px; width:64%; padding-left:15px;}
.news_list .wen h3{ font-size:14px;color:#383838; line-height:30px; transition:all 0.3s;}
.news_list .wen p{ font-size:14px; color:#383838; line-height:22px; height:66px; overflow:hidden; transition:all 0.3s;}
.news_list .wen span{ font-size:14px; color:#383838; float:right;line-height:25px; margin:5px 0 0 0; transition:all 0.3s;}
.news_list a:hover .imgbox span{ transform:scale(1.1);}
.news_list a:hover .wen h3{ color:#0197d2;}
.news_list a:hover .wen p{ color:#0197d2;}
.news_list a:hover .wen span{ color:#0197d2;}

/*c-2 */
.contact02 h1{ font-size:14px; color:#383838; line-height:50px;}
.contact02 .lianx{ font-size:15px; color:#383838; line-height:30px;}
.contact02 input{ background:#0197d2; display:block; width:100%; border:none; color:#fff; height:37px; padding-left:10px; margin-bottom:5px;}
.contact02 textarea{ background:#0197d2; color:#fff; padding-left:10px; margin-bottom:5px; border:none; width:100%; resize:none; height:165px}
.contact02 button{width:100%; height:45px; color:#fff; background:#0197d2; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#01b7ff;}


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

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

/*p-7*/
.picture8{ margin:10px 0 0 0; padding:1px; background:#fff; border:1px solid #ccc;}
.picture8 img{ display:block; margin:0 auto;}


/*c-1*/
.content1{ padding:46px 0 40px 0;}
.subnav ol{ height:40px;}
.subnav ol h1{ font-size:20px; color:#fff; line-height:40px; background-color:#0172d2; font-weight:bold; border-radius:8px; -moz-border-radius:8px; padding-left:20px;}
.subnav .pcdnav{ padding:10px 0;}
.subnav .pcdnav li{ margin:4px 0 0 0; height:40px;}
.subnav .pcdnav li a{display:block; font-size:14px; color:#383838; line-height:40px; background-color:#f3f3f3; transition:all 0.3s; border:1px solid #0172d2; border-radius:8px; -moz-border-radius:8px;}
.subnav .pcdnav li a.active{ background:#0172d2; color:#fff;}
.subnav .pcdnav li a:hover{  background:#0172d2; color:#fff;}
.subnav .di{ background:#f3f3f3; font-size:14px; color:#666; line-height:24px; padding:10px; margin-top:10px; border:1px solid #0172d2; border-radius:8px; -moz-border-radius:8px;}
.subnav .di img{ max-width:100%; margin-bottom:5px}
.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:#0172d2;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#f3f3f3; border:solid 1px #0172d2;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}

/*cx*/
.cx{ margin-top:20px;}
.cx ul li{ width:32.3%; margin:0 0.5% 20px;}
.cx ul li .imgbox{ transition:all 0.3s; padding:3px; background:#fff; border:1px solid #cacaca;}
.cx ul li .imgbox span{ display:block; width:100%; height:169px;}
.cx ul li .imgbox h3{ font-size:14px; color:#383838; line-height:33px;}
.cx ul li a:hover .imgbox{ background:#0197d2; border:1px solid #0197d2;}
.cx ul li a:hover .imgbox h3{ color:#fff;}

/*news2*/
.news2{ margin:20px 0;}
.news2_list{ margin-bottom:20px;}
.news2_list .imgbox{ width:30%; height:157px; overflow:hidden;}
.news2_list .imgbox span{ display:block; width:100%; height:100%; transition:all 0.5s;}
.news2_list .wen{ overflow:hidden; height:157px; width:70%; padding-left:15px;}
.news2_list .wen h3{ font-size:14px;color:#0197d2; line-height:24px; font-weight:bold; transition:all 0.3s;}
.news2_list .wen p{ font-size:14px; color:#383838; line-height:22px; height:110px; overflow:hidden; transition:all 0.3s;}
.news2_list .wen span{ font-size:14px; color:#383838; float:right;line-height:20px; margin:3px 0 0 0; transition:all 0.3s;}
.news2_list a:hover .imgbox span{ transform:scale(1.1);}
.news2_list a:hover .wen p{ color:#0197d2;}
.news2_list a:hover .wen span{ color:#0197d2;}

.pic2_list{ margin:20px 0;}
.pic2_list .imgbox{ height:155px; background:url(../images/kuang_bg.png) center center no-repeat; padding:0 2px; transition:all 0.3s;}
.pic2_list .imgbox span{ display:block; width:100%; height:100%; position:relative; z-index:-1; overflow:hidden;}
.pic2_list .imgbox span h4{ background:rgba(255,255,255,0.7); font-size:20px; color:#555; line-height:50px; position:absolute; top:-50px; left:0; width:100%; filter:Alpha(Opacity=70); transition:all 0.3s;}
.pic2_list a:hover .imgbox{background:url(../images/kuang2_bg.png) center center no-repeat;}
.pic2_list a:hover .imgbox h4{ top:40%;}

/*wk*/
.wk2_list{ margin:20px 0;}
.wk2_list .imgbox{ height:137px;}


/*text*/
.content1 .text{ margin:20px 0;}
.right-content .text1{ overflow:hidden;}
.right-content .text1 img{ display:block; margin:0 auto;}
.right-content .text2 h1{ font-size:16px;}
.right-content .text2 p{ font-size:14px; color:#666; line-height:24px; padding-top:10px;}

/*ditu*/
.right-content .lian{ margin:0 auto;}
.right-content .ditu{ position:relative; margin-top:20px; border:1px solid #ccc; overflow:hidden;}
.right-content .us{ margin-top:10px; font-size:14px; color:#333; line-height:24px;}

/*liuyan*/
.right-content .liu{ margin-top:10px;}
.right-content  label{ padding-top:0 !important; text-align:left !important; color:#777777; height:34px; line-height:34px; font-weight:normal;}
.right-content input{ background:#f2f2f2; border:dashed 1px #ccc; height:37px;}
.right-content textarea{ background:#f2f2f2; border:dashed 1px #ccc; height:145px;}
.right-content button{ width:134px; height:33px; color:#fff; background:#000; border:none; transition:all 0.3s; display:block; margin:0 auto;}
.right-content button:hover{ background:#999;}

/*yingyong*/
.right-content .ying{ margin:20px auto;}
.ying .yiy img{ display:block; margin:0 auto; height:473px;}

/*f-3*/
.footer3{ padding:10px 0; background:#0197d2; text-align:center; color:#fff;}
.footer3 p{ color:#fff; line-height:24px;}
.footer3 .js a{ color:#fff; font-size:12px;}

 /*f-nav*/
.hot{height:50px; background:#0197d2; 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:#11b4f4;}


@media (max-width:1199px){	

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


@media (max-width:991px){
.header4{height:50px;}
.header4 .icon-menu{margin:12px 0 0 0;font-size:26px;color:#fff;  cursor:pointer; }
.header4 .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:60px;z-index:5; }
.header4 .sjdnav ul{ padding:0; margin:0;}
.header4 .sjdnav li{ height:30px;display:block; padding:0; background:#0197d2; text-align:center; margin-bottom:5px;}
.header4 .sjdnav li a{display:block; color:#fff; line-height:30px; }
.header4 .sjdnavhide{ height:0; overflow:hidden;}	
.header4 .logo{ margin-top:8px;}
.header4 .logo img{ width:320px;  margin-top:0px;}


/*cx*/
.cx ul li .imgbox span{ display:block; width:100%; height:229px;}

.news2_list .imgbox{ width:24%; height:157px; overflow:hidden;}
.news2_list .wen{ height:157px; width:76%;}


}

@media (max-width:800px){


}

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

/*h-4*/
.header4{ position:inherit;}
.header4 .sjdnav{top:55px;}
.header4 .sjdnav li{height:40px;}
.header4 .sjdnav li a{color:#fff;line-height:40px; }	
.header4 .icon-menu{ font-size:20px; margin-top:15px;}
.header4 .logo img{ width:300px; height:auto;}


/*news*/
.news_list .imgbox{ width:44%; height:124px;}
.news_list .wen{ height:124px; width:56%;}

/*cx*/
.cx ul li .imgbox span{ display:block; width:100%; height:169px;}

.news2_list .imgbox{ width:30%; height:157px; overflow:hidden;}
.news2_list .wen{ height:157px; width:70%;}

}

@media (max-width:640px){

.picture24 #owl-demo2 .item .imgbox .img{height:219px;}
.picture22 #owl-demo .item .imgbox .img{height:219px;}

/*about*/
.abousbox5 .abouttil{ margin-top:20px;}
.abousbox5 .abouttil .aboutti{ height:auto;}
.abousbox5 embed{ height:300px !important;}

/*news*/
.news_list .imgbox{ width:30%; height:124px;}
.news_list .wen{ height:124px; width:70%;}

/*cx*/
.cx ul li{ width:49%}
.cx ul li .imgbox span{ display:block; width:100%; height:219px;}

.news2_list .imgbox{ width:35%; height:157px; overflow:hidden;}
.news2_list .wen{ height:157px; width:65%;}

}

@media (max-width:480px){

.header4 .logo{ margin-top:12px;}
.header4 .logo img{ width:240px; height:auto;}

.picture24 #owl-demo2 .item .imgbox .img{height:169px;}
.picture22 #owl-demo .item .imgbox .img{height:169px;}
	
/*news*/
.news_list .imgbox{ width:36%; height:124px;}
.news_list .wen{ height:124px; width:64%;}
	
/*cx*/
.cx ul li .imgbox span{ display:block; width:100%; height:169px;}

.news2_list .imgbox{ width:38%; height:137px; overflow:hidden;}
.news2_list .wen{ height:137px; width:62%;}
.news2_list .wen p{height:88px;}

}

@media (max-width:414px){
.picture24 #owl-demo2 .item .imgbox .img{height:109px;}
.picture22 #owl-demo .item .imgbox .img{height:109px;}

/*news*/
.news_list .imgbox{ width:44%; height:104px;}
.news_list .wen{ height:104px; width:56%;}
.news_list .wen p{ font-size:14px; color:#383838; line-height:22px; height:44px; overflow:hidden; transition:all 0.3s;}
.news_list .wen span{ font-size:14px; color:#383838; float:right;line-height:25px; margin:5px 0 0 0; transition:all 0.3s;}

/*about*/
.abousbox5 embed{ height:240px !important;}

/*cx*/
.cx ul li .imgbox span{ display:block; width:100%; height:109px;}

.news2_list .imgbox{ width:42%; height:117px; overflow:hidden;}
.news2_list .wen{ height:117px; width:58%;}
.news2_list .wen p{height:66px;}

}



@media (max-width:340px){
.header4 .logo{ margin-top:15px;}
.header4 .logo img{ width:200px; height:auto;}

.picture24 #owl-demo2 .item .imgbox .img{height:99px;}
.picture22 #owl-demo .item .imgbox .img{height:99px;}

/*cx*/
.cx ul li .imgbox span{ display:block; width:100%; height:99px;}

.news2_list .imgbox{ width:44%; height:107px; overflow:hidden;}
.news2_list .wen{ height:107px; width:56%;}
.news2_list .wen p{height:44px;}

}