@charset "utf-8";
body{margin:0; padding:0; font-size:12px; color:#333; font-family:微软雅黑,宋体; line-height:180%;}
ul,li,ol,dl,dt,dd,form,input,h2{margin:0; padding:0; list-style:none;}
input,select,textarea{ color:#333; font-size:12px;font-family:Arial; }
p,div,font{font-family:微软雅黑,宋体; }
img{border:0;}
a{color:#333;text-decoration: none;cursor:pointer;}
a:hover{color:#3193d6;}

.lh200{line-height:200%;}

.fl{float:left;}
.fr{float:right;}
.w100{width:100%; overflow:hidden;}
.w960{width:960px; margin:0 auto;overflow: hidden;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.txt_cen{text-align:center;}
.font14b{font-size:14px; font-weight:bold;}
.red{color:#f00;}

.mart5{margin-top:5px;}
.mart7{margin-top:7px;}
.mart10{margin-top:10px;}
.mart15{margin-top:15px;}
.mart20{margin-top:20px;}
.mart25{margin-top:25px;}
.marl5{margin-left:5px;}
.marl10{margin-left:10px;}
.marl20{margin-left:20px;}
.marl15{margin-left:15px;}
.marr5{margin-right:5px;}
.marr10{margin-right:10px;}
.marb5{margin-bottom:5px;}
.marb10{margin-bottom:10px;}
.marb15{margin-bottom:15px;}

.imgborder{border:8px solid #eeeded;}

.logo{float:left; height:63px; margin:30px 10px 10px 0px;}
.search{float:right; width:230px; margin-top:50px; position:relative}
.search .search_input{border:none; background:url(../images/search_bj.gif) no-repeat left; width:179px; height:32px; padding:2px 30px 2px 20px;}
.search .search_submit{position:absolute; left:195px; background:none; background:url(../images/search.gif) no-repeat; width:22px; height:22px; top:8px;}

.dh{width:100%; background:#eeeced; height:60px; overflow:hidden}
.dh .nav{border-left:1px solid #c3c2c3; width:960px; margin:15px auto 15px auto; height:30px;}
.dh .nav li{border-right:1px solid #c3c2c3; float:left; width:136px; height:30px; text-align:center;}
.dh .nav li a{font-size:16px; font-weight:bold; color:#333;line-height:100%;letter-spacing:0.3px}
.dh .nav li a span{font-size:9px; color:#406aa2; font-family:Arial; display:block; line-height:10px;letter-spacing:normal; font-weight:normal; margin-top:3px;}
.dh .nav li a:hover{color:#406aa2;}

.index_mail{position: relative; width:940px; margin:15px auto 0 auto; border:10px solid #eeeded; overflow:hidden}
.left_box{width:175px; float:left; background:url(../images/line.gif) no-repeat top right; padding:20px 15px 20px 10px; min-height:400px;height:auto !important; height:400px;overflow:visible; 
}
.left_box .lefttitle{font-size:20px; font-weight:bold; color:#333; margin:0; padding-left:10px; padding-bottom:10px;}
.left_box dl dt{font-weight:bold; padding-left:10px; border-bottom:1px solid #ccc; height:35px; line-height:35px;}
.left_box dl dd{padding-left:20px; border-bottom:1px solid #eee; height:30px; line-height:30px; background:url(../images/jt.jpg) no-repeat 5px 9px;}
.left_box dl .type3{padding-left:40px; border-bottom:1px solid #eee; height:30px; line-height:30px; background:url(../images/jt.jpg) no-repeat 25px 9px;}
.right_box{float:left; margin-left:15px; width:725px; overflow:hidden;}

.index_about{width:100%; float:left; margin-top:20px;}
.index_about img{float:left; border:8px solid #eeeded; margin-right:10px;}
.index_about span{font-size:20px; font-weight:bold; color:#333; }
.index_about p{margin:5px 0 0 0; width:400px; min-height:195px; overflow:hidden; float:left;}

.index_type{ overflow:hidden; width:710px; float:left; height:170px;}
.index_type .index_prod_title{border-bottom:1px solid #333;font-size:20px; color:#013984; line-height:40px; height:40px;width:100%;}
.index_type .index_prod_title a img{float:right; border:0; margin-top:23px;}
.index_type #demo{ margin-top:10px;}
.index_type #demo img{float:left; margin-right:10px;border:5px solid #eeeded; width:158px; height:107px;}
.index_type #demo img:hover{border:5px solid #013984;}

.index_news{overflow:hidden; width:680px; float:left; background:#eeeded; padding:10px 15px; margin-top:10px; margin-bottom:20px;}
.index_news dl dt{border-bottom:1px solid #333;font-size:20px; color:#333; line-height:30px; height:30px; margin-bottom:10px;}
.index_news dl dt a{float:right; margin-top:13px;}
.index_news dl dd{background:url(../images/icon.gif) no-repeat 0px 11px; padding-left:15px; height:30px; line-height:30px;}
.index_news dl dd span{float:right;}

.foot{width:100%; background:#eeeced; height:40px; overflow:hidden; padding-top:20px; margin-top:20px;}

.location{width:715px; overflow:hidden; line-height:35px; height:35px;border-bottom:1px solid #ccc; font-size:14px; font-weight:bold; margin:15px 0;}
.location span{font-size:12px; float:right; font-weight:normal;}
.main_box{width:710px; overflow:hidden; margin-bottom:20px;}

.prodtype{width:100%; float:left; border-bottom:1px solid #999; padding-bottom:20px; overflow:hidden;text-align: justify;}
.prodtype img{float:left; border:8px solid #eeeded; margin-right:15px; width:230px; height:154px;}
.prodtype span{font-size:20px; font-weight:bold; color:#333; }


.prodlist{width:720px; float:left; overflow:hidden;}
.prodlist li{
    border-bottom:1px dotted #ccc; 
    padding:15px 0px; 
    overflow:hidden; 
    box-sizing: border-box; 
    display: inline-block; 
    float:left; 
    width:220px; 
    text-align: center;
    margin:10px 10px 0 10px;
}
.prodlist li:nth-child(3n){
    margin-right: 0;
}
/* .prodlist li p{margin:0; padding:0; display:block; float:left; width:190px; position:relative; height:130px;} */
.prodlist li p{    
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0 0;
}
.prodlist li a, .img-box{
    display: inline-block;
    width: 200px;
    height: 150px;
    overflow: hidden;
    border:5px solid #eeeded; 
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.prodlist li a:hover{
    border:5px solid #013984;
}
.prodlist li a img{
    width: 100%;
    height: 100%;
}
.application.prodlist li{
    border-bottom: 0;
}
.application.prodlist li a{
    border:1px solid #eeeded; 
}

.products_detail{width:100%; float:left; padding-bottom:20px; font-size:14px; font-weight:bold; line-height:250%;}
.products_detail .imgstyle{float:left; border:8px solid #eeeded; margin-right:15px; width:150px; height:150px;}
.products_detail .img-box{
    float: left;
    margin-right:15px;  
}
.products_detail span{color:#3193d6 }
.products_detail p{margin:0; padding:0; display:block; float:left; height:150px; position:relative;}
.products_detail p img{position:absolute; bottom:0px;}

.newslist{overflow:hidden; width:710px; float:left;  margin-bottom:20px;}
.newslist li{background:url(../images/icon.gif) no-repeat 0px 11px; padding-left:15px; height:30px; line-height:30px;border-bottom:1px dotted #ccc;}
.newslist li span{float:right;}
.news_title{font-size:14px; font-weight:bold; text-align:center;}
.news_date{font-size:12; color:#666; text-align:center;}
.news_content{width:100%; overflow:hidden; margin-bottom:20px; margin-top:10px; line-height:200%;}

.search_title{width:100%; overflow:hidden; margin-bottom:10px;}
.search_title span{color:#f00;}
.searchlist{overflow:hidden; width:710px; float:left;  margin-bottom:20px;}
.searchlist li{background:url(../images/icon.gif) no-repeat 0px 11px; padding-left:15px; height:30px; line-height:30px;border-bottom:1px dotted #ccc;}

/*翻页*/
.black {padding:10px 3px 10px 3px; margin:3px; color:#a0a0a0a; text-align:right; overflow:hidden;}
.black a{border:#ccc 1px solid; padding:2px 5px 2px 5px; color: #013984; margin-right:3px; text-decoration:none;}
.black a:hover {border:#013984 1px solid;color: #013984;}
.black a:active{border:#013984 1px solid;color: #fff;background:#013984;}
.black .current{border:1px solid #013984; padding:2px 5px 2px 5px; font-weight:bold; color:#fff; margin-right:3px; background:#013984;}
.black .current:hover{color:#fff;}
.black .disabled {border:#ccc 1px solid; padding:2px 5px 2px 5px; color:#808080;margin-right:3px; }
/*翻页*/

.app_list{width:100%; overflow:hidden;}
/* 容器 */
.app_list {width:730px; margin:10px auto;}
.app_list li{width:160px;height:190px;margin:0 22px 22px 0;float:left;display:inline;}
.app_list li p{margin:5px 0 0 0; text-align:center;}
.app_list li i{width:13px;height:13px;float:right;margin-top:-26px}
.app_list li img{
    max-width: 160px;
    max-height: 160px;
}

/* 未知大小的图片在已知容器中的垂直居中和水平居中 */
.app_list dd img{margin-top:expression(100-this.height/2);max-height:160px}/* max-height可限制图片的最大高度 */
.app_list li a{width:160px;height:160px;border:1px solid #ccc;overflow:hidden;text-align:center;vertical-align:middle;display:table-cell}
.app_list li a:hover{border:1px solid #013984;}
/* 未知大小的图片在已知容器中的垂直居中和水平居中 */

.partners{ overflow:hidden; width:710px; float:left;}
.partners dl dt{border-bottom:1px solid #333;font-size:20px; color:#013984; line-height:40px; height:40px;}
.partners dl dt a{float:right; margin-top:13px; margin-right:15px;}
.partners dl dd{float:left; margin-right:10px; margin-top:10px; width: 230px;}
.partners dl dd:nth-child(3n){
    margin-right: 0;
}
.partners dl dd a{
    width: 100%;
}
.partners dl dd img{border:5px solid #eeeded; width:158px; height:107px;}
.partners dl dd img:hover{border:5px solid #013984;}
.partners #end{margin-right:0;}

.footlinks {clear:both;margin:10px auto 0px auto;padding:2px;width:940px;height:auto;font-size:9pt;line-height:160%;color:#666;text-align:left;border:8px solid #eeeded;}
.footlinks a, .footlinks a:link, .footlinks a:visited {margin-right:2px;font-size:9pt;line-height:160%;color:#666;}
.left-tel{
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 10px;
    width: 175px;
}
.left-tel img{
    width: 100%;
}