@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ��ҳ���ֿ�ʼ */
.header{height:110px; background:#3e80bb;}
.logo{float:left; overflow:hidden;    margin-top: 38px;}
.lan {
    color:  #fff;
    position:  absolute;
    top: 20px;
    right: 20px;
    display: none;
    font-size:  14px;
}
.i_nav{float:right;height:26px;padding-top: 60px;position:  relative;}
/*.i_nav li{float:left; width:80px; line-height:26px; margin:0 7px;}
.i_nav li > a{display:block; color:#FFF; font-size:14px; border-radius:5px; text-align:center;}
.i_nav li > a:hover{color:#FFF; background:#305e87;}
.i_nav li > a.on{color:#FFF; background:#305e87;}*/
.i_banner_box img {
    max-width:  100%;
}
.productremark img {
    width: 600px;
    max-width: 100%;
}
.i_banner_box{  overflow: hidden;position: relative;width: 100%;}
#sidetel .sidebox {
    position: absolute;
    width: 0px;
    height: auto;
    top: 0px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
    border-right: none;
    color: #3a7db9;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}
#sideweixin1:hover .sidebox {
    opacity: 1 !important;
    width: 200px !important;
}

.side-ul #sidetel:hover .sidebox {
    opacity: 1 !important;
    width: 140px !important;
}
.side {
    position: fixed;
    width: 54px;
    height: 280px;
    right: 20px;
    top: 300px;
    z-index: 100;
    box-shadow: 0px 0px 14px #EEE;
}

 strong {
    font-style: bold!important;
    font-weight: bold!important;
}
#sideqq .sidebox {
    position: absolute;
    width: 0px;
    top: 0px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
    border-right: none;
    color: #3a7db9;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}

#sideqq .sidebox a {
}

#sideqq:hover .sidebox {
    opacity: 1 !important;
    width: 140px !important;
}

#sidemail .sidebox {
    position: absolute;
    width: 0px;
    top: 0px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
    border-right: none;
    color: #de1233;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}

#sidemail:hover .sidebox {
        opacity: 1 !important;
        width: 200px !important;
}

#sideweixin .sidebox {
      position: absolute;
    width: 0px;
    top: 0px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
    border-right: none;
    color: #b901280;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}
#sideweixin:hover .sidebox {
      opacity: 1 !important;
        width: 200px !important;
}

#sideaddress .sidebox {
     position: absolute;
    width: 0px;
    top: 0px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
    border-right: none;
    color: #3a7db9;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}
#sideaddress:hover .sidebox {
    
      opacity: 1 !important;
        width: 200px !important;
}
#sideqq {
    background: url(/upload/ueditor/image/20190306/15518723006866255.png) no-repeat center center;
    background-color: #FFF;
}
#sidemail {
    background: url(/upload/ueditor/image/20190306/15518724396045851.png) no-repeat center center;
    background-color: #FFF;
}
#sideweixin {
    background: url(/upload/ueditor/image/20190306/15518724087880156.png) no-repeat center center;
    background-color: #FFF;
}
#sideweixin1 {
    background: url(/upload/ueditor/image/20190308/15520166651983243.png) no-repeat center center;
    background-color: #FFF;
}

#sideaddress {
    background: url(/upload/ueditor/image/20190222/15508274971597211.png) no-repeat center center;
    background-color: #FFF;
    border-bottom: 1px solid #F2F2F2;
}
#sidetop {
    background: url(/upload/ueditor/image/20190117/15477139432298551.png) no-repeat center center;
    background-color: #FFF;    display: none;
}
#sidetel {
    background: url(/upload/ueditor/image/20190306/15518725047891691.png) no-repeat center center;
    background-color: #FFF;
}
#sidetop a {
    display: block;
    width: 54px;
    height: 54px;
    outline: none;
}

#sideqq .sidebox a {
    display: block;
    width: 130px;
    height: 31px;
    line-height: 30px;
    text-align: center;
    color: #3a7db9;
    border-bottom: 1px dashed #F2F2F2;
    margin-left: 4px;
}
.side-ul li {
    width: 54px;
    height: 54px;
    border: 1px solid #f2f2f2;
    cursor: pointer;
    position:  relative;
}

#sideweixin1 .sidebox {
    position: absolute;
    width: 0px;
    top: -115px;
    right: 54px;
    opacity: 0;
    filter: Alpha(opacity = 0);
    overflow: hidden;
    border: 1px solid #F2F2F2;
    border-right: none;
    color: #b901280;
    text-align: center;
    line-height: 54px;
    background-color: #FFF;
}
/*.i_banner li{width:100%; height:477px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:10px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 3px; width:12px; height:12px; border-radius:100%; background:#FFF; overflow:hidden;}
.i_banner_p a:hover{ background:#f6b215;}
.i_banner_p a.on{ background:#f6b215;}*/

