@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1220px) {
    .container{
        width: 1220px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*top*/
.top_nav{ background:#eeeeee; color:#333333; line-height:30px;}
.top_nav .wz1{ color:#333333; font-size:12px; position:relative}

.wz{ text-align:right}

/*top*/
.top{z-index:9999;width:100%;background:url(../images/tou.png) center no-repeat;background-size:100% 100%;/*padding:10px 0 0px;*/}

.top .top_first{background: #f5f5f5;line-height: 42px;height: 42px;font-size: 14px;}

.top .logo{width:528px;float:left;}
.top .logo img{width:100%; padding:18px 0 30px;} 
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_ewm{padding:0 0 0 55px;line-height:32px;float:left;font-size:18px;}
.top .top_right{padding:0px 1px;float:right;}
.top .top_right .trt_img{width:90px;height:90px;border:1px solid #eee;margin:15px 0 10px;}
.top .top_right .top_phone{margin:28px 0 10px;float:left;/*background:url(../images/phone.png) no-repeat 0px 2px;*/ padding-left:25px; }
.top .top_right .top_phone p:first-child{ font-size:16px; color:#666666; font-weight:normal;background:url(../images/tel.png) no-repeat 0px 3px;padding-left: 31px;}
.top .top_right .top_phone p{margin:0; font-size:30px; color:#333333;  line-height:28px; font-weight:bold}

.topfix{ position:fixed; top:0; left:0; z-index:100000}
/*nav*/
#navbg{width:100%; transition:0.4s;  background:#3663b6;}
#navbg .nav{}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:calc(100%/7);height:66px;line-height:66px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li.nav_on{ background:#f8bd01}
#navbg .nav .firstfloor>li:before{content:'';width:8px;height:14px; background:url(../images/nav_d.png) no-repeat ;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#navbg .nav .firstfloor>li:first-child:before{content:none;}
#navbg .nav .firstfloor>li:last-child:before{content:none;}
#navbg .nav .firstfloor>li>a{display:block;height:66px;width:100%;color:#fff;}
#navbg .nav .firstfloor>li:hover>a{color:#fff;}
#navbg .nav .secondfloor{position:absolute;left:0;top:66px;z-index:9999;display:none;background:#ededed;width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #FFF;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#f8bd01;color:#fff;}

/* @media (max-width: 1200px) { */
/* .top .logo{width:600px;float:left;} */
/* .top .top_right .top_phone{background:url(../images/topphone.jpg) no-repeat left center;margin:0px 0 10px;padding:6px 0px 8px 60px;float:left;} */
/* .top .top_right .top_phone p:first-child{ font-size:14px; color:#393939;} */
/* .top .top_right .top_phone p{margin:0; font-size:26px; color:#ff9f38; line-height:30px; font-weight:bold} */
/* } */


.allTop{ text-align: center; padding-bottom: 68px; padding-top: 68px; }   
.allTop label{ font-size:38px; color:#222; font-weight: bold; } 
.allTop label span{ color:#3663b6; font-weight: 700; } 
.allTop p{ font-size: 20px; color: #333333; /*background: url(../images/4.png)center 0 no-repeat;*/ background-position: center; } 


/*搜索*/
.lankuang{    transform: translateY(-50%); position:relative; z-index:200}
.ss{ background:#ffffff; padding:35px 0;-moz-box-shadow:0px 2px 5px #eeeeee; -webkit-box-shadow:0px 2px 5px #eeeeee; box-shadow:0px 2px 5px #eeeeee;}
.ss ul li{ width:20%; float:left; text-align:center ; font-size:17px; color:#333333; font-weight:bold; position:relative}
.ss ul li img{ padding-right:10px; margin-top:-4px}
.ss ul li:before{content:'';width:1px;height:24px; background:#c5c6cc ;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.ss ul li:last-child:before{ content:none}



/*公用标题*/
.cpzs{  padding-bottom:30px;  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:18px; color:#0d62a6;color:#333333; position:relative }
.cpzs .cpzs_bt .fwxm_bt1 span{ position:relative; top:-5px;}
.cpzs .cpzs_bt .fwxm_bt1 h2{ display:inline; font-size:40px; font-weight:bold}
.cpzs .cpzs_bt .fwxm_bt2{  color:#333333;   padding:10px 0; font-size:16px;/*padding-bottom: 20px;background: url(../images/line02.png) no-repeat center bottom;*/}

@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt1 h2{ font-size:35px;}
}


@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:14px; color:#0d62a6;color:#333333; position:relative }
.cpzs .cpzs_bt .fwxm_bt1 span{ position:relative; top:0px;}
.cpzs .cpzs_bt .fwxm_bt1 h2{ display:inline; font-size:22px; font-weight:bold}
.cpzs .cpzs_bt .fwxm_bt2{  color:#333333;   padding:10px 0; font-size:12px;}

}




.btnMore{display: inline-block;width: 150px;line-height: 42px;border-radius: 30px;border: 1px solid #c5c5c5;text-align: center;font-size: 14px;color: #666666;}
.btnMore:hover{background: #00428e;color: #fff;border-color:#00428e;}

.bm{margin:55px auto 0;display: block;}

.tlt { text-align: center;margin:15px 0; } 
.tlt h3 { font: bold 30px/50px "微软雅黑"; color: #454545; } 
.tlt p { font: normal 16px/24px "微软雅黑"; color: #c7c7c7; text-transform: uppercase; /*padding-bottom: 15px; background: url(../images/line02.png) no-repeat center bottom; */}
 
 
 
 
.aorui_a{ width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; height: 500px;     border-bottom: 2px solid #eee;}
.aorui_a a:nth-child(4){ margin-right: 0; }
.aorui_a a{ display: block; height: 400px; width: 287px; overflow: hidden; margin-right: 17px; transition: all 0.3s; }
.aorui_a a img{ width: 100%; height: 317px; }
.aorui_a a div{ background: #fac12c; text-align: center; height: 83px; transition: all 0.3s; }
.aorui_a a div label{ display: block; background: url(../images/6.png)center 0 no-repeat; width: 44px; height: 43px; margin: auto; top: -21px; position: relative; transition: all 0.3s; }
.aorui_a a div span{ font-size: 22px; color: #333333; display: block; margin-bottom: 13px; top: -6px; position: relative; transition: all 0.3s; }
.aorui_a a p{ color: #fff; padding: 0 33px; font-size: 13px; line-height: 21px; }
.aorui_a a:hover{ height: 515px; margin-top: -34px; }
.aorui_a a:hover div{ background: url(../images/4_03.jpg)center 0 no-repeat; height: 197px; }
.aorui_a a:hover label{ background: url(../images/7.png)center 0 no-repeat;    }
.aorui_a a:hover div span{ color: #fff; }  
 
 
 
/*产品中心*/ 
.cpzs  .hd ul { margin: 0 auto; text-align: center; }  
.cpzs  .hd li {  padding: 0 5px; width:150px; height: 49px; line-height: 60px; background: #00428e; font-size: 18px; display: inline-block; margin: 10px 20px; color: #fff; } 
.cpzs  .hd li  a  span{ display: block; width: 99%; height: 32px; line-height: 32px; margin: 0 auto; margin-top: 4%; color: #fff; text-align: center; border: #fff 0px dashed; } 
.cpzs  .hd li:hover{background:#f8bd01}

.picScroll-left{width:100%; position:relative; padding-top:25px;}
.picScroll-left .prev{float:right; cursor:pointer; width:0; height:0; border-left:16px solid #00428e; border-top:18px solid transparent; border-bottom:18px solid transparent; position:absolute;right:-16px;top:50%; transform: translateY(-50%); z-index:98;}
.picScroll-left .next{float:right; cursor:pointer; width:0; height:0; border-right:16px solid #00428e; border-top:18px solid transparent; border-bottom:18px solid transparent; position:absolute;left:-16px;top:50%; transform: translateY(-50%); z-index:98;}
.picScroll-left .prev:hover{border-right-color:#f8bd01;}
.picScroll-left .next:hover{border-left-color:#f8bd01;}
.picScroll-left .bd{width:100%; overflow:hidden;}
.picScroll-left .bd ul{overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:300px; float:left; margin-right:20px; float:left; position:relative;overflow: hidden;border:1px solid #eee}
.picScroll-left .bd ul li .cp_img{width:100%; height:220px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2);    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;}
.picScroll-left .bd ul li .cp_img img{max-width:100%;height:auto;}

.picScroll-left .bd ul li .cp_txt{display:block; height:58px; line-height:58px; overflow:hidden; background:#f4f4f4; font-size:16px; color:#333333; text-align:center; transition:all 0.4s;}
.picScroll-left .bd ul li .cp_more{width:38px; float:left; height:38px; border:2px solid #00428e; text-align:center; background:#00428e; font-family:Arial; font-size:26px; color:#fff; position:absolute; left:50%; bottom:60px;transform: translateX(-50%); display:flex; align-content:center; align-items:center; justify-content:center; transition:all 0.4s;}
.picScroll-left .bd ul li:hover .cp_txt{background:#f8bd01; color:#fff;}
.picScroll-left .bd ul li:hover .cp_img  img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}
.picScroll-left .bd ul li:hover .cp_more{background:#fff; color:#f8bd01;}


.picScroll-left2{width:100%; position:relative; padding-top:25px;}
.picScroll-left2 .prev{float:right; cursor:pointer; width:0; height:0; border-left:16px solid #00428e; border-top:18px solid transparent; border-bottom:18px solid transparent; position:absolute;right:-16px;top:50%; transform: translateY(-50%); z-index:98;}
.picScroll-left2 .next{float:right; cursor:pointer; width:0; height:0; border-right:16px solid #00428e; border-top:18px solid transparent; border-bottom:18px solid transparent; position:absolute;left:-16px;top:50%; transform: translateY(-50%); z-index:98;}
.picScroll-left2 .prev:hover{border-right-color:#f8bd01;}
.picScroll-left2 .next:hover{border-left-color:#f8bd01;}
.picScroll-left2 .bd2{width:100%; overflow:hidden;}
.picScroll-left2 .bd2 ul{overflow:hidden; zoom:1; }
.picScroll-left2 .bd2 ul li{width:300px; float:left; margin-right:20px; float:left; position:relative;overflow: hidden;}
.picScroll-left2 .bd2 ul li .cp_img{width:100%; height:220px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.picScroll-left2 .bd2 ul li .cp_img img{width:100%;height:100%;}

.picScroll-left2 .bd2 ul li .cp_txt{display:block; height:58px; line-height:58px; overflow:hidden; background:#f4f4f4;  font-size:16px; color:#333333; text-align:center; transition:all 0.4s;}
.picScroll-left2 .bd2 ul li .cp_more{width:38px; float:left; height:38px; border:2px solid #00428e; text-align:center; background:#00428e; font-family:Arial; font-size:26px; color:#fff; position:absolute; left:50%; bottom:60px;transform: translateX(-50%); display:flex; align-content:center; align-items:center; justify-content:center; transition:all 0.4s;}
.picScroll-left2 .bd2 ul li:hover .cp_txt{background:#f8bd01; color:#fff;}
.picScroll-left2 .bd2 ul li:hover .cp_img  img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);}
.picScroll-left2 .bd2 ul li:hover .cp_more{background:#fff; color:#f8bd01;}






/*产品展示*/



.hzbj_more{ width:438px; height:50px; border:2px solid #142038; border-right:none;  line-height:46px; border-radius:46px; margin:30px auto 15px; text-align:center; font-size:16px; color:#666666; font-weight:normal; position:relative}
.hzbj_more span{ font-size:24px; font-weight:bold; color:#142038}
.hzbj_more b{ font-weight:normal; position:relative; top:-2px;}
.hzbj_more a{ display:inline-block; float:right; background:#142038; width:146px; text-align:center; border-radius:50px; color:#FFF}






/*横条*/
.ht{ overflow:hidden}
.ht .col-md-6{ padding:0}
.ht .ht_l{ height:228px; background:url(../images/ht_l.png) no-repeat; background-size:cover}
.ht .ht_r{ height:228px; background:url(../images/ht_r.png) no-repeat; background-size:cover}

.ht .ht_l .ht_l_l{ width:560px; float:right; margin-right:40px; color:#FFF} 
.ht .ht_l .ht_l_l p:first-child{ font-size:40px; font-weight:bold; padding-top:40px;}
.ht .ht_l .ht_l_l p:last-child{ font-size:18px; padding-top:10px; line-height:2;}

.ht .ht_r .ht_r_r{ width:560px; float:left; margin-left:40px; color:#FFF; margin-top:80px;} 
.ht .ht_r .ht_r_r span{ display:block; float:right}
.ht .ht_r .ht_r_r span:nth-child(2){ font-size:14px; padding:0 15px}
.ht .ht_r .ht_r_r span:nth-child(2) b{ font-size:30px; margin-top:-3px; display:inline-block}


/* @media (max-width :1300px) { */
/* .ht .ht_l .ht_l_l{ width:90%; float:none; margin:0 auto} 	 */
/* .ht .ht_r .ht_r_r{width:90%; float:none; margin:0 auto;padding-top:80px;} 	 */
/* } */

/* @media (max-width :1100px) { */
	/* .ht .ht_r .ht_r_r img{ max-width:80%} */
/* .ht .ht_r .ht_r_r span:nth-child(2){ font-size:12px; padding:0 15px} */
/* .ht .ht_r .ht_r_r span:nth-child(2) b{ font-size:20px; margin-top:-3px; display:inline-block} */
/* } */

/* @media (max-width :1000px) { */
/* .ht .ht_l .ht_l_l p:first-child{ font-size:30px; font-weight:bold; padding-top:50px;} */
/* .ht .ht_l .ht_l_l p:last-child{ font-size:16px; padding-top:10px; line-height:2;} */
/* } */

/* @media (max-width :991px) { */

	/* .ht .ht_r .ht_r_r img{ max-width:70%}	 */
	/* .ht .ht_r .ht_r_r span:last-child{ display:none} */
	/* .ht .ht_r .ht_r_r span:nth-child(2){ font-size:14px; padding:0 10px 0 2px} */
/* } */


/* @media (max-width :767px) { */
	/* .ht .ht_r{ display:none} */
/* } */


/****优势***/
.three{width:100%;/*padding-top: 78px;background: #F2F5FB;*/padding-bottom: 80px;}
.three_center{width:1200px;margin:0 auto;}
.three_content{width:1200px;/*margin-top: 52px;*/position: relative;height: 586px;border:0px solid red;}
.three_ul{width:100%;height: 145px;text-align:center;}
.three_ul li{width:390px;height:145px;display: inline-block;background: #0055B2;margin:0px 3px;}
.three_ul li .three_p{padding: 45px 0px;text-align: left;padding-left: 90px;}
.three_ul li .three_p .three_b{font-size: 24px;color:#fff;}
.three_ul li .three_p span{font-size: 14px;color:#fff;}
.three_ul li:nth-child(1) .three_p{width:100%;height:100%;background: url(../images/three_01.png)no-repeat center center;}
.three_ul li:nth-child(2) .three_p{width:100%;height:100%;background: url(../images/three_02.png)no-repeat center center;}
.three_ul li:nth-child(3) .three_p{width:100%;height:100%;background: url(../images/three_03.png)no-repeat center center;}
.three_ul li:hover{background: #f8bd01;}

.three_des{width:1200px;height: 404px;position:absolute;top:145px;left:0px;background:url(../images/three_back.png)no-repeat 3px 30px;display: none;}
.three_des img{width:516px;height: 296px;float: left;margin-top:68px;margin-left:7px;}
.three_fr{width:665px;height: 300px;background:#0055B2;margin-top: 64px;padding:45px 35px;}
.three_fr .three_fg_p1{font-size: 18px;color:#fff;text-align:left;}
.three_fr .three_fg_p1 b{font-size: 24px;}

.three_fr .three_fg_p2{font-size: 16px;color:#fff;text-align: left;line-height: 32px;margin-top: 30px;}
.three_ul li:hover .three_des{display: block;}


/*hzkh  合作客户*/
.hzkh{width:100%;/*height: 210px;*/display:block;border:0px solid yellow;}
.hzkh_title{width:100%;height: 30px;}
.hzkh_title b{font-size: 24px;color:#0055B2;}
.hzkh_title span{font-size: 18px;color:#999;}
.hzkh_title .more{width:112px;height: 30px;background: #0055B2;float: right;text-align: center;line-height: 30px;font-size: 12px;color:#fff;}

/* 合作客户 滑动css */
.picMarquee-left{ overflow:hidden; position:relative;margin-top: 35px;border:0px solid red;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; width:230px; height: 350px; display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;border:1px solid #eee;}
.picMarquee-left .bd ul li .pic img{ max-width:230px; height:auto;display:block;border:0px solid #999; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }


/** 关于我们  **/
.aorui_e{ width: 100%; background: url(../images/9_02.jpg)center 0 no-repeat; height: 844px; overflow: hidden; }  
.aorui_e .allTop{ /*margin-top: 62px;*/ /*margin-bottom: 58px;*/ }   
.aorui_es{ text-align: center; } 
.aorui_es div{ line-height: 35px; width: 818px; overflow: hidden; margin: auto; margin-bottom: 46px;     font-size: 18px;text-align: initial;} 
.aorui_es img{  } 

/*****新闻资讯******/
.news{width:100%;height: 807px;/*padding-top: 87px;*//*background: #F2F2F2;*/}
.news_center{width:1200px;margin:0 auto;}
.news_content{width:1200px;height:504px;/*margin-top:55px;*/}
.news_fl{width:600px;height: 504px;   }
.news_fl li{width:600px;height: 115px;background: #fff;margin-bottom:14px;padding: 24px 26px; border: 1px solid #eee;}
.time{width:70px;height: 65px;background: url(../images/news_blue.png)no-repeat 0px 0px;text-align: center;padding-top:17px;line-height: 18px;}
.time b{font-size: 27px;color:#0055B2;}
.time span{font-size: 12px;color:#0055B2;}

.news_des{width:460px;height: 65px;padding-top: 2px;}
.news_des h1{font-size: 16px;color:#333;font-weight: 600;}
.news_des p{font-size: 12px;color:#666;margin-top: 10px;}

.news_fl li:hover .time{background: url(../images/news_yelo.png)no-repeat 0px 0px;}
.news_fl li:hover .time b{color:#FF7700;}
.news_fl li:hover .time span{color:#FF7700;}
.news_fl li:hover .news_des h1{color:#FF7700;}

.news_fr{width:559px;height: 504px;}
.news_fr img{width:559px;height:359px; }

.news_fr_des{width:559px;height:145px;padding: 25px;background: #fff;position: relative;}
.news_fr_des h1{font-size: 16px;font-weight: 600;color:#333;}
.news_fr_des p{font-size: 12px;color:#666;margin-top: 10px;}
.news_frtime{width:70px;height: 65px;background:url(../images/news_fr_time.png)no-repeat;position: absolute;top:-30px;right: 10px;z-index: 99;text-align: center;padding-top:8px;line-height: 25px;}
.news_frtime b{font-size:27px;color:#fff;}
.news_frtime span{font-size:12px;color:#fff;}



/*友情链接*/

.f_link {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 34px;
    line-height: 60px;
    font-size: 16px;
    height: 60px;
    overflow: hidden;
    background: url(../images/link.png) 0 0 no-repeat rgba(255,255,255,.1);
}

.f_link span {
    color: #fff;
    width: 251px;
    float: left;
    text-align: center;
    display: block;
}

.f_link a {
    font-size: 14px;
    color: #999;
    padding: 0 12px;
}


.hh{width:100%;background:#00428e /*rgba(20,32,56,.6)*/;}
.hh .footnav{width:100%;height:55px;/*background:url(../images/fnavbg.png) no-repeat;background-size:100% auto*/}
.hh .footnav ul{width:100%;height:100%;}
.hh .footnav ul li{float:left;width:calc(100%/7);height:100%;line-height:55px;text-align:center;}
 .hh .footnav ul li a{color:#fff;font-size:16px;}

/*页面底部*/

.foot {
    background: #2c2929;
	border-top:5px solid #f8bd01 ;
}

#footer {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 46px;
}

.foot1 {
    padding-right: 50px;
	padding-top: 30px;
}

.foot1 img {
    /* max-width: 100%; */
	/* background:#fff; */
}

.foot2 {
    padding-left: 60px;
    padding-top: 30px;
    line-height: 28px;
    font-size: 14px;
    padding-bottom: 8px;
    color: #666;
    text-transform: uppercase;
    border-left: 1px solid #3b3b3b;
    border-right: 1px solid #3b3b3b;
    padding-right: 270px;
}

.foot2 h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
}

.foot2 dd {
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    margin-top: 18px;
}

.foot2 a {
    color: #fff;
}

.foot3 {
    line-height: 44px;
    padding-top: 32px;
    text-align: center;
    color: #fff;
}

.foot3 .img{width:120px;height:120px;border:1px solid #fff;padding:3px;}
.foot3 .img img{width:100%;height:100%;}

#footer a:hover {
    color: #e87518;
    text-decoration: none;
}

.copyright {
    text-align: center;
    line-height: 24px;
}

@media (max-width:1200px) {
    #footer {
        padding: 0;
    }
    .foot2 {
        text-align: center;
        padding: 20px 0;
        border: none;
        margin: 0 auto;
        width: 100%;
    }
}