@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
ul,li,dl,dd,dt,input{  margin:0; padding:0; list-style-type:none;}
input{background:none;}
a{ text-decoration:none;}
img{ border:0;}
*:focus{outline:none;}


body{ font-family:"微软雅黑"; padding-bottom:96px;}
header .htop{ height:96px; overflow:hidden;}
header .htop .logo{ float:left; margin-top:22px; margin-left:2%;}
header .htop .phone{float:right; margin-right:2%; margin-top:35px;}
header .htop .phone span{float:left;font-size:24px;margin-left:10px;}
header .htop .phone img { float:left;}
header .htop .phone span i{ font-weight:bold; }

nav{ height:58px; background:#29539d;}
nav ul li{ width:25%;height:58px; float:left; background:-webkit-linear-gradient(top,#3769c1,#2d57a3);background:-moz-linear-gradient(top,#3769c1,#2d57a3);background:-o-linear-gradient(top,#3769c1,#2d57a3);background:linear-gradient(top,#3769c1,#2d57a3); border-bottom:1px solid #29539d; }
nav ul li a{ display:block; color:#fff;  line-height:56px; height:54px; text-align:center;border:1px solid #3769c1; margin-top:1px; margin-right:1px; margin-bottom:2px;}


.container{}

.panel{ height:57px; line-height:45px; background:url(../images/panle.png) repeat-x;}
.panel span{ font-size:26px; color:#3163ba; float:left; margin-left:20px;}
.panel a{ display:block; float:right; width:94px; height:32px; margin-top:9px; background:url(../images/more.png) no-repeat; margin-right:20px;}
.product { margin-bottom:28px;}
.product ul{ padding-left:5%; margin-top:23px; overflow:hidden;zoom:1;} 
.product ul li div{display:block; width:100%; height:240px;border:1px solid #d5d4d4; padding:2px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.product ul li em{ display:block; width:100%; height:100%; }

.product ul li{ float:left; width:27%; margin-right:7%; }
.product ul li:last-child{ margin-right:0;}
.product ul li a{ display:block; text-align:center;width:100%;}
.product ul li a span{ display:block; color:#444444;}
.product ul li a:hover span{ color:#3163ba;}
.product ul li a img{ width:100%;padding:2px; border:1px solid #c3c2c2; }
.news_brick{ margin-bottom:25px;}
.news_brick ul{ margin:0 5%; overflow:hidden;zoom:1; margin-top:10px;}
.news_brick ul li a{ display:block;font-size:22px; font-family:"微软雅黑"; height:59px; border-bottom:1px dotted #c1c1c1;  line-height:59px; color:#444444;
overflow: hidden;
white-space: nowrap;
 -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   
   }
.news_brick ul li a:hover{ color:#3163ba;}
.news_brick ul li a i{ margin-right:8px;}

footer{ width:100%; height:96px; background:#222222; position:fixed; bottom:0; z-index:9999;}
footer ul li{ width:25%; float:left;}

footer ul li a{ display:block; width:100%; text-align:center; color:#fff;}
footer ul li a img{ margin-top:10px;}
footer ul li a span{ font-size:24px; display:block;}

.position{ height:58px; color:#fff;line-height:58px; background:-webkit-linear-gradient(top,#3769c1,#2d57a2);background:-moz-linear-gradient(top,#3769c1,#2d57a2);background:-o-linear-gradient(top,#3769c1,#2d57a2);background:linear-gradient(top,#3769c1,#2d57a2); overflow:hidden; }
.position img{ margin-right:5px; margin-top:15px; float:left; margin-left:15px;}
.position a{color:#fff;float:left; margin:0 5px; font-size:20px;}
.position a:hover{ color:#f6b507;}
.position span{float:left;}


.introtion{ margin:2% 4%;  font-size:24px; line-height:45px;}
.introtion img{ max-width:100%;}
.jzmore{ height:43px; background:#e6e6e6; display:block; color:#858585; line-height:43px; text-align:center; margin-top:25px; margin-bottom:20px;}
.introtion ul li a{color:#444444;font-family:"微软雅黑"; font-size:24px; }
.introtion ul li a:hover{ color:#3163ba;}
.introtion ul li a i{ margin-right:10px;}

.newslist{  font-size:24px; overflow:hidden;}
.newslist ul li {margin:6px 2%;overflow:hidden;  border-bottom: 1px dotted #c1c1c1; padding-bottom:6px; }
.newslist ul li a{color:#444444;font-family:"微软雅黑"; font-size:24px;overflow:hidden; }
.newslist ul li a:hover{ color:#3163ba;}
.newslist ul li a i{ margin-right:10px;}


.product_show ul { overflow:hidden;zoom:1; padding-top:10px;}
.product_show ul li{ float:left; width:40%; margin:2% 5%; text-align:center;}
.product_show ul li a{ float:left; display:block; width:100%;}
.product_show ul li a img{width:100%; float:left;}
.product_show ul li div{display:block; width:100%; height:240px;border:1px solid #d5d4d4; padding:2px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.product_show ul li em{display:block; width:100%; height:100%;}
.product_show ul li span{ height:24px; line-height:24px; font-size:18px; overflow:hidden; }

.product_show ul li span{ height:24px; line-height:24px; font-size:18px; color:#333; margin:5px 0; display:block; overflow:hidden; }



/*banner*/
.banner{ border-top:1px solid #dcdcdc;}
.slideBox{ width:100%; height:auto; position:relative; overflow:hidden; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; bottom:0px; z-index:1; width:100% }
.slideBox .hd ul{zoom:1;  width:100%;text-align:center;  }
.slideBox .hd ul li{ display:inline-block;width:5px; height:5px; border-radius:5px;cursor:pointer; border:2px solid #fff; margin-right:3%;}
.slideBox .hd ul li.on{ border:2px solid #3263bb;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.mchgImg ul li { float: left; height: 133px; width: 106px; margin-right:3%; position: relative; }
.mchgImgName { line-height: 25px; color: #FFF; background: url(../images/imgBg.png) repeat; text-align: center; height: 25px; font-size: 14px; width: 106px; position: absolute; left: 0px; bottom: 0px; }
.mchgUl{width:100%; overflow:hidden}



/*新加的内容页面*/
.new_detailed{ width:95%; margin:0 auto; padding-bottom:10px;}
.new_detailed .new_head { border-bottom:1px solid #cccccc; overflow:hidden; padding-bottom:16px; margin-bottom:15px;}
.new_detailed .new_head h1{color:#f08500; text-align:center; font-size:32px; margin-top:28px; margin-bottom:10px;}
.new_detailed .new_head .timesort{color:#999999;font-size:24px; text-align:center; }

.new_detailed .con_del{ margin-top:40px; font-size:28px; color:#444444; line-height:46px;}
.new_detailed .con_del img{ max-width:100%;}
.new_detailed .con_del p{ text-indent:49px; margin-bottom:15px;}
.new_detailed img{ max-width:100%; height:auto;}

/*分页样式*/
.page_fy{color:#333;font-size:16px;text-align:center;margin-top:5px; margin-bottom:20px;}
.page_fy a{ color:#333; }

@media screen and (max-width:800px){
.product ul li div{ height:200px;}	
	}

@media screen and (max-width:639px){
header .htop{ height:55px;}
header .htop .phone img{ width:26px;}
header .htop .phone span{ font-size:12px; margin-top:2px;}
header .htop .phone{ margin-top:18px;}
	
header .htop .logo img{ width:110px;}		
header .htop .logo{ float:left; margin-top:18px; margin-left:2%;}	
nav { height:40px;}	
nav ul li{height:40px;}
nav ul li a{ font-size:14px;height:36px; line-height:36px;}
.panel{ height:35px; line-height:35px;}
.panel span{ font-size:15px; color:#3163ba; background:contain; float:left; margin-left:10px;}
.panel a{background-size:contain; width:60px; margin-top:6px; margin-right:10px;}
.product ul li a span{font-size:15px}	
.product { margin-bottom:15px; }
.product ul{ margin-top:15px;}
.news_brick ul li a{ font-size:14px; height:35px; line-height:35px; overflow:hidden;} 
footer ul li a img{ width:26px; margin-top:5px;}
footer ul li a span{ font-size:14px;}
footer{ height:60px;}
.jzmore{ height:40px; line-height:40px; font-size:18px; }
.introtion{ font-size:16px; line-height:28px;}

.position{ height:40px; line-height:39px;}
.position img{margin-top:10px; width:20px; }
.position a{ font-size:14px;}

.newslist ul li a{color:#444444;font-family:"微软雅黑"; font-size:16px; overflow:hidden; }

.container{ }
body{  padding-bottom:56px;}

/*新加的内容页面*/
.new_detailed .new_head {}
.new_detailed .new_head h1{ font-size:18px; }
.new_detailed .new_head .timesort{font-size:12px; }

.new_detailed .con_del{ margin-top:40px; font-size:18px; line-height:1.5;}


} 

@media screen and (min-width:360px) and (max-width:639px) {
header .htop .phone img{ width:26px;}
header .htop .phone span{ font-size:14px; margin-top:2px;}
header .htop .phone{ margin-top:18px;}
.product ul li div{height:100px; }



.product_show ul li div{ height:140px;}
	
}
@media screen and (max-width:360px){
.product_show ul li div{ height:120px;}	
.product ul li div{height:90px; }
	}

@media screen and (max-width:320px){
.product ul li div{height:70px; }

.product_show ul li div{ height:100px;}
}