@charset "UTF-8";
body{
	overflow-x:hidden;
}
.pc{
	display:none  !important; 
}
.base{
	margin:0 auto;  max-width:1280px;
}
.ntitle {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ncontent {
    line-height: 25px;
    padding-bottom: 55px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent img{
	max-width:100%;
}
.header-top{
	padding:0px 25px; background:white;
}
.header-top .header{
	position:relative; padding-right:270px; text-align:right;
}
.header a.logo{
	float:left; display:inline-block; height:90px; line-height:90px; text-align:left;
}
.header-top .header .navs{
	display:inline-block;
}
.header-top .header .navs li{
	display:inline-block; width:125px; text-align:center; margin:0px 5px;
}
.header-top .header .navs li>a{
	display:inline-block; line-height:100px; padding:0px 5px; border-bottom:solid 2px white; text-decoration:none; font-size:16px; color:#999999; text-decoration:none;
}
.header-top .header .navs li>div{
	display:none; background:white; padding:12px 10px; position:absolute; top:100px; left:0px; border:solid 1px #f0f0f0;
}
.header-top .header .navs li>div a{
	display:block; line-height:42px; text-decoration:none; height:42px; overflow:hidden; color:#999999;
}
.header-top .header .navs li>div a span{
	display:none;
}
.header-top .header .navs li:hover>a,.header-top .header .navs li.cur>a{
	color:#0397d6; border-color:#0397d6;
}
.header .langbox{
	position:absolute; right:0px; top:25px; width:230px; height:50px; 
}
.header .langbox .langs{
	width:100%; height:50px; line-height:50px; position:relative; color:#cccccc; text-align:left; padding-right:40px; padding-left:25px;
}
 
.header .langbox .langs>a{
	color:#ccc; text-decoration:none;  font-size:16px; display:inline-block;  margin-right:10px;
}
.header .langbox .langs>a.en{
	margin-left:10px; margin-right:0px;
}
.header .langbox .langs>a.cur,.header .langbox .langs>a:hover{
	color:#999;
}
.header .langbox .langs .searchbox{
	position:absolute; z-index:12; background:white; width:100%; height:50px; line-height:50px; left:0px; top:0px; 
}
.header .langbox .langs .searchbox>input{
	width:185px;  line-height:25px; padding:5px 10px; height:35px; border:none; outline:none; background:#f1f1f1; border-radius:3px; font-size:16px; display:inline-block;
}
.header .langbox .langs .searchbox a{
	display:inline-block; line-height:35px; background:#999; color:white; text-decoration:none; font-size:16px; padding:0px 10px;
}
.header .langbox .langs .searchbox a span{
	position:relative; top:2px;
}
.langbox .langs>span{
	display:none;
}
.header .langbox .langs .searchbox a.hdes{
	display:none;
}
.index1{
	padding:45px 0px; padding-top:60px;
}
.site-title{
	text-align:center; margin-bottom:33px; color:#cccccc; line-height:33px;
}
.site-title span{
	display:block; height:40px; line-height:39px;  color:#0397d6; font-size:28px;
}
.site-title.white{
	color:white;
}
.site-title.white span{
	color:white;
}
.index1 .base{
	width:800px;
}
.index1 .desc{
	line-height:32px; font-size:16px; color:#999999; text-align:center; padding-bottom:30px;
}
.index2{
	background:#F5F9FA; padding:60px 0px;
}
.index2 ul li{
	width:290px; margin-right:40px; float:left;
}
.index2 ul li a.img{
	display:block; background:#EEEEEE; height:210px; line-height:180px; padding:15px 20px; overflow:hidden; text-align:center;
}
.index2 ul li a.img img{
	max-width:100%; max-height:170px;
}
.index2 ul li a.txt{
	height:46px; line-height:40px; text-align:center; display:block; background:#FFFFFF url(../pics/jian.png) no-repeat 90% center; padding:3px 10px; color:#333333; font-size:16px; text-decoration:none; padding-right:13%;
}
.index2 ul li:hover a.txt{
	color:white; background:#0397D6 url(../pics/jian_cur.png) no-repeat 90% center;
}
.index2 ul li:last-child{
	margin-right:0px;
}
.index3{
	padding-top:100px; background:url(../pics/index-bg1.jpg) no-repeat center top;
}
.index3 .base ul{
	padding-top:50px;
}
.index3 .base ul li{
	width:50%; float:left; overflow:hidden; height:610px;
}
.index3 .base ul li a{
	display:block; text-decoration:none;
}
.index3 .base ul li a .img{
	height:305px; 
}
.index3 .base ul li a .img img{
	max-width:100%; height:auto;
}
.index3 .base ul li a .txt{
	padding:25px 30px; background:white; height:305px;
}
.index3 .base ul li a .txt .title{
	height:40px; line-height:40px; font-size:24px; color:#333; margin-bottom:12px;
}
.index3 .base ul li a .txt .desc{
	line-height:27px; height:81px; overflow:hidden; color:#999999; margin-bottom:12px;
}
.index3 .base ul li a .txt .more{
	display:inline-block; height:25px; color:#0397d6; line-height:25px;
}
.index3 .base ul li:hover a .txt{
	background:#0397D6;
}
.index3 .base ul li:hover a .txt .title{
	color:white;
}
.index3 .base ul li:hover a .txt .desc{
	color:white;
}
.index3 .base ul li:hover a .txt .more{
	color:white;
}
.index3 .mbase{
	max-width:1420px; margin:0 auto; padding:50px 0px;
}
.hz-left{overflow:hidden; position:relative; padding:0px 50px; width:100%; margin:0 auto;}
.hz-left .hd{}
.hz-left .hd .prev,.hz-left .hd .next{ width:38px; height:38px; position:absolute; top:10px; background:#EEEEEE; line-height:38px; text-align:center; border-radius:50%; }
.hz-left .hd .next{ right:0px;}
.hz-left .hd .prev{ left:0px;}
.hz-left .hd .prevStop{ display:none; }
.hz-left .hd .nextStop{ display:none; }
.hz-left .hd ul{display:none; }
.hz-left .bd{ padding:0px;   }
.hz-left .bd ul{ overflow:hidden; zoom:1; }
.hz-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hz-left .bd ul li a.img{
	width:170px; height:65px; display:inline-block; text-decoration:none; line-height:65px;
}
.hz-left .bd ul li a.img img{
	max-width:100%; height:auto;
}
.index4{
	padding:90px 0px; background:url(../pics/pic2.jpg) no-repeat center top;
}
.index4 .mbase{
	width:1280px; margin:0 auto;
}
.index4 .mbase .pzbz{
	margin-bottom:35px;
}
.index4 .mbase .pzbz .leftq{
	width:550px; float:left; line-height:36px; color:#666666; font-size:16px; padding-top:12px;
}

.index4 .mbase .pzbz .rightq{
	width:660px; float:right;
}
.index4 .mbase .pzbz .rightq img{
	max-width:100%;
}
 
.index4 .mbase ul{
	width:1000px; margin:0 auto; padding-top:10px;
}
.index4 .mbase ul li{
	width:280px; float:left; margin-right:80px; text-align:center;
}
.index4 .mbase ul li:last-child{
	margin-right:0px;
}
.index4 .mbase ul li a.img{
	display:block; height:220px; line-height:220px;
}
.index4 .mbase ul li a.txt{
	display:block; line-height:40px; color:#999;
}

.footer{
	background:#191A1C; color:white; padding:45px 0px; padding-bottom:10px;
}
.footer a{
	color:white;
}

.footer .dibu-left{
	width:250px; float:left; color:#999999;
}
.footer .dibu-right{
	width:900px; float:right;  
}
.dibu-left .tit{
	line-height:30px; margin-bottom:5px;
}
.dibu-left span.tel{
	display:block; line-height:30px; color:white; font-size:24px; margin-bottom:5px;
}
.dibu-left a{
	text-decoration:none; display:block; color:white; height:36px; line-height:36px; border-radius:18px; text-align:center; width:140px; font-size:18px; background:#0397D6; margin-top:15px;
}
.dibu-left a span{
	position:relative; margin-right:13px; font-size:16px;
}
.di-navs li{
	width:150px; float:left;
}
.di-navs li>a{
	display:block; line-height:38px; color:white; text-decoration:none; font-size:18px;
}
.di-navs li div a{
	display:block; line-height:34px; text-decoration:none; color:#999; padding-left:3px;
}
.di-navs li div a:hover{
	color:white;
}
.mlinks{
	margin-top:35px; line-height:32px; font-size:16px; color:#999;
}
.mlinks a{
	color:#999; margin-right:20px; text-decoration:none;
}
.sdb{
	height:45px; background:black; color:#999; text-align:right; line-height:40px; padding-top:5px;
}
.sdb a{
	color:#999; text-decoration:none;
}
.sdb .hle{
	float:left; display:inline-block; width:500px; text-align:left;
}
.page-ppt{
}
.page-ppt img{
	max-width:100%; display:block;
}
.location{
	background:#F5F9FA; height:80px; line-height:80px; margin-bottom:45px;
}
.page-base{
	max-width:1280px; margin:0 auto;
}
.location .page-base .dwz{
	display:inline-block; width:500px; float:left;
}
.location .page-base .dwz>a{
	display:inline-block; line-height:80px; text-decoration:none; color:#999999; font-size:16px; height:80px; margin:0px 10px;
}
.location .page-base .dwz>a:first-child{
	margin-left:0px; padding-left:22px; background:url(../images/ico_home.png) no-repeat left center;
}
.location .page-base .synav{
	width:700px; float:right; text-align:right;
}
.location .page-base .synav a{
	line-height:80px; height:80px; padding:0px 10px; margin-left:25px; font-size:16px; color:#999999; border-bottom:solid 2px #F5F9FA; display:inline-block; text-decoration:none;
}
.location .page-base .synav a span{
	display:none;
}
.location .page-base .synav a.mulus{
	display:none;
}
.location .page-base .synav a:hover,.location .page-base .synav a.cur{
	border-color:#56ADDD;
}
.plist{
	min-height:450px;
}
.plist li{
	width:300px; float:left; margin-bottom:25px; text-align:center; margin-right:26.6px;
}
.plist li:nth-child(4n+0){
	margin-right:0px;
}
.plist li a.img{
	display:block; background:#EEEEEE; padding:20px 15px; text-align:center; text-align:center; height:240px; line-height:200px; overflow:hidden;
}
.plist li a.img img{
	max-width:100%; max-height:100%;
}
.plist li a.txt{
	height:39px; line-height:39px; display:block; text-decoration:none; color:#666666; font-size:16px;
}
.plist li:hover a.txt{
	background:#0397D6; color:white;
}
.about1{
	padding:40px 0px; padding-bottom:65px;
}
.about1 .jj .left-box{
	width:770px; float:left; padding-top:13px;
}
.about1 .jj .left-box .desc{
	line-height:35px; color:#666666; font-size:16px; margin-bottom:50px;
}
.about1 .jj .right-box{
	width:440px; float:right;
}
.about1 .jj .left-box ul li{
	display:inline-block; padding:0px 7px; margin-right:70px; text-align:center;
}
.about1 .jj .left-box ul li .tit{
	height:50px; line-height:50px;
}
.about1 .jj .left-box ul li .tit font{
	font-size:44px; color:black; font-weight:bold;
}
.about1 .jj .left-box ul li .tit span{
	display:inline-block; margin-left:7px; font-size:14px; line-height:20px; position:relative;   color:#999; 
}
.about1 .jj .left-box ul li .desc{
	line-height:30px; color:#666666; font-size:16px; text-align:center;
}
.about2{
	padding:70px 0px;   background:url(../images/about2.jpg) no-repeat center center;
}
.history{
	position:relative; overflow:hidden; width:100%;
}

.history .hhw ul li{
	width:250px; float:left; display:inline-block; position:relative; height:182px; text-align:center;
}
.history .hhw ul li .lines{
	width:100%; height:1px; background:#ccc; top:90px; left:0px; position:absolute; z-index:1;
}
.history .hhw ul li>span{
	position:absolute; left:119px; top:85px; width:13px; height:13px; background:url(../images/cicle.png) no-repeat center center; z-index:10;
}
.history .hhw ul li>font{
	position:absolute;   height:25px; line-height:25px; width:100%; text-align:center; color:#666666; font-size:18px; left:0px;
}
.history .hhw ul li:nth-child(odd){
	padding-top:130px;
}
.history .hhw ul li:nth-child(odd)>font{
	top:55px;
}
.history .hhw ul li:nth-child(even){
	padding-bottom:52px;
}
.history .hhw ul li:nth-child(even)>font{
	top:101px;
}
.history .hhw ul li .txt{
	height:50px; line-height:50px; background:white; padding:0px 10px; font-size:14px; color:#666666; overflow:hidden; border:solid 1px #EEEEEE; position:relative;
}
.history .hhw ul li .txt font{
	width:6px; height:8px; background:url(../images/k.png) no-repeat center center; position:absolute; left:49.5%;
}
.history .hhw ul li:nth-child(odd) .txt font{
	top:128px;
}
.history .hhw ul li:nth-child(even) .txt font{
	top:48px;
}
.about3{
	padding:68px 0px;
}
.about3 .page-base{
	width:1200px;
}
.about3 ul li{
	width:200px; float:left; margin-right:50px; text-align:center;
}
.about3 ul li:last-child{
	margin-right:0px;
}
.about3 ul li .img{
	width:145px; display:inline-block; height:145px; line-height:145px; text-align:center; border:solid 1px #0397D6; border-radius:50%;
}
.about3 ul li .img img:last-child{
	display:none;
}
.about3 ul li:hover .img{
	background:#0397D6;
}
.about3 ul li:hover .img img:last-child{
	display:inline-block;
}
.about3 ul li:hover .img img:first-child{
	display:none;
}
.about3 ul li .txt{
	line-height:35px; color:#333333; font-size:18px; padding:7px 0px;
}
.about3 ul li .desc{
	line-height:23px; font-size:14px; color:#999;
}
.about4{
	padding:70px 0px; background:#F5F9FA;
}
.jgbox .jgleft{
	width:640px; float:left;
}
.jgbox .jgright{
	width:590px; float:right;
}
.jgbox .jgleft img{
	max-width:100%;
}

.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .hd{display:none;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; top:40%; display:block; width:40px; height:70px; line-height:70px; opacity:0.8; text-align:center; color:white; background:#333; font-size:18px;}
.slideBox .next{ right:0px;}
.slideBox .prev{left:0px;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.js{
	padding-bottom:60px;
}
.js li{
	margin-bottom:35px;
}
.js li .tit{
	line-height:32px; font-size:18px; color:#0397d6;
}
.js li  .desc{
	line-height:28px; font-size:16px; color:#777;
}
.site-title.page{
	color:#999;
}
.site-title.page font{
	margin-top:16px; font-size:16px; display:block;
}
.fw1{
	padding:30px 0px; padding-bottom:60px;
}
.fw1 ul li{
	width:150px; margin-right:11px; float:left; text-align:center;
}
.fw1 ul li:last-child{
	margin-right:0px;
}
.fw1 ul li .img{
	line-height:75px;
}
.fw1 ul li .txt{
	line-height:32px; color:#999999;
}
.fw2{
	padding:55px 0px; background:#F5F9FA; padding-bottom:65px;
}
.fwcc .left-w{
	width:300px; float:left; padding-top:20px;
}
.fwcc .left-w .title{
	line-height:50px; margin-bottom:5px; font-size:24px; color:#0397d6;
}
.fwcc .left-w .desc{
	line-height:35px; color:#999999; font-size:16px;
}
.fwcc .right-w{
	width:940px; float:right; height:300px; overflow:hidden;  
}
.pz1{
	padding:30px 0px; padding-bottom:75px;
}
.pz1 .jjyy .jy-left{
	width:590px; float:left; padding-top:35px; line-height:35px; font-size:16px;
}
.pz1 .jjyy .jy-right{
	width:660px; float:right;
}
.pz1 .jjyy .jy-right img{
	max-width:100%;
}
.pz2{
	padding:65px 0px; background:#F5F9FA;
}
.pz2 img{
	max-width:100%;
}
.pz3{
	padding:65px 0px; padding-bottom:78px;
}
.pz3 .page-base{
	width:1070px; margin:0 auto;
}
.pz3 ul li{
	width:280px; margin-right:115px; text-align:center; float:left;
}
.pz3 ul li:last-child{
	margin-right:0px;
}
.pz3 ul li .img{
	height:210px; line-height:210px;
}
.pz3 ul li .img img{
	max-width:100%;
}
.pz3 ul li .txt{
	line-height:36px; color:#999999; font-size:16px; margin-top:7px;
}
.hr1{
	padding-bottom:65px;
}
.hr-desc{
	line-height:50px; text-align:center; color:#888; font-size:18px; padding-bottom:15px;
}
.hr1 .hr1_1{
	padding-right:390px; line-height:34px; color:#999; padding-top:25px; padding-bottom:23px; background:url(../images/hr_1.png) no-repeat right bottom; font-size:16px;
}
.hr1 .hr1_1 font{
	color:#0397d6; font-weight:bold;
}
.hr2{
	padding:60px 0px; padding-bottom:75px; background:#F5F9FA;
}
#tbb tbody>tr>th{
	color:white; vertical-align:middle; text-align:center; background:#0397D6; color:white; padding:14px 8px; font-size:18px;
}
#tbb tbody>tr>td{
	text-align:center; vertical-align:middle; padding:10px 8px;
}
.product-tit{
	height:60px; line-height:60px; font-size:30px; color:#0397d6; text-align:center;
}
.product-img{
	text-align:center; padding:15px 0px;
}
.product-img img{
	max-width:100%;
}
.p-elinks{
	line-height:40px; text-align:right; margin-bottom:65px;
}
.p-elinks div{
	display:inline-block; width:auto;
}
.p-elinks div:first-child{
	float:left; text-align:left;
}
.p-elinks a{
	color:#999; font-size:16px; text-decoration:none;
}
@media (max-width:1500px){
	.header-top .header .navs li{
		width:95px;
	}
}

@media (max-width:1400px){
	.header-top .header .navs li{
		width:85px;
	}
}