@charset "gb2312";
*{ margin:0; padding:0;}
html,body{min-width:1200px;}
body{ font-size:14px; font-family:"Microsoft Yahei", "微软雅黑"; background:#fff; }
h1,h2,h3,h4,h5,h6,h7{}
a{text-decoration:none;}
a:hover{text-decoration:none;}
dl,dt,dd,ul,li{ list-style:none;}
img{ border:0;}
i{ font-style:normal;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}


/*--------公共样式调用--------*/
/*宽度*/
.container{width:1200px; margin-left:auto; margin-right:auto;}
/*字体颜色*/
.font_redcolor{ color:#c40000 !important;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
.cl{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.fixed:after { content: "."; display: block; clear: both; height: 0;width:0;font-size:0;  }
.fixed {zoom:1;}
.pr{ position:relative}
.pa{ position:absolute;}
/*边距间距*/
.mat13{ margin-top:13px !important;}
.mat25{ margin-top:25px !important;}
.mat20{ margin-top:20px !important;}
.mat30{ margin-top:30px !important;}
.mat40{ margin-top:40px !important;}
.mat15{ margin-top:15px !important;}
.mal15{ margin-left:15px !important;}
.mal20{ margin-left:20px !important;}

/*--------头部--------*/
#header{ width:100%; height:166px; overflow:hidden; background:url(../images/header_bg.jpg) repeat-x;}
#header .top{ height:36px; line-height:36px; color:#666;}
#header .top .container{ position:relative;}
#header .top .a{ position:absolute; top:0; right:0;}
#header .top .a .en{ color:#F00;}
#header .top .a .wu{ background:none;}
#header .top .a a{ display:block; float:left; margin-left:12px; padding-right:12px; _display:inline; color:#666; background:url(../images/tline.jpg) right 12px no-repeat;}
#header .top .a a:hover{ text-decoration:underline;}
#header .logo{ clear:both; width:1200px; height:130px; margin:2px auto 0 auto; background:url(../images/logo.jpg) no-repeat;}
#header .logo .tel{ float:right; width:250px; height:130px; background:url(../images/tel.jpg) left top no-repeat;}
#header .logo .tel .t1{ margin-top:50px;}
#header .logo .tel .t1, #header .logo .tel .t2{ font-size:14px; color:#666;}
#header .logo .tel .t1 span, #header .logo .tel .t2 span{ font-size:18px; font-weight:bold; color:#da231f;}
/*menu*/
.menu{ clear:both; height:50px; background:rgba(3, 135, 210, 1); }
#topnav{ width:1200px; height:50px; margin:0 auto; font-size:0;}
#topnav LI {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
#topnav A { DISPLAY: block; _display:inline-block; padding:0 25px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;}
#topnav A.wu{ background:none;}
#topnav A:hover {  background:#da231f;}
#menu_1 LI.menu_1 A { background:#da231f;}
#menu_2 LI.menu_2 A { background:#da231f;}
#menu_3 LI.menu_3 A { background:#da231f;}
#menu_4 LI.menu_4 A { background:#da231f;}
#menu_5 LI.menu_5 A { background:#da231f;}
#menu_6 LI.menu_6 A { background:#da231f;}
#menu_7 LI.menu_7 A { background:#da231f;}
#menu_8 LI.menu_8 A { background:#da231f;}
#menu_9 LI.menu_9 A { background:#da231f;}

#topnav li { position: relative; z-index:999;}
/*一级移上去停留*/
/*#topnav li.open{ color:#fff; background:#D70F07;}*/
#topnav li.open a{ color:#fff; background:#133d92;}
/*二级*/
#topnav li ul {display:none; position:absolute; top:45px; left:0;}
#topnav li:hover ul {display:block;}
#topnav li ul li {float:none; height:45px; margin:0;}
#topnav li ul li a{ min-width:180px; padding:0; text-align:left; text-indent:26px; color:#fff; font-size:14px; font-family:"Microsoft Yahei", "微软雅黑",Arial; 
overflow:hidden; 
_padding-left:26px;
_text-indent:0;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>120?"120px":"");
}
#topnav li ul li a:focus{outline:0;}/*去掉虚线框*/
#topnav li ul li a:hover { background:#eb2c00;}

/*--------搜索--------*/
.seach{ height:50px; background:#f5f5f5; overflow:hidden;}
.seach .container{ position:relative; width:1200px; height:50px; margin:0 auto; color:#666;}
.seach .container span{ line-height:50px;}
.seach .container span b{ color:#333;}
.seach .container a{ margin:0 5px; color:#666;}
.seach .container .seach_from{ position:absolute; right:0; top:10px; width:260px;}
.btn_text{ width:204px; height:30px; padding-left:8px; line-height:30px; font-family:"Microsoft Yahei", "微软雅黑"; color:#999; border:0; vertical-align:middle; overflow:hidden; background:#ddd;}
.btn_button{ width:45px; height:30px; line-height:30px; border:0; vertical-align:middle; background:url(../images/index/seach/seach_btn.png) no-repeat center center #ddd; overflow:hidden; cursor:pointer;}

/*--------友情链接--------
.linkCont{ padding:20px 0;}
.linkCont a{ color:#666;}
.linkCont h4{ font-weight:normal;}
.linkCont h4 span{ display:inline-block; font-size:16px; color:#333; height:18px; line-height:18px; padding:0 8px; border-left:5px solid #000; border-right:5px solid #000;}
.linkCont h4 em{ display:block; font-size:16px; color:#a8a8a8; font-family:"Impact"; margin-top:10px; text-transform:uppercase; background:url(../images/lingBg.png) no-repeat right center; height:16px; line-height:16px;}
.linkCont ul{ overflow:hidden; margin-top:15px;}
.linkCont li{ line-height:30px;}
.linkCont li a{ float:left; margin-right:20px; padding-left:24px; background:url(../images/linkBg.png) no-repeat left center; text-decoration:none;}*/
.linkCont{ padding-top:20px; background:#0387d2;}
.linkCont h4{ width:1200px; margin:0 auto; font-size:16px; font-weight:normal; color:#fff;}
.linkCont h4 em{ font-size:14px; font-style:normal; color:#abd5ed;}
.linkCont h4 i, .linkCont h4 span, .linkCont h4 em{ display:inline-block; margin-right:5px; vertical-align:middle;}
.linkCont h4 i{ width:4px; height:20px; background:#da231f}
.linkCont ul{ width:1200px; margin:0 auto; padding:10px 0 20px 0; border-bottom:1px solid #1a98df; overflow:hidden;}
.linkCont li{ line-height:30px;}
.linkCont li a{ float:left; margin-right:20px; color:#abd5ed; text-decoration:none;}
.linkCont li a:hover{ color:#fff;}

/*--------底部--------*/
.footer{ width:100%; background:#0387d2; overflow:hidden;}
.ftcont{ padding:37px 0 20px 0;}
.ftcont .ftnav{ float:left; padding:0 46px; background:url(../images/ftline.png) no-repeat left top;}
.ftcont .ftnav>li{ float:left;}
.ftcont .ftnav>li h4{ line-height:20px; font-size:16px; font-weight:normal;}
.ftcont .ftnav>li h4 a{ color:#fff; text-decoration:none;}
.ftcont .ftnav>li ul{ overflow:hidden; padding-top:20px;}
.ftcont .ftnav li ul li{ width:460px;}
.ftcont .ftnav li ul li p{ display:inline-block; width:230px; height:25px; line-height:25px;}
.ftcont .ftnav li ul li p a{ display:block; width:100%; color:#abd5ed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ftcont .ftnav li ul li p a:hover{ color:#fff;}
.ftcont .wx{ float:right; width:400px; margin-right:11px; *margin-right:11px; margin-top:5px;}
.ftcont .wx dl{ overflow:hidden;}
.ftcont .wx dt{ float:left;}
.ftcont .wx dt img{ display:inline-block; margin-right:20px;}
.ftcont .wx dd{ margin-left:240px; color:#fff;}
.ftcont .wx dd p{ color:#fff; }
.ftcont .wx dd h4{ margin-top:6px; font-weight:normal; font-size:28px; color:#fff; }
.ftcont .wx dd span{ font-size:16px; display:block;}
.ftcont .wx ul{ display:none; overflow:hidden; margin-top:13px;}
.ftcont .wx li{ float:left; margin-right:7px;}
.ftcont .wx li img{ display:block; opacity:0.5;}
.ftcont .wx li:hover img{ display:block; opacity:1;}
.fter{ height:46px; line-height:46px; background:#007cc2;}
.fter .container{ overflow:hidden;}
.fter span{ color:#abd5ed;}
.fter a{ color:#fff;}
/**/
.footer-ab-list{ padding-left:0 !important; background:none !important; }
.footer-ab-list li ul li{ width:185px !important;}
.footer-ab-list li ul li p{ width:90px !important;}
.footer-ab-list2 li ul li{ width:100px !important;}
.footer-ab-list2 li ul li p{ width:90px !important;}

/*-----右侧边栏-----*/
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:200px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; color:#333;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color:#be202f}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{ height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}