.top{ height:36px; line-height:36px; background:#0074c5}
.top *{color:#a7cdff;font-size: 12px}
.toplink li{display:inline-block; line-height: 18px;  float:left; border-right:1px solid #a7cdff; margin-top:8px; padding:0 14px; }
.toplink li:last-child{ border-right:0;}
.ico{ display:inline-block; background-position:center; background-repeat:no-repeat;  width:20px; height:18px;line-height:18px; margin-bottom:-5px}
.toplink a{color:#a7cdff}
.ico.ico-wechat{background-image:url(../images/ico_wechat.png);}
.ico.ico-qq{background-image:url(../images/ico_qq.png);}
.ico.ico-service{background-image:url(../images/ico_service.png);}

.hd{ padding:15px 0; }
.logo{ padding-right:20px; }
.sitetxt{ border-left:1px solid #c1c1c1; padding:10px 0 10px 20px;}
.sitetxt .text1{ font-size:30px; color:#005dc4; line-height:38px; }
.sitetxt .text2{ font-size:18px;color:#4f4f4f; line-height:28px;}




.navbg{ height:50px; background:#035cc2;}
.navfixed{ position:fixed;left:0;top:0;right:0; z-index:999}

.nav li{ float:left; line-height:50px; border-left:1px solid #062aca; }
.nav li:first-child{ border-left:0;}
.nav li a{ display:block;color:#fff; font-size:16px;line-height:50px; width:170px; text-align:center;} 
.nav li a:hover,.nav li a.act{ background:#004a9c}


.search{ height:50px; line-height:50px; background:#dadada}
.search_keywords{ width:240px;width:200px !important; height:30px; border:1px solid #c1c1c1; background:url(../images/ico_search.jpg) no-repeat 10px center; padding-left:40px;}
.search_btn{ height:32px;line-height:32px; border:0; background:#005dc4; color:#fff; padding:0 15px; margin-right:20px }

.banner{ position:relative; width:100%; background:url(../images/banner_bg.jpg) no-repeat center bottom; overflow:hidden;   height:562px}

.idx_block{ margin-top:30px}

.idx_pro .title{ height:123px; background:url(../images/idx_pro_titlebg.jpg) no-repeat center top; text-align:center; overflow:hidden}
.idx_pro .title div{ text-align:center; font-size:14px; color:#535353; margin-top:50px; margin-left:50px;}

.idx_proslist {margin:10px 0}
.idx_proslist li{ float:left;  margin-right:6px; margin-bottom: 10px}
.idx_proslist li.last{ margin-right:0 !important}
.idx_proslist a{ font-size:14px; display:block; }
.idx_proslist a.title{ display:block;line-height: 50px;height: 50px; background:url(../images/dot.png) no-repeat 250px center #e6e6e6; padding: 0 10px; text-align: left; font-size: 16px;}
.idx_proslist img{border:1px solid #9bc2ed}

.idxproleft{float: left;}
.idxproright{float: right; width: 595px;}


.slideBox{ width:590px; height:445px; overflow:hidden; position:relative;  }
.slideBox .protitle{ display:block;line-height: 50px;height: 50px; background: #e6e6e6;  bottom: 0; left: 0; right: 0; position: absolute}
.slideBox .hd{ height:15px; overflow:hidden; z-index:1; position: absolute; right: 0; bottom: 4px }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; border-radius: 50%; line-height:14px; text-align:center; background:#707070; cursor:pointer; }
.slideBox .hd ul li.on{ background:#007cdd; color:#fff; }
.slideBox .bd{ position:relative; height:410px; z-index:0; top: -30px; }
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:590px; height:395px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

a.checkmore{ display:block; font-size:20px;line-height:40px; margin-top:10px; color:#0062ca; text-align:center}

.idx_aboutbg{ height:510px; background:url(../images/idx_aboutbg.jpg) no-repeat top center; }
.idx_aboutbg .wrap12{position:relative}
.aboutinfo{ overflow: hidden;}
.aboutinfo .title{ font-size:36px; text-align:center; line-height:50px;color:#000;margin-top: 20px;color: #fff; font-weight: bold}
.aboutinfo .title span{color: #fff100}
.aboutinfo .subtitle{ font-size:14px; text-align:center; line-height:30px;color: #fff}

.infolink{margin-top:50px; }
.infolink li{ float: left; display: block; width: 285px; margin-right: 20px}
.infolink li.last{margin-right: 0}
.infolink li a{ display:block;background: #ededed; overflow: hidden; height: 350px}
.infolink li a:hover{ background: #00a0e9}
.infolink li .title{color:#333; font-size: 18px; font-weight: normal; line-height: 20px; margin-top:30px}
.infolink li a:hover .title{color:#fff}
.infolink .entitle{color:#999; border-bottom: 1px solid #999; margin: 0 100px; line-height: 40px; text-align:center; font-size: 18px;}
.infolink li a:hover .entitle{color:#f1f1f1;border-bottom: 1px solid #f1f1f1;}
.infolink li .intro{ margin: 20px 40px;color:#888888; line-height: 24px; text-align: center}
.infolink li a:hover .intro{color:#fff}


.idx_news{ float: left; width:670px;}
.idx_service{ float: right; width:500px;}
.blocllan{ border-left: 2px solid #464646;border-top: 2px solid #464646;border-bottom: 2px solid #464646;border-right: 4px solid #df011a; margin: 20px 50px; position: relative;height:50px; line-height:50px}
.blocllan .title{ font-size: 24px;color: #000; background: #fff; position: absolute; left: -40px; line-height: 30px; margin-top:10px}
.blocllan .entitle{ margin-left: 70px; font-size:14px;color: #888888 }
.blocllan a.more{ float: right; margin-right: 20px}

.newspic{float: left; width:200px}
.newspicintro{float: left; width: 350px; }
.newspicintro a.t{font-weight: bold; line-height: 40px; font-size: 14px}
.newspicintro .newspictxt{height:70px; line-height: 20px}
.newspicintro a.more{ color: #fff; background: #df011a; display: block; display: inline-block; padding: 3px 3px}
.idxpicnews{ margin:0 50px;}
.idxnewslist {margin:0 50px; margin-top:20px}
.idxnewslist .dot{ display: inline-block; width: 4px;height: 4px; background: #999; border-radius: 50%; margin-right:4px}
.idxnewslist li{ display: block;height:30px; line-height: 30px; }
.idxnewslist li .date{ float: right;}
.service_pic{margin:20px 30px; width:423px;border:1px solid #f1f1f1; line-height: 24px}
.service_pic .txt{ float: left; width:230px;}
.service_pic .t{ font-size: 12px; font-weight: bold;color:#df011a; margin: 10px}
.service_pic .i{ margin:0 10px 10px 10px}
.service_pic2{margin:0 30px;width:423px; }

.idx_youshi{height:500px; background: url(../images/idx_youshi.jpg) no-repeat center}

.idx_customer{ background: url(../images/idx_customer_bg.jpg) no-repeat center;height:362px; margin: 30px auto; overflow: hidden;}
.idx_customer .title{ margin:110px 0 50px 0; text-align: center; font-size:26px;color:#000; font-weight: bold}
.idx_customer .title span{color:#0074c5}

.picMarquee-left{ overflow:hidden; position:relative;  height:120px !important; margin: 0 15px ; }
.picMarquee-left  .prev,.picMarquee-left .next{ display:block;  width:36px; height:120px;  cursor:pointer; position: absolute;}
.picMarquee-left .prev{ left: 0; background:url("../images/idx_customerlogos_left.jpg") no-repeat; }
.picMarquee-left  .next{ right:0; background:url("../images/idx_customerlogos_right.jpg") no-repeat; }
.picMarquee-left .bd{ padding:10px;  position: absolute; left: 40px; top:-40px}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:204px; height:117px; display:block; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }


.friendlink{ margin:30px auto}
.friendlink .bg{ height:170px; background:url(../images/friendlink_bg.jpg) no-repeat center}
.friendlink .blocktitle{ float:left; width:282px; text-align:center;}
.friendlink .blocktitle .t{ font-size:16px; font-weight:bold;color:#000; margin-top:40px}
.friendlink .blocktitle a{ display: block; width:145px; font-size:14px; color:#7293b6; margin:25px auto 0 auto; padding-left:15px }
.friendlink .linklist{ float:left}

.linklist{ float:left; margin:40px auto; width:850px}
.linklist a{ font-size:13px; display:inline-block; margin:5px 10px}

.footer_nav{ background:#191919; text-align:center;color:#fff; overflow: hidden;}
.footer_nav .wrap12{ text-align:center !important;}
.footer_nav a{ color:#FFF; display:inline-block; margin:20px; font-size:16px}
.fttxt{ font-size: 14px; line-height: 30px; margin:10px auto}
.footer_copyright{ background:#000000; text-align:center; line-height:60px; color:#fff; text-align:center;font-size: 14px}
.footer_copyright .wrap12{ text-align:center !important;}
.ft_bocs{margin:30px 0}
.ft_bocs .item{ float: left; border:1px solid #666666;color:#7b7b7b; width: 355px;min-height: 130px; margin-right: 60px}
.ft_bocs .item.last{margin-right: 0}
.ft_bocs .item .ico{ float: left; margin:20px} 
.ft_bocs .item .intro{ margin:20px 20px 20px 120px; text-align:left; font-size: 14px} 

.bd{ margin:30px auto}
.bd_left{ float:left; width:274px; }
.bd_right{ float:right; width:912px;}


.lefttitle{ font-size:30px;font-weight:bold;color:#fff; background:url(../images/left_menu_bg.jpg); height:100px; padding-left:30px; line-height: 70px}
.lefttitle span{ font-size:14px;color:#fff; font-weight: normal; font-family:Arial, Helvetica, sans-serif; display: block; line-height: 20px}
.leftmenu{border-left:1px solid #1f65be;border-bottom:1px solid #1f65be;border-right:1px solid #1f65be;background: #f4f4f4 }
.leftmenu li{ background:url(../images/dot_right.png) no-repeat 33px center; border-bottom:1px dotted #cacaca; line-height:55px;}
.leftmenu li a{ font-size:15px; display:block; margin-left:45px}
.leftmenu li.act,.leftmenu li:hover{ background:url(../images/dot_right-o.png) no-repeat 33px center #1259b4;}
.leftmenu li.act a,.leftmenu li:hover a{color:#fff;}

.left_border{border:1px solid #c2c2c2; padding: 10px; margin-top:20px}

.teltitle{ font-size:16px; padding:20px 20px 0 20px; text-align:center}
.teltitle span{ font-size:20px;color:#e2001b}
.telnum{ font-size:32px; color:#005dc4; font-family:Impact; line-height:40px; margin-bottom:10px; text-align:center}
.telinfo{ padding:10px; border-top:1px  solid #cacaca; line-height:28px; font-size:13px}

.lefttitle2{ font-size:24px;color:#1259b4; height:50px; line-height:50px; padding-left:10px; border-bottom: 1px solid #ddd}
.lefttitle2 span{font-size: 12px;color:#666}


.lefthots ul{ display:block; margin:10px 0;}
.lefthots ul li{ display:block; border-bottom:1px dotted #cacaca; line-height:34px; padding:0 10px}
.lefthots ul li a{ font-size:13px}


.leftcontactbg{ background: url(../images/left_tel.jpg) no-repeat bottom; padding-bottom:180px}
.left_intro { margin: 10px; line-height: 26px; }

.probaseinfo{ height: 400px}
.probaseinfo .pic{float: left;border:1px solid #ddd}
.probaseinfo .intro{float: left; width: 349px; margin-left: 30px; }
.probaseinfo .intro .title{ font-size: 24px;color:#000; height: 50px;}
.probaseinfo .intro .content{ line-height: 26px; min-height: 180px;}
.probaseinfo .intro .tel{ line-height: 60px;font-size: 16px;}
.probaseinfo .intro .tel span{font-size: 32px; color:#e1051f; font-weight: bold}
a.btn_prozx{ display: block; width: 152px; height: 34px; background: url(../images/zixun_btn.png) no-repeat center;color:#fff; text-align: center; font-weight: bold; line-height: 34px; font-size: 16px}


.honorlist2 li{width:33%; margin: 15px 0; text-align: center; float:left}



#qq{position:fixed;right:0;top:164px; width:80px; text-align:center;  background:#3e3e3e; z-index:2000;filter:alpha(opacity=80); opacity: 0.8;} 
#qq a{ color:#fff;width:80px;height:80px; float:left; text-align:center; font-size:15px;line-height:80px;border-bottom:#fff 1px dashed;}
.qqq{ background:url(../images/qq.png);border-bottom:#fff 1px dashed; display:block;float:left;width:80px;height:80px;}
.ej{ background:url(../images/qqej.png);border-bottom:#fff 1px dashed; display:block;float:left;width:80px;height:80px;}
.contact{ background:url(../images/qqtel.png);display:block;float:left;width:80px;height:80px;}