@charset "utf-8"; 
/*全局样式
---------------------------------------------*/
body{ min-height: 100vh; margin:0 auto; padding:0; width:100%;color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; text-align:center; background: linear-gradient(-45deg,#180f46 0%, #6b0c89 60%,#e74581 100%);-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:1280px; margin: 0 auto; width: 90%; max-width: 1320px; } 
.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); 
    }
}

@keyframes xz2{
    0%{  
        transform:rotate(0deg) scale(1);
        -ms-transform:rotate(0deg) scale(1);     /* IE 9 */
        -moz-transform:rotate(0deg) scale(1);     /* Firefox */
        -webkit-transform:rotate(0deg) scale(1); /* Safari 潞脥 Chrome */
        -o-transform:rotate(0deg) scale(1); 
    } 
    100%{ 
        transform:rotate(360deg) scale(1);
        -ms-transform:rotate(360deg) scale(1);     /* IE 9 */
        -moz-transform:rotate(360deg) scale(1);     /* Firefox */
        -webkit-transform:rotate(360deg) scale(1); /* Safari 潞脥 Chrome */
        -o-transform:rotate(360deg) 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;    padding-top: 30px;  margin-bottom: 15px; }
.header-nav { height: 104px; width: auto; position: relative; }
.header-nav a { 
    position: relative;
    width: auto;
    display: block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 32px;
    border-radius: 20px;
    min-width: 90px;
}
.header-nav div{ position: relative; float: left; width: auto; margin-left: 25px;}
.e-header-nav a{letter-spacing: 0px;}
.header-logo{ position: relative;}
.header-logo b{
    position: absolute;
    width: 480px;
    color: #fff;
    line-height: 100px;
    text-align: left;
    font-size: 20px;
    left: 80px;
    padding-left: 15px;
    top: 0px;
}
.header-logo b.sty1{
    top: -17px;
    font-weight: 500;
    text-indent: 0em;
    font-size: 23px;
}
.header-logo b.sty2{
    top: 20px;
    letter-spacing: -2px;
    font-weight: 500;
    font-size: 25px;
}
.header-logo img{ margin-top: 14px; height: 77px;
    animation: xz2 3s ease-out 1;
    -webkit-animation: xz2 3s ease-out 1;
    -moz-animation: xz2 3s ease-out 1;
    -o-animation: xz2 3s ease-out 1;
    background-color: rgba(255, 240, 32);
    box-shadow: 0px 0px 10px #fff;
    border-radius: 39px;
} 

.header-nav a.hover{color:#a0198e;  transform: scale(1.1);  background: #fff;  }  
.header-nav div:hover a{color:#a0198e;  transform: scale(1.1);  background: #fff;   transition: all 1s;}  

.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: auto; color: #fff; text-align: left}
.e-footer{ height: 490px;} 
.footer .footer-bq{ 
    text-align: center;
    margin-top: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 30px;
 }
 .footer .footer-bq a{  
    color: #fff;
 }
.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; }
 
.language{
    position: absolute;
    /* background: #e74581 ; */
    /* bottom: 5px;
    right: 5px; */
    /* border: 1px solid #6b0c89; */
    height: 40px;
    width: 120px;
    line-height: 40px;
    border-radius: 20px;
    overflow: hidden;
    top: 0px;
    left: 50%;
    margin-left: 555px;
    color: #fff;
}

.language a{
    color: #fff;
    font-size: 14px;
    /* display: block; */
    width: 100%;
    height:100%;
}
.language a b{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.language a .language_sp1{
    position: absolute;
    top: 0px;
    z-index: 1; 
    display: block;
    left: 0;
    width: 100%;
    height:100%;
    display: none;
}
.language a .language_sp2{
    position: absolute;
    top: 0px;
    z-index: 1; 
    display: block;
    left: 0;
    font-size: 12px;
    width: 100%;
    height:100%;
    /* background: #e74581 ; */
    
}
/* .language a:hover .language_sp2{
    top: 0px;
    transition: all 1s ease-in-out;
} */

.qr{
    position: fixed;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 5000;
}
.qr img{
    width:80px;
    height: 80px;
    transition: all 1s;
}
.qr img:hover{
    transition: all 1s;
    width: 150px;
    height: 150px;
}