@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:1000px !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:100px; background:#e6e6e6;}
.logo .logoimg{ margin:5px 0 0 0;}
.logo .logoimg img{ width:202px; height:57px; margin:15px 0 0 0;}
.logo .logoimg span{ font-size:34px; color:#6c6e70; margin:30px 0 0 15px;}
.logo .dh{ padding-left:50px; background:url(../images/dianh.png) left 0px no-repeat; margin:18px 0 0 50px;}
.logo .dh h2{ font-size:12px; color:#333;}
.logo .dh p{ font-size:20px; color:#990000; line-height:32px; font-style:italic; font-weight:bold;}
.logo .dh h1{ font-size:18px; color:#008490; font-style:italic; font-weight:bold;}

.heard1{ width:100%; height:32px; background:#008490;}
.heard1 nav{ width:100%;}
.heard1 nav li{ height:32px;}
.heard1 nav li a{ display:block; color:#fff; line-height:32px;  width:120px; font-size:14px;}
.heard1 nav li a:hover{ background:#045b63;}

/*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}

.content2{ width:100%; background:#e6e6e6;}

/*t-2*/
.title2 { margin:35px 0 15px 0 ;}
.title2 h1{ color:#098892; font-size:26px; background:url(../images/biao_bg.png) 50% 50% no-repeat; line-height:40px; font-weight:bold;}
.title2 span{ display:block; font-size:18px; color:#999999; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.title2 p{ font-size:12px; color:#b2b2b2; width:390px; margin:0 auto; line-height:20px;}


/*t-4*/
.title4{ padding:10px; font-size:14px; color:#666; line-height:24px;}

/*t-6*/
.title6{ border-bottom:2px  solid #ccc;}
.title6 h1{ font-size:16px; font-weight:normal;}
.title6 span{ color:#333;}
.title6 a{color:#333; line-height:40px;}
.title6 .shou:hover{ color:#008490;}

/*t-7-1*/
.title07{ margin-top:20px;}
.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;}


/*c-2 */
.contact02 h1{ font-size:14px; color:#333; line-height:50px;}
.contact02 .h5{ height:144px; overflow:hidden;}
.contact02 .h5 p{ margin:0 !important; color:#666; line-height:24px; text-indent:2em;}
.contact02 .detailed{ height:150px; overflow:hidden;}
.contact02 .detailed li{ height:30px; color:#666; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#777777; height:34px; line-height:34px; font-weight:normal;}
.contact02 input{ background:#f2f2f2; border:dashed 1px #098892; height:37px;}
.contact02 textarea{ background:#f2f2f2; border:dashed 1px #098892; height:145px;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#098892; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#0ec2d0;}

/*xuanz*/
.xuz ul li{ width:23%; margin:0 1% 20px; border:1px solid #e6e6e6; padding:0 20px;}
.xuz ul li .imgbox{ width:63px; height:70px; margin:30px auto 20px auto; text-align:center; line-height:70px;}
.xuz ul li .imgbox img{ width:100%;}
.xuz ul li h1{ font-size:16px; color:#098892; font-weight:bold; line-height:32px;}
.xuz ul li p{ font-size:12px; line-height:22px; color:#098892; margin:0 0 20px 0 !important;}
.xuz ul li:hover{ border:1px solid #098892;}

/*pic*/
.picture24{ position:relative;}
.picture24 #owl-demo2 .item{ margin: 6px;transition:all 0.3s;}
.picture24 #owl-demo2 .item li{ margin-bottom:20px; position:relative; overflow:hidden;}
.picture24 #owl-demo2 .item .imgbox{ transition:all 1s; height:200px; background:#fff;}
.picture24 #owl-demo2 .item .imgbox .img{ display:block; height:100%;}
.picture24 #owl-demo2 .item h1{ font-size:12px; color:#fff; line-height:30px; position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.8);filter:Alpha(Opacity=80); z-index:11;}
.picture24 #owl-demo2 .item li .mask{ position:absolute; left:-100%; top:0; z-index:9; width:100%; height:100%; background:url(../images/bg_img.png) repeat; transition:all 0.3s;}
.picture24 #owl-demo2 .item li .mask span{position:absolute; left:0; top:0; width:100%; height:100%;}
.picture24 #owl-demo2 .item li .mask b{ display:block; width:100%; height:100%; background:url(../images/xiangqing.png) 50% 50% no-repeat;}
.picture24 #owl-demo2 .item li:hover .mask{ left:0;}
.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:53px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}
.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}
.mor{ width:234px; height:36px; margin:20px auto; background:#098892; text-align:center; border:2px solid #098892; transition:all 0.3s;}
.mor a{ color:#fff; font-size:16px; line-height:36px;}
.mor:hover{ background:none;}
.mor:hover a{ color:#098892;}

/*shebei*/
.picture22{ position:relative;}
.picture22 #owl-demo .item{ margin: 6px;transition:all 0.3s;}
.picture22 #owl-demo .item li{ margin-bottom:20px; border:1px solid #ccc;}
.picture22 #owl-demo .item .imgbox{ transition:all 1s; height:220px; background:#fff; border-bottom:1px solid #ccc;}
.picture22 #owl-demo .item .imgbox .img{ display:block; height:100%;}
.picture22 #owl-demo .item h1{ font-size:16px; color:#008490; line-height:37px; width:100%; background:#fff;}
.picture22 #owl-demo .item li:hover{ border:1px solid #008490;}
.picture22 #owl-demo .item li:hover h1{ background:#008490; 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:53px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.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}
.picture22 .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.picture22 .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}
.picture22 .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.picture22 .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}

/*p-7*/
.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}


/*news2*/
.news2 ul li{ width:100%;  border-bottom:1px dashed #999;}
.news2 ul li a{ display:block; width:80%;height:40px; line-height:40px; color:#666; padding-left:10px; background:url(../images/a_bg.png) left 50% no-repeat; overflow:hidden;}
.news2 ul li span{ display:block; width:20%; line-height:40px; color:#666;}
.news2 ul li a:hover{ color:#0197d3;}

/*c-1*/
/*c-1*/
.content1{ padding:46px 0 40px 0;}
.content1 .mbx{ display:block; border-bottom:2px solid #ccc; line-height:28px;}
.content1 .mbx a{ color:#333;}
.content1 .mbx a:hover{ color:#03F;}
.subnav ol{ height:42px;}
.subnav ol h1{ font-size:18px; color:#fff; line-height:42px; background-color:#008490; height:42px; background-image:url(../images/left_navbg.png); background-position:20px center; background-repeat:no-repeat;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#e9e9e9;}
.subnav .pcdnav{ padding-bottom:10px;}
.subnav .pcdnav li{ margin:2px 0 0 0; height:35px;}
.subnav .pcdnav li a{display:block; font-size:14px; color:#333333; line-height:35px; background-color:#e6e6e6; transition:all 0.3s; background-image:url(../images/left_navbg1.png); background-repeat:no-repeat; background-position:20px center;}
.subnav .pcdnav li a.active{color:#008490; background-color:#e6e6e6; background-image:url(../images/left_nav2.png); background-repeat:no-repeat; background-position:20px center;}
.subnav .pcdnav li a:hover{ color:#008490;background-image:url(../images/left_nav2.png); background-repeat:no-repeat; background-position:20px center;}
.subnav .pcdnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;background:#f2f2f2;}
.subnav .pcdnav .xlxl{ margin:4px 5px 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden; }
.subnav .pcdnav .xlxl a{ display:block; font-size:14px; color:#666; line-height:24px;  transition:all 0.3s;}
.subnav .di{ color:#666; line-height:20px; padding:10px 0; margin-top:5px; background:#e9e9e9;}
.subnav .di p{ padding:0 10px; font-size:12px; color:#333;}
.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:#008490;}
.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:#009ba9; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;  background:#f2f2f2;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px; margin:10px;}
.subnav .yddnav .xlxls a{ color:#666; display:block; line-height:32px;}

.pic{ margin:20px 0 0 0;}
.pic ul li{ width:31%; margin:0 1% 20px; position:relative;}
.pic ul li .imgbox{ height:200px;}
.pic ul li h1{ font-size:12px; color:#fff; line-height:30px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8);filter:Alpha(Opacity=80); width:100%;}
.pic ul li a:hover h1{ background:rgba(0,132,144,0.8); filter:Alpha(Opacity=80);}

.news{ margin:20px 0 0 0;}
.news ul li{ width:48%; margin:0 1% 20px;}
.news ul li .imgbox{ height:85px; width:28%;}
.news ul li .wen { width:72%; height:85px; padding:5px 10px;}
.news ul li .wen h1{ font-size:14px; color:#000; line-height:22px; height:22px; overflow:hidden;}
.news ul li .wen p{ font-size:12px; color:#5f5f5f; line-height:20px; height:40px; overflow:hidden;}
.news ul li a:hover .wen{ background:#008490;}
.news ul li a:hover .wen h1{ color:#fff;}
.news ul li a:hover .wen p{ color:#fff;}

/*ditu*/
.right-content .lian{ margin:0 auto;}
.right-content .ditu{ position:relative; margin-top:20px; height:260px; border:1px solid #ccc; overflow:hidden;}
.right-content .us{ margin-top:10px;}
.right-content .us h1{ font-size:18px; font-weight:bold; line-height:26px; padding-top:10px;}
.right-content .us p{  font-size:14px; line-height:20px;}

/*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*/
.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:#008490; border:none; transition:all 0.3s; display:block; margin:0 auto;}
.right-content button:hover{ background:#0ec2d0;}

/*f-1*/
footer{ padding:15px 0; background:#098892; }
footer .jiao div{ line-height:30px; padding-left:10px; text-align:center;}
footer .jiao div a{ color:#fff;}
footer .jiao div a:hover{ color:#0ec2d0;}
footer { color:#fff;}

 /*f-nav*/
.hot{height:50px; background:#1a1a1a; position:fixed; bottom:0; left:0; z-index:99;}
.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:#333333;}


@media (max-width:1199px){

	
}


@media (max-width:991px){
.logo{ height:74px; position:relative;}
.logo .icon-menu{ margin:24px 15px 0 0; cursor:pointer; font-size:26px; 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:#098892;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .sjdnavhide{ height:0; overflow:hidden;}
.logo .logoimg{ margin:5px 0 0 10px;}
.logo .logoimg img{ width:192px; height:auto; margin:5px 0 0 0;}
.logo .logoimg span{ font-size:30px; color:#6c6e70; margin:21px 0 0 15px;}
	
.pic ul li{ width:31%; margin:0 1% 20px; position:relative;}
.pic ul li .imgbox{ height:260px;}

.news ul li .imgbox{ height:85px; width:22%;}
.news ul li .wen { width:78%; height:85px; padding:5px 10px;}
.news ul li .wen h1{ font-size:14px; color:#000; line-height:22px; height:22px; overflow:hidden;}
.news ul li .wen p{ font-size:12px; color:#5f5f5f; line-height:20px; height:40px; overflow:hidden;}

}

@media (max-width:768px){
body{ padding-bottom:50px;}	

.logo{ position:relative;}
.logo .sjdnav{ left:0; top:74px; /*background:#312f2d; box-shadow:0 2px 5px rgba(0,0,0,0.2);*/ width:100%;}
.logo .sjdnav li{ margin-bottom:0; padding-left:3%; height:40px; border:1px solid #1a9ea8; background:#098892;}
.logo .sjdnav li a{ color:#fff; line-height:40px;}
.logo .icon-mune{ font-size:20px; margin-top:15px;}
.logo .logoimg{ margin:7px 0 0 10px;}
.logo .logoimg img{ width:182px; height:auto; margin:5px 0 0 0;}
.logo .logoimg span{ font-size:28px; color:#6c6e70; margin:21px 0 0 15px;}


/*t-2*/
.title2 { margin:20px 0 25px 0 ; padding-top:10px;}
.title2 h1{ font-size:22px; margin-top:25px; line-height:38px;}
.title2 span{ font-size:14px;}
.title2 p{ font-size:12px; color:#b2b2b2; width:100%; line-height:20px;}

/*xuanz*/
.xuz ul li{ width:48%; margin:0 1% 20px; border:1px solid #e6e6e6; padding:0 20px;}

.picture24 #owl-demo2 .item .imgbox{ height:320px;}
.mor{ width:200px; height:30px; margin:20px auto; background:#098892; text-align:center; border:2px solid #098892; transition:all 0.3s;}
.mor a{ color:#fff; font-size:14px; line-height:30px;}

.picture22 #owl-demo .item .imgbox{ height:220px;}

.pic ul li{ width:48%; margin:0 1% 20px; position:relative;}
.pic ul li .imgbox{ height:320px;}

.news ul li .imgbox{ height:85px; width:25%;}
.news ul li .wen { width:75%; height:85px; padding:5px 10px;}
.news ul li .wen h1{ font-size:14px; color:#000; line-height:22px; height:22px; overflow:hidden;}
.news ul li .wen p{ font-size:12px; color:#5f5f5f; line-height:20px; height:40px; overflow:hidden;}
}

@media (max-width:414px){
.logo{ height:50px; position:relative;}
.logo .sjdnav{ left:0; top:50px;width:100%;}
.logo .icon-menu{ font-size:26px; margin-top:13px;}
.logo .logoimg{ margin:7px 0 0 10px;}
.logo .logoimg img{ width:102px; height:auto; margin:5px 0 0 0;}
.logo .logoimg span{ font-size:20px; color:#6c6e70; margin:8px 0 0 15px;}

/*t-2*/
.title2 { margin:20px 0 15px 0 ; padding-top:10px;}
.title2 h1{ font-size:18px; margin-top:25px; line-height:38px; font-weight:bold;}
.title2 span{ font-size:12px;}
.title2 p{ font-size:12px; color:#b2b2b2; width:100%; line-height:20px;}

/*xuanz*/
.xuz ul li .imgbox{ width:53px; height:60px; margin:20px auto 15px auto; text-align:center; line-height:70px;}
.xuz ul li .imgbox img{ width:100%;}
.xuz ul li h1{ font-size:14px; color:#098892; font-weight:bold; line-height:26px;}
.xuz ul li p{ font-size:12px; line-height:22px; color:#098892; margin:0 0 20px 0 !important;}

.picture24 #owl-demo2 .item .imgbox{ height:140px;}
.mor{ width:160px; height:26px; margin:20px auto; background:#098892; text-align:center; border:2px solid #098892; transition:all 0.3s;}
.mor a{ color:#fff; font-size:12px; line-height:26px;}

.picture22 #owl-demo .item .imgbox{ height:100px;}
.picture22 #owl-demo .item h1{ font-size:12px; color:#008490; line-height:27px; width:100%; background:#fff;}

.pic ul li{ width:48%; margin:0 1% 20px; position:relative;}
.pic ul li .imgbox{ height:160px;}

.news ul li { width:100%; margin:0 0 20px 0;}
.news ul li .imgbox{ height:85px; width:30%;}
.news ul li .wen { width:70%; height:85px; padding:5px 10px;}
.news ul li .wen h1{ font-size:14px; color:#000; line-height:22px; height:22px; overflow:hidden;}
.news ul li .wen p{ font-size:12px; color:#5f5f5f; line-height:20px; height:40px; overflow:hidden;}

footer .jiao div{ font-size:12px; line-height:22px;}

}



@media (max-width:340px){
.logo .logoimg{ margin:7px 0 0 5px;}
.logo .logoimg img{ width:92px; height:auto; margin:5px 0 0 0;}
.logo .logoimg span{ font-size:16px; color:#6c6e70; margin:12px 0 0 10px;}

.pic ul li{ width:48%; margin:0 1% 20px; position:relative;}
.pic ul li .imgbox{ height:140px;}


}