@charset "utf-8";

/*nav*/
/*height: 115px;后改为70px*/
.nav{/*height: 115px;background-color: #005a94;*/height: 70px;background: #FFFFFF;}
.logo{float: left;margin-top:27px;}
.logo img{float: left;width: 59px;height: 70px;}
.logo h2{color:#fff;    font-size: 16px; margin: 36px 0 0 22px;float: left;    letter-spacing: 5px;}
.nav_right{float: right;width: 845px;}
.nav_top{text-align: right;margin-top:23px;float: right;}
.nav_top a{display: inline-block;color: #fff;font-size: 12px;}
.nav_top span{margin: 0 8px;display: inline-block;width: 1px;height: 10px;background-color: #5e97bb;}
.nav_top a:hover{color: #5e97bb;}

.sous{margin:-2px 30px 0 0;float: left;height: 24px;border-radius: 12px;border: 1px solid #fff;width: 150px;}
.sous .txt{width: 120px;text-indent: 15px;height:24px;left:24px;background-color:transparent;float: left;font-size: 12px;color:#fafafa;}
.sous .sub{cursor:pointer;background:url("../images/sous.png") no-repeat center;float: left;width:30px;height: 24px;}

.nav_bottom{float:right;margin-top:19px;text-align: right;}
.nav_bottom a{transition:.5s;-webkit-transition:.5s;vertical-align:middle;display: inline-block;border:1px solid transparent;border-radius: 14px;height: 28px;line-height: 28px;margin: 0 3px;padding:0 15px;color: #fff;float: left;}
.nav_bottom a.on,.nav_bottom a:hover{border-color: #fff;}

/*faq*/
.cont_img{height: 275px;overflow: hidden;}
.bread{text-align:right;color:#666;height: 40px;line-height: 40px;background-color: #f0f0f0;}
.bread a{color: #666;}
.bread a:hover{color: #333;}
.cont_nav{z-index:100;padding:40px 0;text-align:center;width: 100%;position: relative;background-color: #fff;}
.cont_nav.on{position: fixed;top:0;left:0;padding:10px 0;box-shadow: 0 3px 7px #eee;}
.cont_nav span{transition:.5s;-webkit-transition:.5s;margin: 0 7px;border-radius:19px;height:36px;line-height:36px;display: inline-block;font-size: 16px;border:2px solid #d7d7d7;}
.cont_nav span a{transition:.5s;-webkit-transition:.5s;color: #666;display:block;padding:0 27px;}
.cont_nav span:hover,.cont_nav span.on{border-color:#005a94;background-color: #005a94;}
.cont_nav span:hover a,.cont_nav span.on a{color: #fff;}
.faq{width: 1120px;margin-bottom:75px;}
.faq div{display:none;background-color:#f4f4f4;font-size: 14px;color: #666;line-height: 26px;padding:15px 20px;width: 1080px;margin-top:10px;}
.faq li{margin-bottom:10px;}
.faq li h3{transition:.5s;-webkit-transition:.5s;cursor:pointer;height:50px;line-height:50px;text-indent: 40px;background: url("../images/faq_06.png") no-repeat 10px center #eee;}
.faq li h3 a{transition:.5s;-webkit-transition:.5s;background:url("../images/faq_03.png") no-repeat 1075px center;color: #727171;display:block;}
.faq li h3:hover,.faq li h3.on{background: url("../images/faq_13.png") no-repeat 10px center #005a94;}
.faq li h3:hover a,.faq li h3.on a{color:#fff;background:url("../images/faq_11.png") no-repeat 1075px center;}

/*footer*/
.footer{background-color: #f9f9f9;padding:48px 0 30px 0;}
.footer_left{float: left;}
.footer_left>i{float: left;margin-right:45px;width: 0;height: 117px;border-left:1px dotted #c7c7c7;}
.footer_f1{float: left;width: 110px;}
.footer_f1 a{display: block;font-size: 14px;color: #666;margin-bottom: 10px;}
.footer_f1 a:first-child{font-size: 16px;color: #000;margin-bottom:25px;}
.footer_f1 a:hover{color: #000;}
.footer_right{float:right;width: 190px;font-size: 16px;color: #000;}
.footer_right span{margin-top:25px; font-family: 'Conv_HelveticaNeue-ThinExt';display: block;font-size: 25px;color: #005a94;}
.foot{position:relative;background-color: #005a94;color: #fff;line-height: 70px;height: 70px;}
.foot a{float: right;color: #fff; margin-left: 10px;}
.foot a:hover{color: #5e97bb;}
.foot a.ctmon{font-size: 0;position: absolute;}
.yq{color: #666;padding:15px 0;background-color: #f9f9f9;line-height:20px}
.yq .main{;position:relative;padding-left: 80px;width: 1120px;}
.yq span{top:0;left:0;position: absolute;}
.yq a{color: #666;display: inline-block;}
.yq i{display: inline-block;width: 1px;height: 10px;margin:0 10px;background-color: #cecece;vertical-align:middle;}
.yq a:hover{color: #000;}

/*case*/
.case{width: 1120px;margin: 0 auto;}
.case_f1{margin: 0 30px 47px 0;float: left;position:relative;width:353px;}
.case_f1.last{margin-right:0;}
.case_f1>i{transition:.5s;-webkit-transition:.5s;width:351px;height:253px;border:1px solid #eee;display:block;overflow: hidden;}
.case_f1>i img{display:block;width: 100%;height: 100%;}
.case_f1>span{transition:.5s;-webkit-transition:.5s;display: block;text-align: center;color: #666;margin-top:18px;}
.case_f1:hover i{margin-top:-5px;}
.case_f1:hover>span{margin-bottom:5px;}
.case_div{top:0;transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);background-color:#005a94;position: absolute;left:0;width:353px;height:255px;}
.case_div span{color:#fff;top:224px;left:21px;position: absolute;}
.case_f1:hover .case_div{top:-5px;opacity:1;filter:alpha(opacity=100);}
/*page*/
.page{    margin: 30px auto;width:1120px;overflow: hidden;font-size: 0;text-align: center;}
.page a{transition:.5s;-webkit-transition:.5s;display: inline-block;width: 41px;height: 41px;border:2px solid #dedede;line-height: 41px;font-size: 16px;color: #7e7d7d;font-family: arial;margin:0 4px;}
.page a.page_prev{margin:0;float: left;background: url("../images/page_03.png") no-repeat center #d5d5d5;}
.page a.frist{display:none;}
.page a.page_next{margin:0;float: right;background: url("../images/page_05.png") no-repeat center #d5d5d5;}
.page a:hover,.page a.on{border-color: #005a94;background-color: #005a94;color: #fff;}

/*download*/
.down{width:1120px;margin: 0 auto;border:none;}
.down td{font-size:14px;color:#000;height: 42px;line-height: 42px;text-align: center;}
.down thead{background-color: #005a94;}
.down thead td{color: #fff;border-left:1px solid #17679b;}
.down thead tr td:first-child{border-left:none;}
.down td a{color: #000;}
.down td a:hover{color: #005a94;}
.down tbody tr:nth-child(even){background-color: #eee;}
.down+.page{margin:130px auto 55px auto;}

/*function*/
.fun{width: 1120px;margin:0 auto 100px auto;}
.fun_img{overflow: hidden;}
.fun_img img{margin:0 0 20px 20px ;float: left;width:550px;height: 325px; }
.fun_img img:first-child{margin-left:0;}
.other{margin-bottom:27px;font-size:22px;color:#005a94;text-align: center;}
.other span{text-transform: uppercase;font-size: 14px;color: #999;display: block;}
.other i{display:block;margin:15px auto;width: 20px;height: 1px;background-color: #d5d5d5;}
.other_div{margin-bottom:40px;}
.fun_other{position:relative;text-align: center;float: left;margin-right:30px;}
.fun_other.last{margin-right:0;}
.fun_other>span{font-size:16px;color: #333;display: block;margin-top:13px;}
.fun_other i{display: block;overflow: hidden;width: 353px;height: 210px;}
.fun_other i img{display: block;width: 100%;height: 100%;}
.fun_other_div{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);background-color:#005a94;position: absolute;top:0;left: 0;width: 353px;height: 210px;}
.fun_other_div p{margin-top:70px;color: #fff;  overflow: hidden;  height: 17px;  padding: 0 10px;}
.fun_other_div span{color: #fff;display: block;border:1px solid #fff;width: 95px;height: 28px;border-radius: 14px;line-height: 28px;margin:20px auto;}
.fun_other:hover .fun_other_div{opacity:1;filter:alpha(opacity=100);}

/*programme*/
.prog{width:1120px;margin:0 auto 100px auto;}
.cus{width:1120px;margin:0 auto;overflow: hidden;}
.cus_f1{position:relative;float: left;margin:0 20px 40px 0;}
.cus_f1.last{margin-right:0;}
.cus_f1 i{width:261px;height:261px;display: block;border:2px solid #ededed;}
.cus_f1 i img{display: block;width: 100%;height: 100%;}
.cus_f1>span{text-align:center;margin-top:15px;display: block;font-size: 20px;color: #666;}
.cus_f1>span span{font-size: 12px;}
.cus_f1_div{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);text-align:center;color:#cbd7e2;background-color:#005a94;width: 265px;height: 265px;position: absolute;top:0;left:0;}
.cus_f1_div span{color:#fff;border-radius:17px;margin:70px auto 28px auto;width:110px;height:30px;line-height:30px;text-align:center;display: block;border:2px solid #fff;}
.cus_f1_div p{width: 225px;height: 55px;overflow: hidden;margin:0 auto;}
.cus_f1:hover>span{color: #005a94;}
.cus_f1:hover .cus_f1_div{opacity:1;filter:alpha(opacity=100);}
.cus+.page{}

/*case-page*/
.case_tit{margin-bottom:35px;position: relative;text-align: center;}
.case_tit>i{position: absolute;left: 0;width: 100%;height: 2px;background-color: #dddfdf;top:15px;}
.case_tit h1{position:relative;padding-left: 18px;background-color:#fff;display: inline-block;color: #666;font-size: 26px;}
.case_tit .bshare-custom{padding-left:10px;position: relative;margin:-6px 0 0 -4px;background-color:#fff;vertical-align:text-top;display: inline-block;}
.case_tit .bshare-custom a{display: inline-block;width: 24px;height: 24px;border-radius: 50%;padding: 0;}
.case_tit .bshare-custom a.bshare-weixin{background:url("../images/fx_06.png") no-repeat center #949494;}
.case_tit .bshare-custom a.bshare-sinaminiblog{background:url("../images/fx_08.png") no-repeat center #949494;}
.case_tit .bshare-custom a.bshare-qqmb{background:url("../images/fx_03.png") no-repeat center #949494;}
.case_cont{width: 1120px;margin: 0 auto;}
.bq{margin-bottom:33px;position: relative;padding-left:45px;color: #767676;}
.bq span{position: absolute;left:0;}
.bq a{color: #767676;}
.bq a:hover{color: #005a94;}
.bq i{vertical-align:middle;display: inline-block;width: 1px;height: 10px;background-color: #e6e6e6;}
.case_page{text-align:center;margin-bottom:70px;overflow: hidden;}
.case_page_prev{text-align:left;transition:.5s;-webkit-transition:.5s;height:25px;line-height:25px;background:url("../images/case_03.png") no-repeat center left;float: left;color: #767676;padding-left:38px;}
.case_page_next{text-align:right;transition:.5s;-webkit-transition:.5s;height:25px;line-height:25px;background:url("../images/case_06.png") no-repeat center right;float:right;color: #767676;padding-right:38px;}
.case_page_prev:hover{background:url("../images/case1_03.png") no-repeat center left;}
.case_page_next:hover{background:url("../images/case1_06.png") no-repeat center right;}
.case_page .case_page_a{line-height:25px;display:inline-block;}
.case_page .case_page_a:hover{color: #005a94;}
.case-page-other{background-color: #f8f8f8;overflow:hidden;}
.case-page-other .other{margin:45px 0 25px 0;}
.case-page-other .other_div{margin-bottom: 0;}
.case-page-other .case_f1{margin-bottom:30px;}

/*news*/
.news{margin-bottom:65px;}
.news_f1{transition:.5s;-webkit-transition:.5s;overflow: hidden;border-top:1px dashed #c3c3c3;}
.news .news_f1:first-child{border-top:none;}
.new_cont{overflow: hidden;margin:35px auto;width: 1120px;}
.news_f1_left{overflow:hidden;padding:4px;float:left;width:318px;height:187px;background-color: #fff;border:1px solid #c3c3c3;}
.news_f1_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.news_f1_right{float: right;width: 750px;}
.news_f1_right h3{margin:6px 0;}
.news_f1_right h3 a{color: #333333;font-size: 16px;}
.news_f1_right span{display: block;font-size: 12px;color: #999;}
.news_f1_right p{margin-top:20px;height:67px;overflow:hidden;font-size: 14px;color: #666;line-height: 24px;}
.news_f1_right>a{transition:.5s;-webkit-transition:.5s;color:#999;border-radius:5px;float: right;width: 96px;height: 30px;border: 1px solid #d3d0ce;line-height: 30px;text-align: center;}
.news_f1:hover .news_f1_right>a{background-color: #005a94;border-color: #005a94;color: #fff;}
.news_f1:hover{background-color: #f2f2f2;}
.news_f1:hover .news_f1_left img{transform: scale(1.02);-webkit-transform: scale(1.02);}

/*new*/
.case_f1 b{opacity:0;filter:alpha(opacity=0);transition:.5s;-webkit-transition:.5s;position: absolute;top:0;left:0;display:block;width:353px;height:207px;background: url("../images/new_03.png") no-repeat center;}
.case_f1:hover b{top:-5px;opacity:1;filter:alpha(opacity=100);}
.new .case_f1 i{height: 207px;}

/*hardware*/
.hard{overflow: hidden;width: 1120px;margin: 0 auto;}
.hard_left{float: left;width: 220px;}
.hard_left_ul{ margin-bottom:37px}
.hard_left_ul li a{transition:.5s;-webkit-transition:.5s;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;padding:0 10px;display: block;color: #666;height: 40px;line-height: 40px;}
.hard_left_ul li a:hover,.hard_left_ul li a.on{background-color: #005a94;color: #fff;}
.hard_left_tit{height:30px;margin:0px 0 18px 0;border-bottom:1px solid #d0d0d0;}
.hard_left_tit span{height:29px;border-bottom:3px solid #005a94;display: inline-block;font-size: 18px;color: #666;}
.hard_left_div a{margin-bottom:15px;display: block;}
.hard_left_div a i{display: block;overflow: hidden;width: 220px;height: 142px;overflow: hidden;}
.hard_left_div a i img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.hard_left_div a span{transition:.5s;-webkit-transition:.5s;padding:0 10px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;margin-top:10px;display: block;text-align: center;font-size: 14px;color: #666;}
.hard_left_div a:hover span,.hard_right_a:hover span{color: #005a94;}
.hard_left_div a:hover i img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.hard_left_div{margin-bottom:50px;}
.hard_right{float: right;position: relative;width: 880px;}
.hard_right_cont{overflow: hidden;width:850px;float: right}
.hard_right_a{float: left;width: 275px;margin:0 11px 24px 0}
.hard_right_a.last{margin-right:0;}
.hard_right_a span{transition:.5s;-webkit-transition:.5s;display: block;text-align: center;margin-top:13px;color: #333;}
.hard_right_a i{display: block;height: 179px;width: 275px;overflow: hidden;}
.hard_right_a i img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.hard_right_a:hover i img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.hard_right .page{width: 850px;float: right;margin:40px 0 110px 0;}
.hard_right>span{display: block;position: absolute;top:0;left:0;width: 9px;height: 9px;border-radius: 3px;border:1px solid #e1e1e1;background-color: #fff;}
.hard_right>i{position:absolute;top:0;left:4px;display: block;width: 1px;border-right: 1px dashed #e9e9e9;height: 100%;}
.pro_cp{background:rgba(0,90,148,0.8);font-size:16px;color:#fff;height:55px;line-height:55px;position: absolute;width: 100%;text-align: center;left:0;bottom:0;}
.slideBox .large_box li{position: relative;}
/*hardware-page*/
.slideBox{margin-left:30px;width:850px;overflow:hidden;}
.large_box{margin-bottom:10px;width:850px;height:550px;overflow:hidden;}
.large_box img{display:block;}
.small_box{width:850px;height:155px;overflow:hidden;}
.small_list{position:relative;float:left;width:740px;height:155px;overflow:hidden;}
.small_list ul{height:155px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:240px;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:240px;height:155px;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.small_list ul li.on .bun_bg{display:block;}
.btn{transition:.5s;-webkit-transition:.5s;display: block;width: 45px;height: 155px;}
.left_btn{margin-right:10px;float: left;background: url("../images/page1.png") no-repeat center #e5e5e5;}
.right_btn{float:right;background: url("../images/page2.png") no-repeat center #e5e5e5;}
.left_btn:hover{background: url("../images/page_03.png") no-repeat center #005a94;}
.right_btn:hover{background: url("../images/page_05.png") no-repeat center #005a94;}
.hard_tit{margin:55px 0 30px 30px;width:850px;border-bottom:2px solid #ededed;}
.hard_tit span{text-align:center;display: inline-block;width: 110px;height: 38px;line-height: 38px;background-color: #005a94;color: #fff;}
.cp{width:850px;margin-left:30px;font-size: 14px;color: #666;line-height: 34px;height: 350px;overflow: auto;}
/*滚动条整体*/
.cp::-webkit-scrollbar{
    width:4px !important;
    /*滚动条宽度*/
}
/*滚动条按钮*/
.cp::-webkit-scrollbar-button {
}
.cp::-webkit-scrollbar-track{
    background-color:#e6e6e6;
    /*滑道全部*/
}
.cp::-webkit-scrollbar-track-piece{
    background-color:#e6e6e6;
    /*滑道*/
    -webkit-border-radius:4px;
    /*滑道圆角宽度*/
}
.cp::-webkit-scrollbar-thumb{
    background-color:#e6e6e6;
    /*滑动条表面*/
    border:solid 5px #005a94;
    /*滑动条边框*/
    border-radius:4px;
    /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
.cp::-webkit-scrollbar-corner {
    background-color: #eee;
}
/*横竖滚动条交角图案*/
.cp::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠标滑过滑动条*/
.cp::-webkit-scrollbar-thumb:hover{
    background-color:#eee;
}
.hard_right .bq{width: 850px;/* margin: 35px 0 25px 30px; */margin-left: 30px; margin-top:25px;}
.hard_right .case_page{width: 850px;margin: 75px 0 130px 30px;}

/*contact*/
.contact_nav{margin:50px 0 45px 0;text-align: center;}
.contact_nav a{cursor:pointer;transition:.5s;-webkit-transition:.5s;margin-left:-4px;font-size:16px;background-color: #f4f4f4;color:#666;display: inline-block;position: relative;width: 373px;height: 60px;line-height: 60px;}
.contact_nav a img{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);display: block;position: absolute;width: 12px;height: 7px;left:50%;margin-left:-6px;bottom:-7px;}
.contact_nav a:hover,.contact_nav a.on{background-color: #005a94;color: #fff;}
.contact_nav a.on img,.contact_nav a:hover img{opacity:1;filter:alpha(opacity=100);}
.contact_bottom{display:none;width: 1120px;margin:0 auto;}
.contact_f1{overflow: hidden;margin-bottom:55px;}
.contact_f1 li{color:#737373;width:250px;line-height:18px;float: left;text-align: center;}
.contact_f1 li p{margin: 0 auto;}
.contact_f1 li img{display: block;margin:0 auto;}
.contact_f1 li span{margin:7px 0 12px 0;display: block;text-align: center;color: #696868;font-weight: bold;}
.contact_f1 li:first-child+li{width: 620px;}
.map{margin-bottom:70px;overflow: hidden;width: 1120px;height: 430px;}
.map img{display: block;width: 100%;height: 100%;}
.mass{overflow: hidden;}
.mass .txt{color:#666;text-indent:30px;margin-bottom:15px;float:left;height: 36px;background-color: #fbfbfb;border:1px solid #ededed;}
.mass input.txt{margin-left:16px;width: 550px;}
.mass input.txt:first-child{margin-left:0;}
.mass textarea.txt{width: 1118px;height: 130px;padding-top:10px;}
.mass_input{text-align: center;margin-bottom:95px;}
.mass_input input{font-size:14px;cursor:pointer;transition:.5s;-webkit-transition:.5s;margin:0 9px;width:130px;height:46px;background-color:#8c8c8c;color:#fff;display: inline-block;vertical-align: middle;}
.mass_input input:hover{background-color: #005a94;}
.contact_nav+.contact_bottom{display: block;}

/*service*/
.service{width: 1120px;margin:0 auto 110px auto;}

/*about*/
.about_f1{overflow: hidden;width: 1120px;margin: 0 auto 60px auto;}
.about_f1_left{float: left;width: 460px;height: 490px;overflow: hidden;}
.about_f1_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height: 100%;}
.about_f1_right{width:625px;margin:-7px 0 0 30px;float: left;font-size: 14px;color: #666;line-height: 28px;}
.about_f1_left:hover img{transform: scale(1.02);-webkit-transform: scale(1.02);}
.about_f2{background-color: #f5f5f5;overflow: hidden;}
.about_f2_cont{width: 1120px;position:relative; margin:50px auto;}
.about_f2_cont .piclist{ overflow:hidden; zoom:1;}
.about_f2_cont .ohbox{overflow:hidden; position:relative;left:0;}
.about_f2_cont .piclist li{float:left; display:inline; width:285px;}
.about_f2_cont .piclist li a{cursor:pointer;display: block;position: relative;width: 270px;}
.about_f2_cont .piclist li img{display: block;width: 270px;height: 220px;}
.about_f2_cont .piclist li span{margin-top:10px;transition:.5s;-webkit-transition:.5s;font-size:14px;color:#666;display: block;width: 270px;text-align: center;}
.about_f2_div{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);color:#fff;overflow:hidden;background:rgba(0,90,148,0.8);position: absolute;width: 270px;height: 220px;top:0;left:0;}
.about_f2_div ul{margin:22px 0 0 35px;width: 210px;overflow: hidden;}
.about_f2_div ul li{text-indent: 40px;width: 210px;}
.about_f2_div ul li:first-child{text-indent: 0;}
.about_f2_cont .piclist li:hover .about_f2_div{opacity:1;filter:alpha(opacity=100);}
.about_f2_cont .piclist li:hover span{color: #005a94;}
.about_f2_cont .pageBtn span{ display:block;top:72px;width:34px;height:60px;position:absolute;cursor:pointer;text-indent:-999em;overflow:hidden; }
.about_f2_cont .pageBtn .prev{left:-62px;background: url("../images/about_03.png") no-repeat center;}
.about_f2_cont .pageBtn .prev:hover{background: url("../images/about1_03.png") no-repeat center;}
.about_f2_cont .pageBtn .next{right:-62px;background: url("../images/about_05.png") no-repeat center;}
.about_f2_cont .pageBtn .next:hover{background: url("../images/about1_05.png") no-repeat center;}
.about_f2_cont .pageBtn .list{overflow:hidden;zoom:1;width: 0;height: 0;font-size: 0;}


.about_f3{ width:1120px;margin:70px auto 0 auto; position:relative; }
.about_f3 .piclist{ overflow:hidden; zoom:1;}
.about_f3 .ohbox{overflow:hidden; position:relative;left:0;}
.about_f3 {position:relative;overflow:hidden;zoom:1;}
.about_f3 .piclist li{float:left; display:inline; width:390px;}
.about_f3 .piclist li a{position:relative;display: block;width: 340px;background: url("../images/about_14.png") no-repeat bottom center;}
.about_f3 .piclist li a span{height:50px;line-height:50px;margin:10px 0;color:#333;display: block;text-align: center;}
.about_f3 .piclist li a img{border:1px solid #eaeaea;width: 230px;height: 330px;display: block;margin:0 auto;}
.about_f3 .piclist li a div{transition:.5s;-webkit-transition:.5s;opacity:0;filter:alpha(opacity=0);background:rgba(0,90,148,0.8);width: 230px;height: 330px;margin-left:-115px;position: absolute;top:0;left:50%;}
.about_f3 .piclist li a div i{left:50%;margin-left:-32px;top:130px;display:block;position: absolute;width: 64px;height: 64px;background: url("../images/about_10.png") no-repeat center;}
.about_f3 .piclist li:hover a div{opacity:1;filter:alpha(opacity=100);}
.about_f3 .pageBtn .list{overflow:hidden;zoom:1;margin:50px auto; text-align: center; }
.about_f3 .pageBtn .list li{cursor:pointer;transition:.5s;-webkit-transition:.5s;font-size:0;margin:0 3px;width:19px;height: 6px; border-radius:3px;background-color:#bebebe;display: inline-block;vertical-align: middle;  }
.about_f3 .pageBtn .list li.on{ width: 33px;background-color: #005a94;}

/*index*/
.index_nav{z-index:1000;position: fixed;top:0;left:0;width: 100%;/*background-color: transparent;*/}
.index_nav .nav_bottom a.on,.index_nav .nav_bottom a:hover{border-color: #62beff;}

/*banner*/
.slide{position: relative;}
.banner{position: absolute;top:30%;text-align: center;width:100%;left:0;}
.banner b{display: block;font-size: 50px;color: #fff;}
.banner span{margin:20px 0 30px 0;display: block;font-size: 24px;font-family: 'Conv_HelveticaNeue-ThinExt';color: #808ba6;}
.banner a{transition:.5s;-webkit-transition:.5s;color: #fff;letter-spacing:1px;line-height:30px;font-family: 'Conv_HelveticaNeue-ThinExt';border:1px solid #62beff;display: block;margin:0 auto;width: 100px;height: 30px;border-radius: 16px;}
.banner a:hover{background-color: #62beff;}
.banner i{margin:0 16px;display: inline-block;background: url("../images/banner_03.png") no-repeat center;width: 48px;height: 48px;}
.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next{border:none;}
/*3*/
.f2{position: relative;width: 1200px;margin:0 auto;top:0;}
.f2_tit{margin-top:153px;text-align: center;}
.f2_tit b{display: block;color: #fff;font-size: 40px;}
.f2_tit span{margin-top:5px;color: #808ba6;font-size:20px;display:block;font-family: 'Conv_HelveticaNeue-ThinExt';}
.f2_bottom{position: relative;overflow: hidden;}
.f2_bottom img{display: block;margin: 160px auto 0 auto;}
.f2_bottom span{ margin-left:-125px;transform: scale(1);-webkit-transform: scale(1);border: 1px solid #67B5FF;border-radius:20px;opacity: 0; filter: alpha(opacity=0);display: block;position: absolute;width:208px;height:40px;line-height: 40px;text-align: center;color: #fff; }.f2_bottom span.span1{top:50px;left:500px;}
.f2_bottom span.span2{top:130px;left:210px;}
.f2_bottom span.span3{margin-left:0;margin-right:125px;top:130px;right:190px;}
.f2_bottom span.span4{top:285px;left:110px;}
.f2_bottom span.span5{margin-left:0;margin-right:125px;top:285px;right:70px;}
.f2_bottom span.span6{bottom:65px;left:190px;}
.f2_bottom span.span7{margin-left:0;margin-right:125px;bottom:50px;right:160px;}

@keyframes myfirst
{
    0% {transform:rotate(0deg)}
    50% {transform:rotate(180deg)}
    100% {transform:rotate(360deg)}
}
@-webkit-keyframes myfirst
{
    0% {transform:rotate(0deg)}
    50% {transform:rotate(180deg)}
    100% {transform:rotate(360deg)}
}
@-o-keyframes myfirst
{
    0% {transform:rotate(0deg)}
    50% {transform:rotate(180deg)}
    100% {transform:rotate(360deg)}
}
@-ms-keyframes myfirst
{
    0% {transform:rotate(0deg)}
    50% {transform:rotate(180deg)}
    100% {transform:rotate(360deg)}
}
@-moz-keyframes myfirst
{
    0% {transform:rotate(0deg)}
    50% {transform:rotate(180deg)}
    100% {transform:rotate(360deg)}
}
.f2_bottom img{animation: myfirst 10s linear infinite;
    -moz-animation: myfirst 10s linear infinite ;	/* Firefox */
    -webkit-animation: myfirst 10s linear infinite   ;	/* Safari 和 Chrome */
    -o-animation: myfirst 10s  linear infinite ;
     }

/*4*/
.f_tit{color: #fff;}
.f_tit b{font-size:33px;display: block;}
.f_tit p{margin-top:25px;width:490px;line-height:24px;font-size: 14px;}
.f_tit b i{margin:0 2px;width:67px;height:2px;background-color:#fff;display: inline-block;vertical-align: middle;}
.f3{position: relative;}
.f3 .f_tit{opacity: 0; filter: alpha(opacity=0);float: left;margin-bottom:260px;margin-left:-100px;}
.f_tit b span{font-size:24px;font-weight: normal;font-family: Arial;}
.f3>img{opacity: 0; filter: alpha(opacity=0);position: absolute;}
.f3 img.f3_img1{ opacity:1; filter: alpha(opacity=100); z-index:10;bottom: -225px;left: 97px;}
.f3 img.f3_img2{margin-left:-180px;z-index:5;top: 166px;right: 298px;}
.f3 img.f3_img3{z-index:10;left: 735px;top: 315px;}
.f3 img.f3_img4{margin-top:100px;z-index:10;top: -95px;right: 240px;}
.f3 img.f3_img5{margin-right:-100px;z-index:1;right: 319px;top: -65px;}

/*5*/
.f5_left{float: left;width: 520px;}
.f5_left>img{display: block;}
.f5_left ul{overflow: hidden;margin-top:60px;}
.f5_left ul li{float: left;margin:0 40px 15px 0;color: #fff;}
.f5_left ul li img{margin-right:7px;display: inline-block;vertical-align: middle;}
.f5_right{margin-top:110px;float: right;width: 570px;}
.f5_right img{margin-top:55px;display: block;}

/*6*/
.f6{margin-top:100px;}
.f6_left{margin-top:20px;float: left;width: 470px;}
.f6_left>img{margin:135px 0 0 195px;}
.f6_right{float: right;width: 675px;}

/*7*/
.f7,.f9{margin-top:50px;}
.f7_left,.f9_left{float: left;width: 625px;}
.f7_right,.f9_right{margin-top:40px;float: right;width: 477px;}
.f7_right img,.f9_right img{display: block;margin-top:145px;}

/*8*/
.f8{margin-top:100px;}
.f8_left{margin-top:20px;float: left;width: 500px;}
.f8_left>img{margin:135px 0 0 195px;}
.f8_right{float: right;width: 675px;}

/*9*/
.f9_left{margin-top:30px;}
.f9_right{margin-top:0;}
.f9_right img{margin-top:90px;}

/*f10*/
.f10{margin-top:100px;}
.f10_left{margin-top:20px;float: left;width: 500px;}
.f10_left p{width: 470px;}
.f10_left>img{margin:135px 0 0 195px;}
.f10_right{float: right;width: 675px;}

/*f11*/

.f11{ position:relative; }
.f11 .piclist{ overflow:hidden; zoom:1;}
.f11 .ohbox{overflow:hidden; position:relative;width:915px;left:142px}
.f11 {position:relative;overflow:hidden;zoom:1;}
.f11 .piclist li{padding-top:5px;float:left; display:inline; width:305px;text-align: center;}
.f11 .piclist li a{transition:.5s;-webkit-transition:.5s;color:#fff;display: block;}
.f11 .piclist li a i{margin:0 auto;border-radius:50%;width:200px;height:200px;overflow:hidden;display: block;}
.f11 .piclist li a i img{display: block;width: 100%;height: 100%;}
.f11 .piclist li a>span{margin:15px 0 20px 0;display: block;font-size: 24px;}
.f11 .piclist li a>span span{font-size: 14px;}
.f11 .piclist li a p{width: 245px;margin:0 auto;font-size: 13px;color: #93ccee;line-height: 21px;}
.f11 .piclist li a:hover{margin-top:-5px;}
.f11 .pageBtn span{transition:.5s;-webkit-transition:.5s; display:block;width:54px;height:54px;position:absolute;top:50%;margin-top:-27px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.f11 .pageBtn .prev{left:0;background: url("../images/f11_03.png") no-repeat center;}
.f11 .pageBtn .next{right:0;background: url("../images/f11_05.png") no-repeat center;}
.f11 .pageBtn span:hover{opacity:.5;filter:alpha(opacity=50);}
.f11 .pageBtn .list{overflow:hidden;zoom:1;width: 0;height: 0;font-size: 0;}
.f11_tit{text-align: center;margin-bottom:110px;}
.f11_tit b{font-size:33px;color:#fff;display: block;}
.f11_tit b i{margin: 0 5px;display: inline-block;vertical-align: middle;width: 60px;height: 2px;background-color: #cbe6ff;}
.f11_tit span{margin-top:5px; font-family: 'Conv_HelveticaNeue-ThinExt';display: block;color: #a3adbd;font-size: 20px;}

/*12*/
.f12_tit{margin-bottom:30px;overflow: hidden;border-bottom:1px solid #195889;padding-bottom:18px;}
.f12_tit span{float: left;font-size: 26px;color: #fff;}
.f12_tit a{float: right;font-size: 14px;color: #fff;}
.f12_left{float: left;width: 550px;}
.f12_left ul{overflow: hidden;}
.f12_left ul li{width:225px;float:left;margin-bottom:20px;}
.f12_left ul li a{color: #fff;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width: 225px;display: block;}
.f12_left ul li a:hover,.f12_tit a:hover,.f12_footer a:hover{color:#a5d9f7;}
.f12_right{float: right;width: 435px;}
.f12_left ul li:nth-child(odd){margin-right:100px;}
.f12_right_top{overflow: hidden;}
.ewm{text-align:center;color:#fff;float: left;width: 156px;}
.ewm img{margin-bottom:10px;display: block;width: 156px;height: 156px;}
.f12_cont{float: right;width: 250px;}
.f12_cont_div{position: relative;padding-left:25px;font-size: 14px;color: #fff;line-height: 26px;}
.f12_cont_div img{display: block;position: absolute;top:8px;left:0;}
.f12_cont .f12_cont_div:first-child img{top:0;}
.f12_cont .f12_cont_div:first-child{margin-bottom:40px;}
.f12_right_bottom{line-height:23px;margin-top:25px;color: #fff;}
.f12_right_bottom a{color: #a5d9f7;}
.f12_right_bottom a:hover{color: #fff;}
.f12_right_bottom i{margin:0 2px;display: inline-block;width: 1px;height: 12px;background-color: #3c96c9;}
.f12_footer{height:50px;line-height:50px;background-color: transparent;position: absolute;width: 100%;bottom:0;left:0;}

/*左侧导航*/
.index_left_nav {
  transition: .5s;
    -webkit-transition: .5s;
    border-left: 1px dashed #333345;
    right: -20px;
    bottom: 25px;
    position: fixed;
    z-index: 1000;
    width: 130px;
    filter: alpha(opacity=70);
    opacity: 0;
}
.index_left_nav:hover{ filter: alpha(opacity=100);
  opacity: 1;}
.index_left_nav li{transition:.5s;-webkit-transition:.5s;display:block;background:url("../images/nav_06.png") no-repeat 0 18px;padding:12px 0 0 15px;margin:0 0 12px -4px;}
.index_left_nav li a {transition: .5s;-webkit-transition: .5s;color: transparent;}

.index_left_nav li:hover a,.index_left_nav li.active a{color: #fff;}
.index_left_nav li:hover,.index_left_nav li.active {background: url("../images/nav_03.png") no-repeat 0 18px; color: #9c9ca0;}


/*客服*/
.qqkefu{
    position: fixed;
    bottom:20px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 200000;
    right: 10px;
    width:39px;
    display: none;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:#055fb2;
    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:#d71107;
}
.qqkefu ul li.top{
    background:url("../images/back.png") no-repeat center #055fb2;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background:url("../images/back.png") no-repeat center #d71107;
}
.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 0px 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background:url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}

/*2017-05-26*/
@media (min-width: 1110px) {
    .banner{position: absolute;top:27%;}
    .f2_tit{position:relative;top:85px;transition:.5s;-webkit-transition:.5s;margin-top:-34px;width: 100%;margin-top: 20px;}
    .f2_bottom{margin-top:0;max-height: 550px;}
    .f2_bottom img{display: block;margin: 125px auto 0 auto;}
    .f2_bottom span{ margin-left:-125px;transform: scale(1);-webkit-transform: scale(1);border: 1px solid #67B5FF;border-radius:20px;opacity: 0; filter: alpha(opacity=0);display: block;position: absolute;width:208px;height:40px;line-height: 40px;text-align: center;color: #fff; }
    .f2_bottom span.span1{top: 102px;left:500px;}
    .f2_bottom span.span2{top: 180px;left:210px;}
    .f2_bottom span.span3{margin-left:0;margin-right:125px;top: 180px;right:190px;}
    .f2_bottom span.span4{top: 295px;left:110px;}
    .f2_bottom span.span5{margin-left:0;margin-right:125px;top: 320px;right:70px;}
    .f2_bottom span.span6{bottom:40px;left:160px;}
    .f2_bottom span.span7{margin-left:0;margin-right:125px;bottom:30px;right:160px;}

    .f3 img.f3_img1{ opacity:1; filter: alpha(opacity=100); z-index:10; bottom: -124px;left: 97px;}
    .f3 img.f3_img2{margin-left:-180px;z-index:5;top: 130px;right: 250px;}
    .f3 img.f3_img3{z-index:10;left: 740px;top: 315px;}
    .f3 img.f3_img4{margin-top:100px;z-index:10;top: -10px;right: 197px;}
    .f3 img.f3_img5{margin-right:-100px;z-index:1;right: 275px;top: 9px;}

    .f5_left>img{width:390px;}
    .f7_left{margin-top:50px;}

    .f5_left>img{margin-top:77px;}
    .f5_left ul{margin-top:20px;}

    .f11_tit2.Opacity,.f11_tit1.Opacity{margin:50px 0; }


}
@media (min-width: 1500px) {
    .banner{position: absolute;top:30%;}
    .f2_tit{position:absolute;transition:.5s;-webkit-transition:.5s;margin-top:-75px;top:0;text-align: center;}
    .f2_bottom{ max-height: 620px;margin-top:100px;}
    .f2_bottom img{display: block;margin: 160px auto 0 auto;}
    .f2_bottom span{ margin-left:-125px;transform: scale(1);-webkit-transform: scale(1);border: 1px solid #67B5FF;border-radius:20px;opacity: 0; filter: alpha(opacity=0);display: block;position: absolute;width:208px;height:40px;line-height: 40px;text-align: center;color: #fff; }.f2_bottom span.span1{top:50px;left:500px;}
    .f2_bottom span.span2{top:130px;left:210px;}
    .f2_bottom span.span3{margin-left:0;margin-right:125px;top:130px;right:190px;}
    .f2_bottom span.span4{top:285px;left:110px;}
    .f2_bottom span.span5{margin-left:0;margin-right:125px;top:285px;right:70px;}
    .f2_bottom span.span6{bottom:65px;left:190px;}
    .f2_bottom span.span7{margin-left:0;margin-right:125px;bottom:50px;right:160px;}

    .f3 img.f3_img1{ opacity:1; filter: alpha(opacity=100); z-index:10;bottom: -225px;left: 97px;}
    .f3 img.f3_img2{margin-left:-180px;z-index:5;top: 166px;right: 298px;}
    .f3 img.f3_img3{z-index:10;left: 735px;top: 315px;}
    .f3 img.f3_img4{margin-top:100px;z-index:10;top: -95px;right: 240px;}
    .f3 img.f3_img5{margin-right:-100px;z-index:1;right: 319px;top: -65px;}

    .f5_left>img{width: 452px;}
    .f7_left{margin-top:0;}

    .f5_left>img{margin-top:0;}
    .f5_left ul{margin-top:60px;}
    .f11_tit2.Opacity,.f11_tit1.Opacity{margin:0 0 110px 0; }


}

.section{    overflow: hidden;}


.f2_bottom span i{opacity:0;filter:alpha(opacity=0);background: url("../images/xp_03.png") no-repeat center;display: block;width: 58px;height: 24px;position:absolute;}
.f5_left>img.Opacity,.f5_left ul.Opacity,.f5_right img.Opacity,.f5_right .f_tit.Opacity,
.f6_left .f_tit.Opacity,.f6_left>img.Opacity,.f6_right.Opacity,.f7_right .f_tit.Opacity,.f7_left>img.Opacity,.f7_right img.Opacity,
.f8_left .f_tit.Opacity,.f8_left img.Opacity,.f8_right img.Opacity,.f9_right .f_tit.Opacity,.f9_right img.Opacity,.f9_left img.Opacity,
.f10_left .f_tit.Opacity,.f10_right img.Opacity,.f10_left img.Opacity,.f11_tit1.Opacity,.f11.Opacity,.f11_tit2.Opacity,.f12_right.Opacity,.f12_left.Opacity
,.f2_bottom img.Opacity,.f2 .f2_tit.Opacity
{opacity:1;filter:alpha(opacity=1);}

.f5_left>img,.f5_left ul,.f5_right img,.f5_right .f_tit,
.f6_left .f_tit,.f6_left>img,.f6_right,.f7_right .f_tit,.f7_left>img,.f7_right img,
.f8_left .f_tit,.f8_left img,.f8_right img,.f9_right .f_tit,.f9_right img,.f9_left img,
.f10_left .f_tit,.f10_right img,.f10_left img,.f11_tit1,.f11,.f11_tit2,.f12_right,.f12_left
,.f2_bottom img,.f2 .f2_tit{opacity:0;filter:alpha(opacity=0);}

.f3 .f2_tit{display: none;}





/*百度百科*/
.bk_tit{margin-bottom:12px;}
.bk_tit h1{color: #333;padding:0 18px;}
.bk_fx{margin-bottom:50px;text-align: center;}
.bk_fx>span{margin-right:27px;display: inline-block;font-size: 12px;color: #999;}
.bk_fx>span img{display: inline-block;vertical-align: middle;}
.bk_fx .bshare-custom{color:#999;line-height:20px!important;display: inline-block;}
.bk_fx .bshare-custom span{display: inline-block;line-height: 10px;vertical-align: middle;}
/*1*/
.bk_f1,.bk_f2{margin-bottom:30px;padding-bottom:30px;overflow: hidden;border-bottom:1px dashed #eee;}
.bk_f1_left{float: left;width: 290px;height:180px;overflow: hidden;}
.bk_f1_left img{display: block;width: 290px;height:180px;}
.bk_f1_right{margin-top:5px;width:800px;font-size:14px;color:#666;line-height:22px;float: right;}
/*2*/
.bk_f2_left{margin:55px 0 0 130px;width:170px;height:125px;background-color:#005a94;float: left;text-align: center;color: #fff;}
.bk_f2_left b{margin:30px 0 5px 0;font-size:24px;font-weight:normal;display: block;}
.bk_f2_left span{font-family:Arial;text-transform:uppercase;display: block;}
.bk_f2_left i{margin:5px auto;width:20px;height:1px;background-color:#fff;display: block;}
.bk_f2_right{width:640px;margin-left:5px;float: left;}
.bk_f2_right span{display:block;text-indent:20px;background-color:#f4f4f4;height:44px;line-height:44px;margin-bottom:4px;}
.bk_f2_right span:hover a{color: #005a94;}
.bk_f2_right span a{display:block;color: #666;}
/*3*/
.bk_f3 li{margin-bottom:45px;}
.bk_f3 li h2{overflow:hidden;padding-bottom:5px;border-bottom:1px solid #f1f1f1;}
.bk_f3 li h2 span{margin-left:11px;color: #fff;background-color:#005a94;line-height:30px;text-align:center;width:30px;height:30px;border-radius:50%;float: left;}
.bk_f3 li h2 a{transition:.5s;-webkit-transition:.5s;font-size:16px;color:#333;margin-left:10px;line-height:30px;float: left;}
.bk_f3 li div{margin:15px 0 0 50px;font-size: 14px;line-height:24px;color: #666;}
.bk_f3 li:hover h2 a{color: #005a94;margin-left:20px;}
.case_page_prev,.case_page_next{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;width: 300px;}
/*4*/
.about_bk_ul li{transition:.5s;-webkit-transition:.5s;background: url("../images/bk_19.png") no-repeat 1080px center;height:50px;line-height: 50px;}
.about_bk_ul li a{transition:.5s;-webkit-transition:.5s;display:block;background:url("../images/bk_15.png") no-repeat 10px center;padding-left:40px;font-size: 14px;color: #727171;}
.about_bk_ul li:hover{background: url("../images/bk_19.png") no-repeat 1080px center #005a94;}
.about_bk_ul li:hover a{background:url("../images/bk_21.png") no-repeat 10px center;color: #fff;}
/*5*/
.about_pro{margin:30px 0 20px 0;overflow: hidden;}
.bk_pro{ width:1120px;margin:25px auto 0 auto; position:relative; }
.bk_pro .piclist{ overflow:hidden; zoom:1;}
.bk_pro .ohbox{overflow:hidden; position:relative;left:0;}
.bk_pro .piclist li{float:left; display:inline;width: 265px;margin:0 10px;}
.bk_pro .piclist li a{margin:0;width: 265px;}
.bk_pro .piclist li a i,.bk_pro .piclist li a i img{width: 265px;height:200px;}
.bk_pro .pageBtn .list{overflow:hidden;zoom:1;margin:25px auto; text-align: center; }
.bk_pro .pageBtn .list li{cursor:pointer;transition:.5s;-webkit-transition:.5s;font-size:0;margin:0 3px;width:19px;height: 6px; border-radius:3px;background-color:#bebebe;display: inline-block;vertical-align: middle;  }
.bk_pro .pageBtn .list li.on{ width: 33px;background-color: #005a94;}





.about_bk_ul1 li{    transition: .5s;
    -webkit-transition: .5s;
    background: url(../images/bk1_19.png) no-repeat 1120px center #eee;
    height: 50px;
    line-height: 50px;
    margin-bottom: 12px;}
.about_bk_ul1 li a{    transition: .5s;
    -webkit-transition: .5s;
    display: block;
    background: url(../images/bk_15.png) no-repeat 28px center;
    padding-left: 62px;
    font-size: 14px;
    color: #727171;}
.about_bk_ul1 li:hover{background: url("../images/bk_19.png") no-repeat 1120px center #005a94;}
.about_bk_ul1 li:hover a{background:url("../images/bk_21.png") no-repeat 28px center;color: #fff;}



.video{display:none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.68);top:0;left: 0;z-index: 100000000000000;}
.video-con{width: 600px;height: 400px;position: relative;left: 50%;top:50%;margin: -200px 0 0 -300px;}
.video-con .cancel{width: 25px;height: 25px;position:absolute;right:-12px;top:-12px;cursor: pointer;  }
.video-con .cancel img{display: block;height: 25px;width: 25px;}