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

body{ font-family:"微软雅黑";}
.glyphicon{ top:0 !important;}
.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:1130px !important;}
/*全局样式*/
 



/** 悬浮QQ **/
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
.lanren{ position:absolute; right:0; top:150px;}
.lanren .slide_min{ width:28px; height:112px; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_min.jpg) no-repeat; cursor:pointer;position: relative;z-index: 99999;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #76A20D;position: relative;z-index: 99999;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}
/** 悬浮QQ 上部多余的原因 **/
.lanren .slide_box h2{ margin-top: 0;}



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



/*header*/
.top{ height:114px; background:#fff;}
.top .logo img{ margin:15px 0 0;}
.top .tel{ padding:0 0 0 50px; background:url(../images/dianh.png) left center no-repeat; margin-top:35px;}
.top .tel h4{ font-size:12px; color:#b2b2b2;}
.top .tel h4 span{ font-size:26px; color:#ff7800;}

.header{ background:#05796c; height:55px;}
.header nav{ border-left:1px solid #04554f;}
.header nav ul li{ width:14.2%; text-align:center; border-right:1px solid #04554f; line-height:55px; transition:all 0.3s;}
.header nav ul li a{ display:block; width:100%; color:#fff;}
.header nav ul li:hover{ background:#04554f;}

/*banner*/
.banner{ overflow:hidden; clear:both;}
.banner img{ display:block; margin:0 auto;}
.banner_wz{ position:relative;}
.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; left:40%;}
.banner #myCarousel .carousel-indicators li{margin:0 3px;width:14px;height:14px; border:4px solid rgba(0,0,0,0); background:#93ccec;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.banner #myCarousel .carousel-indicators li.active{background:#279ad9; border:4px solid rgba(190,255,244,1);}
.banner #myCarousel .carousel-indicators li:hover{background:#279ad9;border:4px solid rgba(190,255,244,1);}

.mian-color{ padding:0 0 30px 0; background:url(../images/pic_bg.png) center center; background-size:cover;}
.mian-about{ padding:0 0 30px 0; background:#f2f2f2;}
.mian-liuc{ padding:0 0 50px 0; background:url(../images/liuc_bg.PNG) center center; background-size:cover;}
.mian-case{ padding:0 0 30px 0; background:url(../images/anli_bg.jpg) center center; background-size:cover;}
.mian-kehu{ padding:0 0 30px 0; background:url(../images/kehu_bg.png) center top no-repeat;}
.main-Color{ background:#03534a; position:relative;}

/*t-1*/
.title{  margin:50px 0;}
.title h3{ color:#225067; font-size:28px; line-height:35px;}
.title p{ font-size:12px; color:#ccc; line-height:30px; background:url(../images/biao_bg.png) center center no-repeat;}

/*t-2*/
.title2{ margin:50px 0;}
.title2 h3{ color:#fff; font-size:28px; line-height:35px;}
.title2 p{ font-size:12px; color:#fff; line-height:30px; background:url(../images/biao2_bg.png) center center no-repeat;}

/*t-6*/
.title6{ border-bottom:2px solid #225067;}
.title6 h3{ font-size:18px; font-weight:bold; line-height:40px;}
.title6 span{ color:#999; font-size:12px;}
.title6 a{color:#999; line-height:40px;}
.title6 .shou:hover{ color:#225067;}

/*t-4*/
.title4 img{ margin:10px auto 20px;}
.title4{ padding:10px; font-size:12px; color:#333; line-height:28px; margin-top:20px;}

/*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;}
.title07 h6{ width:80%; background:#e5e5e5; margin:5px auto !important; text-align:center; color:#999; line-height:30px;}


/*text-3*/
.text03{ padding:10px 0 0 0; font-size:12px; color:#999; line-height:28px;}
/*.text03 span{ color:#f05900;}*/

/*text04*/
.text04{ margin:20px 0 0 0;}
.text04 p{ font-size:12px; line-height:28px; color:#999;}
.text04 p b{ color:#00093e;}

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

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


/*pic*/
.picture24{ position:relative; margin:20px 0 0 0;}
#owl-demo .item{ margin: 6px;transition:all 0.3s;}
#owl-demo .item li{ margin-bottom:20px;}
#owl-demo .item .imgbox{  border:1px solid #e0e0e0;transition:all 0.3s; height:278px;}
#owl-demo .item .imgbox span{ display:block;height:100%; width:100%;transition:all 0.3s; position:relative; overflow:hidden;}
#owl-demo .item .imgbox span h4{ font-size:16px; color:#fff; line-height:22px;  width:80%; border-right:1px solid #fff;}
#owl-demo .item .imgbox span h4 b{ font-size:12px; color:#ccc; font-weight:normal;}
#owl-demo .item .imgbox span .bg{ width:95%; background:url(../images/bg.png) center center; background-size:cover; position:absolute; left:-95%; transition:all 0.3s; background:rgba(0,127,190,0.7);filter:Alpha(Opacity=70); padding:20px;position:absolute; bottom:15px;}
#owl-demo .item .imgbox span .bg .img{ width:20%; text-align:center; padding:15px 0 0 0;}
#owl-demo .item a:hover .imgbox{ border:1px solid #225067;}
#owl-demo .item a:hover .imgbox span .bg{ position:absolute; left:2.5%;}
.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;-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}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.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}*/
.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{}
.owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:75px; height:100%;display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display:none;}
.owl-theme .owl-controls.clickable .owl-buttons div.owl-next:hover{background:url(../images/zjt.png) no-repeat left;}
.owl-theme .owl-controls.clickable .owl-buttons div.owl-prev:hover{background:url(../images/yjt.png) no-repeat right;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.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}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.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 a{ display:block; width:194px; line-height:48px; color:#fff; border:1px solid #225067; font-size:14px; text-align:center; margin:20px auto; transition:all 0.3s; background:#225067;}
.mor a:hover{background:none; color:#225067;}

.liuc{ margin:30px 0;}
.liuc img{ margin:0 auto;}

/*about*/
.picture2{ margin:20px 0; background:#fff; padding:20px 5px;}
.picture2 .picture2-list .imgbox{ height:317px; overflow:hidden;}
.picture2 .picture2-list .imgbox img{margin:0 auto;}
.picture2 .picture02-list .wenbox{ margin-top:25px;}
.picture2 .picture02-list .wenbox h3{ font-size:14px; color:#000; padding:0 0 10px 0; font-weight:bold; line-height:26px; background:url(../images/h1_bg.png) left bottom no-repeat;}
.picture2 .picture02-list .wenbox .abouttil{ line-height:28px; height:140px; color:#999;  font-size:12px; margin:20px 0 0 0;}
.picture2 .picture02-list .wenbox  a{  display:block; width:194px; line-height:48px; color:#fff; border:1px solid #225067; font-size:14px; text-align:center; margin:20px 0 0 0; transition:all 0.3s; background:#225067;}
.picture2 .picture02-list .wenbox a:hover{background:none; color:#225067;}


/*case*/
.picture22{ position:relative; margin:20px 0 0 0;}
.picture22 #owl-demo2 .item{ margin: 6px;transition:all 0.3s;}
.picture22 #owl-demo2 .item li{ margin-bottom:20px;}
.picture22 #owl-demo2 .item .imgbox{transition:all 0.3s; height:200px; overflow:hidden;}
.picture22 #owl-demo2 .item .imgbox span{ display:block;height:100%; width:100%;transition:all 0.3s; overflow:hidden;}
.picture22 #owl-demo2 .item a:hover .imgbox span{ transform:scale(1.1);}
.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:75px; height:100%;display:inline-block;zoom:1;*display:inline;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-100px; background:url(../images/yjt.png) no-repeat left;transition:all 0.5s;}
.picture22 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-100px; background:url(../images/zjt.png) no-repeat right; transition:all 0.5s;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div.owl-next:hover{background:url(../images/zjt.png) no-repeat left;}
.picture22 .owl-theme .owl-controls.clickable .owl-buttons div.owl-prev:hover{background:url(../images/yjt.png) no-repeat right;}
.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}


/*c-2 */
.contact02 .left_ino{ margin:30px 0 50px 0;}
.contact02 .detailed{ margin:15px 0 0 0;}
.contact02 .detailed .h4{ color:#fff; line-height:28px; font-size:14px;}
.contact02 .ew{ margin:30px 0 50px 0; overflow:hidden;}
.contact02 .ew img{ margin:0 auto;}
.contact02 .ew h5{ color:#fff; font-size:12px; line-height:40px;}
.contact02 .right_ino{background:rgba(255,255,255,0.8);filter:Alpha(Opacity=80); padding:15px; position:absolute; right:0; top:30px; width:45%;}
.contact02 .ditu{ width:55%;}


/*c-1*/
.content1{ padding:46px 0 20px 0; background:#f2f2f2;}
.subnav ol{ height:60px;}
.subnav ol h1{ font-size:18px; color:#fff; line-height:60px; background:#225067; height:60px; padding:0 0 0 20px; border-left:7px solid #3ab4c3; font-weight:bold;}
.subnav ol h1 span{ font-size:12px; color:#a9b5bd; font-weight:normal; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
.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:34px;  }
.subnav .pcdnav li a{display:block; font-size:12px; color:#fff; line-height:34px; background-color:#3ab4c3; transition:all 0.3s; padding:0 0 0 25px;border-left:7px solid #225067;}
.subnav .pcdnav li a.active{color:#fff; background-color:#f49807;}
.subnav .pcdnav li a:hover{ color:#fff; background-color:#f49807;}
.subnav .di{ background:#fff; font-size:12px; color:#000; line-height:30px; padding:10px 0; margin-top:5px; border:1px solid #e5e5e5;}
.subnav .di p{ padding:0 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:#225067;}
.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:#3ab4c3; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}


.right-content{ background:#fff; border:1px solid #e5e5e5; padding:24px;}
/*case2*/
.case{ margin:20px 0 0 0;}
.case ul li{ width:32.3%; margin:0 0.5% 20px;}
.case ul li .imgbox{ height:212px; overflow:hidden;}
.case ul li .imgbox span{ display:block; width:100%; height:100%; transition:all 0.5s;}
.case ul li h3{ font-size:14px; color:#fff; line-height:50px; background:#225067; transition:0.3s all;}
.case ul li a:hover .imgbox span{ transform:scale(1.1);}
.case ul li a:hover h3{ background:#3ab4c3;}

/*n-2*/
.news{ margin:20px 0 0 0;}
.news ul li{ border-bottom:1px dashed #ccc; margin-top:20px;}
.news .biao{ padding:0 0 0 30px; background:url(../images/news_bg.png) left center no-repeat; transition:all 0.3s;}
.news .biao h3{ font-size:12px; color:#333; font-weight:bold; line-height:20px;transition:all 0.3s; width:80%;}
.news .biao h5{ font-size:12px; color:#999; line-height:20px;transition:all 0.3s; width:20%; text-align:right;}
.news .newstil{ font-size:12px; color:#999; line-height:20px; padding:0 0 0 30px; margin:10px 0 20px 0;transition:all 0.3s;}
.news ul li:hover .biao{ background:url(../images/news_bg2.png) left center no-repeat;}
.news ul li:hover .biao h3{ color:#225067;}
.news ul li:hover .biao h5{ color:#225067;}
.news ul li:hover .newstil{ color:#225067;}

/*ditu*/
.contact{ margin:20px 0;}
.contact .lianxi{ font-size:12px; color:#225067; line-height:30px; border-bottom:1px solid #225067; padding:0 20px 20px;}
.contact .ditu2{ margin:20px auto;}
.contact .ditu2 img{ margin:0 auto;}

/*liuyan*/
.liuyan{ margin:20px auto;  width:80%;}
.liuyan .kuang{ border:1px solid #e6eaed; padding:0 0 0 15px; margin:10px 0;}
.liuyan .kuang *{ display:inline-block;}
.liuyan .kuang span{ font-size:12px; line-height:50px;}
.liuyan input{ display:inline-block;  height:50px; border:none; padding:0 5px; outline:none; margin:0 0 0 2%; width:93%;}
.liuyan .kuang2{ border:1px solid #e6eaed; padding:0 0 0 15px;}
.liuyan textarea{ margin:0 0 0 2%; display:inline-block; width:93%; height:180px; border:none; padding:5px;resize: none;outline:none;}
.liuyan button{ display:block; border:none; background:#2e4c6a; color:#fff; width:100%; height:42px; margin:10px auto; transition:all 0.3s;}
.liuyan button:hover{ background:#3ab4c3;}

/*n-2*/
.liuc2 img{ margin:0 auto;}
.liuc2 .liucimg{ margin-top:20px; padding:40px 0; border-bottom:1px solid #ccc;}
.liuc2 .liuctil{ margin:20px 0 0 0; font-size:14px; color:#666; line-height:30px; font-weight:bold;}
.liuc2 .liuctil b{ font-size:18px; color:#000; line-height:46px;}



/*footer*/
footer{ padding:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c8c8c8+100 */
background: #073c36; /* Old browsers */
}

footer p{ font-size:12px; color:#808080; line-height:36px;}


@media (max-width:1440px){
	.contact02 .ditu{ width:78%;}
	.contact02 .ditu img{ width:100%;}
}
@media (max-width:1199px){
/*header*/		
header .logo{ width:20%;} 
header .box{ width:78%;}


}

@media (max-width:991px){
/*header*/
header{ border:none; padding:0;}	
.top{ height:80px;}
.top .logo{ width:auto;}
.top .logo img{ margin:5px 0 0; width:400px; height:auto;}
.top .box{ width:auto;}
.top .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:85px;z-index:5; }
.top .sjdnav ul{ padding:0; margin:0;}
.top .sjdnav li{ height:30px;display:block; padding:0;text-align:center; margin-bottom:5px; background:rgba(17,44,60,0.6);filter:Alpha(Opacity=60);}
.top .sjdnav li:hover{background:rgba(242,95,0,0.9);filter:Alpha(Opacity=90);}
.top .sjdnav li a{display:block; color:#fff; line-height:30px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}
.top .sjdnav li:hover a{ padding:0 0 0 5px;}
.top .sjdnavhide{ height:0; overflow:hidden;}	
.top .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
.top .ydd_btn span{ display:block; width:100%; height:4px; background:#214f6d; border-radius:2px;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
}
.top .ydd_btn span.span02{margin:4px 0;}
.top .ydd_btn.click{ background:none;}
.top .ydd_btn.click span{ background:#101244;}
.top .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:8px;
margin-top:0px;	
} 
.top .ydd_btn.click span.span02{
margin:4px 0;	
}
.top .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:-8px;			
margin-top:0px;
}
.top .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.top .yddxlbox{ height:0; overflow:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.top .yddxlbox.active{ height:auto;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.top .yddxlbox .xl{ margin-bottom:1px; background:#ff6600;}
.top .yddxlbox .xl a{ display:block; font-size:12px; line-height:30px; color:#fff; text-align:center;}

/*banner*/
.banner{ box-shadow:none;}
.banner .carousel-indicators{ bottom:5px; margin-bottom:0;}

/*about*/
.picture2{ margin:20px 0; background:none;}
.picture2 .picture2-list .imgbox{ height:auto;}
.picture2 .picture02-list .wenbox .abouttil{ height:auto;}
.picture2 .picture02-list .wenbox  a{ margin:20px auto;}

.kehu a:hover .ke{ transform:scale(1);}

.title{  margin:30px 0;}
.title2{  margin:30px 0;}

/*c-2 */
.main-Color{ padding:0 0 30px 0;}
.contact02 .left_ino{ margin:10px 0;}
.contact02 .detailed .h4{ text-align:center;}
.contact02 .ew{ margin:10px 0; overflow:hidden;}
.contact02 .right_ino{ background:none; width:100%; position:static !important;}
.contact02 .ditu{ width:100%;}



}

@media (max-width:768px){
body{ padding-bottom:50px;}	
	
 /*f-nav*/
.hot{height:50px; background:#112c3c; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #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:7px 0;}
.hot .row div:hover{ background:#307090;}	

/*header*/		
.top{ height:60px; position:inherit !important; background:#fff;}
.top .logo img{ width:300px; margin:4px 0 0 0}
.top .sjdnav{  right:0;top:60px; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.top .sjdnav li{margin-bottom:0;padding:0 3%;height:40px; margin:0 0 3px 0;}
.top .sjdnav li a{color:#fff;line-height:40px; }	
.top .ydd_btn{ margin:10px 0 0;}
.top .yddxlbox .xl a{ line-height:34px;}

/*banner*/
.banner #myCarousel .carousel-indicators{ margin-bottom:0;}
.banner #myCarousel .carousel-indicators li{ margin:0 3px; width:10px; height:10px;}

/*case*/
.picture22 #owl-demo2 .item .imgbox{ height:180px;}

/*case2*/
.case ul li{ width:49%;}
.case ul li .imgbox{ height:242px;}

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

 }
 
@media (max-width:640px){

/*case*/
.picture22 #owl-demo2 .item .imgbox{ height:160px;}

/*case2*/
.case ul li .imgbox{ height:192px;}
}

@media (max-width:480px){

/*case*/
#owl-demo .item .imgbox{ height:200px;}

/*t-1*/
.title h3{ font-size:22px; line-height:35px;}

/*t-2*/
.title2 h3{ color:#fff; font-size:22px; line-height:35px;}

/*case2*/
.case ul li .imgbox{ height:162px;}
.case ul li h3{ line-height:30px;}

/*liuyan*/
.liuyan input{ width:90%;}
.liuyan textarea{  width:90%;}

	
}

@media (max-width:414px){	
.top .logo img{ width:240px; margin:8px 0 0 0}

/*case*/
#owl-demo .item .imgbox{ height:258px;}
/*case*/
.picture22 #owl-demo2 .item .imgbox{ height:120px;}

/*case2*/
.case ul li .imgbox{ height:112px;}

/*liuyan*/
.liuyan input{ width:85%;}
.liuyan textarea{  width:85%;}

/*n-2*/
.news .biao{ padding:0 0 0 20px;}
.news .biao h3{ width:67%;}
.news .biao h5{ width:33%;}
.news .newstil{ padding:0 0 0 20px;}
}

@media (max-width:340px){	

/*case*/
#owl-demo .item .imgbox{ height:228px;}
/*case*/
.picture22 #owl-demo2 .item .imgbox{ height:100px;}

/*case2*/
.case ul li .imgbox{ height:92px;}

}