@charset "utf-8";
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
.none{
    display: none;
}
a:link{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:visited{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:hover{
    text-decoration:none; color: #272727;text-decoration: none;
}
a:active{
    text-decoration:none; color: #272727;text-decoration: none;
}
body {
    font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #272727;
    background-color: #fff;
    overflow-x:hidden ;
}
.clear{
    clear: both;
}
.fl-r{
    float: right;
}
.fn-16{
    font-size: 16px;
}
/*语言选择*/
.hold{
    max-width: 780px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
}
.login{
    width: 100%;height: 100%;position: fixed;   max-width: 780px;
    left: 0%;top:0px;bottom: 0px;top:0px;background: url("../images/yindao-bg.jpg") no-repeat;background-size: cover;
    background-position: 50% 50%;
}
.logo{
    position: absolute;top:40%;left: 0%;width: 80%;;text-align: center;margin-left: 10%;
    animation-name:topAni;
    -webkit-animation:topAni 1s ease 0s normal none;
    -moz-animation:topAni 1s ease 0s normal none;
    animation:topAni 1s ease 0s normal none;
}
@-webkit-keyframes topAni{from{opacity:0;top:10%;} to{opacity:1;top:40%;} }
@-moz-keyframes topAni{from{opacity:0;top:10%;} to{opacity:1;top:40%;} }
@keyframes topAni{from{opacity:0;top:10%;} to{opacity:1;top:40%;}}

.lange{
    position: absolute;top:62%;width: 80%;;text-align: center;margin-left: 10%;  opacity: 0;

}
.langela{  opacity: 1;
    animation-name:baoAni;
    -webkit-animation:baoAni 1s linear 0s normal none;
    -moz-animation:baoAni 1s linear 0s normal none;
    animation:baoAni 1s linear 0s normal none;
}

@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:0%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:0%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:0%;}}

.logo img{
    width: 80%;max-width: 400px;
}
.lange img{
    width:50%;margin-top: 20px;max-width: 300px;
}
/*头部导航*/
.head{
    background:#9ad4ff;overflow: hidden;padding: 10px 0;
}
.head img{
   margin-left: 10%;max-width: 130px;margin-top: 10px;
}
.head .tit{
    float: right;width: 30px;margin-right: 5%;
}
.head-guide ul{
    display: none;
}
.head-guide ul li{
    padding: 10px;border-bottom: 1px solid rgba(247, 204, 204, 0.68);background: #46a2e6
}

