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

/*全局样式*/
.logo{ height:120px; background: #f7f5f0;}
.logo .row{ position: relative;}
.logo .logoimg img{ margin-top:22px;}
.logo .ss{ position: absolute; right: 0; top: 30px;}
.logo .ss input{ width:160px; height:22px; background: #fff; line-height:22px; border:1px solid #0077b3; padding: 0 5px;}
.logo .ss button{ width:60px; height:22px; color: #fff; border: none; background:rgb(0,118,177);background:-moz-linear-gradient(top,rgba(0,118,177,1) 0%,rgba(0,72,108,1) 100%);background:-webkit-linear-gradient(top,rgba(0,118,177,1) 0%,rgba(0,72,108,1) 100%);background:linear-gradient(to bottom,rgba(0,118,177,1) 0%,rgba(0,72,108,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076b1',endColorstr='#00486c',GradientType=0 );}
.logo .ss button:hover{ background-color:#1484cc;}
.logo .tel{ margin-top: 65px;}
.logo .tel h5{ font-size:20px; color:#333;}
.logo .tel h5 span{ color: #0077b3; font-size: 26px;}

.heard1{ width:100%; height:50px; background:#0077b3; }
.heard1 nav{ width:100%;}
.heard1 nav ul li{ width:12.5%; height:50px; position:relative;}
.heard1 nav ul li a{ display:block; color:#fff; font-size:14px; line-height:50px;  position: relative; z-index: 99;;}
.heard1 nav ul li.active a{background:#fdb813;}
.heard1 nav ul li:hover a{ background: #fdb813;}
.heard1 nav .ul2{ display:none; width:100%; position:absolute; top:50px; left:0; background: #f2f2f2;  z-index:999; }
.heard1 nav .ul2 .li2{ position:relative;}
.heard1 nav .ul2 .li2 a{ color:#000; line-height:40px; background:none;}
.heard1 nav .ul2 .li2 a:hover{ background:#fdb813; color: #fff;}


/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}



.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; width:100%; display:none;}
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{bottom:0;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s; background:none; border:2px solid #fdb813;}
.banner #myCarousel .carousel-indicators li:hover{background-color:#fdb813;}
.banner #myCarousel .carousel-indicators li.active{background-color:#fdb813;}

/*m-w*/
.mian-icon{ padding: 30px 0; background: #f2f2f2;}
.mian-about{ padding:20px 0 50px; background: url(../images/about_bg.jpg) center center; background-size: cover;}
.mian-case{ padding: 30px 0;}
.mian-sheb{ padding: 30px 0; background: url(../images/sheb_bg.jpg) center center; background-size: cover;}
.mian-news{ padding: 20px 0;}
.mian-Color{ padding:30px 0; background: url(../images/Color_bg.jpg) center center; background-size: cover;}

/*t-1*/
.title { margin:20px 0;}
.title h3{ color:#1095c6; font-size:24px; font-weight:bold; line-height: 40px; background: url(../images/biao_bg.png) center center no-repeat;}
.title h6{ font-size:26px; color:#999; font-family: arial; text-transform: uppercase; font-weight:bold;}
.title h5{ font-size: 12px; color: #a6a6a6;}

/*t-1*/
.title2 { margin:20px 0;}
.title2 h3{ color:#fff; font-size:24px; font-weight:bold; line-height: 40px; background: url(../images/biao_bg.png) center center no-repeat;}
.title2 h6{ font-size:26px; color:#fff; font-family: arial; text-transform: uppercase; font-weight:bold;}
.title2 h5{ font-size: 12px; color: #fff;}


/*t-6*/
.title6{ border-bottom: 1px solid #999999;}
.title6 h4{ font-size:18px; color:#666666; line-height:47px; font-weight: bold; padding: 0 0 0 50px; background: url(../images/fangz.png) left center no-repeat;}
.title6 span{ color:#888; font-size:14px; line-height:47px;}
.title6 span a{ color:#888;}
.title6 span .shou:hover{ color:#0096ff;}



/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#333; line-height:30px;}
.title07 h2{ margin:0 auto !important; font-size:18px; color:#333; line-height:40px; width:60%; border-bottom:1px dashed #666;}
.title07 h6{color:#666; line-height:30px; }

/*t-4*/
.aboutnei{ margin-top:20px;}
.aboutnei h4{ font-size:20px; color:#333; line-height:30px;}
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}
.title4 img{ max-width:100%; height:auto;}

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

/*lunbo*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}

/*fuwu*/
.fuwu{ margin: 20px 0 0 0; overflow: hidden;}
.fuwu ul{ margin: 0 -45px;}
.fuwu ul li{ width: 25%; padding: 0 45px;}
.six{ overflow: hidden; position: relative; margin:0 auto; max-width:209px;}
.six .bg{ position: absolute;}
.six .bg:before{ content: ""; position: absolute; left: 0; top:-7px; z-index: 1; width: 100%; height: 8px; background: #cccccc;transition: all 0.3s; }
.six .bg.bg1{ left:50%; top:0; background: #f2f2f2; transform-origin:left top;transform: rotate(150deg);}
.six .bg.bg2{ left:100%;top:25%;background: #f2f2f2;transform-origin:left top;transform: rotate(-150deg);}
.six .bg.bg3{ left:0;   top:75%; background: #f2f2f2; transform-origin:left top;transform: rotate(30deg);}
.six .bg.bg4{ left:50%; top:100%;background: #f2f2f2;transform-origin:left top;transform: rotate(-30deg);}
.six .bg.bg5{ transition: all 0.3s; border-top: solid 8px #cccccc; left:8px; top:25%; background: #f2f2f2; transform-origin:left top;transform: rotate(90deg);}
.six .bg.bg6{ transition: all 0.3s; border-top: solid 8px #cccccc; left:100%; top:75%; margin-left: -8px; background: #f2f2f2; transform-origin:left top;transform: rotate(-90deg);}
.six .bg.bg5:before,.six .bg.bg6:before{ display: none; }
.six:hover .bg.bg5,.six:hover .bg.bg6{border-top: solid 8px #fdb813;}
.fuwu ul li h3{ font-size: 16px; color: #333; line-height: 40px; transition: all .3s;}
.fuwu ul li .more{ width: 100px; line-height: 32px; border-radius: 5px; background: #999999; color: #fff; text-align: center; margin: 0 auto; transition: all .3s;}
.fuwu ul li:hover .six .bg:before{ background: #fdb813 }
.fuwu ul li:hover .six .bg.bg5,.fuwu ul li:hover .six .bg.bg6{border-top: solid 8px #fdb813;}
.fuwu ul li:hover h3{ color: #b30000;}
.fuwu ul li:hover .more{ background: #b30000;}

/*about*/
.about_img{ margin: 20px 0 0 0; padding: 2px; background: #fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.4);}
.about_img img{ margin: 0 auto;}
.about_til{ margin: 20px 0 0 0;}
.about_til h3{ font-size: 20px; color: #bb0000; padding: 0 0 0 17px; position: relative;}
.about_til h3:after{ content: ''; background: #bb0000; width:6px; height: 20px; border-radius: 10px; position: absolute; left: 0; top: 3px;}
.about_til .about_ti{ color: #666666; line-height: 28px; height: 140px; overflow: hidden; margin: 35px 0 0 0;}
.about_til a{ display: block; width: 132px; text-align: center; line-height: 38px; border: 1px solid #bb0000; color: #fff; background: #bb0000; margin: 20px 0 0 0; transition: all .3s;}
.about_til a:hover{ background: none; color: #bb0000;}

/*caase_til*/
.case_til{ margin-top: 20px;}
.case_biao h3{ font-size: 20px; color: #262626; line-height: 36px; padding: 0 0 0 38px; background: url(../images/zhuan.png) left center no-repeat; border-bottom: 1px solid #cdcdcd;}
.case_biao h3 span{ font-size: 14px; color: #999999; padding: 0 0 0 15px;}
.case_til .case_ti a{ display: block; color: #665e5e; line-height: 28px; height: 140px; overflow: hidden; margin-top: 15px;}
.case_box ul{ margin: 19px -10px 0;}
.case_box ul li{ width: 50%; padding: 0 10px;}
.case_box ul li .imgbox{ border: 2px solid #ccc; transition: all .3s;}
.case_box ul li .imgbox img{ max-width: 100%;}
.case_box ul li:hover .imgbox{ border: 2px solid #fdb813;}

.case_img{ border: 2px solid #ccc; margin-top: 20px;}
.case_img img{ margin: 0 auto;}


/*about*/
.picture23{ position:relative; margin:20px -10px 0;}
.picture23 #owl-demo3 .item{ margin:0 10px; -webkit-transition: all 0.3s;transition:all 0.3s;}
.picture23 #owl-demo3 .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture23 #owl-demo3 .item .imgs{ -webkit-transition: all .3s; transition:all .3s; overflow: hidden; border: 2px solid #ccc;}
.picture23 #owl-demo3 .item .imgs img{max-width:100%;}
.picture23 #owl-demo3 .item .imgs span{ display:block; width:100%; height:100%; transition: all .3s;}
.picture23 #owl-demo3 .item li:hover .imgs span{ transform: scale(1.1);}
.picture23 #owl-demo3 .item li:hover .imgs{ border: 2px solid #fff;}
.picture23 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:40px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=100);opacity:1;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -60px; background: url(../images/yjt.jpg) left center no-repeat; transition: all .3s;}
.picture23 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -60px; background: url(../images/zjt.jpg) right center no-repeat; transition: all .3s;}
.picture23 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture23 .owl-theme .owl-controls .owl-page{ display:none;}


.list_nav{ text-align: center; margin: 20px 0;}
.list_nav ul{ font-size: 0; margin: 0 -5px;}
.list_nav ul li{ vertical-align: top; display: inline-block; width: 14.28%; margin: 10px 0; padding: 0 5px;}
.list_nav ul li a{ display: inline-block; width: 100%;color: #fdb813; line-height: 34px; border: 1px solid #fdb813; font-size: 14px; transition: all .3s; }
.list_nav ul li.active a{ background: #fdb813; border: 1px solid #fdb813; color: #fff;}
.list_nav ul li:hover a{ background: #fdb813; border: 1px solid #fdb813; color: #fff;}

/*pic*/
.picture22{ position:relative; margin:25px -10px 0;}
.picture22 .lunbobox{ display: none;}
.picture22 .lunbobox.active{ display: block;}
.picture22 #owl-demo2 .item{ margin:0 10px;-webkit-transition: all 0.3s;transition:all 0.3s;}
.picture22 #owl-demo2 .item li{ -webkit-transition: all .3s; transition:all .3s; margin-bottom: 10px;}
.picture22 #owl-demo2 .item .imgs{ -webkit-transition: all .3s; transition:all .3s; overflow: hidden; position: relative; border: 2px solid #ccc;}
.picture22 #owl-demo2 .item .imgs img{max-width:100%;}
.picture22 #owl-demo2 .item .imgs span{ display:block; width:100%; height:100%; transition: all .3s;}
.picture22 #owl-demo2 .item li  h3{ line-height: 30px; color: #333; font-size: 14px;}
.picture22 #owl-demo2 .item li:hover h3{ color: #0077b3;}
.picture22 #owl-demo2 .item li:hover .imgs{ border:2px solid #0077b3;}
.picture22 #owl-demo2 .item li:hover .imgs span{ transform: scale(1.1);}
.picture22 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:40px; 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: -60px; background: url(../images/yjt.jpg) left center no-repeat; transition: all .3s;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -60px; background: url(../images/zjt.jpg) right center no-repeat; transition: all .3s;}
.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:none;}


/*news*/
.news{ margin-top: 20px;}
.news ul{ margin: 0 -15px;}
.news ul li{ width: 50%; padding: 0 15px; margin-bottom: 20px;}
.news ul li .news_box{ padding: 0 0 0 200px; min-height: 160px; position: relative;}
.news ul li .news_box .imgbox{ width: 200px; height: 160px; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.news ul li .news_box .imgbox span{ display: block; width: 100%; height: 100%; transition: all .3s;}
.news ul li .news_box .news_til{ padding: 0 0 0 20px;}
.news ul li .news_box .news_til h3{ font-size: 16px; color: #4c4c4c;}
.news ul li .news_box .news_til h6{ font-size: 12px; color: #727272; line-height: 44px;}
.news ul li .news_box .news_til .news_ti{ font-size: 12px; color: #666666; line-height: 22px; height: 88px; overflow: hidden;}
.news ul li:hover .news_box .imgbox span{ transform: scale(1.1);}
.news ul li:hover .news_til h3{ color: #f19700;}
.news ul li:hover .news_til .news_ti{ color: #f19700;}


/*c-2 */
.contact02{ margin: 20px 0 0 0;}
.contact02 h3{ color: #fff; font-size: 16px; line-height: 40px;}
.contact02 .h5{ font-size: 14px; color: #fff; line-height: 22px; height: 44px; overflow: hidden;}
.contact02 .detailed { margin-top:25px;}
.contact02 .detailed .ewm_box{ width:30%;}
.contact02 .detailed .lx{ width: 70%;}
.contact02 .detailed .lx ul li{ padding: 0 0 0 34px; font-size: 14px; color: #fff; line-height: 30px; margin-bottom: 5px;}
.contact02 input{border:none; background: #fff; height:37px; width: 100%; padding: 0 10px; border-radius: 5px;}
.contact02 textarea{ border:none;  background:#fff; height:108px; resize:none; width: 100%; padding: 10px; border-radius: 5px;}
.contact02 button{ width:100%; height:38px; color:#fff; background:#ed9313; border:none; transition:all 0.3s; border-radius: 5px;}
.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:26px 0 40px 0;}
.subnav ol{  margin-bottom:3px !important; text-transform:uppercase;}
.subnav ol h1{ font-size:24px; color:#fff; line-height:60px; background:#0077b3; font-weight: bold;}
.subNavBox{ margin-bottom:30px;}
.subNav2{cursor:pointer;font-size:14px;line-height:40px; margin:2px 0 0 0; border: 1px solid #ccc; position: relative;}
.subNav2:after{ content: ''; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background: #ccc;}
.subNav2 a{ color:#333; width:100%; display:block; text-align: center; background: url(../images/left_navbg.png)90% center no-repeat;}
.subNav2.currentDd:after{ background: #fdb813; }
.subNav2.currentDd a{  color: #fdb813; background: url(../images/left_navbg2.png)90% center no-repeat;}
.subNav2:hover:after{ background: #fdb813;}
.subNav2:hover a{  color: #fdb813; background: url(../images/left_navbg2.png)90% center no-repeat;}
.subnav .di{ color:#888;line-height:22px; border: 1px solid #ccc; padding: 2px;}
.subnav .di a img{ width: 100%;}
.subnav .di p{ padding: 10px; font-size: 12px; color: #666; line-height: 24px;}
.subnav .yddnav li{ margin-bottom:2px; height:50px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:50px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#0077b3;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:50px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ display:none;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#dcdcdc; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}


/*fuwu*/
.case{ margin: 30px 0 0 0;}
.case ul{ margin: 0 -10px;}
.case ul li{ width: 33.3%; padding: 0 10px; margin-bottom: 20px;}
.case ul li .imgs{ -webkit-transition: all .3s; transition:all .3s; overflow: hidden; position: relative; border: 2px solid #ccc;}
.case ul li .imgs img{max-width:100%;}
.case ul li .imgs span{ display:block; width:100%; height:100%; transition: all .3s;}
.case ul li  h3{ line-height: 30px; color: #333; font-size: 14px;}
.case ul li:hover h3{ color: #0077b3;}
.case ul li:hover .imgs{ border:2px solid #0077b3;}
.case ul li:hover .imgs span{ transform: scale(1.1);}


/*news*/
.news2{margin-top:30px; }
.news2 ul li{ min-height:160px; padding-left:200px; position:relative; margin-bottom: 30px;}
.news2 .imgbox{  width:200px; height:160px; position:absolute; left:0; top:0; overflow:hidden; z-index:1; transition: all .3s;}
.news2 .imgbox span{ display:block; width:100%; height:100%;transition: all .3s; }
.news2 .news_text{ padding: 0 0 0 25px;}
.news2 .news_text h3{ font-size: 16px; color: #4c4c4c; line-height: 24px;}
.news2 .news_text h6{ font-size: 12px; color: #4c4c4c; line-height: 34px;}
.news2 .news_ti{ font-size: 12px; color:#4c4c4c; line-height: 22px; height: 88px; overflow: hidden;}
.news2 ul li:hover .imgbox span{ transform: scale(1.1);}
.news2 ul li:hover h3{ color: #f19700;}
.news2 ul li:hover h6{ color: #f19700;}
.news2 ul li:hover .news_ti{ color: #f19700;}


/*liuyan*/
.liu_box{ margin-top: 20px;}
.liuyan{ width:60%; margin:40px auto;}
.liuyan .inp{ margin-bottom:10px;}
.liuyan input{ border:none; background:#e6e6e6; height:38px; color:#000; width: 100%; padding: 0 10px; border-radius: 10px;}
.liuyan .inp2{ margin-bottom:15px;}
.liuyan textarea{  border:none; height:95px;background:#e6e6e6; color:#000; width: 100%; padding: 0 10px; border-radius: 10px;}
.liuyan button{ width:150px; height:36px; color:#fff; background:#fdb813; border:none; transition:all 0.3s; display:block; margin:0 auto; border-radius: 10px;}
.liuyan button:hover{ opacity: 0.8;}

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

/*case_show*/
.case_imgbox{ margin: 30px 0 0 0;}
.case_show{ display: none;}
.case_show.active{ display: block;}
.case_show .imgs2{ width: 80%; margin:0 auto;}
/*about*/
.picture24{ position:relative; margin:20px 0 0; padding: 0 48px;}
.picture24 #owl-demo4 .item{ margin:0 15px; -webkit-transition: all 0.3s;transition:all 0.3s; cursor: pointer;}
.picture24 #owl-demo4 .item li{ -webkit-transition: all .3s; transition:all .3s;}
.picture24 #owl-demo4 .item .imgs{ -webkit-transition: all .3s; transition:all .3s; overflow: hidden;}
.picture24 #owl-demo4 .item .imgs img{max-width:100%;}
.picture24 #owl-demo4 .item .imgs span{ display:block; width:100%; height:100%; transition: all .3s;}
.picture24 #owl-demo4 .item li:hover .imgs span{ transform: scale(1.1);}
.picture24 .owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:48px; 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:-48px; background: url(../images/yjt2.jpg) left center no-repeat; transition: all .3s;}
.picture24 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-48px; background: url(../images/zjt2.jpg) right center no-repeat; transition: all .3s;}
.picture24 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.picture24 .owl-theme .owl-controls .owl-page{ display:none;}


/*f-1*/
footer{ padding:15px 0; background: #0c0c0c;}
footer section{color:#fff; text-align:center;}
footer section .Copyright{} 
footer section .Copyright a{ color:#fff;}
footer section .Copyright a:hover{ color: #fff;}


@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;}

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

}


@media (max-width:991px){
.logo{ height:74px; border-bottom:none;}
.logo .sjdnav{ display:none; width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#2a5caa;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .logoimg img{ margin-top:10px; height:auto; width: 400px;}

.logo .ydd_btn{ margin:21px 15px 0 0; padding:10px 7px; width:32px; height:32px; cursor:pointer; background: #1095c6;}
.logo .ydd_btn span{ display:block; width:100%; height:2px; background:#fff; -webkit-transition: all .3s; transition:all .3s;}
.logo .ydd_btn span.span02{margin:3px 0;}
.logo .ydd_btn.click span{ background:#fff;}
.logo .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
.logo .ydd_btn.click span.span02{margin:4px 0;}
.logo .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
.logo .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}

/*fuwu*/
.fuwu ul{ margin: 0 -15px;}
.fuwu ul li{ padding: 0 15px;}

/*a-1*/
.about_til .about_ti{ height: auto;}

}

@media (max-width:768px){
body{ padding-bottom:50px;}	
.logo .sjdnav{  right:0px;}

.hot{height:50px; background:#1095c6; position:fixed; bottom:0; border-top:2px solid #fff; 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:7px 0;}
	.hot .row div:hover{ background:#005f82;}	
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }



.liuyan{ width:100%;}

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

.list_nav ul li{ width: 16.6%;}

}

@media (max-width:640px){

/*m-w*/
.mian-icon{ padding: 20px 0;}
.mian-about{ padding:20px;}
.mian-case{ padding: 20px 0;}
.mian-sheb{ padding: 20px 0;}
.mian-news{ padding: 20px 0;}
.mian-Color{ padding:20px 0;}

/*t-1*/
.title { margin:10px 0;}
.title h3{ font-size:18px; }
.title h6{ font-size:22px; }
.title h5{ font-size: 12px;}

/*t-1*/
.title2 { margin:10px 0;}
.title2 h3{ font-size:18px;}
.title2 h6{ font-size:22px; }
.title2 h5{ font-size: 12px;}


.fuwu ul li{ width: 50%; margin-bottom: 20px;}

.case ul li{ width: 50%;}

}


@media (max-width:414px){
.logo .logoimg img{ width:260px; margin-top:22px; height:auto;}

.list_nav ul li{ width: 50%;}

.news ul li .news_box{ padding: 0 0 0 140px; min-height: 110px;}
.news ul li .news_box .imgbox{ width: 140px; height: 110px;}
.news ul li .news_box .news_til{ padding: 0 0 0 10px;}
.news ul li .news_box .news_til h6{ font-size: 12px; color: #727272; line-height: 24px;}
.news ul li .news_box .news_til .news_ti{ line-height: 20px; height: 60px;}


/*news*/
.news2 ul li{ min-height:100px; padding-left:136px;}
.news2 .imgbox{ width:136px; height:100px;}
.news2 .news_text{ padding-left:20px;}
.news2 .news_text h6{ line-height: 24px;}
.news2 .news_text .news_ti{ height:44px;}

}


@media (max-width:340px){

}