@charset "utf-8";

/*nav*/
.nav{height: 90px;background-color: #fff;}
.logo{margin-top:7px;float: left;width: 86px;height: 76px;}
.nav_right{height:56px;margin:34px 0 0 95px;float: left;}
.nav_right li{float: left;width: 110px;height:56px;position: relative;margin-left:1px;}
.nav_right li>a{width: 110px;display:block;transition:.5s;-webkit-transition:.5s;font-size:14px;color:#262626;height: 32px;line-height: 32px;text-align: center;}
.nav_right li>a:hover,.nav_right li>a.on{background-color: #2882e8;color: #fff;}
.xl{top:56px;  z-index: 100000;display:none;background-color:#fff;border-top:3px solid #9a9ea6;position: absolute;width: 140px;-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);}
.xl a{transition:.5s;-webkit-transition:.5s;border-top:1px solid #ebeef0;display: block;height:48px;line-height: 48px;color: #646464;text-align:center}
.xl a:first-child{border:none;}
.xl a:hover{background-color: #f5f8fa;text-indent: 1em;}
.lun{float:right;margin:35px 0 0 40px;position:relative;width: 87px;height: 28px;border:1px solid #dcdcdc;}
.lun>a{cursor:pointer;float:left;text-align:center;color:#626262;width: 57px;height: 28px;line-height: 28px;}
.lun>span{cursor:pointer;float: right;width: 29px;height: 28px;border-left:1px solid #dcdcdc;background: url("../images/header_06.png") no-repeat center;}
.lun div{display:none;background-color:#fff;width:100%;position: absolute;top:27px;border:1px solid #dcdcdc;border-bottom:none;left:-1px;}
.lun div a{border-bottom:1px solid #efefef;text-align:center;display:block;line-height: 30px;color:#626262;}
.lun div a:hover{color: #2882e8;}

/*solution*/
.cont_img{height: 348px;}
.cont_nav{position:relative;width:100%;margin-bottom:60px;background-color:#fafafb;height:70px;border-bottom:1px solid #d7dadd;line-height:70px;text-align: center;font-size: 0;}
.cont_nav span{transition:.5s;-webkit-transition:.5s;font-size:14px;display:inline-block;}
.cont_nav span a{transition:.5s;-webkit-transition:.5s;color:#333;display: block;padding:0 35px;}
.cont_nav span:hover a,.cont_nav span.on a{color: #fff;}
.cont_nav span:hover,.cont_nav span.on{background-color: #2882e8;}
.solution_f1{transition:.5s;-webkit-transition:.5s;background-color:#fff;width: 290px;float: left;margin: 0 13px 25px 0;}
.solution_f1.last{margin-right:0;}
.solution_f1 i{display: block;width: 290px;height: 220px;overflow: hidden;}
.solution_f1 i img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.solution_f1 div{overflow:hidden;box-shadow: 0 1px 3px #ddd;}
.solution_f1 div span{transition:.5s;-webkit-transition:.5s; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width:225px;float: left;line-height: 50px;text-indent: 15px;color: #666;}
.solution_f1 div b{transition:.5s;-webkit-transition:.5s;margin:15px 16px 0 0 ;float: right;width: 22px;height: 22px;border:1px solid #dcdcdc;background: url("../images/page_05.png") no-repeat center #fafafb;}
.solution_f1:hover div b{border-color:#fff;background: url("../images/page1_05.png") no-repeat center #2882e8;}
.solution_f1:hover{background-color: #2882e8; }
.solution_f1:hover div span{color: #fff;}
.solution_f1:hover i img{transform: scale(1.03);-webkit-transform: scale(1.03);}
/*page*/
.page{margin:47px 0 120px 0;text-align: center;font-size: 0;}
.page a{transition:.5s;-webkit-transition:.5s; margin:0 6px;font-family:"Arial";text-align:center;line-height:24px;font-size:15px;color:#5b5b5b;display: inline-block;width: 24px;height: 24px;border:1px solid #c9c9c9;}
.page a.page_prev{background: url("../images/page_03.png") no-repeat center;}
.page a.page_prev:hover{background: url("../images/page1_03.png") no-repeat center #2882e8;}
.page a.page_next{background: url("../images/page_05.png") no-repeat center;}
.page a.frist{display:none;}
.page a.page_next:hover{background: url("../images/page1_05.png") no-repeat center #2882e8;}
.page a:hover,.page a.on{border-color: #2882e8;background-color: #2882e8;color: #fff;}
.yq{box-sizing:border-box;line-height:45px;position: relative;padding-left:65px;font-size: 12px;color: #999;}
.yq span{position: absolute;left:0;}
.yq a{color: #999;display: inline-block;margin-right: 35px;}
.yq a:hover{color: #666;}

/*footer*/
.footer{background-color: #272727;}
.footer-left{margin-top:40px;float: left;}
.footer_f1{width: 90px;margin-right:54px;float: left;}
.footer_f1 a{margin-bottom:10px;display: block;font-size: 12px;color: #7c7c7c;}
.footer_f1 a:first-child{height:35px;color:#fff;background:url("../images/footer_03.png") no-repeat left bottom;margin-bottom:15px;font-size:15px;}
.footer_f1 a:hover{color: #fff;}
.footer-right{margin:40px 0 30px 0;float: right;width: 191px;}
.footer-right b{text-align:center;background-color:#2882e8;display: block;color: #fff;width: 136px;height: 36px;line-height: 36px;}
.footer-right span{margin:10px 0 15px 0;display:block;font-size: 26px;color: #dfe3e7;font-weight: lighter;}
.footer-right div{overflow: hidden;}
.footer-right div p{margin-left:17px;font-size:12px;color:#969696;float: left;text-align: center;width: 80px;}
.footer-right div p img{margin-bottom:6px;display: block;width: 80px;height: 80px;}
.footer-right div p:first-child{margin-left:0;}
.foot{position:relative;background-color:#232323;color: #7a7a7a;font-size: 12px;line-height: 40px;height: 40px;}
.foot a{color: #7a7a7a;}
.foot a:hover{color: #666;}
.ctmon{display: inline-block;margin-left:45px}
.ctmon+a{position: absolute;font-size: 0;width: 0;height: 0;display: block;color: transparent;}

/*faq*/
.faq{background-color: #fff;}
.faq_ul{width: 1140px;margin:40px auto;}
.faq_ul li{margin-bottom:15px;}
.faq_ul li h3{transition:.5s;-webkit-transition:.5s; height: 43px;line-height: 43px;background: url("../images/faq_13.png") no-repeat 25px center #f4f5f5;}
.faq_ul li h3 a{transition:.5s;-webkit-transition:.5s; cursor:pointer;background:url("../images/faq_11.png") no-repeat 1090px center;display: block;text-indent: 50px;color: #666;}
.faq_ul li div{display:none;position:relative;width:1090px;font-size:13px;color:#626262;line-height:30px;padding:25px;margin-top:30px;background-color: #f4f5f5;}
.faq_ul li div img{position: absolute;top:-10px;left:85px;}
.faq_ul li:hover h3 ,.faq_ul li h3.on{background: url("../images/faq_06.png") no-repeat 25px center #2882e8;}
.faq_ul li:hover h3 a,.faq_ul li h3.on a{color: #fff;background:url("../images/faq_03.png") no-repeat 1090px center;}
.faq+.page{margin:50px 0 90px 0;}

/*download*/
.download{border:none;}
.download tr td{width:20%;color:#333;line-height: 40px;height: 40px;text-align: center;font-size: 13px;}
.download tr td a{color:#333;}
.download tr td a:hover{color:#2882e8;text-decoration: underline;}
.download thead tr td{color:#fff;background-color: #2882e8;border-left:1px solid #94c1f4;}
.download thead tr td:first-child{border-color: #2882e8;}
.download tbody tr:nth-child(even){background-color: #fff;}
.download+.page{margin:75px 0 65px 0;}

/*contact*/
.contact{margin-bottom:60px;padding: 55px;background-color: #fff;box-sizing: border-box;}
.contact_f1{overflow: hidden;}
.contact_f1_left{float: left;width: 270px;}
.contact_f1_left h1{width:240px;border-bottom:1px solid #dadada;font-size: 18px;color: #666;line-height: 18px;height: 35px;}
.contact_f1_left ul{width:245px;margin:18px 0;color: #666;}
.contact_f1_left ul li{line-height:24px;margin-bottom:5px;}
.contact_f1_right{float: right;width: 815px;height: 480px;overflow: hidden;}
.contact_f1_right img{width: 100%;height: 100%;display: block;}
.contact_f2{margin:20px 0 40px 0;overflow: hidden;}
.contact_f2 .txt{text-indent:12px;margin-bottom:10px;color:#999;width: 522px;height: 42px;float: left;border:1px solid #e5e5e5;}
.contact_f2 .txt.txt1{margin-right:40px;}
.contact_f2+.sub{transition:.5s;-webkit-transition:.5s;cursor:pointer;background-color:#2882e8;width:230px;height:50px;color:#fff;display: block;margin:0 auto 15px auto;}
.contact_f2+.sub:hover{background-color: #2668c5;}

/*join*/
.zhiw{margin:50px 0 0 0;}
.zhiw li{margin-bottom:16px;background: #fff;padding:15px 20px 8px 30px;border:1px solid #e1e0e0;}
.zpzw{cursor:pointer;transition:.5s;color: #9e9e9e;font-size:14px;line-height:24px;background: url("../images/join_05.jpg") no-repeat  right 30px;}
.zpzw_on,.zhiw li:hover .zpzw{background: url("../images/join_09.jpg") no-repeat  right 30px;}
.zpzw span{margin-bottom:5px;display: block;font-size:18px;line-height: 24px;color: #353535;}
.zpzw b{font-weight:normal;margin-top:-25px;float: right;color: #9e9e9e;font-size: 13px;font-family: Arial;}
.zwyq{position:relative;display:none;margin-top:15px;padding-bottom:33px;}
.zwyq p{border-top:1px solid #e2e2e2;font-size:13px;color:#9e9e9e;line-height:28px;width:1028px;}
.zwyq p span{margin:30px 0 15px 0;font-size: 18px;color: #535353;display: block;}
.zwyq a{position:absolute;transition:.5s;right:0;bottom:39px;display:block;background-color:#2882e8;font-size:14px;line-height:38px;width:142px;height:38px;text-align:center;color: #fff;}
.zwyq a:hover{background-color: #2674d2;}
.join+.page{margin: 55px 0 95px 0;}

/*news*/
.news{background-color: #fff;margin-bottom:60px;}
.news_cont{width:1110px;margin:40px auto;overflow: hidden;}
.news_cont_left{float: left;width: 825px;}
.news_cont_left .page{text-align: left;margin:0 0 10px 0;}
.news_cont_left .page a{text-align: center;}
.news_f1{margin-bottom:30px;overflow: hidden;width: 775px;padding: 25px;background-color: #f1f1f1;}
.news_f1_left{width:210px;height:137px;float: left;overflow: hidden;}
.news_f1_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.news_f1_right{margin-left:27px;float: left;width: 537px;}
.news_f1_right h3{font-size: 16px;}
.news_f1_right h3 a{transition:.5s;-webkit-transition:.5s;color: #3f3e3e;}
.news_f1_right p{height:38px;margin:16px 0 26px 0;overflow:hidden;font-size: 13px;color: #8d8d8d;line-height: 20px;}
.news_f1_right>span{display: block;font-size: 12px;color: #2882e8;font-family: Arial;}
.news_f1_right>span span{font-size: 42px;line-height:42px;}
.news_f1:hover .news_f1_left img{transform: scale(1.04);-webkit-transform: scale(1.04);}
.news_f1:hover .news_f1_right h3 a{color: #2882e8;}
.news_cont_right{float: right;width: 243px;}
.other_new{display:block;margin-bottom:35px;}
.other_new b{display: block;width: 243px;height: 158px;overflow: hidden;}
.other_new b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.other_new span{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width:203px;padding:0 20px;transition:.5s;-webkit-transition:.5s;color:#626262;display: block;height: 57px;line-height: 57px;background-color: #f1f1f1;}
.other_new:hover b img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.other_new:hover span{background-color: #2882e8;color: #fff;}

/*products*/
.pro_f1{margin:0 16px 22px 0;transition:.5s;-webkit-transition:.5s;background-color:#fff;float: left;width: 288px;}
.pro_f1>b{background-color:#fff;display: block;width: 288px;height: 317px;overflow: hidden;}
.pro_f1>b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.pro_f1 div{transition:.5s;-webkit-transition:.5s;border-top:1px solid #e4e4e4;position:relative;text-indent: 24px;height: 72px;}
.pro_f1 div b{transition:.5s;-webkit-transition:.5s;margin:15px 0 5px 0;font-size:18px;color:#262626;display: block;font-weight: normal;}
.pro_f1 div span{transition:.5s;-webkit-transition:.5s;font-size:12px;color:#999;display: block;}
.pro_f1 div i{transition:.5s;-webkit-transition:.5s;top:16px;right:21px;width:28px;height:28px;border:1px solid #e4e4e4;position: absolute;background: url("../images/page_05.png") no-repeat center;}
.pro_f1:hover div i{border-color:#fff;background: url("../images/page1_05.png") no-repeat center;}
.pro_f1:hover{box-shadow:0 10px 20px #e8e7e7;background-color:#2882e8;}
.pro_f1:hover div span,.pro_f1:hover div b{color: #fff;}
.pro_f1:hover div{border-color:#2882e8;}
.pro_f1:hover>b img{transform: scale(1.04);-webkit-transform: scale(1.04);}
.pro_f1.last{margin-right:0;}
.products+.page{margin:70px 0 85px 0;}
.other_case{margin-bottom:50px;}
.other_case_tit{overflow: hidden;margin-bottom: 19px;}
.other_case_tit div{float: left;}
.other_case_tit div b{font-weight:normal;display: block;font-size: 24px;color: #262626;}
.other_case_tit div span{font-size: 12px;color: #999;font-family: Arial;display: block;}
.other_case_tit a{color:#626262;float: right;width: 148px;height: 34px;line-height: 34px;text-align:center;border:1px solid #626262;}
.other_case_tit a:hover{border-color: #232323;color: #232323;}

/*about*/
.about{height: 700px;}
.fi{position: fixed;top:0;left:0;z-index:1000;}
.about_f1_top{overflow: hidden;}
.about_f1_top_left{font-size:13px;line-height:30px;color:#626262;padding:30px 35px 30px 40px;width:620px;float: left;border:1px solid #eaeaea;background-color: #fff;}
.about_f1_top_left h1{font-size: 24px;color: #2882e8;}
.about_f1_top_left span{margin-bottom:23px;display: block;color: #a9a9a9;}
.about_f1_top_right{width:491px;height:357px;float: right;overflow: hidden;}
.about_f1_bottom{margin-top:16px;padding-bottom:40px;background-color: #fff;border:1px solid #eaeaea;}
.about_f1_bottom span{text-indent:55px;background-color:#626262;font-size:18px;color:#fff;display: block;width: 141px;height: 36px;line-height: 36px;margin:43px 0 35px 0;}
.about_f1_bottom span:first-child{background-color: #2882e8;}
.about_f1_bottom p{margin-left:56px;width: 1070px;font-size: 14px;color: #626262;line-height:24px;}
.about_tit{margin:60px 0 40px 0;text-align: center;}
.about_tit b{display: block;font-weight: normal;font-size: 24px;color: #262626;}
.about_tit span{margin-top:5px;display: block;font-size: 14px;color: #999;font-family: Arial;}
/*2*/
.about_f2_cont{margin-bottom:95px;overflow: hidden;}
.about_f2_left{width:590px;height:110px;background-color:#fff;float: left;border:1px solid #eaeaea;}
.about_f2_cont .about_f2_left:first-child{margin-right:16px;}
.about_f2_left img{margin: 30px 0 0 45px;float: left;}
.about_f2_left div{float: left;margin-left:52px;}
.about_f2_left div b{margin:42px 0 2px 0;display: block;font-weight: normal;font-size: 18px;color: #262626;}
.about_f2_left div span{display: block;font-size: 13px;color: #626262;}
/*3*/
.about_f3_cont{overflow: hidden;margin-bottom:110px;}
.about_f3_left{float: left;overflow: hidden;width: 605px;height: 360px;}
.about_f3_cont img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.about_f3_left:hover img,.about_f3_right b:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);}
.about_f3_right{overflow: hidden;float: right;width: 595px;}
.about_f3_right b{float: left;margin:0 0 11px 9px;width: 285px;height: 175px;}
/*4*/
.about_f4{background-color: #2882e8;overflow: hidden;}
.about_f4 .about_tit span,.about_f4 .about_tit b{color: #fff;}
.about_f4_cont{ margin-bottom:65px;  position:relative;   }
.about_f4_cont .hd ul{ overflow:hidden; height:0; width: 0;font-size: 0; }
.about_f4_cont .hd .prev,
.about_f4_cont .hd .next{top:50%;margin-top:-22px;position:absolute;font-size: 0; display:block;  width:14px; height:22px; cursor:pointer;}
.about_f4_cont .hd .prev{ left:-75px;background:url("../images/about_10.png") no-repeat center;  }
.about_f4_cont .hd .next{right:-75px;background:url("../images/about_13.png") no-repeat center;  }
.about_f4_cont .bd ul{ overflow:hidden; zoom:1; }
.about_f4_cont .bd ul li{width: 300px;  float:left; _display:inline; overflow:hidden; text-align:center;  }
.about_f4_cont .bd ul li img{margin:30px auto; width:200px; height:290px; display:block;  }
.about_f4_cont .bd ul li a{display: block;overflow: hidden;width: 285px;height: 350px;border:1px solid #8fb9e9;}
.about_f4_cont .bd ul li span{margin-top:13px;display: block;text-align: center;color: #fafafb;}
/*6*/
.about_f6{padding: 80px 0 55px 0;background-color: #fff;}
.about_f6_left{float: left;width: 565px;height: 295px;overflow: hidden;}
.about_f6_left a{display: block;width: 100%;height: 100%;}
.about_f6_right{width:585px;margin-right:15px;float: right;font-size: 14px;color: #626262;line-height: 28px;}
.about_f6_right b{display:block;font-weight: normal;font-size: 24px;color: #262626;}
.about_f6_right span{margin-bottom:20px;display: block;font-family: Arial;color: #999;}

/*product*/
.cp_f1{background-color: #fff;}
.cp_f1_left{float: left;margin:20px 0 30px 23px;width: 420px;height: 465px;overflow: hidden;}
.cp_f1_right{float: right;width: 700px;}
.cp_f1_right h2{margin-top:20px;font-size: 24px;color: #262626;}
.cp_f1_right>span{margin:10px 0 20px 0;display:block;font-size: 14px;color: #626262;}
.cp_f1_right p{font-size: 14px;color: #626262;line-height: 28px; width: 630px;}
.cp_f1_right>a{margin:20px 15px 15px 0;transition:.5s;-webkit-transition:.5s;text-align:center;color:#fff;display: inline-block;width: 169px;height: 43px;line-height: 43px;background-color: #272727;}
.cp_f1_right>a:hover{background-color:#2882e8;}
.cp_f1_right .bshare-custom{color: #646464;margin:23px 0 40px 0;}
.cp_f1_right .bshare-custom a{width: 17px;height: 15px;padding:0;margin:0 0 0 12px;}
.cp_f1_right .bshare-custom a.bshare-sinaminiblog{background: url("../images_11.png") no-repeat center}
.cp_f1_right .bshare-custom a.bshare-qqmb{background: url("../images_06.png") no-repeat center}
.cp_f1_right .bshare-custom a.bshare-qzone{background: url("../images_08.png") no-repeat center}

/*图片放大镜样式*/
.jqzoom{position:relative;cursor:pointer;margin:auto;display:block;width: 420px;height:535px;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-scroll{overflow:hidden;width:475px;*margin-bottom: 20px;}
.spec-scroll .prev{float:left;margin-right:15px;background:url("../images/hon_27.png") no-repeat center;}
.spec-scroll .next{float:right;background:url("../images/hon1_29.png") no-repeat center;}
.spec-scroll .next:hover{background:url("../images/hon_29.png") no-repeat center;}
.spec-scroll .prev:hover{background:url("../images/hon1_27.png") no-repeat center;}
.spec-scroll .prev,.spec-scroll .next{margin-top:70px;display:block;text-align:center;width:13px;height:24px; cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:415px;height:143px;overflow:hidden;margin-bottom: 20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:143px;}
.spec-scroll .items ul li{float:left;width:140px;text-align:center;}
.spec-scroll .items ul li img{transition:.5s;-webkit-transition:.5s;border:1px solid #d8d8d8;width:125px;height:140px;cursor: pointer;}
.spec-scroll .items ul li img:hover{border-color: #2674d2;}
.spec-scroll .items ul li img.hover{border-color: #2674d2;}
.cp_f2{background-color: #fff;padding-bottom:50px;margin-bottom:20px;}
.cp_f2 b{font-weight:normal;background-color:#2882e8;display: block;text-align: center;color: #fff;height: 61px;line-height: 61px;}
.cp_f2 span{width: 1140px;text-indent:22px;margin:30px auto 12px auto;display: block;font-size: 18px;color: #333;}
.cp_f2 ul{text-indent:22px;width: 1140px;margin:0 auto;}
.dsjkd p{width: 1140px;margin:0 auto;text-indent:22px;color: #666;}
.cp_f2 ul li{text-indent:22px;height: 40px;line-height: 40px;color: #666;}
.cp_f2 ul li:nth-child(odd){background-color: #f4f4f4;}
.cp_bp{width:1200px;margin:0 auto 50px auto;overflow: hidden;}

/*new*/
.new_tit{text-align: center;margin-bottom:50px;height:110px;border-bottom:1px dashed #c4c4c4;}
.new_tit h1{font-size: 24px;color: #3a3e3f;margin-bottom:20px;}
.new_tit p{font-size: 14px;color: #7f8080;}
.new_con p{line-height:30px;font-size: 13px;color:#7f8080; }
.new_con+.bq{border-bottom:1px solid #eee;height:40px;}
.news_cont_left .new_tit{margin-bottom:0;}

.new_page{position:relative;overflow: hidden;margin:40px 0 70px 0;}
.new_page a.page_prev,.new_page a.page_next{font-size: 18px;}
.new_page .bshare-custom{position:absolute;left:50%;margin-left:-80px;top:0;width:160px;font-size: 14px;color: #646464;line-height: 18px;overflow:hidden;float:none;}
.new_page .bshare-custom a{width: 18px;height:18px;margin:0 5px;padding:0;}
.new_page .bshare-custom span{margin-top:2px;float: left;}
.new_page .bshare-custom a.bshare-sinaminiblog{background: url("../images/new_10.png") no-repeat center;}
.new_page .bshare-custom a.bshare-weixin{background: url("../images/new_12.png") no-repeat center;}
.new_page .bshare-custom a.bshare-qzone{background: url("../images/new_07.png") no-repeat center;}
.new_page a.page_next{float: right;}
.new_page a.page_prev{background:url("../images/news_19.png") no-repeat left center;width: 85px;margin:0;float: left;text-align: right;}
.new_page a.page_prev:hover{background:url("../images/news1_19.png") no-repeat left center;color: #08b8ff;}
.new_page a.page_next{background:url("../images/news1_22.png") no-repeat right center;float: right;width: 85px;margin:0;text-align:left;}
.new_page a.page_next:hover{background:url("../images/news_22.png") no-repeat right center;color: #08b8ff;}


/*index*/

/*banner*/
.flexslider{ position:relative; clear: both; overflow:hidden;z-index: 99; }
.flexslider .slides li{position:relative;width: 100%;}
.flexslider .slides li a{position:relative;display: block;width: 100%;}
.flexslider .slides li a img { width: 100%;display:block; }
.flex-direction-nav a{transition:1s;-webkit-transition:1s;color:transparent;position:absolute;top:50%;width:64px;height:64px;line-height:99px;overflow:hidden;margin:-30px 0 0;display:block;  z-index:10;cursor:pointer;}
.flex-direction-nav .flex-next{right:-5%;background:url("../images/left1.png") no-repeat center;}
.flex-direction-nav .flex-prev{background:url("../images/left.png") no-repeat center;left:-5%;}
.flexslider:hover .flex-next{right:5%;}
.flexslider:hover .flex-prev{left:5%;}

/*banner 文字*/
.slide{color:#fff;position: absolute;left:0;width: 100%;text-align: center;top:110px;}
.slide div{font-size: 24px;font-weight: lighter;}
.slide div i{display: inline-block;vertical-align: middle;margin:0 20px;width: 6px;height: 6px;background: url("../images/banner_03.png") no-repeat center;}
.slide b{display:block;font-size: 48px;}
.slide p{font-size: 12px;line-height: 20px;width: 610px;margin:0 auto;}
.slide span{margin:20px auto;color:#f4f4f4;font-family:"Arial";display: block;border:1px solid #fff;width: 148px;height: 34px;line-height: 34px;}

/*f1*/
.f1_tit{margin:60px 0 25px 0;overflow: hidden;}
.f1_tit_left{float: left;width: 150px;}
.f1_tit_left b{font-weight:normal;display: block;font-size: 24px;color: #3a3a3a;}
.f1_tit_left span{display: block;font-family: Arial;color: #999;}
.f1_tit_center{float: right;}
.f1_tit_center span{transition:.5s;-webkit-transition:.5s;cursor:pointer;line-height:38px;margin-right:20px;border-bottom:1px solid #dcdcdc;color:#626262;float: left;padding:0 12px;}
.f1_tit_center span:hover,.f1_tit_center span.on{border-color: #2882e8;color: #2882e8;}
.f1_tit>a{transition:.5s;-webkit-transition:.5s;line-height:36px;text-align:center;float: right;width: 150px;height: 36px;color: #fff;background-color: #626262;}
.f1_tit>a:hover{background-color: #2882e8;}
.f1_bottom{display:none; }
.f1_bottom_div{overflow:hidden; position:relative;  margin-bottom:75px;  }
.f1_bottom_div .hd{ overflow:hidden;width: 0;height: 0;font-size: 0; }
.f1_bottom_div .bd ul{ overflow:hidden; zoom:1; }
.f1_bottom_div .bd ul li{ padding:10px 0;width:305px; float:left; _display:inline; overflow:hidden;  }
.f1_bottom_div .bd ul li .pro_f1{margin:0;}
.f1_tit+.f1_bottom{display: block;}
.f1_bottom_div .bd ul li:hover .pro_f1{box-shadow: 0 5px 10px #cfcfcf;}

/*f2*/
.f2{background-color: #fff;padding:65px 0 100px 0;}
.f2_left{float:left;overflow:hidden;position: relative;width: 605px;height: 440px;}
.f2_left>img{display: block;width: 100%;height: 100%;}
.f2_left_div{left:55px;top:0;width:100%;overflow:hidden;position: absolute;}
.f2_left_tit{font-size:24px;color:#333;margin:45px 0 25px 0;}
.f2_left_tit span{display: block;text-transform:uppercase;}
.f2_left_div p{height:145px;overflow:hidden;font-size: 14px;line-height: 28px;color: #626262;width: 410px;}
.f2_left_div a{transition:.5s;-webkit-transition:.5s;margin:43px 0;border:1px solid #c9c9c9;text-align:center;font-family:"Arial";color:#909090;display: block;width: 148px;height: 34px;line-height: 34px;}
.f2_left_div a:hover{color: #fff;background-color: #2882e8;border-color: #2882e8;}
.f2_right{float: right;width: 595px;}
.f2_right_top{position:relative;height:155px;width: 590px;border:1px solid #e5e5e5;}
.f2_right_top img{display: block;width: 100%;height: 100%;}
.f2_right_div{margin-top:45px;font-size:24px;color:#262626;position: absolute;left:40px;top:0;}
.f2_right_div span{font-family:Arial;font-size:12px;color:#999;text-transform:uppercase;margin-top:5px;display: block;}
.f2_right_div i{margin-top:30px;width:40px;height:2px;background-color:#d0d0d0;display: block;}
.f2_right_left{ float:left;width:297px;  overflow:hidden; position:relative;   }
.f2_right_left .hd{ overflow:hidden; width: 0;height: 0;font-size: 0; }
.f2_right_left .bd ul{ overflow:hidden; zoom:1; }
.f2_right_left .bd ul li{width:297px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.f2_right_left .bd ul li a{display: block;}
.f2_right_left .bd ul li a b{overflow:hidden;display: block;width: 297px;height: 229px;}
.f2_right_left .bd ul li a img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.f2_right_left .bd ul li a span{display:block;text-align: center;height: 54px;line-height: 54px;color: #fff;background-color: #2882e8;}
.f2_right_left .bd ul li:hover a b img{transform: scale(1.03);-webkit-transform: scale(1.03);}
.f2_right_right{float: left; width:295px;background: url("../images/f2_10.jpg") no-repeat center #ddd;height: 283px;  overflow:hidden; position:relative;   }
.f2_right_right .hd{ overflow:hidden;  }
.f2_right_right .hd ul{width: 0;height: 0;font-size: 0; }
.f2_right_right .hd .prev,.f2_right_right .hd .next{position: absolute;top:50%;margin-top:-22px; display:block; width:22px; height:44px;overflow:hidden;
    cursor:pointer;left:0; background:url("../images/f2_03.png") no-repeat center;}
.f2_right_right .hd .next{left:auto;right:0;  background:url("../images/f2_05.png") no-repeat center; }
.f2_right_right .bd{margin:30px auto; width: 155px;height: 227px; }
.f2_right_right .bd ul{ overflow:hidden; zoom:1; }
.f2_right_right .bd ul li{  width: 155px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.f2_right_right .bd ul li a{overflow:hidden;display: block; width: 155px;height: 227px;}
.f2_right_right .bd ul li a img{display: block;width: 100%;height: 100%;}

/*f3*/
.f3_bottom{overflow:hidden;margin:65px 0 70px 0;}
.f3_bottom div{cursor:pointer;transition:.5s;-webkit-transition:.5s;width:176px;height:159px;overflow:hidden;text-align:center;color:#626262;float: left;margin:0 32px;}
.f3_bottom div span{display: block;margin-top:118px;}
.f3_bottom div:hover,.f3_bottom div.on{color: #fff;}

/*f4*/
.f4{z-index:-1;top:0;left:0;width:100%;opacity:0;filter:alpha(opacity=0);position:absolute;background-color: #0a64cb;overflow: hidden;}
.f4.on{z-index:800;opacity:1;filter:alpha(opacity=100);position: relative;}
.f3+.f4{display: block;;}
.f4 .f1_tit{margin-bottom:40px;}
.f4 .f1_tit b{color: #fff;}
.f4 .f1_tit span{color: #84a3db;}
.f4 .f1_tit a{color: #fff;border:1px solid  #fff;background-color: #0a64cb;}
.f4 .f1_tit a:hover{border-color:  #84a3db;color:#84a3db;}

.f4_bottom{width:1800px;margin:0 auto 40px auto; position:relative;   }
.f4_bottom .hd{height: 80px;}
.f4_bottom .hd ul{margin-top:-80px; overflow:hidden; zoom:1; text-align: center; }
.f4_bottom .hd ul li{font-size:0;display:inline-block;margin:0 9px;width: 14px;height: 14px;border-radius: 50%;background-color: #3b83d5;}
.f4_bottom .hd ul li.on{background-color: #fff; }

.f4_bottom .bd ul{ overflow:hidden; zoom:1; }
.f4_bottom .bd ul li{ width: 300px; float:left; _display:inline; overflow:hidden; }
.f4_a{position:relative;display: block;height: 100%;}
.f4_a b{display: block;width: 100%;height: 85%;}
.f4_a b img{display: block;width: 100%;height: 100%;}
.f4_a span{display: block;color: #b9caeb;text-align: center;margin-top:18px;}
.f4_a i{transform:scale(.4);-webkit-transform:scale(.4);opacity:0;filter:alpha(opacity=0);transition:.5s;-webkit-transition:.5s;margin:-40px 0 0 -24px;position: absolute;left:50%;top:50%;width: 47px;height: 47px;background: url("../images/f4_03.png") no-repeat center;}
.f4_a:hover i{transform:scale(1);-webkit-transform:scale(1);opacity:1;filter:alpha(opacity=100);}

.f4_bottom>i{z-index:100;top:80px;width: 290px;height:219px;position: absolute;background: rgba(0,0,0,0.5);}
.f4_bottom>i.f4_bottom_iright{left:auto;right:10px;}

/*f5*/
.f1_tit+.f5_bottom{display: block;}
.f5_bottom{display:none;overflow: hidden;margin-bottom:60px;}
.f5_right{float: right;overflow: hidden;width: 530px;height: 315px;}
.f5_right img{display: block;width: 100%;height: 100%;}
.f5_left{float: left;}
.f5_left li{transition:.5s;-webkit-transition:.5s;width:610px;overflow:hidden;margin-bottom:10px;padding:20px;background-color: #fff;border:1px solid #e5e5e5;}
.f5_ul_left{transition:.5s;-webkit-transition:.5s;line-height:36px;width:60px;margin-left:10px;font-size:36px;color:#424b56;float: left;border-right:1px solid #d2d2d2;}
.f5_ul_left span{transition:.5s;-webkit-transition:.5s;  margin-left: 12px;line-height:18px;display: block;font-size: 18px;color: #999;}
.f5_ul_right{float: left;margin-left:20px;}
.f5_ul_right h2{margin-bottom:3px;width: 390px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.f5_ul_right h2 a{transition:.5s;-webkit-transition:.5s;color: #262626;font-size: 15px;}
.f5_ul_right div{transition:.5s;-webkit-transition:.5s;width:263px;height:34px;overflow:hidden;font-size: 12px;line-height: 18px;color: #999;}
.f5_left li:hover{background-color: #2882e8;}
.f5_left li:hover .f5_ul_left{color: #fff;}
.f5_left li:hover .f5_ul_left span{color: #fff;}
.f5_left li:hover .f5_ul_right h2 a{color: #fff;}
.f5_left li:hover .f5_ul_right div{color: #fff;}

/*客服*/
.qqkefu{
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 10000;
    right: 10px;
    bottom:10px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:#232323;
    line-height:45px;
    font-size:12px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background:#2882e8;
}
.qqkefu ul li.top{
    background:url("../images/back.png") no-repeat center #232323;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background:url("../images/back.png") no-repeat center #2882e8;
}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}
.qqkefu ul li span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li b.a{
    background:url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    position: absolute;
    right: -5px;
    top: 122px;
}

.cont_nav{margin-bottom: 20px;}
.bread{margin:20px 0 ;height:30px;line-height:30px;color: #666;text-align: right;font-size:14px;}
.bread a{color: #666;}
.bread a:hover{color: #2882e8;}


.ja_environment{ width:1300px;  overflow:hidden; position:relative;margin: 0 auto 110px;}
.ja_environment .hd{ overflow:hidden;}
.ja_environment .hd .prev,
.ja_environment .hd .next{ display:block;  width:35px; height:48px;position: absolute;top:50%;margin-top: -34px; z-index: 2;   overflow:hidden;  cursor:pointer;}
.ja_environment .hd .prev{background: url("../images/junan_1.png") no-repeat center rgba(0,0,0,0.5);left: 0;}
.ja_environment .hd .next{background: url("../images/junan_2.png") no-repeat center rgba(0,0,0,0.5);right: 0;}
.ja_environment .hd a:hover{background-color:#2882e8;}
.ja_environment .hd .pageState{display: none; line-height: 38px;color: rgba(235,235,235,0.5);font-size: 14px;float: left; text-align: center;width: 45px;}
.ja_environment .hd .pageState span{line-height: 38px;color: rgba(235,235,235,0.5);}
.ja_environment .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display: none;}
.ja_environment .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.ja_environment .hd ul li.on{ background-position:0 0; }
.ja_environment .bd{width: 1200px;margin: 0 auto;}
.ja_environment .bd ul{ overflow:hidden; zoom:1; }
.ja_environment .bd ul li{width: 305px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.ja_environment .bd ul li .pic{width: 285px;height: 175px;overflow: hidden;margin-bottom: 20px;}
.ja_environment .bd ul li .pic img{display: block;width: 100%; height: 175px; -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}