﻿body{font-family:"微软雅黑";background:#fff;color:#666;overflow-y:scroll;-ms-overflow-style: scrollbar;padding:0;margin:0;font-size:14px;position:absolute;min-width:1250px;height:100%}

ul{padding:0}
ul li{list-style-type:none}
a{color:#666;text-decoration:none}
a:hover{color:#000;text-decoration:none}
td{color:#666}
img{border:0}
* img{border:0}
html *{font-size:14px;}
header{background:#fff;width:100%;overflow:hidden;float:left}

header .welcomeBox{border-bottom:1px solid #eee;background:#f9f9f9;line-height:40px;font-size:12px;overflow:hidden;width:100%;float:left;display:block}
header .welcomeBox .welcome{float:left;width:auto}
header .welcomeBox .languageBox{float:right;width:auto;margin-left:10px;}
header .welcomeBox .languageBox a{margin-left:1px;display:block;float:left;background:#6698cc 2px 2px no-repeat;background-size:auto 25px;text-align:center;width:74px;line-height:29px;height:29px;font-size:12px;margin-top:6px;text-align:left;text-indent:48px}
header .welcomeBox .languageBox a.selected,header .welcomeBox .languageBox a:hover{background-color:#6698cc;color:#fff}
header .welcomeBox .languageBox a:last-child{background-image:url(en.jpg)}
header .welcomeBox .languageBox a:first-child{background-image:url(zh.jpg)}

header .welcomeBox .searchBox{float:right;padding-top:6px}
header .welcomeBox .searchBox input{width:150px;border:1px solid #ccc;outline:none;line-height:25px;display:block;float:left;height:25px;overflow:hidden}
header .welcomeBox .searchBox button{height:29px;line-height:29px;background:#6698cc;text-align:center;display:block;float:left;border:1px solid #6698cc}
header .welcomeBox .searchBox button img{height:90%;}
header .logo{margin:10px 0 0px 0;width:auto;float:left;overflow:hidden;border:0}
header .logo a{border:0}
header .logo img{border:0}
header .telBox{width:auto;float:right;overflow:hidden;line-height:40px;margin-right:10px;}
header .telBox h5{padding:0;margin:0;font-weight:bold;font-size:18px;color:#2f7ee5;display:inline-block;line-height:40px;}

/*导航条*/
header nav{width:auto;float:right;}
header nav > ul{overflow:hidden;width:100%;margin:0 auto}
header nav > ul > li{width:auto;float:left;}
header nav > ul > li > a{color:#000;padding:0 22px 0 22px;display:block;float:left;line-height:100px;font-size:14px;transition:all 0.3s}
header nav > ul > li > a:hover{color:#fff;background:#0054ab;}
header nav > ul > li > ul{display:none;position:absolute;z-index:999;margin-top:100px;transition:all 0.3s}
header nav > ul > li > ul > li{width:160px;border-bottom:1px solid #0864c4}
header nav > ul > li > ul > li:last-child{border:0}
header nav > ul > li > ul > li > a{background:#0054ab;color:#fff;font-size:12px;line-height:12px;display:block;padding:15px 22px 15px 22px;transition:all 0.3s}
header nav > ul > li > ul > li > a:hover{color:#fff;background:#0864c4;}
header nav > ul > li > ul > li > ul{display:none}
header nav > ul > li:hover > ul{display:block;}

header nav #app_menudown{display:none}
header nav span{display:none}

.mainBox{width:1200px;margin:0 auto;overflow:hidden}

/*留言表单*/
#ff input{border:1px solid #ccc;background:#fff;line-height:35px;height:35px;margin-top:10px;margin-left:10px;border-radius:0px;outline:none;width:300px;padding:0px 10px 0 10px;font-family:微软雅黑}
#ff textarea{border:1px solid #ccc;background:#fff;margin-top:10px;margin-left:10px;border-radius:0px;outline:none;width:300px;padding:10px 10px 10px 10px;font-family:微软雅黑}
#ff input:focus,#ff textarea:focus{border-color:#000}
#ff .btn{border:0px;background:#ddd;padding:0px;height:auto;padding-left:20px;padding-right:20px;line-height:35px;width:auto}
#ff .btn:hover{color:#fff;background:#c10404;}
/*留言表单*/

/*无记录提示框*/
.msgBox{border:1px dashed #999;padding:20px 0 20px 0;width:1198px;text-align:center;margin:0 auto 0 auto}

/*翻页组件*/
.pageBar{width: 100%;overflow: hidden;margin-top: 20px;margin-bottom: 0px;display: block;}
.pageBar .pageList{width: 100%;overflow: hidden;float: left;line-height: 35px;text-align: center;}
.pageBar .pageList a{font-size: 14px;display: inline-block;text-align: center;width:35px;text-align:center;color: #000;margin-top: 10px;margin-right: 5px;margin-left: 5px;background: #eee;}
.pageBar .pageList a:hover{color: #fff;background: #000;}
.pageBar .pageList .selected{font-size: 14px;display: inline-block;text-align: center;color: #fff;background: #000;cursor: default;}
.pageBar .pageList .selected:hover{color: #fff;background: #000;}
/*翻页组件*/

/*横幅*/
.banner{width:100%;max-width:1920px;height:auto;margin:0px auto 0 auto;padding:0px;overflow:hidden;position:relative;text-align:center}
.banner > div > div{margin:0 auto;}
.html5zoo-slides li{display:none}
.html5zoo-slides li:first-child{display:block}
.html5zoo-slides li:first-child img{width:99%;height:auto;visibility:hidden}
#html5zoo-pc-box{display:block}
#html5zoo-pc-box > div{margin:0 auto;overflow:hidden}
/*横幅*/

/*标题*/
.titleBar{overflow:hidden;width:100%;border-bottom:1px solid #007cc5;padding-bottom:5px;margin-top:30px;}
.titleBar > span{display:inline-block;font-size:16px;font-weight:bold;color:#999}
.titleBar > h5{font-size:16px;display:inline-block;margin:0;padding:0;}
.titleBar .more{display:block;width:73px;height:22px;background:url(more.jpg) no-repeat;float:right}
.titleBar .more:hover{background:url(moreover.jpg) no-repeat}

/*导航左侧分类*/
.navigationBox{width:100%;overflow:hidden;margin-top:0px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height:45px;background:#f9f9f9;margin-bottom:30px;}
#firstpane{width:1200px;margin:0 auto;display:block}
#firstpane .selected{background:#0864c4;color:#fff}
#firstpane li span{cursor:pointer;line-height:35px;height:35px;background:#333;display:block;position:absolute;right:0px;top:2px;color:#fff;width:40px;text-align:center;font-size:20px;font-weight:bold}
#firstpane li span:hover{background:#0f62cf;}

#firstpane > li{float:left;width:auto;position:relative;}
#firstpane > li:hover{}
#firstpane > li > a{display:block;padding:0 20px 0 20px;overflow:hidden;font-size:16px;line-height:50px;}
#firstpane > li > a:hover{}
#firstpane > li:last-child > a{border:0}
/*小类*/
#firstpane > li > ul{float:left;padding:0px;margin:0px;display:none;width:100%;}
#firstpane > li > ul > li{float:left;width:100%;itionsition:relative;}
#firstpane > li > ul > li:hover{}
#firstpane > li > ul > li > a{display:block;text-indent:30px;border-bottom: 1px dashed #ccc;background: url(li.png) no-repeat 18px 16px;}
#firstpane > li > ul > li > a:hover{}
/*小类*/
#firstpane > li > ul > li > ul{width:100%}
#firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li > ul > li:hover{}
#firstpane > li > ul > li > ul > li > a{display:block;text-indent:50px;border-bottom: 1px dashed #ccc;background: url(li.png) no-repeat 38px 16px;}
#firstpane > li > ul > li > ul > li > a:hover{}

.service{width:100%;float:left;margin-top:9px;}

.threeProductBox{background:#e1f1f8;padding-bottom:30px;}
.threeProductBox .title{background:url(titlebg.jpg) no-repeat bottom left;line-height:43px;margin-top:15px;position:relative}
.threeProductBox .title > a{width:175px;text-align:center;color:#fff;font-size:14px;font-weight:bold;display:inline-block;cursor:pointer}
.threeProductBox .title > a:hover,.threeProductBox .title > a.selected{color:#f1e50c}
.threeProductBox .title .more{color:#6698cc;position:absolute;right:0;width:auto;display:none;top:0px;}
.threeProductBox .title .more:hover{color:#0054ab}
.threeProductBox .content{margin-right:-30px;overflow:hidden;display:none;margin-top:-10px}
.threeProductBox .content .item{width:378px;margin-right:30px;margin-top:30px;float:left;overflow:hidden;border:1px solid #666}
.threeProductBox .content .item:hover{border-color:#666}
.threeProductBox .content .item a{display:block;margin:0;padding:0}
.threeProductBox .content .item img{width:100%;display:block;transition:all 0.3s}
.threeProductBox .content .item a.txt{background:#0054ab url(arrowright.png) 325px center no-repeat;background-size:auto 45%;text-indent:0;color:#fff;margin:0;padding:0;line-height:80px;height:80px;font-size:14px;font-weight:bold;transition:all 0.3s;text-align:center;padding-right:40px}
.threeProductBox .content .item:hover a.txt{background-color:#6698cc}

.productList{overflow:hidden;margin-right:-30px;overflow:hidden;margin-bottom:-30px;}
.productList .item{width:275.5px;margin-right:30px;margin-bottom:30px;float:left;overflow:hidden;border:1px solid #ccc}
.productList .item:hover{border-color:#ccc}
.productList .item a{display:block;margin:0;padding:0}
.productList .item img{width:100%;display:block;transition:all 0.3s}
.productList .item a.txt{background:#ededed url(arrowrightblack.png) 230px center no-repeat;background-size:auto 45%;text-indent:0;color:#333;margin:0;padding:0;line-height:80px;height:80px;font-size:14px;font-weight:bold;transition:all 0.3s;text-align:center;padding-right:40px}
.productList .item:hover a.txt{background-image:url(arrowright.png);color:#fff;background-color:#666}

.imgList{overflow:hidden;margin-right:-30px;overflow:hidden;margin-bottom:-30px;}
.imgList .item{width:378px;margin-right:30px;margin-bottom:30px;float:left;overflow:hidden;border:1px solid #ccc}
.imgList .item:hover{}
.imgList .item a{display:block;margin:0;padding:0}
.imgList .item img{width:100%;display:block;transition:all 0.3s}

.customerList{overflow:hidden;margin-right:-20px;overflow:hidden;margin-bottom:-20px;}
.customerList .item{width:222px;margin-right:20px;margin-bottom:20px;float:left;overflow:hidden;border:1px solid #ccc}
.customerList .item:hover{}
.customerList .item a{display:block;margin:0;padding:0}
.customerList .item img{width:100%;display:block;transition:all 0.3s}

.imgTxtList{overflow:hidden;margin-right:-30px;overflow:hidden;margin-bottom:-30px;}
.imgTxtList .item{width:277.5px;margin-right:30px;margin-bottom:30px;float:left;overflow:hidden;}
.imgTxtList .item:hover{}
.imgTxtList .item a{display:block;margin:0;padding:0}
.imgTxtList .item img{width:100%;display:block;transition:all 0.3s}
.imgTxtList .item a.txt{text-align:center;color:#333;margin:0;padding:0;line-height:30px;height:30px;font-size:14px;font-weight:bold;transition:all 0.3s}
.imgTxtList .item:hover a.txt{color:#0054ab}

.aboutBox{margin-top:40px;width:49%;border:1px solid #ccc;overflow:hidden;float:left}
.aboutBox .content{padding:10px;overflow:hidden;line-height:23px;height:220px;}
.aboutBox img{width:100%;display:block}
.newsBox{margin-top:40px;width:49%;float:right;overflow:hidden;border:1px solid #ccc}
.newsBox img{width:100%;display:block}
.newsBox ul{padding:10px;overflow:hidden;margin:0;height:220px;}
.newsBox ul li{border-bottom: 1px dashed #eee;background: url(li.png) no-repeat 0px center;text-indent:20px;line-height:50px;height:50px;overflow:hidden;width:100%;}
.newsBox ul li a{display:block;}
.newsBox ul li a:hover{color:#0f62cf;background:none}
.newsBox ul li a .time{float:right}

.caseBox{width:100%;overflow:hidden;margin-top:20px;}
.caseBox .list{}
.caseBox .list .item{display:block;margin:0px;float:left;overflow:hidden;}
.caseBox .list .item .img{height:auto;overflow:hidden;transition:all 0.5s}
.caseBox .list .item img{width:100%;height:100%;display:block;}
.caseBox .list .item a{display:block;overflow:hidden;margin:0;text-align:center;line-height:25px;}
.caseBox .list .item:hover .img{}
.caseBox .swiper-button-prev{top: 180px;background:url(aleft.png) no-repeat center center;width:33px;outline:none}
.caseBox .swiper-button-next{top: 180px;background:url(aright.png) no-repeat center center;width:33px;outline:none}
.caseBox .swiper-button-prev:hover,.caseBox .swiper-button-next:hover{}

footer{text-align:center;padding-top:40px;background:#223b8c;margin-top:30px;}
.footerNav{width:750px;float:left}
.footerNav .item{width:130px;border-right:1px solid #5e7bda;float:left;margin-right:50px;}
.footerNav .item a{font-size:12px;color:#fff;display:block;line-height:25px;text-align:left}
.footerNav .item a:first-child{font-weight:bold;font-size:14px;margin-bottom:5px}

footer .addressBox{width:300px;float:left;text-align:left;color:#fff}
footer .addressBox > span:first-child{font-weight:bold;font-size:14px;margin-bottom:10px;display:block}
footer .addressBox > p,footer .addressBox a{margin:0;line-height:25px;color:#fff}
footer .ewmBox{width:auto;float:right}
footer .ewmBox img{max-width:120px}
footer .copyright{background:#5f5c5b;color:#fff;line-height:22px;padding:10px;overflow:hidden;margin-top:20px;}

.positionBox{overflow:hidden;padding:0;margin:0;font-size:16px;padding-top:20px;padding-bottom:20px}
.positionBox a{display:inline-block;padding:0;margin:0;font-size:16px;font-weight:normal}

.detailContent{padding-top:0px;width:100%;overflow:hidden}

.imgListBox{width:55%;float:left;margin-top:20px;}
.parameterBox{width:41%;float:right;margin-top:20px;}
.detailTitle{font-weight:bold;border-bottom:2px solid #ccc;padding-bottom:10px;margin-bottom:10px;width:100%;color:#000;font-size:16px;}
.detailParameter{}
.detailParameter table,.detailParameter table td{line-height:22px}
.detailTitleTxt{font-weight:bold;border-bottom:2px solid #ccc;padding-bottom:10px;margin-bottom:0px;width:100%;overflow:hidden;font-size:16px;color:#000}


.nameList { padding:0px;overflow:hidden;width:100%;float:left;margin-top:-20px}
.nameList ul{margin:0px;padding:0px;}
.nameList li:first-child{margin-top:10px;}
.nameList li { padding: 0px;border-bottom:1px solid #eee;padding-left:5px;overflow:hidden}
.nameList li span{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#666;display:block;font-size:12px;float:left;overflow:hidden;margin-top:10px}
.nameList li > a{line-height:40px;display:block;text-indent:5px;float:left;overflow:hidden;width:80%;height:40px}
.nameList li > a:hover{background:none}
.nameList li:hover span{background:#990000}
.nameList li .time{width:auto;height:auto;line-height:40px;color:#666;text-align:center;background:none;display:block;font-size:12px;float:right;overflow:hidden;margin-top:0px}
.nameList li:hover .time{background:none}

.otherPageBox{overflow:hidden;margin-top:20px;}
.otherPageBox > div{width:auto;padding:10px;border:1px solid #ccc;float:left}
.otherPageBox > div:last-child{float:right}
.otherPageBox > div:hover{border-color:#0054ab;color:#0054ab}
.otherPageBox > div:hover a{color:#0054ab}



.searchList{width:100%;overflow:hidden;}
.searchList li{margin-bottom:10px;border:1px dashed #ccc;padding:5px;overflow:hidden}
.searchList li:hover{border:1px dashed #000}
.searchList li .img{width:150px;float:left;display:block;overflow:hidden;margin-right:10px}
.searchList li .img img{width:100%;height:auto}
.searchList li .title{width:auto;float:left;overflow:hidden;display:block}