.i_container{overflow:hidden;}

.i_about{width:100%; padding:40px 0;}
.i_about_c{width:1120px; margin:0 auto; padding:20px 0; text-align:center; font-size:16px; line-height:35px;}

.i_news01{width:100%; padding:40px 0 10px; background:#f5f5f5;}
.i_news01_l{width:1150px; margin:0 auto; padding:20px 0 0; line-height:35px;}
.i_news01_l dl{display:inline-block; float:left; width:455px; height:105px; margin:25px 60px;}
.i_news01_l dl dt{float:left; width:105px; height:105px; padding-right:20px;}
.i_news01_l dl dt img{width:105px; height:105px;}
.i_news01_l dl dd{float:left; width:330px; height:105px;}
.i_news01_l dl dd h4{display:block; font-size:18px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_l dl dd span{display:block; height:75px; line-height:25px; color:#666; overflow:hidden;}

.i_contact{width:100%; padding:40px 0;}
.i_contact_c{width:1120px; margin:0 auto; padding:10px 0 0; text-align:center; font-size:14px; line-height:35px;}
.i_contact_ct{width:1120px;}
.i_contact_ct span{ display:block; line-height:30px; font-size:24px; color:#000000;}
.i_contact_ct ins{ display:block; line-height:30px; font-size:18px; color:#7c7c7c; text-decoration:none;}
.i_contact_cc{width:1180px; text-align:center; margin-top:30px;}
.i_contact_cc li{ display:inline-block; width:225px; height:240px; font-size:18px; margin:0 30px; overflow:hidden;}
.i_contact_cc span{ display:block; line-height:30px; color:#000000;}
.i_contact_cc ins{ display:block; line-height:30px; color:#7c7c7c; text-decoration:none;}

.i_panter{width:100%; padding:40px 0; background:#f5f5f5;}
.i_panter_l{width:1120px; margin:0 auto; padding:40px 0 20px; border-bottom:1px solid #7c7c7c; text-align:center;}
.i_panter_l li{display:inline-block; margin:0 10px; width:145px; height:145px; padding:8px; border:1px solid #c5c5c5; background:#f5f5f5;}
.i_panter_l li img{ width:145px; height:145px;}

.footer{width:100%; padding:40px 0 20px; background:#3a7db9; overflow:hidden;}
.footer_in{width:1120px; margin:0 auto;}
.flogo{float:left; width:210px; text-align:center;}

.footer_nav{float:left; width:910px;}
.footer_nav dl{float:left; width:130px;}
.footer_nav dl dt{ height:30px; color:#FFF; font-size:18px; padding-bottom:10px; line-height:30px;}
.footer_nav dl dd{ height:25px; line-height:25px;}
.footer_nav dl dd a{ color:#FFF;}
.footer_nav dl dd a:hover{ color:#f2af12;}

.fcontact{float:right; width:210px;}
.fcontact h3{ height:25px; line-height:25px; background:url(../Images/icon06.jpg) repeat-x left bottom;}
.fcontact h3 span{ color:#999999;}
.fcontact dl{ margin-top:15px;}
.fcontact dt{float:right; width:110px;}
.fcontact dd{float:left; width:100px;}
.fcontact dd a{ display:block; height:42px;}

.copyright{width:1120px; margin:0 auto; padding-top:15px; text-align:right; color:#FFF;}
.jsq{width:1120px; margin:0 auto; padding-bottom:15px; text-align:right; color:#FFF;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_path{height:40px; margin-bottom:20px; background:#3a7eba; color:#FFF; line-height:40px; text-indent:10px;}
.p_path span{ padding:0 10px; color:#FFF;}
.p_path a{color:#FFF;}

.p_container{padding:10px 0; overflow:hidden;}

.p_left{float:left; width:220px; overflow:hidden;}
.p_right{float:right;    width: 950px; overflow:hidden;}

.sidebar{overflow:hidden; width:220px;}
/*.sidebar li{float:left; width:165px; height:52px; line-height:52px;}
.sidebar li a{color:#666666; display:block; width:130px; height:52px; font-size:18px; padding-left:35px; background:url(../Images/icon06.png) no-repeat left top;}
.sidebar li a:hover{color:#3a7eba; background:url(../Images/icon07.png) no-repeat left top;}
.sidebar li a.on{color:#3a7eba; background:url(../Images/icon07.png) no-repeat left top;}*/

.p_title h3{ height:50px; line-height:50px; font-size:30px; text-align:center;}
.p_content{padding:15px 0; line-height:35px; font-size:16px;}
/* ��ҳ���ֽ��� */

.i_left{ float:left;}
.i_right{ float:right;}