﻿@charset "utf-8";
/* CSS Document */

ul {padding: 0px;margin: 0px;}
body {
	font: 12px/22px Verdana, "宋体", Arial, sans-serif, "Times New Roman";
	color: #333;
}
* {
	text-decoration: none;
	font-style: normal;
	list-style: none;
}
a:hover {text-decoration: none;}
.main-wrap {max-width:1000px;margin: 0 auto;}
.more{ float:right;}
.nav>li>a{ padding:0px;}
.empty-5{ height:5px;}

.header-top{ background:#0197d2; background-size:100% 100%; width:100%; height:90px; }
.logo{ margin-top:20px;}
.logo img{ width:100%;}


/*导航下拉开始*/
.menu .nLi { display: block; text-align: center; font-size: 14px; font-weight:bold; font-family: 微软雅黑; width: 12.5%; }
.menu .nLi a:link, .menu .nLi a:visited{ display:block; height:90px; line-height:90px; color:#fff;}
.menu .nLi a:hover, .menu .nLi a:active{ display:block; height:90px; line-height:90px; color:#fff; background:#007eaf; transition:all 0.5s;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mynav { position: relative; z-index: 1; }
.mynav .nLi { float: left; position: relative; display: inline; }
.mynav .nLi h3 { float: left; font-weight: normal; }
.mynav .nLi h3 a { display: block; }
.mynav .sub { display: none; width: 90px; left: 0; top: 70px; position: absolute; line-height: 28px; z-index: 999; }
.mynav .sub li { zoom: 1; text-align: center; background: #f4f4cd; padding: 10px 0px; font-family: 微软雅黑; }
.mynav .sub a { display: block; }
/*导航下拉结束*/


.dh { height: 60px; position: absolute; top: 20; right: 0; z-index: 2; }
#xx { width: 40%; display: none; position: absolute; top: 60px; right: 0; z-index: 99999; }
#xx ul { margin: 0; padding: 0; }
#xx ul li { width: 100%; height: 30px; line-height: 30px; margin-bottom:2px; float: left; background: #000; opacity: 0.6; filter: alpha(opacity=50); text-align: center; font-size: 16px; font-family: 微软雅黑; }
#xx ul li a:link, #xx ul li a:visited { color: #fff; display: block; width: 100%; height: 30px; line-height: 30px; }
#xx ul li a:hover, #xx ul li a:active { color: #FFFFFF; display: block; width: 100%; height: 30px; line-height: 30px; background:#f49701; }

.ab-warp{ margin:40px 0px;}
.ab-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:20px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.ab-title span {font-size:32px;  font-family:Georgia;}
.ab-text{ margin-top:30px; font-size:14px; color:#686868; font-family:微软雅黑; line-height:28px; text-align:center;}
.ab-nav { margin:30px 0px 0px 15px;}
.ab-nav li{ float:left; width:140px; height:40px;  text-align:center; font-size:15px; font-family:微软雅黑; margin-right:10px;}
.ab-nav a:link, .ab-nav a:visited{ display:block; width:100%; height:40px;line-height:40px; border-radius:8px; border:1px solid #0197d2; color:#0197d2;}
.ab-nav a:hover, .ab-nav a:active{ display:block; width:100%; height:40px;line-height:40px; border-radius:8px; background:#0197d2; color:#fff; transition:all 0.5s;}


.anli-warp{ padding-top:30px; background:#f2f2f2;}
.anli-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:20px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.anli-title span {font-size:32px;  font-family:Georgia;}

.anli-list{ margin-top:20px;}
.anli-list li {margin-bottom:40px; text-align:center; font-size:14px; font-family:微软雅黑; }
.anli-list .a-img{ transition:all 0.3s;}
.anli-list .a-img:hover img{ opacity:0.6;}
.anli-list .a-img img {width: 100%;height: auto;}
.anli-list .a-img a:link, .anli-list .a-img a:visited{ display:block; width:100%; height:100%; border:1px solid #d2d2d2;}
.anli-list .a-img a:hover, .anli-list .a-img a:active{ display:block; width:100%; height:100%; border:3px solid #0197d2;}
.anli-list .a-name{ line-height:35px;}
.anli-list .a-name a{ color:#040404;}
.anli-list .a-name a:hover{ color:#0197d2;}


.news-warp{ margin-top:30px;}
.news-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:20px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.news-title span {font-size:32px;  font-family:Georgia;}
.news-list{margin-top:40px;}
.news-list li { margin-bottom: 40px; }
.news-list a{ color:#616161;}
.news-list .n-img img { width:100%;border:2px solid #fff;}
.news-list span { font-size: 20px; font-weight:bold;}
.news-list .n-text{ }
.news-list a:link, .news-list a:visited{ display:block; width:100%; color:#2b2323; }
.news-list a:hover, .news-list a:active{ display:block; width:100%; color:#0197d2;}





.gc-warp{ padding-top:30px; background:#f2f2f2;}
.gc-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:20px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.gc-title span {font-size:32px;  font-family:Georgia;}
.gc-list{ margin-top:30px;}
.gc-list li{ text-align:center;  font-weight:bold; font-size:16px; padding:4px;}
.gc-list li a:link, .gc-list li a:visited{ display:block; width:100%; height:100%; border:1px solid #b5b5b5;color:#383838;}
.gc-list li a:hover, .gc-list li a:active{ display:block; width:100%; height:100%; border:1px solid #0197d2;color:#0197d2;}
.gc-list .gc-name{ line-height:35px;}
.gc-list .gc-img img{ padding-top:4px;}




.js-warp{ margin-top:30px;}
.js-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:20px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.js-title span {font-size:32px;  font-family:Georgia;}
.js-list{ margin-top:40px;}
.js-list .new-img{ width:100%; transition:all 0.3s;}
.js-list .new-img img{width:100%;}
.js-list .new-img:hover img{opacity:0.6;}
.js-list .new-text span{ color:#505050; font-size:14px; }
.js-list .new-text{ font-family:微软雅黑;   margin-top:10px; line-height:20px;}
.js-list .new-text a{ color:#656565;}
.js-list .new-text :hover{ color:#0197d2;}
.js-list .news-more { text-align:center; margin-top:30px;}

.gy-warp{ background:url(../images/bj-1.jpg) no-repeat top center; background-size:100% 100%; width:100%; padding-top:30px; margin-top:60px;}
.gy-title { margin-bottom:10px;text-align: center;color:#ff0000; font-family:Aparajita;font-weight: bold; font-family:微软雅黑;font-size:18px; background:url(../images/ab-tit-2.png) no-repeat center; height:39px; line-height:20px;}
.gy-title span {font-size:22px;  font-family:Georgia;}
.gy-text{ margin-top:30px; color:#fff; font-weight:bold; font-family:微软雅黑; line-height:19px;}
.gy-more{ margin:20px 0px;; text-align:center;}

.cont-warp{ margin-top:40px;}
.cont-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:20px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.cont-title span {font-size:32px;  font-family:Georgia;}
.cont-list .f-nav{ margin-top:30px;}
.cont-list .l-cont {
	float: left; 
}
.cont-list .l-text {
	color: #565656; margin-top:20px;


}
.cont-list .l-list li {
	line-height: 33px;
	color: #686868;
}
.cont-list .l-list .c1 {
	background: url(../images/e-2.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .l-list .c2 {
	background: url(../images/tu1.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .l-list .c3 {
	background: url(../images/e-1.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .l-list .c4 {
	background: url(../images/e-2.jpg) no-repeat left center;
	text-indent: 30px;
}


.cont-list .l-list .c5 {
	background: url(../images/tu5.jpg) no-repeat left center;
	text-indent: 30px;
}
.cont-list .r-cont {
	float: right;
	color: #686868;
}
.cont-list .r-cont .tit {
	text-align: center;
	color: #383838;
	font-size: 21px;
}
.cont-list .r-cont .tit span {
	color: #383838;
	font-size: 24px;
	font-weight: bold;
}
.cont-list .r-list li {
	color: #686868; margin-bottom:10px;
}
.cont-list .r-input input {
	border: 1px dotted #aaaaaa;
	border-radius: 5px;
	background: #f2f2f2;
	height: 35px;
	width: 100%;
}
.cont-list .r-input textarea {
	border: 1px dotted #aaaaaa;
	border-radius: 5px;
	background: #f2f2f2;
	height: 120px;
	width: 100%;
}
.cont-list .butt input {
	width: 30%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #0197d2;
	border: none;
}

.footer{ background:#0197d2; margin-top:80px; padding:20px 0px; color:#fff; font-family:微软雅黑; font-size:14px; height:185px;}
.footer .foot-text{ text-align:center;}
.footer a{ color:#fff;}

.n-main{ margin-top:20px;}
.n-prolist .tit { background:url(../images/n-tit1.jpg) no-repeat; height:30px; line-height:30px; font-family:微软雅黑; font-size:18px;  width:100%; background-size:100% 100%;  color: #fff; text-indent:10px;}
.n-prolist .txt{ background:#ededed; margin-top:10px; padding:5px;}

/*左侧导航开始*/
.subNav{ background:#0197d2; height:30px; font-size:14px;font-family:微软雅黑; text-indent:20px; line-height:30px; margin-top:5px;}
.subNav a{ color:#fff;}
.navContent li{display:block;width:100%;  height:30px; line-height:30px; text-indent:20px; }
.navContent li a{display:block;width:100%; border:1px solid #0197d2; height:30px; line-height:30px; text-indent:20px; color:#000;margin-top:5px;}
.navContent li a:hover{display:block;width:100%; border:1px solid #0197d2; height:30px; line-height:30px; text-indent:20px; background:#0197d2;color:#fff;margin-top:5px;}
/*左侧导航结束*/





.n-contact { margin-top:10px; }
.n-contact .tit { background:url(../images/n-tit1.jpg) no-repeat; height:30px; line-height:30px; font-family:微软雅黑; font-size:18px;  width:100%; background-size:100% 100%;  color: #fff; text-indent:10px;}
.n-contact .txt{ background:#ededed; margin-top:10px; padding:5px;}
.n-contact .s-foot{ text-align:center;}



.content .tit { height:30px; line-height:30px;color:#261f1f; font-size:16px; font-family:微软雅黑;border-bottom:1px solid #0197d2; text-indent:15px;}
.content .more{ font-size:12px;}
.content .txt { color: #261f1f; font-family:微软雅黑; margin-top:20px; font-size:14px; line-height:23px; }



/*js*/
.n-js .js-img img{ width:100%;border:1px solid #5ac9f7;}
.n-js .js-text span{ font-size:16px; color:#0778be;  }
.n-js .js-text { color:#333333; font-family:微软雅黑; height:120px; overflow:hidden; font-size:14px;}
.n-js .txt li{ margin-bottom:30px;}

/*newsnei*/
.n-newsnei .n-name {
	text-align: center;
	color:#666666; font-family:微软雅黑; font-size:16px;
}
.n-newsnei .n-text{ margin-top:30px;}

/*news*/
.n-news .js-img img{ width:100%;border:1px solid #5ac9f7;}
.n-news .js-text span{ font-size:16px; color:#0778be;  }
.n-news .js-text { color:#333333; font-family:微软雅黑; height:120px; overflow:hidden; font-size:14px;}
.n-news .txt li{ margin-bottom:30px;}




/*anli*/
.n-anli .txt li {margin-bottom:20px; text-align:center; font-size:14px; font-family:微软雅黑; }
.n-anli .a-img{ transition:all 0.3s;}
.n-anli .a-img:hover img{ opacity:0.6;}
.n-anli .a-img img {width: 100%;height: auto;}
.n-anli .a-img a:link, .n-anli .a-img a:visited{ display:block; width:100%; height:100%; border:1px solid #d2d2d2;}
.n-anli .a-img a:hover, .n-anli .a-img a:active{ display:block; width:100%; height:100%; border:3px solid #0197d2;}
.n-anli .a-name{ line-height:35px;}
.n-anli .a-name a{ color:#040404;}
.n-anli .a-name a:hover{ color:#0197d2;}

/*cpnei*/
.n-cpnei .txt{ text-align:center; font-size:14px; color:#0197d2;font-family:微软雅黑;}

/*cp*/
.n-cp .txt li {margin-bottom:20px; text-align:center; font-size:14px; font-family:微软雅黑; }
.n-cp .a-img{ transition:all 0.3s;}
.n-cp .a-img:hover img{ opacity:0.6;}
.n-cp .a-img img {width: 100%;height:166px;}
.n-cp .a-img a:link, .n-cp .a-img a:visited{ display:block; width:100%;border:3px solid #d2d2d2;}
.n-cp .a-img a:hover, .n-cp .a-img a:active{ display:block; width:100%; border:3px solid #0197d2;}
.n-cp .a-name{ line-height:35px;}
.n-cp .a-name a{ color:#040404;}
.n-cp .a-name a:hover{ color:#0197d2;}



/*message*/
.n-message .txt li{ margin-bottom:15px;}
.n-message .m-name{ float:left; width:15%; height:25px; line-height:25px; text-align:center; font-size:14px; font-family:微软雅黑;}
.n-message .m-text { float:left;width:84%;height:25px;}
.n-message .m-text input{ height:25px; line-height:25px; width:50%;}
.n-message .m-text input:hover{ border:1px solid #399ef2; height:25px; line-height:25px; display:block;}

.n-message .m-text textarea{ height:100px; width:60%; border-radius:5px;}
.n-message .m-text textarea:hover{ border:1px solid #399ef2; height:100px; display:block;border-radius:5px;}

.n-message .m-butt{ width:50%; margin-top:90px; text-align:center;}
.n-message .m-butt input{ height:30px; line-height:30px; text-align:center; width:30%; }

/*online*/
.n-online .txt li{ margin-bottom:15px;}
.n-online .o-name{ float:left; width:100%; height:25px; line-height:25px; }
.n-online .o-text{ float:left; width:100%;}
.n-online .o-text input{ height:25px; line-height:25px; width:100%; border:1px solid #ccc; border-radius:5px; }
.n-online .o-text input:hover{ border:1px solid #ac1d1e; width:100%; height:25px; line-height:25px; display:block;}

.n-online .o-text textarea{ height:85px; width:100%;border:1px solid #ccc; border-radius:5px; }
.n-online .o-text textarea:hover{ border:1px solid #399ef2;  height:85px; display:block;}

.n-online .on-last{ padding-top:20px;}
.n-online .o-in1{ float:left; width:45%;}
.n-online .o-in2{ float:right; width:45%; }

.n-online .o-in1 input{height:23px; line-height:23px; text-align:center; width:100%; background:#dedede; border:1px solid #c0c0c0; border-radius:5px;}
.n-online .o-in2 input{height:23px; line-height:23px; text-align:center; width:100%; background:#dedede; border:1px solid #c0c0c0; border-radius:5px;}




.bottomqq {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2000;
	right: 0px;
	width: 100%;
	height: 49px;
	overflow: hidden;
	cursor: default;
	padding-top: -61px;
	background:#05a1e0;
}
.bottom1 {
	width: 300px;
	margin: 0 auto;
}
.bottom1 a {
	float: left;
	width: 43px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	height: 44px;
	margin: 5px 15px 0 15px;
	font-size: 16px;
	font-family:微软雅黑;
}
.bottom1 a:hover{ background:#49c1f1;}
.bottom1 a img {
	margin-bottom: 5px;
}
.bottom1 a.xianqd {
	border: 0px;
}







/*产品下拉开始*/
.n-prolist1{ margin-bottom:20px; padding:0px 10px;}
.n-prolist1 .left{width:100%;height:auto;}
.n-prolist1 .div1{width:100%; }
.n-prolist1 .div6{cursor:pointer;position:relative; }
.n-prolist1 .div6{ width:100%; height:35px; line-height:35px; color:#fff; font-family:微软雅黑; font-size:16px;background:url(../images/n-img5.jpg) no-repeat right 10px center #0197d2; text-indent:20px;  }

.n-prolist1 .div7{display:none;font-family:微软雅黑; margin-top:1px; }
.n-prolist1 .div7 ul{margin:0;padding:0;}
.n-prolist1 .div7 li{ width:100%;height:35px; line-height:35px;  font-family:微软雅黑; text-align:center; background:#0197d2; margin-top:5px;}
.n-prolist1 .div7 li a{color:#fff;}

/*产品下拉结束*/


/*banner*/
.banner{  overflow:hidden;}
.banner a.active{ outline:0;}
.banner .bannerc { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto;}
.banner .ck-slide { width:100%;height:586px;position: relative; overflow: hidden; transition:all 0.3s;}
.banner .ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.banner .ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0;  margin: 0; padding: 0;width:100%;height:586px; transition:all 0.3s;}
.banner .ck-slide ul.ck-slide-wrapper li { display:none; position: absolute; width:100%; height:100%; text-align:center;}
.banner .ck-slide ul.ck-slide-wrapper li a{ height:100%;}
.banner .ck-slide ul.ck-slide-wrapper li div{ width:100%; height:586px;}
.banner .ck-slide ul.ck-slide-wrapper li .img01{background:url(../images/1.jpg) no-repeat center center;background-size:100% 100%;}
.banner .ck-slide ul.ck-slide-wrapper li .img02{background:url(../images/2.jpg) no-repeat center center;background-size:100% 100%;}
.banner .ck-slide ul.ck-slide-wrapper li .img03{background:url(../images/3.jpg) no-repeat center center;background-size:100% 100%;}

.banner .ck-slide ul.ck-slide-wrapper li.active{ display:block;}
.banner .ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.banner .ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.banner .ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.banner .ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.banner .ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.banner .ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.banner .ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.banner .ck-slidebox ul li.current em { background-color: #fe6500;}
.banner .ck-slidebox ul li em:hover { background-color: #fe6500;}


.zero-padding{ padding:0}
.zero-margin{ margin:0}
@media (max-width:1024px){
.header-top{ margin:0px;}

}
@media (max-width:768px){
.banner .ck-slide{height:212px;}
.banner .ck-slide ul.ck-slide-wrapper {height:212px;}
.banner .ck-slide ul.ck-slide-wrapper li div{ height:212px;}
lg>.btn, .btn-lg { font-size:18px; margin-top:20px;}
#xx { width: 100%; display: none; position: absolute; top: 50px; right: 0; z-index: 99999; }
.logo img{ width:100%;}
.logo{ margin-top:15px;}
.anli-text{ width:100%; }
.anli-list li{ padding:0px 5px;}
.anli-list{ margin-top:20px;}
.logo{ padding-top:10px;}
.news-text{ width:100%; }

.n-newsnei .nei-img img{ width:100%;}
.n-anli li{ padding:0px 5px;}
.n-js li{ padding:0px 5px;}
.n-cp li{ padding:0px 5px;}

.n-cpnei .nei-cpimg img{ width:100%;}
.n-cpnei .nei-cpimg{ height:260px;}
.n-prolist1{ margin:10px -10px;}
.n-cpnei .nei-cpimg img{ width:70%;}

.n-cpnei .nei-cpimg{height:230px;}
.n-cpnei .nei-cptext{ margin-top:0px;}
.ab-nav { margin:30px 0px 0px 0px;}
.ab-nav li{ float:left; width:31.3%; margin:1%; height:40px;  text-align:center; font-size:15px; font-family:微软雅黑;}





.js-title { margin-bottom:10px;text-align: center;color:#383838;  font-family:微软雅黑;font-size:18px; background:url(../images/line-1.jpg) no-repeat bottom center; height:70px; line-height:25px;}
.js-title span {font-size:20px;  font-family:Georgia;}

.gc-img{width:100%; height: 160px; text-align: center; display: table-cell; vertical-align: middle; *display: block;border: solid 1px #ddd; }
.gc-list .gc-img img{vertical-align:middle; width:100%; height:160px; }
.content .txt img{width:100%; height:auto;}

}

@media (max-width:340px){
/*banner*/
.banner .ck-slide{height:100px}
.banner .ck-slide ul.ck-slide-wrapper {height:100px}
.banner .ck-slide ul.ck-slide-wrapper li div{ height:100px;}
lg>.btn, .btn-lg { font-size:16px;margin-top:10px;}
.logo img{ width:100%;}
.logo{ margin-top:5px;}
.header-top { height:60px;}
#xx { width: 100%; display: none; position: absolute; top: 57px; right: 0; z-index: 99999; }
.top-warp{ height:60px;}
.footer{ height:auto;}
.n-cpnei .nei-cpimg img{ width:100%;}

.n-cpnei .nei-cpimg{ height:230px;}

}

