﻿@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:1030px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.top{ background:#f3f4f6; border-bottom:1px solid #fff;}
.top .left{ color:#9e9fa0; line-height:35px; font-size:12px;}
.top .right{ color:#9e9fa0; font-size:12px; margin-top:10px;}
.top .right ul li{ display:inline-block; margin:0 5px;}
.top .right ul li a{ font-size:12px; color:#9e9fa0; transition:all .3s;}
.top .right ul li a:hover{ color:#dc9f00;}
.logo{ width:100%; height:150px; border-top:1px solid #f3f4f6;}
.logo .logoimg img{ /*height:54px;*/ margin:30px 0 0 0; /*transition:all .3s;*/}
/*.logo .logoimg img:hover{ transform:scale(1.05);}*/
.logo .zi{ border-left:1px solid #e5e5e5; margin:26px 0 0 15px; padding-left:15px;}
.logo .zi h4{ font-size:17px; color:#00a0e9;  line-height:28px;}
.logo .zi h4 span{ color:#f8b300; font-weight:bold;}
.logo .zi .zitil{ font-size:12px; color:#555;}
.logo .dh{ margin-top:40px; padding-left:50px; background:url(../images/dianh.png) left center no-repeat;}
.logo .dh h2{ font-size:12px; color:#666;}
.logo .dh p{ font-size:28px; color:#f8b300; font-weight:bold;}


.heard1{ width:100%; height:50px; background:#00a0e9;}
.heard1 nav{ width:100%; background:url(../images/nav_bg.jpg) left center no-repeat;}
.heard1 nav li{ height:50px;width:16.5%; position:relative; background:url(../images/nav_bg.jpg) right center no-repeat;}
.heard1 nav li a{ display:block; color:#fff; line-height:50px;  font-size:14px;}
.heard1 nav li img{ position:absolute; left:0; top:-5px; width:100%; opacity:0; -moz-opacity:0; -webkit-opacity:0; transition: all .3s;}
.heard1 nav li.active a{ background:#f8b300;}
.heard1 nav li.active img{ opacity:1; -moz-opacity:1; -webkit-opacity:1;}
.heard1 nav li:hover a{ background:#f8b300;}
.heard1 nav li:hover img{ opacity:1; -moz-opacity:1; -webkit-opacity:1;}

/*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}

.ss{ background:#fff; height:60px; padding:0 36px; position:relative; top:-30px;}
.ss ul *{ display:inline-block;}
.ss ul { font-size:0;}
.ss ul li{ vertical-align:top; margin:0 3px;}
.ss ul li a{ color:#888888; font-size:12px; line-height:60px; transition:all .3s;}
.ss ul li a:hover{ color:#00a0e9;}
.ss ul h3{ font-size:12px; color:#333; line-height:60px; padding-right:5px;}
.ss .rightin{ width:185px; border:1px solid #00a0e9;  margin-top:16px;}
.ss .rightin input{ width:152px; line-height:28px; border:none; float:left; padding:0 5px;}
.ss .rightin button{ width:31px; height:28px; border:none; background:#00a0e9; float:left; transition:all .3s;}
.ss .rightin button:hover{ background:#006695;}


/*m-w*/
.mian-news{padding-bottom:20px;}
.mian-about{ padding-bottom:30px;}
.mian-case{ padding:20px 0; background:#e5ecf3;}
.mian-ss{ background:#e5ecf3;}
.mian-about{padding-bottom:30px; background:url(../images/about_bg.jpg) center center; background-size:cover;}
.mian-colo{ padding-bottom:20px;}
.mian-zix{ padding:20px 0; }
.mian-yew{ padding:20px 0; background:url(../images/yw_bg.jpg) center center; background-size:cover;}
.mian-Color{ padding:20px 0; background:url(../images/color_bg.jpg) center center; background-size:cover;}


/*t-2*/
.title2 { margin:10px 0 30px 0 ; }
.title2 h3{ color:#00a0e9; font-size:20px;  line-height:30px; font-weight:bold; background:url(../images/biao_bg.png) center center no-repeat;}
.title2 span{ display:block; color:#777; line-height:30px; font-size:17px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase;}
.title2 .kuai{ width:22px; height:3px; background:#f08300; margin:0 auto;}

/*t-1*/
.title { margin:20px 0 30px 0 ; }
.title h3{ color:#fff; font-size:20px;  line-height:30px; font-weight:bold; background:url(../images/biao_bg2.png) center center no-repeat;}
.title span{ display:block; color:#fff; line-height:30px; font-size:17px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase;}
.title .kuai{ width:22px; height:3px; background:#fff; margin:0 auto;}

/*t-6*/
.title6{ background:url(../images/mbx_bg.png) 50% bottom no-repeat;}
.title6 h1{ font-size:16px;}
.title6 span{ color:#666; font-size:16px;}
.title6 a{color:#666; line-height:34px;}
.title6 a.last{ color:#00a0e9;}
.title6 .shou:hover{ color:#00a0e9;}


/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; font-size:16px; color:#000; 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;}

.left_nav ol{ background:#00a0e9; padding:0 10px !important;}
.left_nav ol h3{ font-size:16px; color:#fff; font-weight:bold; line-height:44px; background:url(../images/jiao.png) 98% center no-repeat;}
.left_nav ol h3 span{ font-size:12px; text-transform:uppercase; opacity:0.8;}
.left_nav .left_navbox{ background:#fff; padding:17px 0;}
.left_nav .left_navbox ul{border-top:1px solid #ececec;}
.left_nav .left_navbox ul li{ line-height:35px; border-bottom:1px solid #ececec; text-align:center; background:url(../images/leftbg.png)30px center no-repeat;}
.left_nav .left_navbox ul li a{ display:block; color:#444;}
.left_nav .left_navbox ul li.active{background:url(../images/leftbg2.png)30px center no-repeat;}
.left_nav .left_navbox ul li.active a{ color:#f8b300; font-weight:bold;}
.left_nav .left_navbox ul li:hover{background:url(../images/leftbg2.png)30px center no-repeat;}
.left_nav .left_navbox ul li:hover a{ color:#f8b300; font-weight:bold;}
.left_nav .left_navbox .mor a{ display:block; color:#fff; font-size:12px; line-height:35px; width:85%; background:#aaaaaa; margin:17px auto 0; text-align:center;}
.pic ul li{ width:31.3%; margin:0 1% 30px;}
.pic ul li .imgbox{ border:1px solid #d1d1d1; height:195px; position:relative; transition:all .3s;}
.pic ul li .imgbox h3{ font-size:14px; color:#fff; width:100%; line-height:34px; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;filter:Alpha(Opacity=70); transition:all .3s;}
.pic ul li:hover .imgbox{ border:1px solid #00a0e9;}
.pic ul li:hover .imgbox h3{ background:rgba(0,160,233,0.7);filter:Alpha(Opacity=70);}

/*about*/
.aboutimg{ border:3px solid rgba(255,255,255,0.4); border-radius:10px; -moz-border-radius:10px;}
.aboutimg img{border-radius:10px; -moz-border-radius:10px;}
.abouttil .about_b{ border-bottom:1px solid #7ecdf3; padding-bottom:15px;}
.abouttil .about_b h3{ font-size:18px; color:#fff; opacity:0.8; font-weight:bold;}
.abouttil .about_b .t{ width:73px; line-height:23px; border-radius:3px; -moz-border-radius:3px; font-size:14px; font-weight:bold; text-align:center; background:#f8b300; color:#fff;}
.abouttil .aboutti{ font-size:14px; color:#fff; line-height:28px; height:140px; margin-top:10px;}
.abouttil .mo{ border:1px solid #0765a1; padding:1px; border-radius:3px; -moz-border-radius:3px;}
.abouttil .mo span{ display:block; text-align:center; color:#fff; line-height:33px; background:rgba(0,0,0,0.25); width:100%; border-radius:3px; -moz-border-radius:3px; transition:all .3s;}
.abouttil:hover .mo span{ background:#00a0e9;}

/*xm*/
.picture22{ position:relative;}
.picture22 #owl-demo2 .item{ margin: 6px;transition:all 0.3s;}
.picture22 #owl-demo2 .item li{ margin-bottom:20px; padding-top:20px;}
.picture22 #owl-demo2 .item .imgbox{ border:1px solid #d1d1d1; height:195px; position:relative; transition:all .3s;}
.picture22 #owl-demo2 .item .imgbox h3{ font-size:14px; color:#fff; width:100%; line-height:34px; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;filter:Alpha(Opacity=70); transition:all .3s;}
.picture22 #owl-demo2 .item li:hover .imgbox{ border:1px solid #00a0e9;}
.picture22 #owl-demo2 .item li:hover .imgbox h3{ background:rgba(0,160,233,0.7);filter:Alpha(Opacity=70);}
.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:43px; 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.png) left center no-repeat; transition:all .3s;}
.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{ right:-60px; background:url(../images/zjt.png) right center no-repeat; transition:all .3s;}
.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}
.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;}

.more a{ display:block; font-size:12px; color:#fff; width:135px; line-height:35px; background:#00a0e9; border:1px solid #00a0e9; margin:10px auto; text-align:center; border-radius:50px; -moz-border-radius:50px; transition:all .3s;}
.more a:hover{ background:none; color:#00a0e9;}

/*dt*/
.dt ul li{width:31.3%; margin:0 1% 20px;}
.dt ul li .imgbox{ height:171px; padding:1px; border:1px solid #d1d1d1;}
.dt ul li .imgbox span{ display:block; width:100%; height:100%;}
.dt ul li h3{ font-size:15px; color:#444; line-height:33px; transition:all .3s;}
.dt ul li .dttil{ font-size:13px; line-height:20px; color:#818080; height:40px; overflow:hidden; transition:all .3s;}
.dt ul li .rq { margin-top:5px;}
.dt ul li .rq h6{ line-height:25px; font-size:12px; color:#818080;}
.dt ul li .rq .m{ width:64px; line-height:25px; text-align:center; color:#fff; font-size:12px; background:#999; border-radius:3px; -moz-border-radius:3px; transition:all .3s;}
.dt ul li a:hover .imgbox{ border:1px solid #.dt ul li a:hover;}
.dt ul li a:hover h3{ color:#00a0e9;}
.dt ul li a:hover .dttil{ color:#00a0e9;}
.dt ul li a:hover .rq h6{ color:#00a0e9;}
.dt ul li a:hover .rq .m{ background:#00a0e9;}

/*c-2 */
.contact02 h3{ font-size:16px; color:#fff; line-height:50px;}
.contact02 .h5{ color:#fff; line-height:28px; height:140px;}
.contact02 .detailed { margin-top:35px;}
.contact02 .detailed li{ height:30px; color:#fff; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px; color:#fff;}
.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:rgba(0,0,0,0.3); color:#fff; filter:Alpha(Opacity=30);}
.contact02 textarea{ border:none; height:145px; resize:none; background:rgba(0,0,0,0.3); color:#fff; filter:Alpha(Opacity=30);}
.contact02 button{ width:100%; height:30px; color:#fff; background:#f8b300; 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:46px 0 30px 0;}
.subnav ol{ height:35px;  background-color:#00a0e9;}
.subnav ol h1{ font-size:16px; color:#fff; line-height:35px; height:35px; padding-left:40px; background:url(../images/left_nav.png) 10px 50% no-repeat;}
.subnav ol .lx{ font-size:12px; padding-left:5px;}
.subnav ol .lx a{ display:block; color:#fff; line-height:35px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#f4f4f4; 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; color:#666; line-height:35px; background-color:#f5f5f5; transition:all 0.3s; background-image:url(../images/left_navbg2.png); background-position:30px center; background-repeat:no-repeat;}
.subnav .pcdnav li a.active{color:#00a0e9; background-color:#e8e8e8;background-image:url(../images/left_navbg.png); background-position:30px center; background-repeat:no-repeat;}
.subnav .pcdnav li a:hover{ color:#00a0e9; background-color:#e8e8e8;background-image:url(../images/left_navbg.png); background-position:30px center; background-repeat:no-repeat;}
.subnav p{ line-height:24px; color:#666;}
.subnav .lianxi{ display:block; padding-top:5px;}
.subnav .di{ background:#f4f4f4; font-size:12px; color:#666; line-height:20px; margin-top:5px;}
.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:#00a0e9;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#e6e6e6; border-top:solid 1px #fff;}
.subnav .yddnav .xls a{ color:#333; display:block; line-height:40px;}

/*pic2*/
.pic2{ margin-top:20px;}
.pic2 ul li{ width:31.3%; margin:0 1% 30px;}
.pic2 ul li .imgbox{ border:1px solid #d1d1d1; height:195px; position:relative; transition:all .3s;}
.pic2 ul li .imgbox h3{ font-size:14px; color:#fff; width:100%; line-height:34px; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;filter:Alpha(Opacity=70); transition:all .3s;}
.pic2 ul li:hover .imgbox{ border:1px solid #00a0e9;}
.pic2 ul li:hover .imgbox h3{ background:rgba(0,160,233,0.7);filter:Alpha(Opacity=70);}

/*fuwu*/
.fuwu{ margin-top:20px;}
.fuwu ul li{ padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.fuwu ul li .imgbox{ height:175px; border:1px solid #e5e5e5; overflow:hidden; width:35%;}
.fuwu ul li .imgbox span{ display:block; width:100%; height:100%; transition:all .3s;}
.fuwu ul li .fuwutil{ width:65%; padding:0 0 0 20px;}
.fuwu ul li .fuwutil h3{ font-size:16px; color:#4b4a4a; font-weight:bold; transition:all .3s;}
.fuwu ul li .fuwutil h6{ font-size:12px; color:#999; line-height:30px; transition:all .3s;}
.fuwu ul li .fuwutil .fuwuti{ font-size:14px; color:#333; line-height:24px; height:96px; overflow:hidden; transition:all .3s;}
.fuwu ul li .fuwutil .mor{ width:90px; line-height:28px; color:#fff; text-align:center; background:#999999; transition:all .3s;}
.fuwu ul li:hover .imgbox span{ transform:scale(1.1);}
.fuwu ul li:hover .fuwutil h3{ color:#00a0e9;}
.fuwu ul li:hover .fuwutil h6{ color:#00a0e9;}
.fuwu ul li:hover .fuwutil .fuwuti{ color:#00a0e9;}
.fuwu ul li:hover .mor{ background:#00a0e9;}

/*hez*/
.hez{ margin-top:20px;}
.hez ul li{ width:31.3%; margin:0 1% 20px;}
.hez ul li .imgbox{ height:115px; text-align:center; line-height:115px; overflow:hidden;}
.hez ul li .imgbox img{ max-width:100%; max-height:100%; transition: all .3s;}
.hez ul li h4{ font-size:17px; color:#333; line-height:36px;}
.hez ul li:hover .imgbox img{ transform:scale(1.1);}
.hez ul li:hover h4{ color:#00a0e9;}


/*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:#0d9dde; border-top:1px solid #fff;}
footer .QrCode{ padding:0 10%; width:70%; color:#fff; border-right: solid 1px #87d2a2;}
footer .QrCode img{ margin:0 auto;}
footer section{color:#fff;}
footer section nav{height:12px;border-left: solid 1px #fff;}
footer section nav li{ width:10%; line-height:12px;border-right: solid 1px #fff;}
footer section nav li a{ color:#fff; transition:all 0.3s;}
footer section nav li a:hover{ color:#c6831d;}
footer section .ContactUs{margin:6px 0;} 
footer section .zh a{ color:#fff;}
 

 /*f-nav*/
.hot{height:50px; background:#00a0e9; 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:#0086c3;}


@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;}
	
}


@media (max-width:991px){
.logo{ height:74px; position:relative; border-bottom:none;}
.logo .icon-menu{ margin:18px 15px 0 0; cursor:pointer; font-size:36px; float:right;}
.logo .sjdnav{ width:150px; height:auto;position:absolute; right:20px; top:74px; z-index:9999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px;background:#12a2e4;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .sjdnavhide{ height:0; overflow:hidden;}
.logo .logoimg img{ width:250px; height:auto; margin:7px 0 0 0;}

.pic ul li .imgbox{ height:225px;}

/*about*/
.aboutimg img{border-radius:10px; -moz-border-radius:10px; margin:0 auto;}
.abouttil{ margin-top:20px;}
.abouttil .aboutti{ height:auto;}
.abouttil .mo{ margin-top:20px;}


/*f-1*/
footer{padding:10px 0; font-size:12px;}
footer .QrCode{ padding:0; width:100%; color:#fff; border-right:none;}
footer .QrCode img{ margin:0 auto;}
footer section .ContactUs{ text-align:center;}
footer section .Email{  text-align:center;}
footer section address{  text-align:center; margin-bottom:0;}
footer section .Copyright{ text-align:center;}
footer section small{ display:block;font-size:12px;  text-align:center;} 
footer section .zh{ text-align:center;}

.pic2 ul li .imgbox{ height:225px;}

/*fuwu*/
.fuwu ul li .imgbox{ width:28%;}
.fuwu ul li .fuwutil{ width:72%;}

}

@media (max-width:768px){
body{ padding-bottom:50px;}	

.logo{ position:relative;}
.logo .sjdnav{ right:0; top:74px;}
.logo .icon-mune{ font-size:20px; margin-top:15px;}
.logo .logoimg img{ width:250px; margin-top:7px;}

.picture22 #owl-demo2 .item .imgbox{ height:175px;}

.pic ul li .imgbox{ height:175px;}

/*dt*/
.dt ul li{ width:48%;}
.dt ul li .imgbox{ height:200px;}

.pic2 ul li .imgbox{ height:175px;}

/*fuwu*/
.fuwu ul li .imgbox{ width:35%;}
.fuwu ul li .fuwutil{ width:65%;}

}

@media (max-width:640px){

.picture22 #owl-demo2 .item .imgbox{height:155px;}

.pic ul li .imgbox{ height:155px;}

/*dt*/
.dt ul li .imgbox{ height:160px;}

.pic2 ul li .imgbox{ height:155px;}

/*fuwu*/
.fuwu ul li .imgbox{ width:45%;}
.fuwu ul li .fuwutil{ width:55%;}


}


@media (max-width:414px){

.logo .logoimg img{ width:200px; margin-top:9px;}

.pic ul li{ width:48%;}
.pic ul li .imgbox{ height:135px;}

.picture22 #owl-demo2 .item .imgbox{ height:135px;}

/*dt*/
.dt ul li{ width:100%; margin:0 0 20px 0;}
.dt ul li .imgbox{ height:190px;}

.pic2 ul li{ width:48%;}
.pic2 ul li .imgbox{ height:135px;}

/*fuwu*/
.fuwu ul li .imgbox{ width:48%; height:125px;}
.fuwu ul li .fuwutil{ width:52%; padding:0 0 0 10px;}
.fuwu ul li .fuwutil h3{ font-size:14px;}
.fuwu ul li .fuwutil h6{ line-height:24px;}
.fuwu ul li .fuwutil .fuwuti{ height:48px;}
.fuwu ul li .fuwutil .mor{ margin-top:5px; width:70px;}

/*hez*/
.hez ul li{ width:48%;}
.hez ul li .imgbox{ height:85px; line-height:85px;}

}


@media (max-width:340px){
.logo .logoimg img{ width:200px; margin-top:9px;}	

.pic ul li .imgbox{ height:115px;}
	
.picture22 #owl-demo2 .item .imgbox{ height:115px;}

/*dt*/
.dt ul li .imgbox{ height:150px;}

.pic2 ul li .imgbox{ height:115px;}

/*fuwu*/
.fuwu ul li .imgbox{ width:50%; height:115px;}
.fuwu ul li .fuwutil{ width:50%;}
.fuwu ul li .fuwutil .fuwuti{ line-height:22px; height:44px;}
.fuwu ul li .fuwutil .mor{ margin-top:5px; line-height:24px; width:70px;}

/*hez*/
.hez ul li .imgbox{ height:65px; line-height:65px;}

}

table,tr,td{
  border:1px solid #dddddd
}