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

/*全局样式*/
.logo{ width:100%; height:113px;}
.logo .logoimg img{ width:459px; height:auto; margin:23px 0 0 0;}
.logo .zi{ margin:35px 0 0 90px;}
.logo .zi h3{ font-size:18px; color:#2488d6;}
.logo .zi h3 span{ font-size:13px; color:#8f8f8f;}
.logo .dh{ padding-left:45px; background:url(../images/dianh.png) left 50% no-repeat;}
.logo .dh h2{ font-size:20px; color:#2488d6; line-height:113px;}

.heard1{ width:100%; height:55px; background:#2488d6; box-shadow:2px 2px 3px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.6); -ms-box-shadow:2px 2px 3px rgba(0,0,0,0.6); -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.6); position:relative; z-index:1;}
.heard1 nav{ width:100%;}
.heard1 nav li{ height:55px;width:11.1%; position:relative;}
.heard1 nav li a{ display:block; color:#fff; line-height:55px;  font-size:14px;}
.heard1 nav li a:hover{ background:#fff; color:#2488d6;}
.heard1 nav li:hover ul{ display:block;}
.heard1 nav li ul{ display:none; position:absolute; left:0; top:55px; width:100%; background:#2488d6; opacity:0.9;z-index:9999;}
.heard1 nav li ul li{ width:100%; height:40px;background:none;}
.heard1 nav li ul li a{ color:#fff; line-height:40px; background:none;}
.heard1 nav li ul li:hover{ background:#ff7827;}
.heard1 nav li ul li:hover a{color:#000; }

/*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}

/*m-w*/
.mian-new{padding-bottom:20px;}
.mian-about{ padding-bottom:30px;}
.mian-case{ padding-bottom:20px; }
.mian-jp{ padding-bottom:20px;}
.mian-Color{ padding-bottom:20px; background:url(../images/contact02_bg.png) center center; background-size:cover;}


/*t-2*/
.title2 { margin:25px 0 30px 0 ; padding-top:10px;}
.title2 h3{ color:#000; font-size:24px;  line-height:40px;  background:url(../images/biao_bg.png) center bottom no-repeat;}
.title2 span{ display:block; color:#636363; line-height:24px; font-size:16px; text-transform:uppercase;}

/*t-2*/
.title3 { margin:25px 0 30px 0 ; padding-top:10px;}
.title3 h3{ color:#fff; font-size:25px;  line-height:40px;  text-transform:uppercase; font-weight:bold;}
.title3 span{ display:block; color:#fff; line-height:24px; font-size:20px; background:url(../images/biao_bg2.png) center center no-repeat;font-weight:bold;}

/*t-1*/
.title { margin:25px 0 30px 0 ; padding-top:10px;}
.title h3{ color:#000; font-size:24px;  line-height:40px;  background:url(../images/biao_bg2.png) center bottom no-repeat;}
.title span{ display:block; color:#636363; line-height:24px; font-size:16px; text-transform:uppercase;}

/*t-6*/
.title6{ background:url(../images/mbx_bg.png) 50% bottom no-repeat; line-height:40px;}
.title6 h4{ font-size:14px; font-weight:bold; color:#358fe5;}
.title6 span{ color:#353535; 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; }

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

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

/*pic*/
.picture24{ position:relative;}
.picture24 #owl-demo .item{ margin: 6px;transition:all 0.3s;}
.picture24 #owl-demo .item li{ margin-bottom:20px;}
.picture24 #owl-demo .item .picbox{ border:1px solid #dcdcdc; padding:7px; border-radius:8px; -moz-border-radius:8px; transition:all .3s;}
.picture24 #owl-demo .item .imgbox{ background:#fff;height:196px; border:1px solid #dcdcdc;  overflow:hidden;}
.picture24 #owl-demo .item .imgbox span{ display:block; height:100%; position:relative; transition:all .3s;}
.picture24 #owl-demo .item  h3{ color:#353535;  font-size:14px; line-height:33px;}
.picture24 #owl-demo .item .mo{ line-height:39px; color:#fff; background:#358fe5; margin-top:5px; transition:all .3s;}
.picture24 #owl-demo .item a:hover .picbox{ background:#358fe5; border:1px solid #358fe5;}
.picture24 #owl-demo .item a:hover .imgbox{ border:1px solid #358fe5;}
.picture24 #owl-demo .item a:hover .imgbox span{ transform:scale(1.1);}
.picture24 #owl-demo .item a:hover h3{ color:#fff; background:#358fe5;}
.picture24 #owl-demo .item a:hover .mo{ background:#e6ce06;}
.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:24px; 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:-40px; background:url(../images/yjt.png) left center no-repeat; transition:all .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/yjt.png) right center no-repeat;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-40px; background:url(../images/zjt.png) right center no-repeat; transition:all .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/zjt.png) left center no-repeat;}
.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:inline-block;zoom:1;*display:inline}
.picture24 .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.picture24 .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.picture24 .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}

.hf{ width:100%;}
.hf img{ width:100%;}

/*case*/
.case ul li{ width:20%; position:relative;}
.case ul li .imgbox{ height:250px; overflow:hidden; border:1px solid #e6e6e6;}
.case ul li .imgbox span{ display:block; width:100%; height:100%; transition:all .3s;}
.case ul li h3{ width:163px; line-height:39px; color:#fff; background:url(../images/case_h3bg.png) center center no-repeat; font-size:14px; position:absolute; right:0; top:-9px; z-index:1;}
.case ul li a:hover .imgbox span{ transform:scale(1.1);}

.case ul li.li01 h3{ background:url(../images/case_h3bg.png) center center no-repeat;}
.case ul li.li02 h3{ background:url(../images/case_h3bg2.png) center center no-repeat;}
.case ul li.li03 h3{ background:url(../images/case_h3bg3.png) center center no-repeat;}
.case ul li.li04 h3{ background:url(../images/case_h3bg4.png) center center no-repeat;}
.case ul li.li05 h3{ background:url(../images/case_h3bg5.png) center center no-repeat;}

/*about*/
.aboutimg{ width:50%; height:310px; overflow:hidden;}
.aboutimg img{ margin:0 auto;}
.abouttil{ width:50%; background:#fff; height:310px; padding:0px 20px 20px; position:relative;} 
.abouttil h3{ font-size:14px; color:#358fe5; font-weight:bold;}
.abouttil .aboutwen{ color:#353535; line-height:20px; font-size:12px; height:280px; overflow:hidden; margin-top:15px;}
.abouttil .mor{ color:#358fe5; position:absolute; right:0; bottom:0;}
.abouttil a:hover{ background:#1a1a1a; border:2px solid #1a1a1a;}
.abouttil:hover .aboutwen{ color:#358fe5;}

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:25%; height:109px;}
.news ul li .newstil{ width:75%; padding:15px 0 0 15px; height:109px; position:relative; transition:all .3s; overflow:hidden;}
.news ul li .newstil h3{ font-size:14px; color:#636363;}
.news ul li .newstil .newsti{ font-size:14px; line-height:25px; color:#636363; margin-top:10px; height:48px; overflow:hidden;}
.news ul li .newstil .more{ width:90px; height:53px; position:absolute; bottom:0; right:-90px; transition:all .3s;}
.news ul li a:hover .newstil{ background:#358fe5;}
.news ul li a:hover .newstil h3{ color:#fff;}
.news ul li a:hover .newstil .newsti{ color:#fff;}
.news ul li a:hover .newstil .more{ right:0;}

.zhp img{ width:100%;}
.zhp .zhptil{ color:#636363; line-height:24px; height:168px; overflow:hidden; margin-top:30px;}
.zhp .more2{ text-align:center; color:#358fe5; margin-top:30px;}
.zhp a:hover .zhptil{ color:#358fe5;}


/*c-2 */
.contact02 h3{ font-size:16px; color:#262626;}
.contact02 .h5{ font-size:14px; color:#262626; line-height:24px; margin-top:10px;}
.contact02 .detailed ul li{ width:50%;}
.contact02 .detailed ul li *{ display:inline-block;}
.contact02 .detailed ul li span{ margin-left:10px;}
.contact02 input{ background:#deedfa;  height:37px; color:#000; border:none;}
.contact02 textarea{ background:#deedfa; height:145px;color:#000;border:none; resize:none;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#358fe5; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#115fc9;}

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


/*c-1*/
.content1{ padding:26px 0 40px 0;}
.subnav ol{ height:55px; }
.subnav ol h1{ font-size:20px; color:#358fe5; font-weight:bold; padding-left:15px; border-left:5px solid #358fe5;}
.subnav ol h1 span{ color:#358fe5; text-transform:uppercase; font-weight:normal;}
.subnav .pcdnav{  margin:10px 0;}
.subnav .pcdnav li{ margin:3px 0 0 0; height:50px;}
.subnav .pcdnav li a{display:block; font-size:14px; color:#fff; line-height:50px; background-color:#358fe5; transition:all 0.3s; padding-left:18px; background-image:url(../images/jiao2.png); background-position:95% center; background-repeat:no-repeat;}
.subnav .pcdnav li a.active{color:#fff;background-color:#0872d8; background-image:url(../images/jiao.png); background-position:95% center; background-repeat:no-repeat;}
.subnav .pcdnav li a:hover{ background-color:#0872d8; color:#fff;background-image:url(../images/jiao2.png); background-position:95% center; background-repeat:no-repeat;}
.subnav .di{ color:#333; line-height:20px; padding:5px; margin-top:5px; background:#dcecfb;  margin-bottom:10px;}
.subnav .di p{ padding:0 10px; color:#323232; line-height:30px;}
.subnav .di a{ display:block; width:100%;}
.subnav .di img{ width:100%; margin-bottom:10px;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#358fe5;}
.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:#e6e6e6; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#000; display:block; line-height:40px;}


/*pic2*/
.pic2{ margin-top:20px;}
.pic2 ul li{ width:31.3%; margin:0 1% 20px;}
.pic2 ul li .imgbox{ border:1px solid #dcdcdc; height:280px; position:relative; overflow:hidden;}
.pic2 ul li .imgbox .bg{ width:100%; height:100%; background:url(../images/bg.png) center center; background-size:cover; position:absolute; top:0; left:-100%; transition:all .3s;}
.pic2 ul li .imgbox .bg span{ display:block; text-align:center; font-size:27px; color:#fff; margin:80px 0 10px 0;}
.pic2 ul li .imgbox .bg .moe{ width:163px; line-height:50px; color:#fff; border:1px solid #fff; margin:0 auto; text-align:center;}
.pic2 ul li a:hover .imgbox .bg{ left:0;}


/*n-2*/
.news2{ margin-top:20px;}
.news2 ul li{ margin-bottom:20px;}
.news2 ul li .imgbox{ width:18%; height:109px;}
.news2 ul li .news2til{ width:82%; overflow:hidden; padding:15px 0 0 15px; height:109px; position:relative;}
.news2 ul li .news2til h3{ font-size:14px; color:#636363;}
.news2 ul li .news2til .news2ti{ font-size:14px; color:#636363; line-height:24px; height:48px; overflow:hidden;}
.news2 ul li .news2til .more{ width:90px; height:53px; position:absolute; bottom:0; right:-90px; transition:all .3s;}
.news2 ul li a:hover .news2til{ background:#358fe5;}
.news2 ul li a:hover .news2til h3{ color:#fff;}
.news2 ul li a:hover .news2til .news2ti{ color:#fff;}
.news2 ul li a:hover .news2til .more{ right:0;}


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

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

/*liuyan*/
.liuy { width:70%; margin:20px auto 0;}
.liuy input{ background:#deedfa;  height:37px; color:#000; border:none;}
.liuy  textarea{ background:#deedfa; height:145px;color:#000;border:none; resize:none;}
.liuy  button{ width:100%; height:30px; color:#fff; background:#358fe5; border:none; transition:all 0.3s;}
.liuy  button:hover{ background:#115fc9;}

/*f-1*/
footer{ padding:15px 0; background:#115fc9; text-align:center; color:#fff;}
footer nav{ margin-bottom:10px;}
footer nav ul li{ display:inline-block; line-height:16px; border-right:1px solid #fff; padding:0 8px;}
footer nav ul li a{ color:#fff;}
footer nav ul li a:hover{ color:#9ccefe;}
footer section small a{ color:#fff;}

 /*f-nav*/
.hot{height:50px; background:#115fc9; 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:#358fe5;}

@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){
.logo{ height:74px; position:relative; border-bottom:none;}
.logo .icon-menu{ margin:18px 15px 0 0; cursor:pointer; font-size:36px; float:right;}
.logo .sjdnav{ 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:rgba(36,136,214,0.9);}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .sjdnavhide{ height:0; overflow:hidden;}
.logo .logoimg img{ width:308px; height:auto; margin:18px 0 0 15px;}

/*about*/
.aboutimg{ width:100%; height:auto; overflow:hidden; float:none !important;}
.abouttil{ width:100%; background:#fff; height:auto; padding:0px 20px 20px; position:relative; float:none !important; margin-top:20px;} 
.abouttil h3{ font-size:14px; color:#358fe5; font-weight:bold;}
.abouttil .aboutwen{height:auto;}
.abouttil .mor{ color:#358fe5; position:static; text-align:center; margin-top:15px;}

/*case*/
.case ul li{ width:25%;}
.case ul li .imgbox{ height:230px;}
.case ul li.li05{ display:none;}

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:18%;}
.news ul li .newstil{ width:82%;}

.zhp .zhptil{ height:auto;}


}

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

.logo{ position:relative;}
.logo .sjdnav{ right:0; top:74px;}
.logo .icon-mune{ font-size:20px; margin-top:15px;}
.logo .logoimg img{ width:300px; margin-top:18px;}

/*case*/
.case ul li{ width:25%;}
.case ul li .imgbox{ height:200px;}

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:22%;}
.news ul li .newstil{ width:78%;}

/*pic2*/
.pic2 ul li .imgbox{ height:220px;}


/*news*/
.news2 ul li .imgbox{ width:22%;}
.news2 ul li .news2til{ width:78%;}

/*liuyan*/
.liuy { width:100%;}

}

@media (max-width:640px){

.picture24 #owl-demo .item .imgbox{height:176px;}


/*case*/
.case ul li{ width:50%;}
.case ul li .imgbox{ height:250px;}

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:25%;}
.news ul li .newstil{ width:75%;}

/*pic2*/
.pic2 ul li .imgbox{ height:200px;}

/*news2*/
.news2 ul li .imgbox{ width:25%;}
.news2 ul li .news2til{ width:75%;}

}

@media (max-width:480px){

.logo .logoimg img{ width:300px; margin-top:18px;}

/*t-2*/
.title2 { margin:20px 0 20px 0 ; padding-top:5px;}
.title2 h3{ font-size:18px;  line-height:36px;}
.title2 span{ line-height:20px; font-size:14px;}


/*t-1*/
.title { margin:20px 0 20px 0 ; padding-top:5px;}
.title h3{ font-size:18px;  line-height:36px;}
.title span{ line-height:20px; font-size:14px;}

.picture24 #owl-demo .item .imgbox{height:196px;}

/*case*/
.case ul li{ width:50%;}
.case ul li .imgbox{ height:230px;}

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:34%;}
.news ul li .newstil{ width:66%;}

/*pic2*/
.pic2 ul li{ width:48%;}
.pic2 ul li .imgbox{ height:220px;}

/*news2*/
.news2 ul li{ margin-bottom:10px;}
.news2 ul li .imgbox{ width:34%;}
.news2 ul li .news2til{ width:66%;}

}

@media (max-width:414px){

.logo .logoimg img{ width:240px; margin-top:22px;}


.picture24 #owl-demo .item .imgbox{height:146px;}

/*case*/
.case ul li{ width:50%;}
.case ul li .imgbox{ height:160px;}

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:34%; height:85px;}
.news ul li .newstil{ width:66%; height:85px;  padding:10px 0 0 10px;}
.news ul li .newstil .newsti{ font-size:12px; line-height:20px; color:#636363; margin-top:5px; height:40px; overflow:hidden;}


/*pic2*/
.pic2 ul li .imgbox{ height:160px;}

/*news2*/
.news2 ul li{ margin-bottom:10px;}
.news2 ul li .imgbox{ width:34%; height:85px;}
.news2 ul li .news2til{ width:66%; height:85px;  padding:10px 0 0 10px;}
.news2 ul li .news2til .news2ti{ font-size:12px; line-height:20px; color:#636363; margin-top:5px; height:40px; overflow:hidden;}
}





@media (max-width:340px){
.logo .logoimg img{ width:200px; margin-top:24px;}


.picture24 #owl-demo .item .imgbox{height:126px;}

/*case*/
.case ul li{ width:50%;}
.case ul li .imgbox{ height:150px;}	

/*news*/
.news ul li{ margin-bottom:10px;}
.news ul li .imgbox{ width:34%; height:75px;}
.news ul li .newstil{ width:66%; height:75px;  padding:10px 0 0 10px;}
.news ul li .newstil .newsti{ font-size:12px; line-height:20px; color:#636363; margin-top:5px; height:40px; overflow:hidden;}

/*pic2*/
.pic2 ul li .imgbox{ height:140px;}

/*news2*/
.news2 ul li{ margin-bottom:10px;}
.news2 ul li .imgbox{ width:34%; height:75px;}
.news2 ul li .news2til{ width:66%; height:75px;  padding:10px 0 0 10px;}
.news2 ul li .news2til .newsti{ font-size:12px; line-height:20px; color:#636363; margin-top:5px; height:40px; overflow:hidden;}
}