.hv a:hover { text-decoration: none; color: #003a8a; -webkit-transition: all .5s; transition: all .5s; }
.inn { width: 1200px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.oh { overflow: hidden; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma30 { margin: 30px auto; }
.ma50 { margin: 50px auto; }
.mb50 { margin-bottom: 50px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.pb50 { padding-bottom: 50px; }
.pb40 { padding-bottom: 40px; }
.pb30 { padding-bottom: 30px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pb10 { padding-bottom: 10px; }
.pt50 { padding-top: 50px; }
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pt15 { padding-top: 15px; }
.pt10 { padding-top: 10px; }
.pa15 { padding: 15px 0; }
.pa20 { padding: 20px 0; }
.pa30 { padding: 30px 0; }
.pa50 { padding: 50px 0; }
.inn { width: 1200px; margin-right: auto; margin-left: auto; }
.clear { clear: both; height: 0; margin: 0; overflow: hidden; }
body, html { font-family: "arial", "Microsoft Yahei"; font-size: 14px; line-height: 2; }
p, ol, ul, li, dd, dt, dl, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none; }
a { color: #333; }
a:hover, a:focus { text-decoration: none; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
.container{width: 90%;margin-left: auto;margin-right: auto;}

/*menu*/
.fixed{position: fixed;left: 0;top: 0;z-index: 9999;width: 100%;box-shadow: 0 5px 5px rgba(0,0,0,.4) ;}
.top{background-color: rgba(255,255,255,.5); padding: 20px 0;}
.w90{width: 90%;margin-left: auto;margin-right: auto;}
.logo a {width: 120px; height: 0; display: block; padding-top: 65px; margin-right: 10px; text-indent: 99999px; overflow: hidden; }
.biaoti{margin-right: 10px;}
.biaoti span{font-size: 25px;line-height: 1;margin-top: 15px;display: block;}
.biaoti p{color: #7a7b7c;font-size: 14px;letter-spacing: 0.43px;}
.biaotir{font-size: 16px;color: #0c357f;margin-top: 15px;line-height: 1.5;position: relative;margin-left: 30px;}
.biaotir:after{position: absolute;width: 2px;height: 80%;display: block;content:'';background-color: #818283;left: -20px;top: 10%;}
.menu_bg { background-color: #013e7f; }
.menu > li { position: relative; float: left; line-height: 3; }
.menu  li a {  display: block; white-space: nowrap; }
.menu > li > a { padding: 0 10px;border-top-left-radius: 5px;border-top-right-radius: 5px; }
.menu > li:hover > a{background: #0c357f;color: #fff;} 
.sub { min-width: 100%; position: absolute; left: 0; text-align: center; background-color: #0c357f; z-index: 99; display: none; }
.sub li{position: relative;}
.sub li a { padding: 0 5px; color: #fff; }
.sub > li:hover > a { background-color: #fff; color: #0c357f; }
.sub li .suba{position: absolute;top: 0;right: -100%;background-color: #0c357f; z-index: 99;min-width: 100%;display: none;}
.suba li{position: relative;}
.suba li a{ padding: 0 5px;}
.suba li:hover a{background-color: #fff;color: #0c357f;}
.sub li .subb{position: absolute;top: 0;right: -100%;background-color: #0c357f; z-index: 99;min-width: 100%;display: none;}
.subb li a{ padding: 0 5px;}
.subb li:hover a{background-color: #fff;color: #0c357f;}
.sea {position: relative;margin-top: 28px;}
.sea a{padding: 0 8px;border-right: 1px solid #333;line-height: 1;margin-right: 5px;}
.sea span{display:block;width: 20px;height: 25px;background: url(../images/search.png) no-repeat center;float: right;}
.sea input{position: absolute;border: 0;display: none;}
.sea input.sousuob{width: 50px;background-color: #ccc;height: 30px;right: 0;}
.sea input.sousuoa{width: 200px;padding-left: 10px;border: 1px solid #ccc;height: 30px;line-height: 30px;right: 50px;}
/*banner*/
#owl-demobanner.owl-theme .owl-controls .owl-buttons div,
.owl-demobanner.owl-theme .owl-controls .owl-buttons div,
.owl-demobannera.owl-theme .owl-controls .owl-buttons div,
#owl-proscl.owl-theme .owl-controls .owl-buttons div{display: none;}

/*abouts*/
.abouts_bg{background: url(../images/abouts_bg.jpg) no-repeat center top;position: relative;overflow: hidden;border-top: 30px solid #0f1f3c;height: 940px;}
.abouts_bg .abouts_img{position: absolute;left: 0;bottom: 0;}
.abouts_con{margin-top:  300px;width: 60%;position: relative;}
.abouts_con:before{position: absolute;display: block;content:'About us';font-size: 155px;font-family: impact;top: -70%;left: -5%;color: #f3f3f3;text-transform: uppercase;}
.abouts_con strong{font-weight: normal;font-size: 55px;}
.abouts_con p{color: #797979;}
.abouts_con a.more{text-transform: uppercase;font-family: arial;}
.abouts_con ul{float: right;}
.abouts_con ul li{float: left;text-align: center;margin-left: 40px;}
.abouts_con ul li img{transition: all .5s ease-in;}
.abouts_con ul li:hover img{transform: rotateZ(360deg);}

/*pro*/
.pro_con_list.pro_hlist{height: auto;}
.pro_hlist{border: 1px solid #0c357f;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 20px;}
.pro_hlist span{background-color: #0c357f;color: #fff;display: block;text-align: center;padding-top: 20px;padding-bottom: 10px;margin-bottom: 20px;}
.pro_hlist span strong{font-size: 30px;font-weight: normal;line-height: 1;}
.pro_hlist span p{color: #909ab9;text-transform: uppercase;}
.pro_hlist > li{padding: 0 15px;margin-bottom: 15px;}
.pro_hlist > li > a{display: block;position: relative;padding-left: 40px;font-size: 14px;background-color: #ececec;line-height: 3;color: #727273;transition: all .5s linear;white-space: nowrap;overflow: hidden;}
.pro_hlist > li > a:before{display: block;content:'';background: url(../images/pro_bt.png) no-repeat center;width: 20px;height: 20px;position: absolute;left: 10px;top: 50%;transform: translateY(-55%);transition: all .5s linear;}
.pro_hlist > li:hover > a,.pro_hlist > li.cur > a{background-color: #0c357f;color: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.pro_hlist > li:hover >  a:before, .pro_hlist > li.cur > a:before{ background: url(../images/pro_bta.png) no-repeat center; }
.pro_hlist .herji,.pro_hlist .hsanji{height: 0;transition: all .5s ease-in;overflow: hidden;}
.pro_hlist .hsanji{padding-left: 10px;}
.pro_hlist li:hover .herji,.pro_hlist .herji li:hover .hsanji{height: auto;}
.pro_hlist .herji li a{display: block;color: #727273;}
.pro_hlist .herji > li{padding: 0;line-height: 2;background-color: #ececec;padding: 0 15px;padding-left: 30px;}
.pro_hlist .herji > li:hover{background-color: #0c357f;}
.pro_hlist .herji > li:hover > a{color: #fff;}
.pro_hlist .hsanji > li a{color: #ddd;}
.pro_hlist .hsanji > li:hover > a{color: #fff;}

.pro_chon span{display: block;border-bottom: 5px solid #0c357f;margin-bottom: 20px;}
.pro_chon strong{width: 260px;height: 65px;background-color: #0c357f;display: block;color: #fff;line-height: 65px;text-align: center;float: left;font-weight: normal;font-size: 18px;}
.pro_chon a{float: right;line-height: 65px;text-transform: uppercase;}
.pro_hcon li div{text-align: center;background-color: #f5f5f5;transition: all .5s ease-in;box-shadow: 0 0 10px 10px rgba(0,0,0,0);}
.pro_hcon li div a{display: block;}
.pro_hcon li{margin-bottom: 30px;line-height: 45px;}
.pro_hcon li:hover div{box-shadow: 0 0 10px 10px rgba(0,0,0,.1);}

#owl-proscl .item{background-color: #f5f5f5;text-align: center;line-height: 3;margin: 15px;}
#owl-proscl .item:hover{transition: all .5s linear;box-shadow: 0 0 10px 10px rgba(0,0,0,.1);}
#owl-proscl .owl-controls .owl-page span{background-color: #ccc;}
#owl-proscl .owl-controls .owl-page.active span{background-color: #0c357f;}
#owl-proscl .owl-pagination{bottom: -30px;}

/*advantage*/
.adv_title span{font-size: 50px;display: block;line-height: 1.2;}
.adv_title p{font-size: 20px;color: #b5b5b5;font-family: arial;text-transform: uppercase;}
.adv_title em{display: block;width: 50px;height: 4px;background-color: #d6d5d3;margin: 10px auto;}
.adv_bg{background: url(../images/adv_bg.jpg) center;}
.adv_con li {text-align: center; position: relative;}
.adv_con li:after{position: absolute;display: block;content:'';width: 1px;height: 100px;background-color: #cbcac9;right: 0;top: 50%;transform: translateY(-50%);}
.adv_con li:last-child:after{display: none;}
.adv_con li span{width: 150px;height: 150px;display: block;margin: 0 auto;margin-bottom: 10px;border: 1px solid #918f8e;border-radius: 50%;margin-bottom: 15px;transition: all .5s ease-in; transition: transform  1s ease-in;}
.adv_con li span.adv_a{background: url(../images/adv_a.png) no-repeat center;}
.adv_con li span.adv_b{background: url(../images/adv_b.png) no-repeat center;}
.adv_con li span.adv_c{background: url(../images/adv_c.png) no-repeat center;}
.adv_con li span.adv_d{background: url(../images/adv_d.png) no-repeat center;}
.adv_con li:hover span.adv_a{background:#0c357f url(../images/adv_ah.png) no-repeat center;}
.adv_con li:hover span.adv_b{background:#0c357f url(../images/adv_bh.png) no-repeat center;}
.adv_con li:hover span.adv_c{background:#0c357f url(../images/adv_ch.png) no-repeat center;}
.adv_con li:hover span.adv_d{background:#0c357f url(../images/adv_dh.png) no-repeat center;}
.adv_con li:hover span{border-color:#0c357f;transform: rotateZ(360deg);}
.adv_con li strong{line-height: 1;font-style: normal;display: block;font-weight: normal;}
.adv_con li em{display: block;width: 20px;height: 2px;background-color: #d3d3d1;margin: 15px auto;}
.adv_con li p{color: #9b9b9b;}

/*jjfa*/
.jjfaa span{font-size: 35px;}
.jjfaa p{font-size: 14px;color: #797979;line-height: 2.5;}
.jjfaa a{display: block;width: 185px;height: 65px;line-height: 65px;color: #fff;text-align: center;float: left;margin-right: 20px;}
.jjfaa a.ckxq{background-color: #0c357f;}
.jjfaa a.lxwm{background-color: #323232;}

.ce_con.owl-theme .owl-controls .owl-buttons div{padding: 0;margin: 0;opacity: 1;display: block;border-radius: 0;width: 44px;height: 80px;line-height: 80;overflow: hidden;}
.ce_con.owl-theme .owl-controls .owl-buttons div.owl-prev{background: url(../images/left.png) no-repeat center;}
.ce_con.owl-theme .owl-controls .owl-buttons div.owl-next{background: url(../images/right.png) no-repeat center}
.ce_con .item{text-align: center;line-height: 4;margin: 0 10px;overflow: hidden;}
.ce_con .item img{ transition: all .5s linear; }
.ce_con .item:hover img{transform: scale(1.1);}
.ce_con .owl-buttons .owl-prev{left: -50px;}
.ce_con .owl-buttons .owl-next{right: -50px;}
.ce_con .owl-buttons div{top: 30px;}
.cetit{margin-bottom: 30px;}
.cetit li a{display: block;height: 65px;line-height: 65px;text-align: center;background-color: #eeeeee;font-weight: bold;font-size: 20px;}
.cetit li.on a{background-color: #0c357f;color: #fff;}

/*jjfab_bg/*/
.jjfab_bg{background: url(../images/jjf.jpg) center top;padding: 50px 0;}
.jjfab_con{border: 10px solid #fff;background-color: rgba(255,255,255,.8);padding: 50px 0;}
.jjf_tit{text-align: center;margin-bottom: 10px;}
.jjf_tit span{font-size: 32px;font-family: Book Antiqua;text-transform: uppercase;}
.jjf_tit p{font-size: 32px;line-height: 1;}
.jjf_title{text-align: center;background-color: #0c357f;}
.jjf_title li{display: inline-block;padding: 0 2%;line-height: 4;position: relative;}
.jjf_title li{display: inline-block;padding: 0 2%;line-height: 4;position: relative;}
.jjf_title li:last-child:after{display: none;}
.jjf_title li:after{position: absolute;display: block;content:'';width: 1px;height: 20px;background-color: #b7c3d9;right: 0;top: 50%;transform: translateY(-50%);}
.jjf_title li a{display: block;color: #b7c3d9;}
.jjf_con span{font-size: 30px;display: block;line-height: 1;margin-bottom: 15px;}
.jjf_con p{margin-bottom: 15px;color: #797979;}
.jjf_con a.more{display: block;width: 180px;height: 45px;line-height: 45px;text-align: center;background-color: #0c357f;color: #fff;}

/*news*/
.news_title{position: relative;font-size: 20px;margin-bottom: 40px;}
.news_title:after{position: absolute;width: 100%;display: block;content:'';height: 1px;border-bottom: 1px dotted #ccc;bottom: -3px;z-index: -1;}
.news_title span{border-bottom: 3px solid #0c357f;padding-bottom: 10px;}
.news_con{overflow: hidden;}
.news_con > a{display: block;overflow: hidden;}
.news_con > a img{transition: all .5s ease-in;}
.news_con > a:hover img{margin-top: -20px;}
.news_con > a:hover + ul{margin-top: 50px;}
.news_con ul{margin-top: 30px;transition: all .5s ease-in;}
.news_con ul li{line-height: 3;font-size: 16px;}
.news_con ul li span{float: right;}
/*foot*/
.foot_bg{background-color: #ececec;padding: 30px 0;}
.foot_bg li strong{display: block;font-size: 18px;font-weight: normal;}
.foot_bg li span{font-size: 12px;color: #9f9f9f;}
.foot_bg li img{display: block;margin: 0 auto;}
.foot_bg li em{font-style: normal; }
.foot_bg li p{color: #818181;}
.foot_bg li:last-child{padding-top: 0;}
.foot_a{background-color: #0f1f3c;color: #fff;text-align: center;line-height: 3;}
.foot_a a{color: #fff;}

/*content*/
.content{ padding: 30px 0; }
.cont{margin-bottom: 20px;}
.cont,.cont a{color: #bababa;}
.abouts_con_tit strong{font-size: 65px;color: #0c357f;text-transform: uppercase;line-height: 1.2;}
.abouts_con_tit p{font-size: 20px;margin-bottom: 20px;}
.side li a{display: block;line-height: 45px;border: 1px solid #ccc;text-align: center;margin-bottom: 20px;}
.side li:hover a,.side li.cur a,.erji li:hover a,.erji li.cur a,.sanji li:hover a,.sanji li.cur a{background-color: #0c357f;color: #fff;}
.con{margin-top: 30px;margin-bottom: 20px;}
.pro_con{margin-bottom: 20px;}
.con img{max-width: 100%;}
.pro_conlist li img{transition: all .5s ease-in;}
.pro_conlist li:hover img{transform: scale(1.05);}
.pro_conlist li div{background-color: #efefef;padding: 10px;padding-bottom: 0;overflow: hidden;}
.pro_conlist li div:hover a{color: #fff;}
.pro_conlist li div:hover{background-color: #0c357f;}

/*products_list*/
.erji li a,.sanji li a{line-height: 2;font-size: 14px;border: 1px solid #ccc;display: block;margin-bottom: 20px;}
.nodata{padding: 0 15px;}
.first{ background-color: #0c357f;color: #fff;font-size: 16px;line-height: 3;margin-bottom: 10px; }
.dxkh li,.dxkha li {border-bottom: 1px dotted #ccc;line-height: 2.2;padding-left: 30px;}
.dxkh li em,.dxkha li em{font-style: normal;text-align: right;}
.arList .download{border-bottom: 1px dotted #ccc;}
.download em{display: inline-block;width: 50px;height: 35px;line-height: 35px;background-color: #0c357f;color: #fff;font-style: normal;text-align: center;font-size: 12px;}
.dxkh_scroll,.tempWrap{width: 50%;float: left;}

/*1920*/
@media (min-width: 1441px) {
    .abouts_con{width: 50%;margin-left: 200px;}
    .pro_hlist{height: 844px}
    .foot_bg li{padding-top: 40px;}
    .InfoBox {width: 500px;}
}
/*1366-1440*/
@media (max-width: 1440px) and (min-width: 1366px) {
    .pro_hlist{height: 844px}
    .foot_bg li{padding-top: 40px;}
    .InfoBox {width: 500px;}
}
/*1024-1366  pad pro*/
@media (max-width: 1365px) and (min-width: 1024px){
    .top{padding: 5px 0;}
    .abouts_con{width: 70%;margin-top: 80px;}
    .abouts_con:before{font-size: 85px;line-height: 1;top: -20%;}
    .abouts_bg{height: 600px;background-position: center;}
    /*foot*/
    .foot_bg li strong{font-size: 16px;}
    .InfoBox {width: 500px;}

}
/*768-1024 pad*/
@media (max-width: 1023px) and (min-width: 768px) {
    .ma50{margin: 20px auto;}
    .abouts_bg{height: 680px;}
    .abouts_con{width:80%;margin-top: 200px;}
    .abouts_con:before{font-size: 85px;line-height: 1;top: -20%;}
    .InfoBox {width: 100%;padding: 0 15px;}
    .container-fluid{padding-left: 0;padding-right: 0;}
    .nav > li > a{padding-left: 5px;padding-right: 0px;}
    .navbar-brand{margin-left: 0 !important;padding: 0;}
    .navbar-brand > img {height: 50px;}
}
/*767 mobile*/
@media (max-width: 767px) {
    .container{width: 100%;}
    .InfoBox {width: 100%;padding: 0 15px;float: none;}
    .ma50{margin: 20px auto;}
    .navbar-brand{padding: 0;margin-left: 15px;height: auto;}
    .flogo span{font-size: 25px;margin-top: 25px;display: block;float: left;}
    .flogo{float: left;}
    .flogo img{float: left;margin-right: 10px;}
    .nav{margin-top: 20px;}
    .nav > li > a{padding: 10px 10px;}
    .navbar{margin-bottom: 0;}
    .navbar-toggle{margin-top: 15px;}
    /*abouts*/
    .abouts_bg{height:600px;border-top: 0;background-position: center;}
    .abouts_con{width:100%;margin-top: 80px;}
    .abouts_con:before{font-size: 55px;line-height: 1;top: -35px;left: -10px;}
    .abouts_con strong{font-size: 40px;}
    .abouts_con p{height: 250px;overflow: hidden;}
    .abouts_con ul{float: none;text-align: center;}
    .abouts_con ul li{margin: 0 10px;}

    /*products*/
    .pro_hcon strong{width: 150px;line-height: 45px;height: 45px;}
    .pro_hcon span a{line-height: 45px;}

    /*advantage*/
    .adv_con li span{background-size:100%;width: 100px;height: 100px;}
    .adv_con li p{display: none;}
    .adv_title span{font-size: 30px;}
    .adv_title p{font-size: 14px;}
    .adv_bg.pa50{padding: 20px 0;}
    .ce_con .owl-buttons{display: none;}
    .jjf_tit span{font-size: 16px;}
    .jjf_tit p{font-size: 14px;}
    .jjf_title li{display: block;}
    .jjf_title li:after{display: none;}
    /*news*/
    .news_con ul li{line-height: 2;font-size: 14px;}
    .news_con ul li a{display: block;float: left;width: 70%;height: 28px;overflow: hidden;}
    .news_title{margin-bottom: 15px;}
    .news_con ul{margin-top: 15px;}

    .pro_con.mt30{margin-top: 0;}
    .abouts_con_tit strong{font-size: 30px;}
    .con{margin-top: 0;}

    /*product 二级*/
    .sidelista{ padding:15px 10px;}
    .proxl{ width:300px; height:32px; border:1px solid #dcdcdc; background:url(../images/down.png) no-repeat 280px center; float:left; text-indent:10px;}
    .proclatop{ background:#f5f5f5;   text-align:center; line-height:60px; font-size:20px; font-weight:bold; }
    .procla{ display:none; width:100%; height:auto; background:#fff; position:absolute; left:0; top:0; z-index:999;}
    .back{ width:30px; height:29px; background:url(../images/back.png) no-repeat; float:left; margin-left:10px; margin-top:10px;}
    .sideup li{ font-size:16px; border-bottom:1px solid #e5e5e5; line-height:45px; text-indent:20px;}
    .tun{ background:url(../images/downa.png) no-repeat; width:25px; height:25px; display:block; float:right; margin-right:16px; margin-top:11px;}
    .sidedown{ background:#f5f5f5; padding:0 10px; display:none;}
    .sidedown li{ font-size:14px;}
    .sidedowna{ background:#f4f4f4; padding:0 10px; display:none;}
    .imainr_tit h2{font-size: 16px;}
    .arDate{display: none;}
    .share_r{display: none;}
}