@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; outline:none !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:"微软雅黑";}

/*全局样式*/
.top{ border-bottom:1px solid #bcbcbc;}
.top .left{ color:#636363; line-height:35px; font-size:12px;}
.top .right{ color:#333; font-size:12px;}
.top .right ul{ font-size:0; padding-left:3px;}
.top .right ul li{ display:inline-block; vertical-align:top; font-size:14px;}
.top .right ul li a{ font-size:14px; color:#333; line-height:35px; transition:all .3s; margin:0 5px;}
.top .right ul li a:hover{ color:#e60000;}
.logo{ width:100%; height:116px; background:#f8f8f8;}
.logo .logoimg img{ margin:18px 0 0 0; transition:all .3s;}
.logo .dh{ background:url(../images/dianh.png) left no-repeat; margin-top:35px; padding-left:45px;}
.logo .dh h2{ font-size:12px; color:#949494;}
.logo .dh p{ font-size:29px; color:#e60000;}
.logo .ss{ border:1px solid #24a9e2; margin:39px 0 0 45px;}
.logo .ss *{ float:left;}
.logo .ss input{ width:236px; height:40px; color:#333; padding:0 5px; border:none;}
.logo .ss button{ width:40px; height:40px; background:#24a9e2; border:none;}

.heard1{ width:100%; height:48px; background:#24a9e2;}
.heard1 nav{ width:100%; background:url(../images/nav_bg.jpg) left center no-repeat;}
.heard1 nav li{ height:48px;width:12.5%; position:relative; background:url(../images/nav_bg.jpg) right center no-repeat;}
.heard1 nav li a{ display:block; color:#fff; line-height:48px;  font-size:14px;}
.heard1 nav li.active a{ color:#fff; background:#0b85b9;}
.heard1 nav li a:hover{ color:#fff; background:#0b85b9;}
.heard1 nav li:hover ul{ display:block;}
.heard1 nav li ul{ display:none; position:absolute; left:0; top:48px; width:100%; background:#24a9e2; z-index:999; border-top:2px solid #33c2ff;}
.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:#0b85b9;}
.heard1 nav li ul li:hover a{color:#fff; }

/*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; background:#3cbeff; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#007dbb;}
.banner #myCarousel .carousel-indicators li.active{background-color:#007dbb;}

/*m-w*/
.mian-about{ padding:0 0 20px; background:url(../images/about_bg.jpg) center center; background-size:cover;}
.mian-case{ padding:20px 0;}
.mian-pic{ padding:0 0 20px; background:url(../images/pic_bg.jpg) center center; background-size:cover;}
.mian-Color{ background:url(../images/Color_bg.png) center center; background-size:cover;}

/*t-1*/
.title { margin:20px 0;}
.title h3{ color:#333333; font-size:20px;  line-height:45px; background:url(../images/biao_bg.png) center bottom no-repeat;}
.title h6{ font-size:16px; color:#333333; text-transform:uppercase; line-height:36px;}

/*t-2*/
.title2 { margin:20px 0;}
.title2 h3{ color:#fff; font-size:20px;  line-height:45px; background:url(../images/biao_bg.png) center bottom no-repeat;}
.title2 h6{ font-size:16px; color:#fff; text-transform:uppercase; line-height:36px;}

/*t-6*/
.title6{ border-bottom:1px solid #ccc;}
.title6 h3{ font-size:14px; font-weight:normal; line-height:40px;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.about{ margin-top:20px;}
.about 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*/
.textbox{ border-top:1px solid #ccc; margin-top:10px;}
.text03{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.text03 img{ max-width:100%; height:auto;}

/*list_nav*/
.list_nav { margin:10px 0;}
.list_nav ul{ font-size:0; text-align:center; margin:0 -20px;}
.list_nav ul li{ vertical-align:top;  display:inline-block; width:14.28%; padding:0 20px;}
.list_nav ul li .list{background:#b1b1b1; font-size:14px; padding:2px 0; transition:all .3s;}
.list_nav ul li a{ display:block; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:33px; color:#fff;}
.list_nav ul li.active .list{ background:#24a9e2;}
.list_nav ul li:hover .list{ background:#24a9e2;}

.picture22{ position:relative; margin:40px -15px 0;}
.picture22 .lunbobox{ display:none;}
.picture22 .lunbobox.active{ display:block;}
.picture22 #owl-demo2 .item{ margin:0 15px;transition:all 0.3s;}
.picture22 #owl-demo2 .item li{ margin-bottom:30px; transition:all .3s;}
.picture22 #owl-demo2 .item .imgbox{ padding:2px; border:1px solid #b1b1b1; background:#e5e5e5; transition:all .3s;}
.picture22 #owl-demo2 .item .imgbox .imgs{ border:1px solid #b1b1b1;}
.picture22 #owl-demo2 .item .imgbox .imgs img{width:100%;}
.picture22 #owl-demo2 .item .imgbox h3{ font-size:16px; color:#333; line-height:43px; transition:all .3s;}
.picture22 #owl-demo2 .item li:hover .imgbox{ background:#24a9e2;}
.picture22 #owl-demo2 .item li: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:31px; 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{ left:-50px; background:url(../images/yjt.png) left center no-repeat; transition:all .5s;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-50px; background:url(../images/zjt.png) right center no-repeat; transition:all .5s;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/yjt.png) right center no-repeat;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/zjt.png) left center no-repeat;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.more a{ display:block; width:162px; line-height:40px; text-align:center; line-height:40px; border-radius:5px; -moz-border-radius:5px; border:1px solid #c7c7c7; margin:20px auto; color:#878787; transition:all .3s;}
.more a:hover{ background:#24a9e2; border:1px solid #24a9e2; color:#fff;}

/*about*/
.aboutbox{ background:url(../images/about_box.png) 50% 50%; background-size:100% 100%; padding:40px 50px 60px;}
.aboutbox .abouttil{ font-size:14px; color:#333; line-height:24px; height:192px; overflow:hidden; transition:all .3s;}
.aboutbox .aboutimg{ border-radius:5px; -moz-border-radius:5px; overflow:hidden;}
.aboutbox:hover .abouttil{ color:#24a9e2;}

/*list_nav2*/
.list_nav2 { margin:10px 0;}
.list_nav2 ul{ font-size:0; text-align:center; margin:0 -20px;}
.list_nav2 ul li{ vertical-align:top;  display:inline-block; width:14.28%; padding:0 20px;}
.list_nav2 ul li .list{background:#b1b1b1; font-size:14px; padding:2px 0; transition:all .3s;}
.list_nav2 ul li a{ display:block; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:33px; color:#fff;}
.list_nav2 ul li.active .list{ background:#24a9e2;}
.list_nav2 ul li:hover .list{ background:#24a9e2;}

.picture24{ position:relative; margin:40px -15px 0;}
.picture24 .lunbobox{ display:none;}
.picture24 .lunbobox.active{ display:block;}
.picture24 #owl-demo .item{ margin:0 15px;transition:all 0.3s;}
.picture24 #owl-demo .item li{ margin-bottom:30px; transition:all .3s;}
.picture24 #owl-demo .item .imgbox{ padding:2px; border:1px solid #b1b1b1; background:#e5e5e5; transition:all .3s;}
.picture24 #owl-demo .item .imgbox .imgs{ border:1px solid #b1b1b1;}
.picture24 #owl-demo .item .imgbox .imgs img{width:100%;}
.picture24 #owl-demo .item .imgbox h3{ font-size:16px; color:#333; line-height:43px; transition:all .3s;}
.picture24 #owl-demo .item li:hover .imgbox{ background:#24a9e2;}
.picture24 #owl-demo .item li:hover .imgbox h3{ color:#fff;}
.picture24 .owl-carouse2 .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.picture24 .owl-carouse2{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.picture24 .owl-carouse2 .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.picture24 .owl-carouse2 .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.picture24 .owl-carouse2 .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-carouse2 .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:31px; 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 center no-repeat; transition:all .5s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-50px; background:url(../images/zjt.png) right center no-repeat; transition:all .5s;}
.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: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;}

/*pic*/
.pic{ margin-top:20px;}
.pic ul{ margin:0 -10px !important;}
.pic ul li{ width:50%; padding:0 10px; margin-bottom:30px;}
.pic ul li .picbox{ height:150px; border-radius:75px 15px 15px 75px; background:rgba(255,255,255,0.7);filter:Alpha(Opacity=70); position:relative; transition:all .3s;}
.pic ul li .picbox .imgbox{ width:150px; height:150px; border-radius:50%; -moz-border-radius:50%;}
.pic ul li .picbox .pictil{ position:absolute; left:0; top:0; padding:0 10px 20px 160px;}
.pic ul li .picbox .pictil .biao h3{ font-size:14px; color:#333; width:80%; line-height:34px; padding-left:10px; background:url(../images/dian.png) left center no-repeat;}
.pic ul li .picbox .pictil .biao h6{ font-size:14px; color:#24a9e2; width:20%; text-align:right; line-height:34px;}
.pic ul li .picbox .pictil .picti{ font-size:14px; color:#333; line-height:22px; height:88px; overflow:hidden; padding-left:10px;}
.pic ul li:hover .picbox{ background:#fff;}

/*case*/
.case_box{ margin-top:20px;}
.case_box .leftin{ border:1px solid #c4c4c4; overflow:hidden;  position:relative;}
.case_box .leftin .imgs2{ transition:all .5s;}
.case_box .leftin h4{ line-height:36px; color:#fff; font-size:14px; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6);filter:Alpha(Opacity=60);}
.case_box .leftin:hover .imgs2{ transform:scale(1.1);}
.case_box .leftin:hover h4{ background:rgba(36,169,226,0.6);filter:Alpha(Opacity=60);}

.case_box .rightin ul{ margin:0 -15px !important;}
.case_box .rightin ul li{ width:50%; padding:0 15px; margin-bottom:30px;}
.case_box .rightin ul li .imgbox{ border:1px solid #c4c4c4; overflow:hidden; position:relative;}
.case_box .rightin ul li .imgs3{ transition:all .5s;}
.case_box .rightin ul li .imgbox h4{ line-height:36px; color:#fff; font-size:14px; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.6);filter:Alpha(Opacity=60);}
.case_box .rightin ul li:hover .imgs3{ transform:scale(1.1);}
.case_box .rightin ul li:hover .imgbox h4{ background:rgba(36,169,226,0.6);filter:Alpha(Opacity=60);}

/*contact*/
.contact_box{ padding:0 5px 20px; background:rgba(0,0,0,0.35);filter:Alpha(Opacity=35);}
.contact02 h3{ font-size:16px; color:#fff; line-height:50px;}
.contact02 .detailed { margin-top:25px;}
.contact02 .detailed nav{ width:70%;}
.contact02 .detailed li{ height:30px; font-size:14px; color:#fff; line-height:30px;white-space:nowrap; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px; color:#fff; font-size:14px;}
.contact02 .detailed .ewm_box{ width:30%; padding:0 3%;}
.contact02 .detailed .ewm_box h6{ font-size:12px; color:#fff; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#fff; height:37px; line-height:37px; font-weight:normal;}
.contact02 input{border:none; height:37px; background:#fff;}
.contact02 textarea{ border:none; height:145px; resize:none; background:#fff;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#0c72c6; border:none; transition:all 0.3s;}
.contact02 button:hover{ opacity:0.8;}

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

/*c-1*/
.content1{ padding:40px 0 30px 0;}
.subnav ol{ height:54px;  background-color:#24a9e2; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; margin-bottom:5px !important;}
.subnav ol h1{ font-size:25px; color:#fff; line-height:54px; }
.subnav .pcdnav li{ margin:0 0 10px 0; padding:2px 0; background-color:#b1b1b1;}
.subnav .pcdnav li a{display:block; font-size:16px; color:#fff; line-height:38px;  transition:all 0.3s; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.subnav .pcdnav li.active{ background:#24a9e2;}
.subnav .pcdnav li:hover{background:#24a9e2;}
.subnav .di{ background:#dfdfdf; font-size:14px; color:#333; line-height:24px; padding:10px 0; margin-top:5px;}
.subnav .di h3{ font-size:16px; color:#333; line-height:30px; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.subnav .di p{ padding: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:#0095df;}
.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{ display:none;}
/*.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}*/
.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;}

/*news*/
.news{ margin-top:20px; min-height:150px; padding-left:227px; position:relative;}
.news .imgbox{ border:1px solid #b1b1b1; width:227px; height:150px; position:absolute; left:0; top:0; overflow:hidden; z-index:1;}
.news .imgbox span{ display:block; width:100%; height:100%; transition:all .5s;}
.news .newstil{ padding-left:30px;}
.news .newstil h3{ font-size:14px; color:#333; padding:0 0 0 15px; background:url(../images/dian.png) left center no-repeat; transition:all .3s;}
.news .newstil .newsti{ color:#333; line-height:22px; height:66px; overflow:hidden; margin-top:20px;transition:all .3s;}
.news:hover .imgbox span{ transform:scale(1.1);}
.news:hover .newstil h3{ color:#24a9e2;}
.news:hover .newstil .newsti{ color:#24a9e2;}


/*pic*/
.pic2{ margin-top:20px;}
.pic2 ul{ margin:0 -12px;}
.pic2 ul li{ width:33.3%; padding:0 12px; margin-bottom:20px;}
.pic2 ul li .imgbox{ border:1px solid #b1b1b1; background:#e5e5e5; padding:2px; transition:all .3s;}
.pic2 ul li .imgbox .imgs4{ border:1px solid #b1b1b1;}
.pic2 ul li h4{ font-size:14px; color:#333; line-height:34px;}
.pic2 ul li:hover .imgbox{ background:#24a9e2;}
.pic2 ul li:hover h4{ color:#fff;}

/*lianxi*/
.right-content .lianxi{ margin-top:20px;}
.right-content .lianxi label{ font-size:14px; font-weight:normal;}
.right-content .lianxi span{ font-size:12px;}
.right-content .lianxi .tij{ text-align:center;}
.right-content .lianxi button{ display:inline-block; margin:0 20px;}

/*ditu*/
.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:#0c72c6;}
footer section{color:#fff; text-align:center;}
footer section .zh a{ color:#fff;}
footer section .zh a:hover{ color:#fff;}

 /*f-nav*/
.hot{height:50px; background:#0c72c6; 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:#0383ed;}


@media (max-width:1199px){	
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}

.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{ 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 img{ width:320px; height:auto; margin:6px 0 0 5px;}

.logo .ydd_btn{ margin:24px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #0c72c6;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff;}
.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;}

/*list_nav*/
.list_nav ul li{ width:16.6%; padding:0 20px;}

/*about*/
.aboutbox{ background:none; padding:0;}
.aboutbox .abouttil{ font-size:14px; color:#333; line-height:24px; height:auto; overflow:hidden; transition:all .3s;}
.aboutbox .aboutimg{ margin-top:20px;}
.aboutbox .aboutimg img{ margin:0 auto;}
.aboutbox:hover .abouttil{ color:#24a9e2;}

/*list_na2v*/
.list_nav2 ul li{ width:16.6%; padding:0 20px;}

.case_box .rightin { margin-top:30px;}

}

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

.logo{ position:relative;}
.logo .sjdnav{ right:0; top:74px;}

/*list_nav*/
.list_nav ul{ margin:0 -10px !important;}
.list_nav ul li{ width:20%; padding:0 10px; margin-bottom:10px;}

/*list_nav2*/
.list_nav2 ul{ margin:0 -10px !important;}
.list_nav2 ul li{ width:20%; padding:0 10px; margin-bottom:10px;}

/*pic*/
.pic ul{ margin:0 !important;}
.pic ul li{ width:100%; padding:0; margin-bottom:30px;}

}

@media (max-width:640px){
	.bdshare-slide-button {display: none !important;}

}


@media (max-width:414px){

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

/*list_nav*/
.list_nav ul{ margin:0 -10px !important;}
.list_nav ul li{ width:50%; padding:0 10px; margin-bottom:10px;}

/*list_nav2*/
.list_nav2 ul{ margin:0 -10px !important;}
.list_nav2 ul li{ width:50%; padding:0 10px; margin-bottom:10px;}

/*pic*/
.pic ul li .picbox{ height:100px;}
.pic ul li .picbox .imgbox{ width:100px; height:100px;}
.pic ul li .picbox .pictil{ position:absolute; left:0; top:0; padding:0 10px 10px 110px; width:100%;}
.pic ul li .picbox .pictil .biao h3{ width:70%; }
.pic ul li .picbox .pictil .biao h6{  width:30%;}
.pic ul li .picbox .pictil .picti{ height:44px;}

/*case*/
.case_box .rightin ul{ margin:0 -10px !important;}
.case_box .rightin ul li{ padding:0 10px; margin-bottom:20px;}

/*news*/
.news{ min-height:90px; padding-left:136px;}
.news .imgbox{ width:136px; height:90px;}
.news .newstil{ padding-left:20px;}
.news .newstil .newsti{ margin-top:10px; height:44px;}

/*pic*/
.pic2 ul{ margin:0 -5px;}
.pic2 ul li{ width:50%; padding:0 5px;}

}


@media (max-width:340px){

.pic ul li .picbox .pictil .biao h3{ width:65%; }
.pic ul li .picbox .pictil .biao h6{  width:35%;}

}