.head-guide ul li a{
    color: #fff;
}
.head-guide ul li i{
    width: 20px;height: 20px;background: url("../images/icon-9.png") no-repeat;
    background-size: 100% 100%;display: inline-block;vertical-align: middle;margin-right: 10px;
}
.head-guide ul li:nth-child(2) i{
    background: url("../images/icon-1.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(3) i{
    background: url("../images/icon-2.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(4) i{
    background: url("../images/icon-3.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(5) i{
    background: url("../images/icon-7.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(6) i{
    background: url("../images/icon-5.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(7) i{
    background: url("../images/icon-6.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(8) i{
    background: url("../images/icon-4.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(9) i{
    background: url("../images/icon9.png") no-repeat;
    background-size: 100% 100%;
}
.head-guide ul li:nth-child(10) {
    display: none;
}
.head-guide ul li:nth-child(11) i{
    background: url("../images/icon-8.png") no-repeat;
    background-size: 100% 100%;
}
/*二级导航*/
.second-guider{
    margin: 10px 0;overflow: hidden;
}
.second-guider ul li{
    float: left;width: 33.333%;text-align: center;margin: 10px 0;
}
.second-guider ul li .list-1{
    width: 45px;height: 45px;background: #07d2a3;margin: 0 auto;vertical-align: middle;border-radius: 10px;
}
.second-guider ul li p{
    margin-top: 5px;
}
.second-guider ul li:nth-child(2) .list-1{
;background: #ffb30f;
}
.second-guider ul li:nth-child(3) .list-1{
;background: #f63274;
}
.second-guider ul li:nth-child(4) .list-1{
;background:#ff5379;
}
.second-guider ul li:nth-child(5) .list-1{
;background:#3796f8;
}
.second-guider ul li:nth-child(6) .list-1{
;background:#ff7d01
}
.second-guider ul li:nth-child(7) .list-1{
;background:#4daaef;
}
.second-guider ul li:nth-child(8) .list-1{
;background:#00ffff
}
.second-guider ul li .list-1 i{
    width: 35px;height: 35px;display: inline-block;background: url("../images/icon-1.png") no-repeat;background-size: 100% 100%;
    vertical-align: middle;margin-top: 5px;
}
.second-guider ul li:nth-child(2) .list-1 i{
background: url("../images/icon-2.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(3) .list-1 i{
    background: url("../images/icon-3.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(4) .list-1 i{
    background: url("../images/icon-7.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(5) .list-1 i{
    background: url("../images/icon-5.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(6) .list-1 i{
    background: url("../images/icon-6.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(7) .list-1 i{
    background: url("../images/icon-4.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(8) .list-1 i{
    background: url("../images/icon9.png") no-repeat;background-size: 100% 100%;
}
.second-guider ul li:nth-child(9) .list-1 i{
    background: url("../images/icon-8.png") no-repeat;background-size: 100% 100%;
}

.flex-direction-nav{
    display: none;
}
.n-about-table{
    overflow-x: auto;
}
.n-about  table {
    margin-top:15px;
    border-collapse:collapse;
    border:1px solid #ddd;
    width:100%;
    text-align: center;
    vertical-align: middle;
}

.n-about  table  th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    background-color:#3F3F3F;
    border:1px solid #ddd;
    text-align:left;

}

.n-about  table  td {
    vertical-align:middle;
    padding:6px 15px 6px 6px;
    border:1px solid #ddd;
    vertical-align: middle;
}
.n-about  table  td img{
    vertical-align: middle;padding-right: 10px;
}
.n-about  table tr:first-child{
    background:#00a0e9;color:#fff
}

/*产品导航*/
.s-guider{
    border-bottom: 1px solid  rgb(230, 0, 19);padding-bottom: 5px;
}

.s-guider i{
    width: 2px;height: 20px;background: rgb(230, 0, 19);display: inline-block;margin: 0 10px;vertical-align: middle;
}
.s-guider span{
    font-size: 18px;vertical-align: middle;font-weight: bold;
}
.n-s-guider{
    border-bottom: 1px solid  rgb(230, 0, 19);padding-bottom: 5px;margin-top: 20px;position: relative;
}
.n-s-guider i{
    width: 2px;height: 20px;background: rgb(230, 0, 19);display: inline-block;margin: 0 10px;vertical-align: middle;
}
.n-s-guider span{
    font-size: 18px;vertical-align: middle;font-weight: bold;
}
.n-s-guider font{
    width: 20px;
    height: 20px;
    background: url("../images/d.png") no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
/*产品列表*/
.pro-l-hold ul{
    margin-bottom: 10px;display: none;
}
.pro-l-hold ul li{
    padding: 8px;border-bottom: 1px dotted #ddd;background: rgb(70, 162, 230)
}
.pro-l-hold ul li a{
    color: #fff;
}

/*产品列表*/
.list-prodect{
    overflow: hidden;padding-bottom: 10px; padding-left:10px; padding-top:10px;
}
.list-prodect ul li{
    width: 44%;margin:2% ;background: #dadada;text-align: center; display:inline-block; vertical-align:top;
}
.list-prodect ul li img{
    width: 80%;margin-top: 15px;
}
.list-prodect ul li p{
    padding: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
/*应用领域*/
.yingyong-hold{
    margin: 10px 0;
}
.yingyong-hold ul li{
    width: 94%;margin-left: 3%;border-bottom: 1px solid rgba(247, 204, 204, 0.68);
}
.yingyong-hold ul li>p{
    background: rgb(230, 0, 19);overflow: hidden;padding: 10px 15px;vertical-align: middle;
}
.yingyong-hold ul li>p span{
    vertical-align: middle;color: #fff;
}
.yingyong-hold ul li>p i{
    width: 20px;height: 20px;display: inline-block;background: url("../images/down1.png") no-repeat;
    background-size: 100% 100%;float: right;vertical-align: middle;
}
.yingyong-hold ul li .yingyong-list{
   border: 1px solid #ddd;padding-bottom: 20px;display: none;
}
.yingyong-hold ul li .yingyong-list img{
    width: 100%;
}
.yingyong-hold ul li .yingyong-list p{
    line-height: 27px;
}
.yingyong-hold ul .active>p i{
    background: url("../images/up1.png") no-repeat;
    background-size: 100% 100%;
}
/*联系我们*/
.contact{
 width: 94%;margin-left: 3%;border: 1px solid #ddd;border-radius: 20px;text-align: center;padding: 20px 0;margin-top: 20px;
    box-shadow: rgb(217, 217, 217) 0px 0px 6px 0px;
}
.contact img{
    width: 80%;
}
.contact ul li{
    padding: 10px;border: 1px solid #ddd;border-radius: 20px;width:90% ;margin-top: 10px;text-align: left;
}
.contact ul li span{
    vertical-align: middle;
}

.contact ul li i{
    width: 20px;height: 20px;display: inline-block;vertical-align: middle;background: url("../images/phone.png") no-repeat;
    background-size: 100% 100%;margin-right: 10px;
}

.contact ul li:nth-child(2) i{
    vertical-align: middle;background: url("../images/phone.png") no-repeat;
    background-size: 100% 100%;
}
.contact ul li:nth-child(3) i{
    vertical-align: middle;background: url("../images/phone.png") no-repeat;
    background-size: 100% 100%;
}
.contact ul li:nth-child(4) i{
    vertical-align: middle;background: url("../images/e-mail1.png") no-repeat;
    background-size: 100% 100%;
}
.contact ul li:nth-child(5) {
   text-align: center;
}
.c-bom{
    text-align: center;padding: 10px; background-color:#f3f3f3; padding-top:15px; padding-bottom:15px;
}
/*网站底部*/
.footer{
    position: fixed;bottom: 0px;;margin: 0 auto;width: 100%;background: #fff;z-index: 2;
}
.footer ul{
    overflow: hidden;border: 1px solid #ddd;
}
.footer ul li{
    width: 32.3333%;text-align: center;border-right: 1px solid #ddd;float: left;padding: 10px 0;font-size: 18px;
}
.footer ul li i{
    width: 20px;height: 20px;display: inline-block;background: url("../images/icon-91.png") no-repeat;
    background-size: 100% 100%;margin-right: 10px;vertical-align: middle;
}
.footer ul li:nth-child(2) i{
    background: url("../images/icon-21.png") no-repeat;  background-size: 100% 100%;
}
.footer ul li:nth-child(3) i{
    background: url("../images/icon-81.png") no-repeat;  background-size: 100% 100%;
}
.footer ul li span{
    vertical-align: middle;
}
.footer ul li:nth-child(3){
    border-right: 0px;
}
/*电话与返回顶部*/
.scroll{
    position: fixed;right: 10px;bottom: 70px;z-index: 10;
}
.s-tel{
    width: 40px;height: 40px;background: rgb(230, 0, 19);border-radius: 50%;text-align: center;
}
.s-tel i{
    width: 25px;height:25px;background: url("../images/ph.png") no-repeat;background-size: 100% 100%;display: inline-block;
}
.s-tel p{
    font-size: 12px;color: #fff;margin-top: -10px;
}
.s-scroll{
    width: 40px;height: 40px;background: rgb(230, 0, 19);border-radius: 50%;text-align: center;margin-top: 10px;
}
.s-scroll i{
    width: 15px;height: 15px;background: url("../images/up1.png") no-repeat;background-size: 100% 100%;display: inline-block;margin-top: 5px;
}
.s-scroll p{
    font-size: 12px;color: #fff;margin-top: -5px;
}
/*新闻列表*/
.list-news{
;background: #dadada;overflow: hidden;
}
.list-news ul li{
    overflow: hidden;height: 120px;border-bottom: 1px dashed #a7a7a7;
}
.list-news ul li .list-news-l{
    width: 60%;overflow: hidden;float: left;
}
.list-news ul li .list-news-l p:first-child{
    font-size: 16px;color: #333;margin-top: 10px;
}
.list-news ul li .list-news-l p {
    line-height: 27px;font-size: 14px;padding-left: 10px;
}
.list-news ul li .list-news-l p+p{
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.list-news ul li .list-news-l p+p+p{
    font-size: 12px;color: #737373;
}
.list-news ul li .list-news-r{
    width: 40%;text-align: center;float: right;
}
.list-news ul li .list-news-r img{
    width: 120px;height: 100px;margin-top: 10px;
}
.table{
    width: 100%;
}
.table tbody tr td {
    border-bottom: 1px solid #ddd;
}
.table tbody tr td:first-child{
    width: 120px;text-align: center;padding: 10px 0;
}
.table tbody tr td:first-child img{
    width: 100px;
}
.title{
    font-size: 16px;font-weight: bold;
}


/*新闻列表*/
.n-list-news ul{
    margin-bottom: 20px;
}
.n-list-news ul li i{
    background: url("../images/about_20.png");width: 8px;height: 10px;display: inline-block;vertical-align: middle;
}
.n-list-news ul li  span{
    vertical-align: middle;
}
.n-list-news ul li{
    overflow: hidden;padding: 10px;border-bottom: 1px dashed #ddd;
}
.fenye{
    overflow: hidden;margin: 15px 0;
}
.fenye ul  li{
    float: left;padding: 5px;
}
.fenye{
	margin:0 auto;
	border-top:1px #dddddd dashed; margin-top:15px; text-align:center; padding-top:10px; padding-bottom:30px;
}
.fenye ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;
}
.fenye ul span{
	display:inline-block;
	font-family:Tahoma;
	height:30px;
	line-height:30px;
	margin-right:5px; font-size:16px;
}
.fenye ul span.page-status{
	padding-left:15px; padding-right:15px; border:1px solid #E9E9E9;
}
.fenye ul span.page-numbar{
	margin-right:3px; margin-left:-3px; font-size:16px;
}
.fenye ul span.page-numbar a{
	margin-left:3px; margin-right:3px;	 font-size:16px;
}
.fenye ul span a{
	color:#555;
	height:35px;
	line-height:35px;
	padding-left:15px;
	padding-right:15px;
	display:inline-block;
	border:1px solid #E9E9E9; font-size:16px;
}
.fenye ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#989898; height:35px; line-height:35px;
	padding-left:15px;
	padding-right:15px; display:inline-block;
}
.fenye ul a.page-num-current,
.fenye ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:#989898;
	padding:0px 4px 0px; padding-left:15px; padding-right:15px;
	font-weight:bold;
	color:#fff;
}
.text-secondary{
       font-size:16px; text-align:center; padding-bottom:30px; height:auto; overflow:hidden; color:#888;
}
.prenext{
	color:#525252;
	height:auto;
	border-top:1px #ddd dashed;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:15px; font-size:14px;
}
.prenext ul{
	list-style-type:none; padding-left:10px;
}
.prenext li{
	line-height:25px; color:#525252; font-size:14px;
}
.prenext a:link{
	line-height:25px; font-size:14px;
}
.prenext a:visited{
	line-height:25px; font-size:14px;
}
.prenext a:hover{
	line-height:25px; font-size:14px;
}
.n-about{
    line-height: 27px;padding: 10px;
}
.n-about h2{
    font-size: 18px;text-align: center;margin: 20px 0;
}
.n-about img{
    width: 96%;margin-left: 2%;
}

.n-about-con table tr td{
    text-align: center;vertical-align: middle;
}
.n-about-con table tr td:nth-child(odd){
    background: #98A697;
}
.n-about-con table tr td:nth-child(even){
    background: #00a0e9;
}