﻿@charset "utf-8"; 
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; min-width: 1200px; color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; text-align:center; background:#fff; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#1566c9; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 
.fl{ float: left; }
.fr{ float: right; }

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }

/*页面布局
----------------------------------------------*/
.section{ position:relative; margin:0 auto; width:1160px; min-width:925px; max-width:1160px; text-align:left; }
.wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; overflow:hidden; }
.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrap-box{ position: relative; min-width:1080px; margin: 0 auto; width: 90%; max-width: 1280px; } 
.left-925{ position:relative; float:left; margin:0; padding:0; width:925px; }
.left-705{ position:relative; float:left; margin:0; padding:0; width:705px; }
.left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; }
.left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; }
.left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; }
.left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; }
.left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; }
.right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; }
.right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; }
.bg-wrap{ margin:0; padding:0; background:#fff; }
.bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.bg-wrap.nobg{ background:none; }
.pad-15{ position:relative; padding:15px; }

/*页面标题
----------------------------------------------*/
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
    .location a{ margin:0 5px; }
    .location span{ color:#666; }
.main-tit{ padding-top:14px; height:54px; line-height:54px; text-align:left; }
    .main-tit h2{ display:block; margin:0; padding:0; float:left; color:#333; font-size:20px; font-weight:normal; }
    .main-tit p{ display:block; float:right; color:#555; font-size:14px; }
    .main-tit p a{ margin-left:10px; }
    .main-tit p a i{ font-style:normal; }
.slide-tit{ border-bottom:1px solid #f0f0f0; color:#1c94f4; line-height:1em; font-size:16px; font-weight:normal; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #1c94f4; }
.nav-tit{ margin:0 auto 50px; padding:30px 0; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #e0e0e0; }
    .nav-tit.short{ padding-bottom:0; border-bottom:0; }
    .nav-tit a{ margin-left:10px; color:#333;  }
    .nav-tit a:hover,.nav-tit a.selected{ color:#1c94f4; }
    .nav-tit i{ margin-left:10px; color:#e0e0e0; }
.sub-tit{ margin:0 50px 10px; padding-top:35px; height:42px; border-bottom:1px solid #e0e0e0; font-size:16px; }
    .sub-tit a.add{ display:block; margin-right:10px; float:right; color:#1566c9; font-size:14px; line-height:42px; }
    .sub-tit a.add i{ display:inline-block; margin-right:5px; color:#1566c9; font-size:14px; }
    .sub-tit ul{ display:inline-block; }
    .sub-tit ul li{ margin:0; padding:0; display:inline-block; *display:inline; *zoom:1; }
    .sub-tit ul li a{ display:inline-block; padding:0 15px; line-height:42px; }
    .sub-tit ul li.selected a{ border-bottom:2px solid #1566c9; color:#1566c9; }
.search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; }

@keyframes rotate2{
    0%{ 
        opacity:0;
        transform:translateY(10px) scale(0.5);
        -ms-transform:translateY(10px) scale(0.5);     /* IE 9 */
        -moz-transform:translateY(10px) scale(0.5);     /* Firefox */
        -webkit-transform:translateY(10px) scale(0.5); /* Safari 潞脥 Chrome */
        -o-transform:translateY(10px) scale(0.5); 
    }
    100%{
        opacity:1;
        transform:translateY(0px)  scale(1);
        -ms-transform:translateY(0px)  scale(1);     /* IE 9 */
        -moz-transform:translateY(0px)  scale(1);     /* Firefox */
        -webkit-transform:translateY(0px)  scale(1); /* Safari 潞脥 Chrome */
        -o-transform:translateY(0px)  scale(1); 
    }
}

/*页面头部
----------------------------------------------*/
/*顶部样式*/
.top-div{ width: 100%; height: 28px; color: #fff; background: #222222;}
.top-mian{ height: 28px; line-height: 28px;}
.top-mian span{ color: #fff; display: inline-block; padding: 0 5px; }
.top-mian a{ color: #fff; display: inline-block; padding: 0 5px; position: relative; }
.top-mian a:hover{color:#1c94f4; } 

.header{ height:104px; background:#fff;}
.header-nav { height: 104px; width: auto; position: relative; }
.header-nav a { position: relative; width: auto; display: block;  line-height: 104px; font-weight: bold; font-size: 17px; letter-spacing: 2px;}
.header-nav div{ position: relative; float: left; width: auto; margin-left: 35px;}
.e-header-nav a{letter-spacing: 0px;}
.header-logo img{ margin-top: 14px; height: 77px;}
.header-nav div:hover a, 
.header-nav a.hover{color:#1e7bb3;}
.header-nav div:hover a::after, 
.header-nav a.hover::after{ position: absolute; content: " "; width: 100%; height: 3px; background: #1e7bb3; left: 0; bottom: 0px; }
.header-nav div:hover .a_hover{
    display: block;
}
.a_hover{
    background: #1e7bb3;
    position: absolute!important;
    top: 104px;
    z-index: 555;
    width: 76px;
    left: 0px;
    padding: 10px 0;
    display: none;
}
.a_hover a{
    margin: 0;
    text-align: center;
    display: block;
    font-size: 15px;
    color: #fff!important;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 38px; 
 }
 .a_hover a:hover{
    background: #1b608a;
    color: #fff!important;
 }
.product_hover{ width: 150px!important;left: -36px; margin-left: 0px!important;}
.equipment_hover{ width: 150px!important;left: -27px; margin-left: 0px!important;}
.footer{ width: 100%; height: 390px; background: #1d1d1d; color: #fff; text-align: left}
.e-footer{ height: 490px;}
.footer-mian{ padding-top: 50px;}
.footer-mian .title{ height: 50px; line-height: 50px;letter-spacing: 2px; font-weight: 600}
.footer-mian .footer-line{ height: 1px; width: 100%; border-top: 1px solid #666; position: relative; height: 25px;}
.footer-mian .footer-line:after{ content:" "; display:block; height:3px; background: #004fa2; width: 45px;  position: absolute; top: -1px; }
.footer-mian .footer-link{ margin-right: 7%; width: 450px;}
.footer-mian .footer-link .title{ font-size: 18px;letter-spacing: 4px;}
.footer-mian .footer-product{ margin-right: 60px; width: 170px;}
.footer-mian .footer-product .title{ font-size: 15px; font-weight: 500}
.footer-mian .footer-content{ color: #aaa; line-height: 32px;}
.footer-mian .footer-content a{ color: #aaa; line-height: 32px;}
.footer-mian .footer-content a:hover{ color: #eee; }
.footer .footer-bq{ text-align: center; margin-top: 30px; }
.footer-img{
    width: auto;
    text-align: center;
    height: auto;
    overflow: hidden; 
    color: #fff;  
    margin-left: 1%;
}
.footer-img img{
    width: 100px;
    margin-top: 50px
}


img{ border:0;}
.main-im{ position:fixed; right: 10px; bottom: 10px; z-index: 100;     width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%; }
.main-im .qq-a { display: block; width: 80px; height: 80px; overflow: hidden; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 4px; top: 3px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 85px; height: 85px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top:6px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
 
