@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.glyphicon{}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1000px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/
.logo{ width:100%; height:85px; background:#f4f4f4;}
.logo .logoimg img{ width:76px; height:70px; margin:8px 0 0 0;}
.logo .dh{ padding-left:80px; background:url(../images/dianhua.png) left 50% no-repeat; margin-top:18px;}
.logo .dh h2{ font-size:16px; color:#888;}
.logo .dh p{ font-size:26px; font-family:Arial, Helvetica, sans-serif; color:#4da1ca; line-height:32px;font-style: italic; font-weight:bold;}
.logo .wu{ margin:10px 0 0 20px; padding:5px 0 0 10px; background:url(../images/wu_bg.png) left 50% no-repeat;}
.logo .wu h1{ font-size:16px; color:#666; line-height:30px;}
.logo .wu p{ font-size:12px; color:#666; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:20px;}

.heard1{ width:100%; height:55px; background:#4da1ca; position:absolute; z-index:999;  filter:alpha(opacity=90);  -moz-opacity:0.9; -khtml-opacity: 0.9;  opacity: 0.9;  }
.heard1 nav{ width:110%;}
.heard1 nav li{ height:55px;}
.heard1 nav li a{ display:block; color:#fff; line-height:55px; font-size:15px; padding: 0 41px; background:url(../images/nav_bg2.png) right 50% no-repeat;}
.heard1 nav li .active{ background-color:#55add8; background:url(../images/nav_bg.png) 50% 50% no-repeat;}
.heard1 nav li a:hover{ background-color:#55add8; background:url(../images/nav_bg.png) 50% 50% no-repeat;}

 /*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}

.conrent2{ width:100%;}

/*m-w*/
.main-White{ background:#f5f5f5; padding:0 0 20px 0;}
.mian-color{ padding-bottom:20px; background:#f1f1f1;}
.main-news{ padding-bottom:20px; background:#f5f5f5;}
.main-Color{ padding-bottom:40px; background:#f1f1f1;}

/*t-2*/
.title2 { margin:30px 0 25px 0 ; padding-top:10px; }
.title2 h1{ color:#4da1ca; font-size:24px; margin-top:50px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.title2 span{ display:block; font-size:20px; color:#4da1ca; background:url(../images/biao_bg.png) 50% 50% no-repeat;}

/*t-3*/
.title3 h1{ color:#333; font-size:26px; line-height:38px; border-bottom:1px solid #333; padding-bottom:10px;}
.title3 span{ display:block; font-size:20px; color:#3e9e0a; line-height:45px; margin-left:20px;}

/*t-4*/
.title4{ padding:10px; font-size:14px; color:#666; line-height:24px;}

/*t-6*/
.title6{ border-bottom:2px  solid #ccc;}
.title6 h1{ font-size:16px; font-weight:normal;}
.title6 span{ color:#333;}
.title6 a{color:#333; line-height:40px;}
.title6 .last{ color:#0197d3;}
.title6 .shou:hover{ color:#0197d3;}

/*t-7-1*/
.title07{ margin-top:20px;}
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px; }

/*text-3*/
.text03{ padding:10px; font-size:14px; color:#666; line-height:24px;}


/*kec*/
.kec ul li{ width:23%; margin:0 1%;}
.kec ul li .img{ height:100px; width:100px; border-radius:50%;margin:0 auto; overflow:hidden;}
.kec ul li .img img{ display:block; margin:0 auto; width:100%; height:100%;}
.kec ul li .img .imgb{ display:none;}
.kec ul li .wenbox h2{ font-size:18px; color:#999999; padding:26px 0 10px;}
.kec ul li .mor{ width:70px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; border-radius:5px; -moz-border-radius:5px; background:#00a1e9; margin:10px auto;}
.kec ul li .wenbox .zi{ color:#999999; line-height:21px;}
.kec ul li a:hover .img .imga{ display:none;}
.kec ul li a:hover .img .imgb{ display:block;}
.kec ul li a:hover .wenbox h2{ color:#00a1e9;}
.kec ul li a:hover .mor{ border:1px solid #00a1e9; color:#00a1e9; background:none;}

/*case*/
.case ul li{ width:31%; margin:20px 1% 0 1%; position:relative;}
.case ul li .imgbox{ padding:5px; border:1px solid #e0dede; background:#fff;}
.case ul li h5{ font-size:15px; color:#898989; font-family:Arial, Helvetica, sans-serif; line-height:34px; padding:0 0 0 5px;}
.case ul li span{ display:block; height:195px;}
.case ul li a:hover .imgbox{ border:1px solid #4da1ca;}
.case ul li a:hover h5{ color:#4da1ca;}
.case .an{ width:182px; height:45px; margin:20px auto; border:2px solid #b0afaf;  text-align:center;}
.case .an a{ line-height:45px; color:#666;}
.case .an:hover{ background:#4da1ca;  border:1px solid #4da1ca; transition:all 0.3s;}
.case .an:hover a{ color:#fff;}

/*pic*/
.pic { margin:20px 0 0 0;}
.pic ul li{ width:23%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:216px; padding:1px; background:#fff; border:1px solid #e0dede;}
.pic ul li .imgbox span{ display:block; height:100%; position:relative;}
.pic ul li .imgbox span p{ color:#fff; background:#000; ffilter:Alpha(opacity=60); opacity:0.6;  width:100%; position:absolute; left:0; bottom:0; line-height:35px; font-size:16px;}
.pic ul li a:hover .imgbox{ border:1px solid #4da1ca;}
.pic ul li a:hover .imgbox p{ background:#4da1ca;}
.pic .an{ width:182px; height:45px; margin:20px auto; border:2px solid #b0afaf;  text-align:center;}
.pic .an a{ line-height:45px; color:#666;}
.pic .an:hover{ background:#4da1ca;  border:1px solid #4da1ca; transition:all 0.3s;}
.pic .an:hover a{ color:#fff;}

/*ship*/
.ship{ margin:20px 0 0 0;}
.ship ul li{ width:31%; margin:0 1% 20px;}
.ship ul li .imgbox{ height:220px;}
.ship ul li iframe{ width:100%; height:100%;}


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

/*news*/
.news ul li{ width:31%; margin:0 1% 20px;}
.news ul li .imgbox{ height:200px;}
.news ul li h1{ font-size:18px; color:#4da1ca; line-height:40px;}
.news ul li p{ color:#333; line-height:24px; height:48px; overflow:hidden;}
.news ul li a:hover .imgbox{ border:2px solid #4da1ca;}
.news ul li a:hover p{ color:#4da1ca;}
.news ul li a:hover h1{ color:#333;}

/*news2*/
.news2 ul li{ width:100%;  border-bottom:1px dashed #999;}
.news2 ul li a{ display:block; width:80%;height:40px; line-height:40px; color:#666; padding-left:10px; background:url(../images/dian.png) left 50% no-repeat; overflow:hidden;}
.news2 ul li span{ display:block; width:20%; line-height:40px; color:#666;}
.news2 ul li a:hover{ color:#0197d3;}

/*c-1*/
.content1{ padding:46px 0 20px 0;}
.content1 .mbx{ display:block; border-bottom:2px solid #ccc; line-height:28px;}
.content1 .mbx a{ color:#333;}
.content1 .mbx a:hover{ color:#03F; }
.subnav ol{ height:55px;  background-color:#4da1ca;}
.subnav ol h1{ font-size:24px; color:#fff; line-height:55px; height:55px; font-weight:bold; padding-left:40px; background:url(../images/left_nav.png) 10px 50% no-repeat;}
.subnav ol .lx{ font-size:12px; margin-top:12px; padding-left:5px;}
.subnav ol .lx a{ display:block; color:#fff;}
.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:45px;  }
.subnav .pcdnav li a{display:block; font-size:18px; color:#8c8a8a; line-height:45px; background-color:#f4f4f4; transition:all 0.3s; background-image:url(../images/left_navbg.png); background-position:30px center; background-repeat:no-repeat;}
.subnav .pcdnav li a.active{color:#00a1e9; background-color:#ebebeb;background-image:url(../images/left_navbg2.png); background-position:30px center; background-repeat:no-repeat;}
.subnav .pcdnav li a:hover{ color:#00a1e9; background-color:#ebebeb;background-image:url(../images/left_navbg2.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:#e9e9e9; font-size:12px; color:#666; line-height:20px; padding:10px 0; margin-top:5px;}
.subnav .di p{ padding:0 10px;}
.subnav .pcdnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:14px; color:#666; line-height:35px;background:#e5e5e5; transition:all 0.3s;}
.subnav .pcdnav .xlxl a:hover{ color:#0197d3;background:#ececec;}
.subnav .pcdnav .xlxl a.active{ color:#fff;background:#4da1ca;}
.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:#0197d3;}
.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:#4da1ca; border-top:solid 1px #02c4aa;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.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:#0197d3; border-top:solid 1px #02c4aa;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}

/*pic2*/
.pic2 { margin:20px 0 0 0;}
.pic2 ul li{ width:31%; margin:0 1% 20px;}
.pic2 ul li .imgbox{ height:216px; padding:1px; background:#fff; border:1px solid #e0dede;}
.pic2 ul li .imgbox span{ display:block; height:100%; position:relative;}
.pic2 ul li .imgbox span p{ color:#fff; background:#000; ffilter:Alpha(opacity=60); opacity:0.6;  width:100%; position:absolute; left:0; bottom:0; line-height:35px; font-size:16px;}
.pic2 ul li a:hover .imgbox{ border:1px solid #4da1ca;}
.pic2 ul li a:hover .imgbox p{ background:#4da1ca;}



/*ditu*/
.right-content .lian{ margin:0 auto;}
.right-content .ditu{ position:relative; margin-top:20px; height:260px; border:1px solid #ccc; overflow:hidden;}
.right-content .us{ margin-top:10px;}
.right-content .us h1{ font-size:18px; font-weight:bold; line-height:26px; padding-top:10px;}
.right-content .us p{  font-size:14px; line-height:20px;}

/*text*/
.content1 .text{ margin:20px 0;}
.right-content .text1{ overflow:hidden;}
.right-content .text1 img{ display:block; margin:0 auto;}
.right-content .text2 h1{ font-size:16px;}
.right-content .text2 p{ font-size:14px; color:#666; line-height:24px; padding-top:10px;}

/*lianxi*/
.right-content .lianxi{ margin-top:20px;}
.right-content .lianxi label{ font-size:14px; font-weight:normal;}
.right-content .lianxi span{ font-size:12px;}


/*f-1*/
footer{ padding:15px 0; background:#00a1e9; padding-top:20px;}
footer .erw{ border-right:1px solid #fff;}
footer .erw .imgbox{ width:124px; height:124px; margin:5px auto;}
footer .erw span{ color:#fff; font-size:12px; display:block; text-align:center; line-height:20px;}
footer nav{height:26px;}
footer  nav li{line-height:26px;}
footer  nav li a{ color:#fff; transition:all 0.3s; font-size:12px; padding:0 10px;}
footer  nav li a:hover{ color:#bc2a2a;}
footer .jiao h4{ clear:both; color:#fff; line-height:30px; padding-left:10px;}
footer .jiao div{ line-height:24px; padding-left:10px; font-size:12px; clear:both;}
footer .jiao div a{ color:#fff;}
footer .jiao div a:hover{ color:#666;}
footer { color:#fff;}

 /*f-nav*/
.hot{height:50px; background:#00a1e9; 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:#0095d8;}


@media (max-width:1199px){	

	
}


@media (max-width:991px){
.logo{ height:70px; position:relative;}
.logo .icon-menu{ margin:18px 15px 0 0; cursor:pointer; font-size:36px; float:right;}
.logo .sjdnav{ width:150px; height:auto;position:absolute; right:10px; top:70px; z-index:999999;}
.logo .logo .sjdnav ul{ margin:0; padding:0;}
.logo .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px; background:#4da1ca;}
.logo .sjdnav li a{ display:block; color:#fff; line-height:30px;}
.logo .sjdnavhide{ height:0; overflow:hidden;}
.logo .logoimg img{ width:70px; height:auto; margin-top:3px; margin-left:5px;}
.logo .wu{ margin:5px 0 0 20px; padding:5px 0 0 10px; background:url(../images/wu_bg.png) left 50% no-repeat;}
.logo .wu h1{ font-size:16px; color:#666; line-height:30px;}
.logo .wu p{ font-size:12px; color:#666; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; line-height:20px;}
	



}

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

.logo{ position:relative;}
.logo .sjdnav{ left:0; top:70px; /*background:#312f2d; box-shadow:0 2px 5px rgba(0,0,0,0.2);*/ width:100%;}
.logo .sjdnav li{ margin-bottom:0; padding-left:3%; height:40px; border:1px solid #55add8; background:#4da1ca;}
.logo .sjdnav li a{ color:#fff; line-height:40px;}
.logo .icon-mune{ font-size:20px; margin-top:15px;}
.logo .logoimg img{ width:70px; margin-top:3px;}

/*t-2*/
.title2 { margin:15px 0 15px 0 ;}
.title2 h1{ color:#4da1ca; font-size:20px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.title2 span{ display:block; font-size:18px; color:#4da1ca; line-height:32px; background:url(../images/biao_bg.png) 50% 50% no-repeat;}

/*kec*/
.kec ul li{ width:48%; margin:0 1% 20px;}

/*case*/
.case ul li{ width:48%; margin:20px 1% 0 1%;}
.case ul li .imgbox{ padding:3px; border:1px solid #e0dede; background:#fff;}
.case ul li span{ display:block; height:280px;}

/*pic*/
.pic ul li{ width:48%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:316px; padding:1px; background:#fff; border:1px solid #e0dede;}

/*pic2*/
.pic2 ul li{ width:48%; margin:0 1% 20px;}
.pic2 ul li .imgbox{ height:316px; padding:1px; background:#fff; border:1px solid #e0dede;}

/*ship*/
.ship ul li{ width:48%; margin:0 1% 20px;}
.ship ul li .imgbox{ height:220px;}

}

@media (max-width:414px){

.logo{ height:50px; position:relative;}
.logo .icon-menu{ margin:12px 15px 0 0; cursor:pointer; font-size:28px; float:right;}
.logo .logoimg img{ width:50px; height:auto; margin-top:3px; margin-left:5px;}
.logo .sjdnav{ right:10px; top:50px; z-index:999999;}

/*t-2*/
.title2 { margin:10px 0 10px 0 ;}
.title2 h1{ color:#4da1ca; font-size:18px; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.title2 span{ display:block; font-size:16px; color:#4da1ca; line-height:24px; background:url(../images/biao_bg.png) 50% 50% no-repeat;}

.kec ul li .img{ height:90px; width:90px; border-radius:50%;margin:0 auto; overflow:hidden;}
.kec ul li .wenbox h2{ font-size:16px; color:#999999; padding:16px 0 5px;}
.kec ul li .mor{ width:50px; height:24px; line-height:24px;}
.kec ul li .wenbox .zi{ color:#999999; line-height:21px; height:63px; overflow:hidden;}

/*case*/
.case ul li{ width:48%; margin:20px 1% 0 1%;}
.case ul li .imgbox{ padding:3px; border:1px solid #e0dede; background:#fff;}
.case ul li span{ display:block; height:116px;}
.case .an{ width:162px; height:35px; margin:20px auto; border:2px solid #b0afaf;  text-align:center;}
.case .an a{ line-height:35px; font-size:12px;}

/*pic*/
.pic ul li{ width:48%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:176px; padding:1px; background:#fff; border:1px solid #e0dede;}
.pic .an{ width:162px; height:35px; margin:20px auto; border:2px solid #b0afaf;  text-align:center;}
.pic .an a{ line-height:35px; font-size:12px;}

/*pic2*/
.pic2 ul li{ width:48%; margin:0 1% 20px;}
.pic2 ul li .imgbox{ height:176px; padding:1px; background:#fff; border:1px solid #e0dede;}

/*ship*/
.ship ul li{ width:100%; margin:0 0 20px  0;}
.ship ul li .imgbox{ height:160px;}

/*news2*/
.news2 ul li a{ display:block; width:70%;height:40px; line-height:40px; color:#666; padding-left:10px;}
.news2 ul li span{ display:block; width:30%;}

footer .jiao h4{ text-align:center;}
footer .jiao div{ text-align:center;}

}



@media (max-width:340px){
/*h-1*/
.logo .logoimg img{ width:50px; height:auto; margin-top:3px; margin-left:5px;}

.kec ul li .img{ height:90px; width:90px; border-radius:50%;margin:0 auto; overflow:hidden;}
.kec ul li .wenbox h2{ font-size:16px; color:#999999; padding:16px 0 5px;}
.kec ul li .mor{ width:50px; height:24px; line-height:24px;}
.kec ul li .wenbox .zi{ color:#999999; line-height:21px; height:63px; overflow:hidden;}



}