@charset "UTF-8";

/*header*/
.header{font-size:12px;color:#fff;height: 37px;line-height: 37px;background-color: #005ca1;}
.lun{margin-top:9px;overflow:hidden;position:relative;float: right;line-height:18px;width: 78px;height:18px;border-radius:9px;border:1px solid #fff;}
.lun a{transition:2s;-webkit-transition:2s;text-align:center;width:39px;line-height:18px;color:#fff;float: left;position: relative;z-index: 100;}
.lun a.on{color: #005ca1;}
.lun i{z-index:99;display: block;position: absolute;background-color: #fff;left:-1px;top:0;border-radius:7px;height:18px;width: 44px;}
.header_div{float: right;}
.header_div span{float: left;margin-right:37px;}
.header_div span img{display: inline-block;margin-right:5px;}

/*nav*/
.nav{height:100px;}
.logo{margin-top:19px;float: left;width:143px;height:63px; overflow: hidden;}
.logo img{display: block;width: 100%;height:100%;}
.nav_right{float:right;line-height: 96px;}
.nav_right a{transition:.5s;-webkit-transition:.5s;margin-left:38px;color:#191d20;padding:0 5px;border-top:4px solid transparent;display:inline-block;vertical-align:middle;}
.cont_img{position: relative;height:300px;}
.nav_right a:hover,.nav_right a.on{border-color: #005ca1;}

/*面包屑*/
.bread{margin-bottom:75px;text-align:right;font-size:14px;color:#7a7a7a;height:53px;background-color: #f6f6f6;line-height: 53px;}
.bread a{color:#7a7a7a;}
.bread a:hover{color: #505050;}
.bread img{display: inline-block;margin-right:3px;}

/*主体左侧*/
.cont_left{position:relative;float: left;width: 235px;margin-bottom:30px;}
.left_top{background-color:#005ca1;font-size:21px;line-height:113px;text-align: center;color: #fff;height:113px;}
.left_ul li{border-bottom:1px solid #e0e0e0;}
.left_ul li>span{cursor: pointer;}
.left_ul li>span a{transition:.5s;-webkit-transition:.5s;display:block;font-size:16px;color:#5e5e5e;text-indent:27px;line-height: 65px;height:65px;}
.left_ul li>span:hover a,.left_ul li>span.on a{color:#191d20;background: url("../images/left_03.jpg") no-repeat left center;}
.left_ul li div{display:none;padding-bottom:24px;margin-left:30px;}
.left_ul li div a{transition:.5s;-webkit-transition:.5s;text-indent:30px;line-height:40px;height:40px;display: block;font-size: 14px;color: #5e5e5e;}
.left_ul li div a:hover,.left_ul li div a.on{background: url("../images/left_07.jpg") no-repeat left center;}

.cont_right{float: right;width: 815px;}
.right_tit{border-top:1px solid #e0e0e0;text-align: center;font-size: 21px;color: #191d20;height:98px;line-height:98px;}
.pro_a{transition:.5s;-webkit-transition:.5s;width:250px;float: left;border:1px solid #e5e5e5;margin:0 27px 27px 0;}
.pro_a.last{margin-right:0;}
.pro_a b{display: block;width: 250px;height:250px;overflow: hidden;}
.pro_a b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.pro_a h2{display: block;font-size: 14px;color: #191d20;margin:20px;width:200px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.pro_a p{overflow:hidden;width:215px;margin:0 0 20px 20px;height:60px;font-size: 12px;line-height: 21px;color: #575757;}
.pro_a:hover{box-shadow: 0 4px 15px #dededf;border-color: #efeff0;}
.pro_a:hover b img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*page*/
.page{margin:20px 0 65px 0;text-align: center;font-size:0;}
.page a{transition:.5s;-webkit-transition:.5s;line-height:28px;width:28px;height:28px;border-radius:50%;margin:0 5px;display: inline-block;vertical-align: middle;font-size: 16px;color: #525252;}
.page a.page_prev{margin-right:30px;border-radius: 0;background: url("../images/header_22.png") no-repeat center #525252;}
.page a.page_next{margin-left:30px;border-radius: 0;background: url("../images/header_25.png") no-repeat center #525252;}
.page a.frist{margin-left:30px;border-radius: 0;background: url("../images/header_25.png") no-repeat center #525252;display:none;}
.page a:hover,.page a.on{background-color: #005ca1;color: #fff;}

/*友情链接*/
.yq{color: #cbd7e6;background-color:#005ca1;line-height: 70px;border-bottom:1px solid #2b77b1;}
.yq a{color: #cbd7e6;font-size:12px;margin-left:79px;display:inline-block;}
.yq a:hover{color: #fff;}
.yq a:first-child{margin-left:0;}

/*footer*/
.footer{color: #cbd7e6;background-color:#005ca1;border-bottom:1px solid #2b77b1;}
.foot{overflow:hidden;position:relative;height:33px;line-height:33px;color: #cbd7e6;background-color:#005ca1;text-align: center;font-size: 12px;}
.foot a{color: #cbd7e6;display: inline-block;margin-right:10px;}
.foot a:hover{color: #fff;}
.footer_left{font-size:14px;color: #fff;margin-top:40px;height:85px;width:285px;float: left;padding-left:70px;background: url("../images/header_29.png") no-repeat ;}
.footer_left span{font-family: 'HelveticaLTStd-Roman';display: block;font-size: 32px;}
.footer_right{float: right;text-align: right;margin-top:48px;font-size:14px;color: #fff;line-height: 20px;}

/*faq*/
.cont_div{font-weight:bold;position:absolute;width:100%;top:93px;text-align: center;color: #fff;font-size: 30px;text-transform: uppercase;}
.cont_div b{display: block;}
.left_cp_tit{transition:.5s;-webkit-transition:.5s;display:block;border-bottom:1px solid #e0e0e0;text-indent:32px;font-size:21px;color:#191d20;background:url("../images/faq_15.png") no-repeat 180px 33px #f6f6f6;height:75px;line-height: 75px;}
.left_cp{margin-top:30px;background-color: #f6f6f6;height:365px;}
.left_cp_tit:hover{background:url("../images/faq_15.png") no-repeat 185px 33px #f6f6f6;}
/*推荐产品*/
.left_cp_bottom{margin:28px auto; width:170px;  overflow:hidden; position:relative;   }
.left_cp_bottom .hd{ overflow:hidden;  width: 90px;height:22px;margin:0 auto;}
.left_cp_bottom .hd .prev,.left_cp_bottom .hd .next{border-right:1px solid #e5e5e5;transition:.5s;-webkit-transition:.5s;background:url("../images/header_22.png") no-repeat center #989898;float: left; display:block; width:44px;height:22px;overflow:hidden;cursor:pointer;}
.left_cp_bottom .hd .next{border:none; background:url("../images/header_25.png") no-repeat center #989898; }
.left_cp_bottom .hd ul{overflow:hidden; zoom:1;}
.left_cp_bottom .hd .prev:hover,.left_cp_bottom .hd .next:hover{background-color: #525252;}
.left_cp_bottom .bd ul{ overflow:hidden; zoom:1; }
.left_cp_bottom .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;  }
.left_cp_bottom .bd ul li .pic{ text-align:center; width:170px; height:175px;overflow: hidden;}
.left_cp_bottom .bd ul li .pic img{transition:.5s;-webkit-transition:.5s; width:170px; height:175px; display:block;  }
.left_cp_bottom .bd ul li .title{line-height: 24px;margin:8px 0; }
.left_cp_bottom .bd ul li .title a{ color: #5e5e5e;}
.left_cp_bottom .bd ul li:hover .pic img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*下载推荐*/
.left_down{margin:30px 0;background-color: #f6f6f6;overflow: hidden;}
.left_down_ul{margin:23px auto;width:180px;}
.left_down_ul li{width:160px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;font-size: 14px;padding-left:20px;background: url("../images/faq_19.png") no-repeat left 5px;margin-bottom:15px;}
.left_down_ul li a{color: #5e5e5e;}
.left_down_ul li a:hover{color: #005ca1;}

.faq li:after { clear: both; display: block; content: '' }
.faq li{zoom:1;border-top:1px dashed #cbcbcb;padding-top:30px;}
.faq li:first-child{border:none;padding-top:0;}
.faq li a{transition:.5s;-webkit-transition:.5s;font-size:15px;color:#fff;height:43px;line-height:43px;background:url("../images/faq_03.png") no-repeat 15px center #9a9ea7;padding-left:55px;display: block;}
.faq_div{transition:.5s;-webkit-transition:.5s;margin:23px 0 30px 0;background:url("../images/faq_11.png") no-repeat 24px 26px #f7f7f7;position:relative;width: 770px;float: right;padding:20px 0;}
.faq_div p{margin-left:70px;width: 675px;font-size: 14px;color: #616469;line-height: 25px;}
.faq_div>img{position: absolute;top:-11px;left:47px;}
.faq li:hover a{background:url("../images/faq_03.png") no-repeat 15px center #005ca1;color: #fff;}
.faq li:hover .faq_div{box-shadow: 0 7px 10px  #c9c9c9;}

/*download*/
.down{margin-bottom:60px;}
.down_a{transition:.5s;-webkit-transition:.5s;margin-bottom:20px;height:60px;line-height:60px;background-color:#f6f6f6;color:#5e5e5e;display: block;overflow: hidden;}
.down_a_left{width:500px;margin-left:30px;float:left;font-size: 14px;}
.down_a_right{float: right;width: 225px;margin-right:25px;}
.down_a_right i{margin:0 23px;width:1px;height:13px;background-color:#b3b3b3;display: inline-block;vertical-align: middle;}
.down_a_right b{color:#5e5e5e;transition:.5s;-webkit-transition:.5s;background:url("../images/down_08.png") no-repeat right center;padding-right:35px;display: inline-block;font-weight: normal;}
.down_a:hover{background-color: #005ca1;color: #fff;}
.down_a:hover .down_a_right b{color: #fff;background:url("../images/down_05.png") no-repeat right center;}
.down+.page{margin-bottom:145px;}

/*service*/
.ser_f1{overflow: hidden;}
.ser_f1 div{width:184px;float: left;text-align: center;}
.ser_f1 div span{margin:0 auto;font-size:19px;color:#191d20;width:165px;height:55px;padding-top:110px;border:1px solid #e5e5e5;display: block;border-radius: 50%;}
.ser_f1 div p{margin-top:14px;font-size: 14px;color: #5e5e5e;line-height: 22px;}
.ser_f1_div1 span{background: url("../images/ser_03.png") no-repeat center 30px;}
.ser_f1_div1:hover span{background: url("../images/ser1_03.png") no-repeat center 30px;}
.ser_f1_div2 span{background: url("../images/ser_05.png") no-repeat center 30px;}
.ser_f1_div2:hover span{background: url("../images/ser1_05.png") no-repeat center 30px;}
.ser_f1_div3 span{background: url("../images/ser_08.png") no-repeat center 30px;}
.ser_f1_div3:hover span{background: url("../images/ser1_08.png") no-repeat center 30px;}
.ser_f1_div2{margin:0 130px;}
.ser_f1 div:hover span{color: #005ca1;}
/*2*/
.ser_f2{overflow:hidden;background-color: #f6f6f6;margin:35px 0;}
.ser_f2>span{margin:40px 0;font-size:21px;color:#5e5e5e;display: block;text-align: center;}
.ser_f2 ul{font-size: 14px;color: #5e5e5e;line-height: 27px;width:740px;margin:0 auto;}
.ser_f2>b{margin:40px auto 50px auto;font-weight:normal;font-size:19px;display: block;width: 310px;height:70px;line-height: 70px;text-align: center;background-color: #005ca1;color: #fff;}
/*3*/
.ser_f3{overflow: hidden;margin:40px 0 125px 0;}
.ser_f3_div{margin-left:9px;text-align:center;float: left;width: 402px;}
.ser_f3 .ser_f3_div:first-child{margin-left:0;}
.ser_f3_div span{font-size:19px;color:#5e5e5e;margin-bottom:20px;display: block;}
.ser_f3_div div{background-color:#f6f6f6;color: #5e5e5e;font-size: 14px;height:48px;line-height: 48px;}

/*news*/
.news{margin-bottom:5px;}
.news_f1{margin-bottom:25px;transition:.5s;-webkit-transition:.5s;overflow: hidden;padding:22px 12px;}
.news_left{float: left;overflow: hidden;width: 235px;height:130px;}
.news_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.news_right{position:relative;float: left;margin-left:32px;width: 520px;}
.news_right h2{margin:13px 0;}
.news_right h2 a{display: block;color: #191d20;font-size:16px;}
.news_right p{width:430px;height:45px;overflow: hidden;font-size:14px;color: #5e5e5e;line-height: 21px;}
.news_right span{display: block;color: #5e5e5e;font-size: 12px;margin-top:22px;}
.new_a{right:0;top:50%;margin-top:-14px;position: absolute;width: 28px;height:28px;background:url("../images/header_25.png") no-repeat center #5e5e5e;}
.news_f1:hover{background-color: #fff;box-shadow: 0 10px 30px #eaeaea;}
.news_f1:hover .new_a{background-color: #005ca1;}
.news_f1:hover .news_left img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*solution*/
.solution{margin-bottom:70px;}
.solutions{margin-bottom:30px;}
.sol_a{transition:.5s;-webkit-transition:.5s;margin:0 25px 35px 0;float: left;width: 255px;height:255px;overflow: hidden;position: relative;}
.sol_a.last{margin-right:0;}
.sol_a img{display: block;width: 100%;height:100%;}
.sol_a div{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);text-align:center;background:rgba(0,0,0,0.8);color:#fff;position: absolute;width: 100%;height:100%;top:0;left:0;overflow: hidden;}
.sol_a div span{transition:.8s;-webkit-transition:.8s;margin-top:75px;display: block;font-size: 16px;}
.sol_a div i{margin:18px auto;display: block;width: 22px;height:2px;background-color: #bbb;}
.sol_a div p{color: #d4d4d4;}
.sol_a:hover{box-shadow: 0 5px 15px #a7a7a7;}
.sol_a:hover div{opacity:1;filter:alpha(opacity=100);}
.sol_a:hover div span{margin-top:70px;}

/*new*/
.new_tit{height:150px;border-top:1px solid #e0e0e0;text-align: center;font-size: 14px;color: #5e5e5e;}
.new_tit h1{font-size: 21px;color: #191d20;margin:45px 0 14px 0;}
.new_tit span{display: inline-block;margin-right:20px;}
.new_tj{overflow: hidden;margin:25px 0 70px 0;}
.tl_tit{border-top: 1px solid #e0e0e0;padding:30px 0;font-size: 21px;color: #191d20;}
.tl_tit i{margin-right:20px;width:3px;height:13px;background-color:#5e5e5e;display: inline-block;vertical-align: middle;}
.new_tj ul{overflow: hidden;}
.new_tj ul li{margin:0 30px 7px 0;width:335px;float: left;padding-left:20px;background: url("../images/faq_19.png") no-repeat left 5px;}
.new_tj ul li a{width:100%;display: block;color: #5e5e5e;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.new_tj ul li.last{margin-right:0;}
.bq{padding-left:10px;margin-top:30px;height:30px;color: #333;font-size: 14px;line-height: 24px;}
.bq a{color: #666;display:inline-block;margin-right:10px;}
.bq a:hover,.new_tj ul li a:hover{color: #005ca1;}
.other_pro{margin-bottom:70px;}

/*contact*/
.contact{border-top:1px solid #e0e0e0;margin-bottom:80px;}
.contact_f1{margin-top:45px;overflow: hidden;}
.contact_left{width:400px;height:315px;float: left;overflow: hidden;}
.contact_left img{display: block;width: 100%;height:100%;}
.contact_right{width:375px;float: left;margin-left:35px;}
.contact_right div{margin:20px 0;font-size: 14px;color: #5e5e5e;line-height: 18px;}
.contact_right span{display: block;font-size: 14px;color: #5e5e5e;line-height: 24px;}

/*join*/
.join_f1{margin-bottom:35px;font-size:14px;color:#5e5e5e;line-height:27px;border-top:1px solid #e0e0e0;padding-top:40px;}

.zhiw{overflow:hidden;margin-bottom:80px;}
.zhiw li{margin-bottom:18px;background: #fff;padding:20px;border:1px solid #ebebeb;}
.zpzw{cursor:pointer;overflow:hidden;transition:.5s;color: #9e9e9e;font-size:14px;line-height:24px;background: url("../images/join_03.jpg") no-repeat  right 30px;}
.zpzw_on,.zhiw li:hover .zpzw{background: url("../images/join_06.jpg") no-repeat  right 30px;}
.zpzw span{float:left;width:670px;padding-bottom:5px;display: block;font-size:18px;line-height: 24px;color: #353535;}
.zpzw b{width:70px;text-align:right;font-weight:normal;float: right;color: #9e9e9e;font-size: 13px;font-family: Arial;}
.zpzw p{float: left;width: 100%;}
.zwyq{overflow:hidden;display:none;margin:15px 0 30px 0;position: relative;width:772px;}
.zwyq div{margin-top:38px;float:left;border-top:1px solid #e2e2e2;font-size:13px;color:#9e9e9e;line-height:28px;width:772px;}
.zwyq div span{padding:30px 0 15px 0;font-size: 18px;color: #535353;display: block;}
.zwyq a{right:0;bottom:10px;transition:.5s;display:block;position:absolute;background-color:#005ca1;font-size:14px;line-height:40px;width:110px;height:40px;text-align:center;color: #fff;}
.zwyq a:hover{background-color: #004b87;}
.zwyq div:first-child{margin-top:0;}
.zpzw_on span,.zhiw li:hover .zpzw span{color: #005ca1;}

/*case*/
.case_a{float: left;margin:0 24px 27px 0;width: 255px;}
.case_a.last{margin-right:0;}
.case_a b{display: block;width: 255px;height:232px;overflow: hidden;}
.case_a b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.case_a span{transition:.5s;-webkit-transition:.5s;margin-top:15px;font-size:14px;color:#191d20;display: block;text-align: center;}
.case_a:hover b img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.case_a:hover span{color: #005ca1;}
.case+.page{margin-top:10px;}

/*case-page*/
.case_page{padding-top:45px;font-size: 14px;color: #5e5e5e;line-height: 27px;border-top:1px solid #e0e0e0;}

/*product*/
.cp_f1{overflow: hidden;}
.cp_f1_left{float: left;width: 370px;}
/*图片放大镜样式*/
.jqzoom{position:relative;cursor:pointer;display:block;width: 370px;height: 395px;}
.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{clear:both;margin-top:11px;width:370px;*margin-bottom: 20px;}
.spec-scroll .items{float:left;position:relative;width:370px;height:88px;overflow:hidden;margin-bottom: 20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:88px;}
.spec-scroll .items ul li{float:left;width:95px;text-align:center;}
.spec-scroll .items ul li img{width:82px;height:82px;cursor: pointer;}
.cp_f1_right{width: 390px;float:right;}
.cp_f1_right h1{margin:26px 0 35px 0;font-size: 21px;color: #191d20;}
.cp_f1_right div{font-size: 14px;color: #5e5e5e;line-height: 33px;}
.cp_a{transition:.5s;-webkit-transition:.5s;margin-top:40px;text-indent:80px;display:block;color:#fff;line-height:52px;width: 176px;height:52px;background:url("../images/cp_03.png") no-repeat 52px center #525252;}
.cp_a:hover{background-color: #424242;}
.cp_f2{margin:45px 0 40px 0;overflow:hidden;height: 52px;line-height: 52px;background-color: #f6f6f6;}
.cp_f2 span{cursor:pointer;transition:.5s;-webkit-transition:.5s;text-align:center;width:127px;font-size:16px;color:#5e5e5e;float: left;position: relative;}
.cp_f2 span i{transition:.5s;-webkit-transition:.5s;top:19px;display:block;width:1px;height:14px;background-color:#bebebe;position: absolute;right:0;}
.cp_f2 span:hover,.cp_f2 span.on{color: #fff;background-color: #005ca1;}
.cp_f2 span:hover i,.cp_f2 span.on i{background-color: #005ca1;}
.cp_f2_bottom{display: none;padding:0 0 40px 0;}

.other_cp{margin-bottom:60px;padding-top:45px;border-top:1px solid #e0e0e0;}
.other_cp_a{margin:0 27px 27px 0;transition:.5s;-webkit-transition:.5s;float: left;width: 253px;}
.other_cp_a.last{margin-right:0;}
.other_cp_a b{display: block;width: 253px;height: 270px;overflow: hidden;}
.other_cp_a b img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.other_cp_a span{display: block;text-align: center;height:52px;line-height: 52px;}
.other_cp_a:hover{box-shadow: 0  5px 15px #dededf;}
.other_cp_a:hover b img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*about*/
.about_f1{padding-top:50px;border-top:1px solid #e0e0e0;margin-bottom:45px;}
.about_f1_div{margin-bottom:45px;background-color:#f6f6f6;overflow: hidden;height:327px;}
.about_f1_left{float: left;overflow: hidden;width: 407px;height:327px;}
.about_f1_left img{display: block;width: 100%;height:100%;}
.about_f1_right{width:310px;float: left;margin-left:55px;}
.about_f1_right h2{margin:75px 0 25px 0;font-size: 21px;color: #191d20;}
.about_f1_right p{font-size: 14px;line-height: 24px;color: #5e5e5e;height:174px;overflow: hidden;}
/*2*/
.about_f2{overflow: hidden;}
.about_f2 span{margin-bottom:45px;overflow:hidden;font-size:16px;color:#5e5e5e;text-align:center;border:1px solid #e2e2e2;display: block;float: left;width: 148px;height:148px;border-radius: 50%;}
.about_f2 span img{transition:.5s;-webkit-transition:.5s;display: block;margin:37px auto 22px auto;}
.about_f2_span{margin:0 178px;}
.about_f2 span:hover img{transform: rotate(360deg);-webkit-transform:rotate(360deg)}
/*3*/
.about_f3{margin-bottom:55px;overflow:hidden;font-size:14px;color:#5e5e5e;line-height:24px;position: relative;}
.about_f3_left{z-index:100;position:relative;text-align:right;padding-right:30px;background:url("../images/about_13.png") no-repeat right 15px;float: left;width: 381px;margin:20px 400px 0 0;}
.about_f3_right{z-index:100;position:relative;padding-left:30px;background:url("../images/about_13.png") no-repeat left 20px;float: right;width: 381px;margin:30px 0 0 400px;}
.about_f3 span{transition:.5s;-webkit-transition:.5s;display: block;color: #005ca1;}
.about_f3_left p,.about_f3_right p{width:380px;transition:.5s;-webkit-transition:.5s;}
.about_f3_left p{float: right;}
.about_f3 i{z-index:80;position:absolute;display: block;width: 1px;height:10000px;top:0;left:50%;background-color: #e0e0e0;}
.about_f3_left:hover span,.about_f3_left:hover p{margin-right:5px;}
.about_f3_right:hover span,.about_f3_right:hover p{margin-left:5px;}

/*4*/
.about_f4{overflow:hidden;zoom:1;margin-bottom:55px;position:relative; }
.about_f4 .piclist{ overflow:hidden; zoom:1;}
.about_f4 .ohbox,.about_f5 .ohbox{overflow:hidden; position:relative;width:100%;left:0;}
.about_f4 .piclist li,.about_f5 .piclist li{float:left; display:inline; width:257px;border:1px solid #e0e0e0;margin-right:19px;}
.about_f4 .piclist li img{margin:22px auto;transition:.5s;-webkit-transition:.5s;display: block;width: 167px;height:246px;}
.about_f4 .pageBtn span,.about_f5 .pageBtn span{transition:.5s;-webkit-transition:.5s; display:block;width:28px;height:28px;position:absolute;top:50%;margin-top:-14px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.about_f4 .pageBtn .prev,.about_f5 .pageBtn .prev{left:0;background:url("../images/header_22.png") no-repeat center #525252;}
.about_f4 .pageBtn .next,.about_f5 .pageBtn .next{right:0;background:url("../images/header_25.png") no-repeat center #525252;}
.about_f4 .pageBtn span:hover,.about_f5 .pageBtn span:hover{background-color: #005ca1;}
.about_f4 .pageBtn .list,.about_f5 .pageBtn .list{overflow:hidden;zoom:1;width: 0;height:0;color: transparent; }
.about_f4 .piclist li:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
/*5*/
.about_f5{margin-bottom:60px;position:relative;overflow:hidden;zoom:1;}
.about_f5 .piclist{ overflow:hidden; zoom:1;}
.about_f5 .piclist li img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.about_f5 .piclist li{margin-right:17px;width:258px;height:290px;}
.about_f6{margin:10px 0 85px 0;}
.about_f5 .piclist li:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*banner*/
.flexslider{ position:relative; clear: both; overflow:hidden;z-index: 99; }
.flexslider .slides li{position:relative;}
.flexslider .slides li a{display: block;width: 100%;}
.flexslider .slides li a img {display: block; width: 100%; }
.flex-direction-nav a{background:url(../images/ad_ctr.png) no-repeat;transition:1s;-webkit-transition:1s;color:transparent;position:absolute;top:50%;width:60px;height:90px;line-height:90px;overflow:hidden;margin:-45px 0 0;display:block;  z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.flex-direction-nav .flex-next{right:0;background-position:0 -90px;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}

/*banner 文字*/
.slide{left:20%;top:30%;font-weight:lighter;color:#fff;position: absolute;}
.slide h2{color:#fff;font-size: 45px;font-weight:lighter;}
.slide b{display: block;font-weight:lighter;margin:43px 0 68px 0;font-size: 20px;}
.slide span{text-align:center;display: block;width: 132px;height:38px;line-height: 38px;background-color: #005ca1;border-radius: 19px;color: #fff;}


/*f1*/
.f1{margin-bottom:70px;}
.index_tit{margin:75px 0 50px 0;text-align: center;font-size: 27px;color: #0f1620;}
.index_tit span{margin-top:3px;display: block;font-size: 14px; font-family: 'HelveticaLTStd-Roman';}
.f1_pro{transition:.5s;-webkit-transition:.5s;position:relative;margin-left:12px;float: left;width: 266px;}
.wrap .f1_pro:first-child{margin-left:0;}
.f1_pro>b{display: block;width: 266px;height:266px;}
.f1_pro>b img{display: block;width: 100%;height:100%;}
.f1_pro>i{transition:.7s;-webkit-transition:.7s;opacity:0;filter:alpha(opacity=0);top:0;display: block;position: absolute;width:100%;height:287px;background: url("../images/f1_03.png") no-repeat center #000;left:0; }
.f1_name{z-index:80;top:247px;left:0;background:rgba(15,22,32,0.85);color:#fff;height:40px;line-height:40px;display:block;position: absolute;width: 100%;text-align: center;}
.f1_sm{display:none;margin-top:-40px;position:relative;z-index:100;overflow:hidden;color: #fff;background-color: #005ca1;}
.f1_sm div{padding:15px 20px;font-size:12px;line-height:18px;border-top:1px solid #2674af;}
.f1_sm div:first-child{border:none;}
.f1_sm div span{font-size:14px;margin-bottom:10px;display: block;}
.f1_pro:hover>i{opacity:0.5;filter:alpha(opacity=50);}
.f1_pro:hover{box-shadow: 0 10px 20px #c1d7e8;}

/*f2*/
.f2{background: url("../images/f2bg_03.jpg") repeat-x;overflow:hidden;}
.f2_tit{margin-bottom:33px;text-align: center;font-size: 0;}
.f2_tit span{cursor:pointer;margin:0 7px;transition:.5s;-webkit-transition:.5s;line-height:28px;font-size:14px;color:#0f1620;width:112px;height:28px;border-radius:14px;position:relative;vertical-align:middle;display: inline-block;}
.f2_tit span i{position:absolute;width:1px;height:14px;background-color:#b0b2b5;display: block;right:-5px;top:7px;}
.f2_tit span:hover,.f2_tit span.on{background-color: #005ca1;color: #fff;}
.f2_tit span:hover i,.f2_tit span.on i{background-color:transparent;}
.f2_bottom{display: none;}
.f2_a{margin:0 3px 3px 0;float: left;width: 364px;height:364px;overflow: hidden;}
.f2_a.last{margin-right:0;}
.f2_a img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.f2_a:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.f2_more{transition:.5s;-webkit-transition:.5s;color:#fff;line-height:50px;text-indent:65px;font-size:14px;width:208px;height:50px;border-radius:25px;background:url("../images/f2_03.png") no-repeat 138px center #005ca1;display: block;margin:44px auto 63px auto;}
.f2_more:hover{box-shadow:0 5px 10px #b5d0e4;background:url("../images/f2_03.png") no-repeat 145px center #00498d;}

/*f3*/
.f3{border-top:1px solid #cfd0d2;overflow:hidden;background: url("../images/f3bg_02.jpg") no-repeat top center;}
.f3_f1{margin:55px 0;text-align: center;font-size: 0;}
.f3_f1 span{transition:.5s;-webkit-transition:.5s;margin:0 36px;font-weight:bold;font-size:20px;color:#fff;display: inline-block;border-radius: 50%;width:166px;height:166px;line-height: 166px;}
.f3_span1{text-shadow:#f08985 5px 5px 5px;background: url("../images/f3_03.png") no-repeat center;}
.f3_span2{text-shadow:#9794d1 5px 5px 5px;background: url("../images/f3_05.png") no-repeat center;}
.f3_span3{text-shadow:#e9af85 5px 5px 5px;background: url("../images/f3_07.png") no-repeat center;}
.f3_span4{ text-shadow:#81c9ed 5px 5px 5px;background: url("../images/f3_09.png") no-repeat center;}
.f3_span1:hover{box-shadow:0 5px 10px #f08985;}
.f3_span2:hover{box-shadow:0 5px 10px #9794d1;}
.f3_span3:hover{box-shadow:0 5px 10px #e9af85;}
.f3_span4:hover{box-shadow:0 5px 10px #88d0f4;}
.f3_tit{font-size:20px;width:240px;position:relative;text-align: center;margin:0 auto;background-color: #575c64;color: #fff;height:58px;line-height: 58px;}
.f3_tit img{margin-left:-6px;bottom:-11px;width:13px;height:11px;display: block;position: absolute;left:50%;}
.f3_sc{margin:45px 0 60px 0;position:relative;}
.f3_sc>i{z-index:80;position:absolute;top:118px;left:0;display: block;width: 100%;height:1px;background-color: #ced0d2;}
.f3_gn,.f3_gw{position:relative;z-index:100;overflow: hidden;}
.f3_gn div,.f3_gw div{width:250px;font-size:14px;color:#77797c;float: left;text-align: center;}
.f3_gn div img,.f3_gw div img{display: block;margin:12px auto 0 auto;height:91px;width: 7px;}
.f3_gw div{float: right;width:250px;}
.f3_gw div img{margin:0 auto 20px auto;}
.f3_gw{margin-top:-7px;}
.f3_gw div:first-child,.f3_gn div:first-child{width: 240px;}
.f3_honor{ margin-top:65px; position:relative;  }
.f3_honor .hd{ overflow:hidden;height:0;width:0;color: transparent;  }
.f3_honor .bd ul{ zoom:1; }
.f3_honor .bd ul li{padding-bottom:15px; margin:0 8px; float:left; _display:inline;  text-align:center;  }
.f3_honor .bd ul li .pic img{transition:.5s;-webkit-transition:.5s; width:255px; height:190px; display:block; border:1px solid #ccced0; }
.f3_honor .bd ul li .pic a:hover img{ border-color:#f1f2f2; box-shadow: 0 5px 10px #e2e3e4; }
/*f4*/
.f4{overflow: hidden;border-top:1px solid #cfd0d2;}
.f4_f1{padding:40px 0 45px 0;transition:.3s;-webkit-transition: .3s;}
.f4_left{float: left;width: 257px;height:143px;overflow: hidden;}
.f4_left img{transition:.5s;-webkit-transition: .5s;display: block;width: 100%;height: 100%;}
.f4_right{transition:.5s;-webkit-transition: .5s;position:relative;float: right;width: 790px;}
.f4_right h2{margin:10px 0 20px 0;}
.f4_right h2 a{transition:.5s;-webkit-transition: .5s;color: #0f1620;font-size: 15px;}
.f4_right p{transition:.5s;-webkit-transition: .5s;font-size:13px;color:#787a7d;line-height:22px;overflow: hidden;width: 700px;height:40px;}
.f4_right span{transition:.5s;-webkit-transition: .5s; font-size:22px;color:#0f1620;font-family: 'Conv_Choplin-ExtraLight-DEMO';display: block;margin-top:20px;}
.f4_right>a{transition:.5s;-webkit-transition: .5s;background:url("../images/f2_031.png") no-repeat center;width:20px;height:8px;margin-top:-4px;display: block;position: absolute;right:0;top:50%;}
.f4_f1:hover .f4_right>a{background:url("../images/f2_03.png") no-repeat center;}
.f4_f1:hover p{color: #fff;}
.f4_f1:hover span{color: #fff;}
.f4_f1:hover h2 a{color: #fff;}
.f4_f1:hover{background-color: #005ca1;box-shadow: 0 5px 10px #cddfed;}
.f4_f1:hover .f4_left img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.f4_f1:hover .f4_right{margin-right:5px;}


/*客服*/
.qqkefu{
    position: fixed;
    bottom:50px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 2000;
    right: 30px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background: #0074bb;
    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:#e67817;
}
.qqkefu ul li.top{
    background:url("../images/back.png") no-repeat center #0074bb;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background:url("../images/back.png") no-repeat center #e67817;
}
.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;
    /*overflow: hidden;*/
}
.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;
    background:url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}
.foot a.ctmon{position: absolute;color:transparent;bottom:-50px;right:-50px;}