@charset "gb2312";
/* CSS Document */
*{ margin: 0; padding: 0; list-style-type: none; }
html,body{ font-size: 14px; background: #fff; color: #222; font-family:Microsoft Yahei!important; min-width: 1200px; }
img{ border: 0px; vertical-align: middle; }
h1, h2, h3, h4,  p, dl, dt, dd, ul, ol, li, button, input, th, td { margin: 0; padding: 0; }
input{background:none;border:none;}
a{ color: #222; text-decoration: none; }
.container{ width:1200px; margin:0 auto; text-align:left; word-break:break-all; }
.content{ width: 1000px; margin:0 auto; }
.fl{ float:left; }
.fr{ float:right; }
.clearfix{ clear: both; }
.clearfix:after{ content: ""; clear: both; height: 0; display:block; visibility: hidden; }
.fl_r{ width: 890px; }
/*头部欢迎*/
/*head*/
.top_bg{width:100%;height:38px; background:#0058AA;min-width:1200px;}
.top{width:1200px;margin:0 auto;overflow: hidden;}
.top ul li{float:left;padding-left:32px;height:38px;line-height:38px;color:#fff;font-size:15px;font-family: Arial;}
.top .share a{margin-left:10px;display:inline-block;color:#fff;font-size:14px;line-height:38px;}
 .top .top_tel1{background:url(../images/t_tel.png) no-repeat center left;}
.top form{width:168px;float:right;margin:6px 10px 0 0;}
.top form .keyword{width:128px;height:25px;line-height:25px;border:none;margin-left:12px; background:none;color:#cac8c8; outline:none;float:left;}
.top form .submit{width:20px;background:none;border:none;cursor:pointer;position:absolute;top:0;right:0;}
.search{ width:248px; height:28px; }
.search input{ display:inline-block; height:28px; float:right; color:#fff; background:#0058AA; }
#searchtext{ color: #666; width:120px; height:26px; line-height:26px; padding:0 5px 0 22px; outline:none; }
#searchtext_box{background:url(../images/search_Bg_03.png) no-repeat;width:177px; height:26px;}
.submit{ width:50px; height:26px; cursor:pointer; border:0; }
.nav_bg{width:100%;height:106px;background:url(../images/bg.png) repeat-x;min-width:1200px;position:relative;z-index:999;}
.nav{width:1200px;height:106px;margin:0 auto;overflow:hidden;}
.nav img{width:200px;height:98px;}
.nav ul{width:906px;float:right;}
.nav li{float:left;}
.nav li a{height:106px;line-height:106px;padding:0 18px;font-size:16px;color:#000;display:inline-block;}
.nav li a:hover{color:#0058AA;background:#f0eeee;height:98px;}
/*轮播*/
.banner{ position:relative; height:400px; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat;margin-top:-8px; }
.slides{ position:relative; z-index:1; }
.slides li{ height:400px; }
.flex-control-nav{ position:absolute; bottom:5%; z-index:2; width:100%; text-align:center; padding: 0}
.flex-control-nav li{ display:inline-block; width:18px; height:8px; margin:0 10px; display:inline; zoom:1; }
.flex-control-nav a{ display:inline-block; width:20px; height:10px; overflow:hidden; cursor:pointer; color: rgba(0,0,0,0); background: #fff; }
.flex-control-nav .flex-active{ background:#0058AA; }
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:45%; }
.flex-direction-nav li a{ display:block; width:50px; height:38px; overflow:hidden; cursor:pointer; position:absolute; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.flex-direction-nav li a.flex-prev{ left:40px; background:url(../images/prev_icon.png) center center no-repeat; }
.flex-direction-nav li a.flex-next{ right:40px; background:url(../images/next_icon.png) center center no-repeat; }
.flex-direction-nav li a:hover{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
/* marquee */
.marquee_bg1{width:100%;height:26px;position:relative;margin-bottom:30px;top:-10px;z-index:999;}
.marquee_bg2{width:100%; background:url(../images/marquee.png) center 0 no-repeat;height:44px;position: absolute;left:0;top:5px;}
.marquee{width:1100px;height:44px;overflow:hidden;margin:0 auto;}
.marquee p{float:left;height:44px;text-align:right;font:14px/44px "microsoft yahei";color:#1d1d1d;}
.marquee p a{color:#1d1d1d;}
/*我们的优势*/
.h_youshi { width: 100%; background: #fff; }
.h_youshi_in { width: 1200px;  padding: 40px 0; margin: 0 auto;overflow: hidden;  }
.youshi_wrap { width: 1230px; }
.h_youshi_in ul li { float: left; margin-right: 24px; width: 282px; }
.h_youshi_in ul li .icon { text-align: center; width: 120px; height: 120px; margin: 0 auto; background: #eee; border-radius: 50%; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; transition: background 0.5s, color 0.5s; -moz-transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s; -o-transition: background; }
.h_youshi_in ul li .icon span { display: block; width: 100%; height: 100%; background: url(../images/ys1.png) center center no-repeat; background-size: cover; transition: background 0.5s, color 0.5s; -moz-transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s; -o-transition: background; }
.h_youshi_in ul li .icon2 span { background: url(../images/ys2.png) center center no-repeat; background-size: cover; }
.h_youshi_in ul li .icon3 span { background: url(../images/ys3.png) center center no-repeat; background-size: cover; }
.h_youshi_in ul li .icon4 span { background: url(../images/ys4.png) center center no-repeat; background-size: cover; }
.h_youshi_in ul li .tlt { text-align: center; margin-top: 20px; margin-bottom: 5px; font-size: 20px; color: #2a333c; }
.h_youshi_in ul li p { text-align: center; margin-top: 10px; margin-bottom: 5px; font-size: 14px; color: #999; }
.h_youshi_in ul li:hover .icon { background: #02328d; }
.h_youshi_in ul li:hover .icon1 span { background: url(../images/ys1a.png) center center no-repeat; background-size: cover; }
.h_youshi_in ul li:hover .icon2 span { background: url(../images/ys2a.png) center center no-repeat; background-size: cover; }
.h_youshi_in ul li:hover .icon3 span { background: url(../images/ys3a.png) center center no-repeat; background-size: cover; }
.h_youshi_in ul li:hover .icon4 span { background: url(../images/ys4a.png) center center no-repeat; background-size: cover; }
/*左侧列表*/
.pro{  padding: 40px 0; }
.pro_l{ width: 260px; float: left; background-color: #0058AA;padding:5px;}
.product-title { padding: 20px 0; }
.product-title span { display: block; font-size: 16px; color: #bbb; padding-top: 5px; text-align:center;}
.product-title h3 { margin: 0; color: #fff; font-size: 24px; font-weight: bold; text-align:center;}
.prod_list{background: #fff; padding: 5px;}
.prod_list h1{width:213px;height:38px;line-height:35px;background:url(../images/pro_lf_h4.gif) no-repeat center bottom;margin:0 auto;font-size:14px;overflow:hidden;}
.prod_list h1 a{color:#002988;display:block;padding-left:28px;font-size:15px;}
.prod_list ul{width:196px;margin:5px auto 0;}
.prod_list li{height:30px;line-height:30px;overflow:hidden;width:180px;margin-left: 10px;}
.prod_list li a{display:block;background:url(../images/pro_lf_li.gif) no-repeat 11px 11px;padding:0 0 0 30px;}
.prod_list li a h2{font-size:14px;font-weight:normal;}
/*右侧产品*/
.pro_r{ width: 908px; float: right; }
.tit_1{ height: 54px;  overflow: hidden; border-bottom: 1px solid #ccc; }
.tit_1 p{ margin: 0; font-size: 24px; font-weight: bold; color: #0053a9;float:left;width:100px; }
.more{ width: 90px; height: 30px; line-height: 30px; background-color: #014fa2; color: #fff; text-align: center; border-radius: 15px; float:right; }
.pro_r dl{ text-align: center; float:left;   margin: 20px 8px 10px 8px;width: 286px; }
.pro_r dl a{ display: block; font-weight:bold; }
.pro_r dl dt{ display: table-cell; text-align: center;  }
.pro_r dl dt img{ width: 286px; height: 178px; }
.pro_r dl dd{ color: #0058AA;  background:#eee; overflow: hidden;height:36px;line-height:36px; }
.ab{ padding: 0px; }
.index_a{ width: 100%; background: url(../images/aboutbg.jpg) no-repeat; padding: 40px 0; height:380px;}
.sy_about_hd {  width:1200px;margin:auto; }
.h_tlt1 { width: 100%; }
.h_tlt1 p { font-size: 28px; font-weight: bold; color: #fff; text-align: center; }
.h_tlt1 span { display: block; font-size: 15px; font-weight: lighter; color: #ccc; text-align: center; height: 40px; line-height: 40px; }
.con_syabout { position: relative; padding-top: 20px; }
.con_img_about { float: left;  padding: 0 30px; position: relative; z-index: 2; }
.con_img_about img { width: 460px; height: 310px;  }
.con_right_about { background: #fff; width: 96%; text-align: left; padding: 5px 2%; position: absolute; top: 67px; height: 274px; z-index: 1; }
.con_right_about p.desc { font-size: 14px;  color: #666; line-height: 27px; padding: 14px 0 20px; margin-left: 45%;  overflow: hidden; }
.btn-more1 { border: 1px solid; color: #0058AA; display: block; width: 110px; text-align: center; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; height: 30px; line-height: 30px; margin-left: 45%; }
.btn-more1:hover { background: #0058AA; color: #fff; border-color: #0058AA; text-decoration: none}
.chejian{width:1200px;margin:10px auto; }
#demoLeft {  overflow: hidden;width:1200px;height: 230px; }
#demoLeft .indemo { float: left; width: 800%; text-align: center; }
#demo1,#demo2{float: left;}
#demo1 ul li, #demo2 ul li {float: left; width: 280px;  overflow: hidden; margin: 0px 10px;}
#demo1 img, #demo2 img { display: block; width: 280px; }
#demo1 p, #demo2 p{ font-size: 16px;  text-align: center; line-height: 42px;background:#0058AA;}
#demo1 p a, #demo2 p a{color: #fff;}
/*首页案例轮播*/
.anli_1{ width:100%; overflow:hidden; padding-top: 50px; }
.anli_1 .h_tlt1 p{color:#0058AA;}
.homeCyqyW .indemo { position: relative; }
.homeCyqyW { width: 1200px; height: auto; margin: 0 auto; padding:20px 0 30px 0;}
.homeCyqyW ul li { float: left; width: 380px; margin: 10px; }
.homeCyqyW ul li img{width:380px;height:235px;}
.homeCyqyW ul li h2 {margin-top: 12px;  line-height: 30px; font-size: 16px; font-weight: 600; color: #202a30;}
.bx-controls-direction a { width: 42px; height: 42px; margin: 0; top: 100px; position: absolute;}
.bx-controls-direction a.bx-prev {  left: 0px; background: url(../images/xq_jt_l.png) no-repeat center center; }
.bx-controls-direction a.bx-next { right: 0px; background: url(../images/xq_jt_r.png) no-repeat center center;}
.bx-controls-direction .bx-prev:hover {  left: 0px; background: url(../images/xq_jt_l1.png) no-repeat center center; }
.bx-controls-direction .bx-next:hover { right: 0px; background: url(../images/xq_jt_r1.png) no-repeat center center;}
/*关于我们*/
/*新闻*/
.news{ padding: 30px 0;  }
.inews1 { width: 770px; float: left; }
 .inews2 { width: 380px; float: right; }
.new_tit { width: 100%; height: 22px; line-height: 22px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding: 9px 0; }
.new_tit h3 { font-size: 20px; font-weight: bold; color: #0053a9; }
.new_tit h3 s { width: 4px; height: 22px; display: inline-block; vertical-align: top; margin-right: 10px; background: #0053a9; }
.new_tit a { color: #575757; }
.inews1 .imgleft { width: 380px; height: 270px; float: left; margin-top: 12px; overflow: hidden; }
.news .inews1 .newslist { width: 360px; }
.news .newslist { line-height: 55px; }
.news .newslist li { width: 100%; height: 46px; line-height: 46px; overflow: hidden; border-bottom: 1px dashed #eee; }
.news .newslist li a { width: 100%; color: #575757; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.newsn .newslist li a:hover { color: #0053a9; }
.news .newslist li .time { color: #575757; float: right; font-weight: normal; }
/*底部*/
.g_link{ background:#1c4e83; line-height: 40px; overflow: hidden; }
.g_link p{ float: left; width: 80px; padding-left: 30px; background: url(../images/linktit.jpg) no-repeat 0; font-size: 16px; color: #fff; }
.link_c{ line-height:40px; overflow:hidden; float: left; width: 890px; font-size: 14px; color:#aaabab; }
.link_c a{ white-space:nowrap; padding:0 24px; height: 40px; line-height:40px; color:#aaabab; display: inline-block; }
.foot{ background: url(../images/footbg.jpg)no-repeat center top #1C4E83; padding: 28px 0; color: #FFFFFF; }
.foot .nav_b{ text-align: center; }
.foot .nav_b a{ color: #FFFFFF; padding: 0 26px; font-size: 15px; }
.bq{ text-align: center; line-height: 2; padding: 40px 0 10px; margin:0 20%; }
.bq a{ color: #FFFFFF; }
.footerbot {width: 1000px;margin:auto;font-size:14px; }
.footerbot .f_logo{width:160px;margin-top:45px;padding-left:120px;text-align:center;}
.footerbot .f_logo p{color:#fff;line-height:26px;}
.f_ban{ margin:50px 0 0 40px;width:600px;border-left:1px dashed #ccc;padding-left:20px;}
.f_ban p{ font-size:14px; color:#dee6f2; line-height:36px;}
.f_ban p span{ padding:0 10px 0 20px;}
.f_ban p a{ font-size:14px; color:#dee6f2;}
.f_ban p img{ width:60px; padding-left:0px;}
/*内页导航*/
.n_new{ width: 100%; padding:0; float: right; display: block; }
.n_new:after{ content: ""; clear: both; height: 0; display:block; visibility: hidden; }
.n_new_tit{ border-bottom: 2px solid #000; padding:0 5px 5px; }
.n_new_tit span:first-of-type{ font-size: 16px; border-bottom: 1px solid #0058AB; padding: 0 5px 5px 0; }
.n_new_tit span:last-of-type{ float: right; }
.n_new_tit span:last-of-type b{ display: inline-block; width: 18px; height: 18px; color: #fff; border-radius: 50%; background: #0058AB; line-height: 18px; text-align: center; font-weight: normal; margin-left: 10px; }
/*产品内页*/
.n_pro{ padding: 40px 0; }
.n_pro_r{ width: 100%; float: right; height: auto; }
.n_pro_r dl{ text-align: center; float:left;   margin: 20px 8px 10px 8px; width: 280px;}
.n_pro_r dl a{ display: block; font-weight:bold; }
.n_pro_r dl dt{ display: table-cell; text-align: center; }
.n_pro_r dl dt img{ width: 280px; height: 174px; }
.n_pro_r dl dd{ color: #0058AA; background:#eee; overflow: hidden; height:36px;line-height:36px;}
/*内页*/
.gduo { line-height: 40px; overflow: hidden; padding: 10px 5px; font-size: 16px;color:#888; }
.gduo a{color:#888;}
.ny_content{ padding:45px 0 0; line-height: 28px; }
.ny_content h1{ text-align: center; line-height: 46px; font-size:26px; }
.ny_content .tit2{ text-align: center;  margin:0 12px 4px; line-height: 40px; }
.ny_content p{ line-height: 28px; text-indent: 2em; padding:0 12px; }
.ny_content li{ border-bottom:#CCC dashed 1px; height:40px; line-height:40px; background:url(../images/tb01.png) no-repeat 5px center; padding-left:20px; }
.ny_content li a{ font-size:14px}
.ny_content li a:hover{ font-size:14px}
.ny_content li span{ float:right; color:#666; font-size:12px; }
.ny_content table img{margin:10px 0;}
/*翻页*/
.page{ width:100%; padding:0%; position: relative; height:45px; color:#0058AA; font-size:14px; }
.page a:hover{ background:#fff; color:#467fb4}
.page ul{ float:right; position: absolute; top:15px; right:10px; }
.page dd{ position: absolute; margin:0px; left:15px; line-height: 45px; text-align: left; }
.page ul span{ float:left; border:1px solid #DDD; }
.page ul span a{ padding:3px 10px; display: block; color:#467fb4}
#current{ padding:3px 10px; float:left; border:1px solid #DDD; color: #737373; font-size: 14px; background:#fff; }
#apjxq_floors{ padding:4px 0; }
#apjxq_floors{display:none;}
/*推荐*/
.n_part3{ border-bottom:1px solid #999; margin:12px 0; line-height:30px; height:30px; margin:10px 0 0 0; }
.n_part3 span{ float:left; border-bottom:2px solid #0058AA; font-size: 15px; font-weight:bold; color:#0058AA}
.img_list2,.img_list3{ overflow:hidden; margin:12px 0; padding-top:10px; zoom:1; }
.img_list2 li{ float:left; margin:0 10px; text-align:center; line-height:32px; }
.img_list2 li img{ width:196px; height:121px; border:1px solid #d5d5d5; padding:2px; }
.img_list2 li a{ display:block}
.img_list2 li a:hover img{ border:1px solid #ff9501}
.img_list3 li{ float:left; width:48%; margin:0 8px; height:32px; line-height:32px; color:#666666; overflow:hidden;}
.img_list3 li span{ font-size:13px; color:#666666; float: right; }
.trendsShow-rt{float:right;width:260px;     border: 1px solid #ccc;}
.trendsShow-rt .news9 h1{overflow:hidden;margin:0 0 10px 0;background: #0058AA;height:46px;line-height: 46px;text-indent:16px;}
.trendsShow-rt .news9 h1 span{float:left;font-size:16px;color:#fff;}
.trendsShow-rt .news9 ul li a{display:block;font-size:14px;color:#666;line-height: 36px;height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 10px;}
.trendsShow-rt .news9 ul li a:hover{color:#9D1126;}