*{margin: 0;padding: 0;font-family: "微软雅黑", "黑体", "宋体";text-decoration: none;list-style:none}
.top{position: fixed;bottom: 100px;right: 60px;display: none;cursor: pointer}
.bj_body{background:url(../images/bj_qb.jpg) repeat-x top center}
	/*页头*/
	.header{width: 100%; height: 80px;background:rgba(255,255,255,0.8);position: fixed;top:0;z-index: 20;border-bottom: 1px solid #047de4;min-width:1060px; }
	.header .headerin{width:960px;height:80px;margin:0 auto;}
	.headerin .logo{float:left;margin-top:15px;border: 0px;}
	
	.headerin ul{float:right;margin-top: 28px}
	.headerin ul li{float:left; font-size:16px; padding: 0 10px;text-align: left}
	.headerin ul li a{ color:#272636; font-weight: 100;}
	
	.headerin ul li .tri_back{height:6px;padding-top: 2px;display: none}
	.headerin ul li .tri_back .tri{width: 0;height: 0;border: 3px solid transparent;border-top: 3px solid #498dce; margin: 0 auto}
	.headerin ul #ui3 ol{position: absolute;top: 55px;right:300px;display: none;}
	.headerin ul #ui3 ol li{float:left; font-size:14px; padding: 0 10px;cursor: pointer;line-height: 1.4em;}
	.headerin ul #ui3 ol li > a{color:#2864ac}
	/*.headerin ul #ui3 ol li > a{text-decoration: none}*/
	.headerin ul li:hover .lia{border-bottom:2px solid #498dce; color:#2864ac }
	.headerin ul li:hover .tri_back{display: block}
	.headerin ul li:hover .lag{border-bottom:0;}
	.headerin ul li .lag:hover{text-decoration: underline}
	.headerin ul #ui3:hover ol{display: block; }
	.headerin ul #ui3 ol li:hover{ background: #CDDDE9}
	
	
	
	/*上背景（欢迎）*/
	.ban_top{width:100%;height:710px;background:url(../images/bj_sh3.jpg) no-repeat center top fixed;overflow: hidden;min-width: 1060px}
	.ban_top .main{width: 970px;margin: 180px auto 0px;}
	.ban_top .con{margin-left:0 }
.ban_top .con img{display: block; margin: 0 auto;width: 620px;padding-top: 35px;}
	/*.ban_top h2{text-transform: capitalize;letter-spacing:2pt;word-spacing:6.5pt;margin-top:0px;text-align: center;  font-size: 40px;font-weight: 100;text-shadow: 1px 1px 2px; color:#272636; }*/
	.ban_top .text{width:500px;height:38px;margin: 50px auto;letter-spacing:0.3pt;line-height: 38px;text-align: center; font-size: 15px;font-weight: 100; color:#73badf;
		background:#272636;border-radius: 10px;};
     .ban_top .propic{margin-top: 50%;margin-left: 10%}
     .ban_top .propic img{width: 40%}
	.ban_top .btn{width:80px;height: 80px;border-radius:50%;margin:70px auto; background:url(../images/lool-into1.png)no-repeat center top;cursor: pointer;}
	.ban_top .btn:hover{background-position: center bottom;}
	
	/*产品轮播*/

.pro{width:100%;height: 630px;padding-top:30px;position: relative;border-top: 2px solid #272636}
.pro .con{width: 960px;height: 600px;margin: 0 auto;position: relative;overflow: hidden;}
.pro .con ul{width:500%;height: 600px;position: absolute;}
.pro .con ul li{width:960px;height:600px;float: left;}

.pro .con ol{position: absolute;top: 550px;left: 0;width:100%;text-align: center; }
.pro .con ol li{width: 14px;height: 14px;margin-right:10px;border-radius:50%;background: #FFF ;display: inline-block;}
.pro .con ol li.active{background: #FFF;}

	.pro .pro_text1,.pro .pro_text2,.pro .pro_text3,.pro .pro_text4{margin-top: 40px; margin-left:550px } 
	.pro .pro_text1  h3,.pro .pro_text2  h3,.pro .pro_text3  h3,.pro .pro_text4  h3{font-size:22px;font-weight: 100;color:#fff;padding: 3px 8px; background: #47b9f5;display: inline-block;border-radius:8PX}
	.pro .pro_text1 a:hover h3,.pro .pro_text2 a:hover h3,.pro .pro_text3 a:hover h3,.pro .pro_text4 a:hover h3{background: #88ceeb; color:#272636 }
	.pro .pro_text1 p,.pro .pro_text2 p,.pro .pro_text3 p,.pro .pro_text4 p{font-size:13px;line-height: 1.5em;padding-top:10px;color:#272636  }
		
	.pro .btn{width: 80px;height: 80px;border-radius:50%;position:absolute;top: 50%;margin-top:-45px;cursor: pointer;}
	.pro .btnLeft{background:url(../images/pro-left.png) no-repeat 45% center;background-color:#C3C3C3; left: 5%}
	.pro .btnRight{background:url(../images/pro-right.png) no-repeat 55% center;background-color:#C3C3C3;right: 5%}
	.pro .btn:hover{background-color:#ccc}
	
	/*公司介绍*/
	.company{width: 100%;height: 140px;background: #fff;border-top: 1px solid #88ceeb;border-bottom: 1px solid #272636;min-width: 1060px}
	.company .con{width: 960px;height: 80px;margin: 30px auto;}
	.company .con .com_log{float: left;width: 80px;height: 80px;background: url(../images/company.png) no-repeat center;}
	.company .con .text{width:860px;height: 80px; padding-left: 20px;float: left;font-size: 13px;line-height: 1.5em;color: #272636;text-align: justify;text-indent: 2em; }
	.company .con .text i{font-style: normal}
	.company .con .text a{color:#272636; }
	.company .con .text i:hover a{color:#2864ac;text-decoration: underline}
	
	/*下背景（联系）*/
	.ban_bottom{width:100%;height:765px;background:url(../images/bottom_bj2.jpg) no-repeat center fixed;overflow: hidden;min-width: 1060px}
	.ban_bottom .contact{width: 420px;height:35px;margin: 200px auto;text-align: center;line-height: 35px; font-size: 18px;font-weight: 100; color:#ccc;
		background:#272636;border-radius: 10px;}
	.ban_bottom .contact span a{color: red}
	.contact.text,.ban_bottom .text{width:100%;height: 330px; margin-top: 200px;background:#fff;overflow: hidden }
	
	.contact .text table,.ban_bottom .text table{width:960px; margin: 37px auto 0; }
	.contact .text td,.ban_bottom .text td{text-align: left;font-size: 14px;color: #272636;border: 1px solid #aedaec;}
	.contact .text td a,.ban_bottom .text td a{color: #272636}
	.contact .text td img,.ban_bottom .text td img{display: inline-block;height: 20px;text-align: center;padding-left: 10px}
	.ban_bottom .text td a:hover{color:#2864ac;text-decoration: underline}
	.contact .text td a:hover{color:#2864ac;text-decoration: underline}
	.ban_bottom .text td span:hover{color:#2864ac;text-decoration: underline}
	/*页尾*/
	.footer{width:100%;height: 130px; background: #272636;min-width: 1060px}
	
	.footer .con{width:1060px;height: 90px;margin: 0 auto;padding-top: 30px;  color:#00abec;font-size: 13px;font-weight: 100;}
	.footer .con .left{float: left; padding-left:50px;}
	.footer .con .left a{color:#00abec;}
	.footer .con .right{float:right;}
	.footer .con .right h1{display: inline;font-size: 13px;font-weight: 100}
	.footer .con .right h1 a{color:#00abec;}
	.footer .con .left > a:hover {color:#fff}
	.footer .con .right h1 > a:hover{color:#18b2ec }
	.footer .con .return{display: inline-block;width: 27px;height:16x;margin-left: 20px;cursor: pointer}
.footer .con .return img{height: 14px}
	
/*产品区*/
.productsbody{width: 100%;border-bottom:1px solid #272636;}
.products{width: 960px;margin: 110px auto 0px;  border: 1px solid rgba(174,218,236,0.3);padding-bottom: 15px;background: #fff}
.products .left {float: left;color: #272636; width: 180px;margin-top: 10px;margin-left: 5px; text-align: center;line-height: 30px;cursor: pointer;color:#272636}
.products .left a{color: #272636}
.products .left h3{font-weight: 100;font-size:14px;background-color: #c5e1ec;border:1px solid #47b9f5;border-radius: 5px;margin-bottom: 1px;position: relative}
.products .left h3 span{position: absolute;left: 3px;top:-2px;  font-size: 20px;font-weight: 100;color:#272636 }
.products .left .pro_h3p{display: none;position: relative; }

.products .left p{font-size: 12px;background: #c5e1ec;border:1px solid #47b9f5;border-radius: 5px;margin-bottom: 1px;disp lay: none;}
.products .left h3:hover{background-color: #88ceeb}
.products .left p:hover{background: #88ceeb}


.products .right{float:right;width: 775px;color: #272636;}
.products .right li{float: left; width: 223px;height: 250px;border: 1px solid rgba(174,218,236,1);border-bottom: 5px solid rgba(4,125,228,0.6);margin: 10px 16px;cursor: pointer;position: relative;overflow: hidden}
.products .right li img{/*width: 223px;*/margin-left: 15px;margin-top:20px; width: 200px;}
.products .right li .text_top{width: 223px;height: 125px; background: rgba(136,206,235,0.2);position: absolute;top: 254px;left:0; transition: 1s}
.products .right li p span{padding:0 4px;border-radius:2px;background:rgba(255,255,255,0.2)}
.products .right li .text_top p{ font-size: 14px; padding:80px 20px 10px;text-align: center;line-height: 22px;}
.products .right li .text_bottom{width: 223px;height: 125px; background: rgba(136,206,235,0.2);position: absolute;top: -125px;left:0; transition: 1s}
.products .right li .text_bottom p{font-size: 13px; padding:10px 20px;text-align: center;line-height: 20px;}
.products .right li:hover .text_top{top: 0;}
.products .right li:hover .text_bottom{top: 125px;}

.pro_pop ol li{display: none}
.pro_pop ol li .back{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position:fixed;top: 0;left: 0;z-index: 500}
.pro_pop ol li .pro_des{width: 700px;height:420px;background: #fff;position: fixed;top: 50%;left: 50%;margin-top: -210px;margin-left: -350px;z-index: 501;}
.pro_pop ol li .pro_des .tittle{width: 700px;height: 40px;background:#88ceeb }
.pro_pop ol li .pro_des .cloxe{position: absolute;right: 0px;font-size: 25px;color: #494949;line-height: 40px;padding: 0 10px; cursor: pointer}

.pro_pop ol li .pro_des table img{width: 240px;}
.pro_pop ol li .pro_des table{font-size: 13px;text-align:center;line-height: 1.4em}
.pro_pop ol li .pro_des table tr{h eight: 50px;}
.pro_pop ol li .pro_des table td{border: 1px solid #88ceeb}
.pro_pop ol li .pro_des table .pro_td{padding-left: 15px;text-align:left}

/*联系我们*/
.contact{width: 100%;height: 600px;background: #fff;border-bottom:1px solid #272636;overflow: hidden;} 
.contact .tittle{width: 970px; height: 40px;margin: 140px auto 40px;}
.contact .tittle img{height: 30px;margin: 5px 10px 0 8px; float: left}
.contact .tittle p{float: left;font-size: 20px;margin-top: 7px;color:#272636;text-decoration: underline}

.contact .text td{border: 1px solid rgba(4,125,228,0.4);}
.ban_bottom .text td span,.contact .text td span{cursor: pointer;}
.contact .text td span:hover{color:#2864ac;text-decoration: underline}
.pro_pop ol li{display: none}
.ban_bottom .wechat_back,.contact .wechat_back{width: 100%;height: 100%;background: rgba(0,0,0,0.1);position:fixed;top: 0;left: 0;z-index: 500;display: none}
.ban_bottom .wechat,.contact .wechat{width: 200px;height: 221px;position: fixed;top: 50%;left: 50%;margin-top: -110px;margin-left: -100px;z-index: 499;}
.ban_bottom .wechat img,.contact .wechat img{width: 200px;height: 221px; }
.ban_bottom .wechat .wechat_close,.contact .wechat .wechat_close{position: absolute;top:0px; right: -30px;width: 30px;height: 30px;background: url(../images/wechat_close_pic.png) no-repeat center;cursor: pointer}



/*关于我们*/
.about{widows: 100%;height: 600px;/*background: #fff;*/border-bottom:1px solid #272636;overflow: hidden}
.contact,.about{background: -webkit-linear-gradient(#e2e9ec, #fff); /* Safari 5.1 - 6.0 */
       background: -o-linear-gradient(#e2e9ec, #fff); /* Opera 11.1 - 12.0 */
       background: -moz-linear-gradient(#e2e9ec, #fff); /* Firefox 3.6 - 15 */
       background: linear-gradient(#e2e9ec, #fff); /* 标准的语法（必须放在最后） */}	

.about .con{width: 970px;height: 350px;margin: 130px auto 0px;}
.about .about_pic {float: left;margin:7px 20px 20px 0;}
.about .con .text{text-indent: 2em;color:#272636;font-size: 14px;text-align: 1.6em;text-align: justify;line-height: 1.8em}
.about .con .text p i{font-style: normal}
	.about .con .text p i a{color:#272636;}
	.about .con .text p i:hover a{color:#2864ac;text-decoration: underline}

.about .con .tittle{ height: 40px;margin-bottom: 40px;}
.about .con .tittle img{height: 30px;margin-top: 5px;margin-right: 10px; float: left}
.about .con .tittle p{float: left;font-size: 20px;margin-top: 7px;color:#272636;text-decoration: underline}



/*新闻中心*/
.news{widows: 100%;border-bottom:1px solid #272636;overflow: hidden;padding-bottom: 30px;}
.news,.contact,.about{background: -webkit-linear-gradient(#e2e9ec, #fff); /* Safari 5.1 - 6.0 */
       background: -o-linear-gradient(#e2e9ec, #fff); /* Opera 11.1 - 12.0 */
       background: -moz-linear-gradient(#e2e9ec, #fff); /* Firefox 3.6 - 15 */
       background: linear-gradient(#e2e9ec, #fff); /* 标准的语法（必须放在最后） */}	

.news .con{width: 970px;margin: 120px auto 0px; padding: 10px; }
.news .con .tittle{ height: 40px;margin-bottom: 30px;}
.news .con .tittle img{height: 30px;margin-top: 5px;margin-right: 10px; float: left}
.news .con .tittle p{float: left;font-size: 20px;margin-top: 7px;color:#272636;text-decoration: underline}
.news .con .main{width: 970px;border: 1px solid rgba(174,218,236,0.5);padding: 5px;}
.news .con .main .left{position: relative; width: 780px;float: left;text-indent: 2em;color:#272636;font-size: 13px;text-align: 1.8em;text-align: justify;line-height: 1.6em;}
.news .con .main .left ul li{display: none}
.news .con .main .left img{width: 400px;float: left;margin: 0 15px 5px 0;}

.news .con .main .right{width: 170px;float: right}
/*.news .con .main .right ol li{width: 170px;height: 30px; font-size: 15px;font-weight: 400;text-align:center;line-height: 30px;border-bottom: 1px solid #afb2b8;color: #272636;cursor: pointer;margin-bottom:2px }
.news .main .right ol li.on{color:#2864ac;border-bottom: 1px solid #2864ac}
.news .main .right ol li:hover{color:#2864ac;border-bottom: 1px solid #2864ac}*/


.news .con .main .right P{width: 170px;height: 30px; font-size: 15px;font-weight: 400;text-align:center;line-height: 30px;border-bottom: 1px solid #afb2b8;color: #272636;cursor: pointer;margin-bottom:2px }
.news .main .right P.on{color:#2864ac;border-bottom: 1px solid #2864ac}
.news .main .right P:hover{color:#2864ac;border-bottom: 1px solid #2864ac}