@charset "utf-8";


/* 头部  */

.top-bg{ background:#f5f5f5; border-bottom:#ddd solid 1px; width:100%;}
.top-width{ width:1200px;margin:0 auto; line-height:36px; text-align:right; position:relative;}
.top-width b{ margin-right:-15px; font-weight:normal; color:#999;}
.top-width span{float:left;}
.top-width a{margin:0px 15px;}
.code_wrap{position: absolute; right:200px; top:31px;  width:150px;background:#f3f3f3;overflow:hidden;}
.code_wrap img{display: none;width:140px;height:140px;padding:5px;}
.top_body{width:100%;}
.top{ width:1200px; margin:0 auto;overflow:hidden; padding:20px 0px; padding-bottom:23px;}
.top-logo{float:left; display:inline-block; font-size:18px; font-weight:bold; width:600px; line-height:26px; color:#555}
.top-logo b{float:left; margin-top:10px; }
.top-logo b e{padding-left:13px;}
.top-logo img{float:left; margin-right:15px;} 
.top-logo span{background:#0070be; color:#FFF; font-size:16px; padding:3px 15px; font-weight:normal; margin-top:4px; display:inline-block; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
.top-tel{float:right; margin-top:8px; font-size:14px; color:#666; background:url(../images/p_icon.png) left 13px no-repeat; height:54px; display:inline-block; padding-left:62px;}
.top-tel b{ font-weight:normal; padding-top:5px; display:block; }
.top-tel span{font-size:30px; color:#999; display:block; color:#0070be; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:5px; }


.topBar{line-height:40px;height:40px;    background: #f5f5f5;border-bottom: #ddd solid 1px;overflow:hidden;color:#333;font-size:14px;}

.topRight em{font-style:normal;margin:0 10px;}

.topRight a{color:#333;}

.topRight a:hover{text-decoration:underline;}



.header{height:105px;padding-top:20px;}

.headRight{margin-top:10px;}

.headPhone{padding-left:45px;background:url('../images/p_icon.png') no-repeat left bottom;font-size:14px;margin-right:20px;}

.headPhone span{font-family:Arial;font-size:30px;display:block;color:#004098;}

.headRight a{display:inline-block;width:36px;height:36px;background: url('../images/topIcon.png') no-repeat;margin:10px 0 0 5px;position:relative;z-index:20;}

.headRight .wb{background-position:-36px 0;}

.headRight .wx span,.footIcon .f2 span{position: absolute;top:50px;left:-40px;background:#ececec;padding:5px;display:none;z-index:5;}

.headRight .wx span::before,.footIcon .f2 span::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}

.headRight .wx img{width:100px;height:100px;}



/* 主导航  */

.nav{height:46px;border-top:1px solid #e6e6e6;background:#0070be;line-height:46px;font-size:16px;position:relative;z-index:15;}

.navMain{height:46px;}

.nav li{width:133px;float:left;text-align:center;}

.nav li.first i{display:inline-block;width:19px;height:16px;background: url('../images/h_icon.png') no-repeat;margin-right:5px;position:relative;top:2px;transition:all 0.3s;}

.nav li a{color:#f1f1f1;display:block;border:1px solid #0364a7;border-top:none;border-bottom:none;padding:0 15px;}

.nav li .current,.nav li a:hover{color:#fff;border:1px  solid #0364a7;border-top:none;border-bottom:none;background:#0364a7;}

.nav li.first .current i,.nav li.first a:hover i{background-position: 0 -16px;transition:all 0.3s}
.nav li .navSub_main li a{color:#333;}
.navSub{position:absolute;display:none;width:100%;height:auto;background:#eee;background:rgba(255,255,255,.9);border-radius:0 0 5px 5px;padding:25px 0;left:0;top:46px;}

.navSub_main{width:1200px;overflow:hidden;}

.navSub_main ul{width:1240px;}

.navSub_main li{float:left;width:180px;font-size:14px;margin-right:25px;}

.navSub_main li a{border:none;padding:0;}

.navSub_main li span{display:block;width:180px;height:115px;overflow:hidden;}

.navSub_main li img{width:180px;height:115px;transition:all 0.5s;}

.navSub_main li h5{height:35px;line-height:35px;font-size:14px;font-weight:normal;}

.navSub_main li:hover img{transform:scale(1.1,1.1);}

.navSub_main li:hover a{border:none;background:none;}



/* 在线客服样式 */
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(../images/qq/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/qq/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(../images/qq/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:130px;padding:0 12px;background:url(../images/qq/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(../images/qq/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/qq/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/qq/skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeertel{display:block;width:130px;height:56px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeertel p{color:#fff;line-height:28px;}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0;}
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:116px;height:116px;padding:7px;background:url(../images/qq/cobj.png) no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}

/*分页样式*/
.pagination{padding:25px 0 15px;text-align:center;overflow:hidden;}
.pagination a{font-size:12px;line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#333;border: 1px solid #e3e3e3;background:#fff;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:30px;display:inline-block;height:30px;padding:0 12px;text-align:center;color:#fff;margin-left:2px;background:#0070be;color:#fff;border:1px solid #005997;}



/*  尾部 */

.footer{border-top:1px solid #ececec;padding-top:30px;overflow:hidden;font-size:14px;padding-bottom: 20px;background-color:#222;color: #ccc;}
.footer a{color: #ccc;}
.about{width:450px;margin-right:40px;}

.about .font{}

.footer .tie{font-size:18px;color:#333;height:40px;color: #ccc;}

.footer .tie span{font-size:14px;color:#bdbdbd;font-family:Arial;font-weight:normal;}

.footIcon{height:34px;margin-top:10px;}

.footIcon a{display:inline-block;width:34px;height:34px;background: url('../images/foo_icon.png');transition:all 0.3s;margin-left:5px;}

.footIcon .f2{background-position: -34px 0;position: relative;}

.footIcon .f3{background-position: -68px 0;}

.footIcon a:hover{background-position: 0 -34px;}

.footIcon .f2:hover{background-position: -34px -34px;}

.footIcon .f3:hover{background-position: -68px -34px;}

.footLeft{width:100px;margin-right:40px;overflow:hidden;}

.footMenu{float:left;width:150px;}

.footContact{width:360px;}

.footRight{width:210px;overflow:hidden;text-align:center;}

.footRight a{display:block;height:40px;line-height:40px;background:#bdbdbd url('../images/f_icon2.png') no-repeat 180px center;padding-left:20px;color:#fff;margin-bottom:10px;}

.footRight a:hover{background-color:#0070be;transition:all 0.3s;}

.footWx img{width:150px;border:1px solid #e4e4e4;margin-bottom:5px;}

.footWx span{display:block;}

.footCopy{padding:40px 0 15px 0;overflow:hidden;}

.firendLink{line-height:38px;background:#1e1e1e;font-size:14px;color:#666;}
.firendLink a{color:#666;}
.firendLink em,.footCopy .fr em{font-style:normal;margin:0 10px;}

/*  便捷菜单 */

.fastMenu{padding:60px 0;overflow:hidden;}

.fastMenu li{float:left;padding-left:90px;width:195px;background: url('../images/f_icon.png') no-repeat left top; height:70px;border-right:1px solid #e5e5e5;margin-right:14px;font-size:14px;color:#0070be;line-height:22px;transition:all 0.3s;}

.fastMenu li h6{font-weight:normal;font-size:16px;height:25px;line-height:20px;}

.fastMenu li p{font-size:20px;}

.fastMenu li.f3 p,.fastMenu li.f4 p{font-size:14px;}

.fastMenu li.f2{background-position: 0 -70px;}

.fastMenu li.f3{background-position: 0 -140px;}

.fastMenu li.f4{background-position: 0 -210px;border-right:none;}

.fastMenu li:hover{margin-top:-8px;transition:all 0.3s;}

.fastMenu li a{color:#0070be;}

#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span { float: left;}
#articeBottom span a { font-size: 12px;}
#articeBottom span a:hover {color: #0099FF;}