body,ul,li,h1,h2,h3,p,form{padding:0;margin:0;}
body{font-size:14px;background-color:#FFF;font-family:"微软雅黑";text-align:center; background-size:cover;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
.nav{width:1100px;margin-left:auto;margin-right:auto;background-color:#FFF;padding:0 20px;}
#top{height:90px;overflow:hidden;margin-top:60px;border-radius:10px 10px 0 0;overflow:hidden;}
#companyLogo{width:650px;float:left;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#companyLogo h1{font-size:24px;margin-top:30px;float:left;}
#companyLogo span img{margin-top:32px;}
#companyLogo img{max-height:75px;max-width:180px;float:left;margin-top:10px;margin-right:20px;margin-left:20px;}
#telphoneNav{background:url(images/tel.jpg) no-repeat center left;float:right;width:400px;font-size:18px;margin-top:30px;padding-top:2px;padding-left:30px;text-align:left;}
#telphoneNav span{display:none;}
#menu{width:1100px;padding:0 20px;margin-left:auto;margin-right:auto;height:42px;line-height:42px;background-color:#cc3232;color:#FFF;}
#menu ul{width:1100px;margin-left:auto;margin-right:auto;}
#menu li{float:left;width:14%;}
#menu li a{color:#FFF;}
.curmenu{background-color:#f09300;}
#mbmenu{display:none;}
.banner{width:1140px;margin:0 auto;padding:0;overflow:hidden;background-color:#292929;padding-top:40px;padding-bottom:30px;text-align:center;}
.bannerVideo{width:70%;float:left;margin-left:2%;}
.bannerVideo video{width:80%;}
.mobileEwm{width:18%;float:left;background-color:#F6F6F6;border-radius:5px;overflow:hidden;padding:20px 15px;}
.mobileEvm p{color:#777;font-size:12px;line-height:32px;}
.downbtn {
    width: 18%;
    float: left;
    background-color: #d84d4d;color:#FFF;font-size:16px;line-height:32px;margin-top:10px;padding:0 15px;}
.downbtn a{color:#FFF;}


#leftNav {
    width: 238px;
    float: left;
    margin-top: 15px;
    background-color: #F9F9F9;
    border: 1px solid #E9E9E9;
}
.tit{height:36px;background: -webkit-linear-gradient(top,#FFF 30%,#F9F9F9 70%);background-color:#c11515;color:#333;font-size:14px;font-weight:800;line-height:36px;text-align:left;padding-left:20px;border-bottom:1px solid #F1F1F1;border-top:1px solid #E9E9E9;}
#leftNav ul{margin-bottom:20px;}
#leftNav h1{font-size:16px;color:#e11919;text-align:left;margin:20px 20px 10px 20px;line-height:30px;}
#leftClass{margin-left:35px;margin-top:10px;}
#leftClass li{font-size:10px;color:#999;list-style-type:disc;line-height:32px;text-align:left;}
#leftClass li a{color:#333;font-size:14px;}
.white{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#contactList{}
#contactList li{line-height:22px;text-align:left;margin:4px 15px;list-style-type:none;border-bottom:none;}

#rightNav{width:830px;float:right;padding-top:15px;text-align:left;}
#rightNav h1{margin-top:30px;font-size:20px;color:#333;}
#divDescription{line-height:24px;margin-top:20px;color:#555;}
#divDescription img{float:left;max-width:300px;margin:7px 20px 10px 0;}
#divDescription p{padding-bottom:10px;text-indent:2em;}
.titleNav{height:20px;text-align:left;border-bottom:1px solid #E9E9E9;line-height:20px;padding-left:5px;padding-top:20px;color:#cc3232;font-size:18px;font-weight:bolder;padding-bottom:3px;}

#bottom{margin-top:30px;height:90px;background-color:#F6F6F6;text-align:center;font-size:13px;color:#333;padding-top:10px;border-top:1px solid #E9E9E9;}
#bottom p{line-height:22px;}
#bottom p span{padding-left:15px;}
#serviceNav{margin-top:30px;border:1px solid #E9E9E9;padding:20px;border-radius:5px;}
#serviceNav h3{font-size:16px;line-height:20px;margin-bottom:10px;}

#hotPros li{float:left;width:200px;}
#indexCompany{margin-top:20px;text-align:left;line-height:24px;}
#indexCompany a{color:#cc3232;font-weight:bold;padding-left:10px;}
#indexCompany a:hover{color:#666;}
#indexService{margin-top:20px;}

.companyPdf{position:fixed;right:40px;top:200px;width:30px;line-height:24px;border-radius:15px;overflow:hidden;background-color:#FFF;font-size:18px;color:#cc3232;padding:5px 0;border:2px solid #ba2e2e;}
.companyPdf a{color:#cc3232;}

/************产品列表*************/
.index_pros{margin-top:30px;height:230px;width:100%;overflow:hidden; margin-bottom:20px;}
.index_pros ul{margin-top:20px;}
.index_pros li{float:left;margin-left:20px;display:inline;}
.index_pros li img{height:165px;}
.index_pros li p{line-height:30px;font-size:14px;color:#555;}
.proMarquee{height:240px; white-space:nowrap;overflow:hidden;}
.proMarquee li{display:inline;}
#productsList {
    margin-top: 30px;
}
#productsList li{float:left;width:180px;height:170px;padding:4px;margin-top:10px;margin-bottom:10px;text-align:center;border:1px solid #F3F3F3;text-align:center;position:relative; display:flex;}
#productsList li img{max-width:180px;height:140px;}
#productsList li p{height:30px;position:absolute;width:100%;bottom:0px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#productsList li p a{color:#333;}
#productsList li p a:hover{color:#cc3232;}
#productsList li:hover{border:1px solid #e11919;}
.mr20 {margin-right: 20px;}
#proImg{height:300px;text-align:left;margin-top:40px;}
#proImg h1{height:30px;width:500px;font-size:24px;text-align:left;color:#cc3232;margin-top:0;padding-left:0;margin-bottom:20px;float:left;text-indent:0;}
#proImg ul{height:148px;overflow:hidden;float:left;width:500px;clear:right;}
#proImg li{line-height:36px;border-bottom:1px dashed #E9E9E9;}
#proImg img{min-height:240px;max-height:380px;width:260px;float:left;border:1px solid #F3F3F3;padding:5px;margin-right:30px;}
.toMessage{margin-top:20px;float:left;border:1px solid #cc3232;border-radius:2px;width:80px;height:24px;line-height:24px;text-align:center;}
.toMessage a{color:#333;}
.toMessage a:hover{color:#cc3232;}
#proDes{margin-top:30px;line-height:24px;}
#proDes table{width:80%;border:1px solid #666;}
#proDes table td{text-align:center;font-size:14px;color:#666;padding:5px;border-top:1px solid #F3F3F3;border-right:1px solid #F3F3f3;}
#proDes p{line-height:24px;}
.pageNav{margin-top:30px;}
.pageNav a{padding:3px 6px;border:1px solid #F3F3F3;border-radius:2px;color:#333;}

.index_equ{margin-top:10px;height:290px;overflow:hidden;}
.index_equ li{float:left;width:32%;margin-left:2%;height:290px;overflow:hidden;}
.index_equ li:first-child { margin-left: 0; }
.index_equ li img{width:100%;max-height:260px;}
.index_equ li p{line-height:30px;color:#555;line-height:30px;}

.equsList{margin-top:20px;}
.equsList li{float:left;width:32%;margin-left:2%;height:220px;overflow:hidden;position:relative;margin-bottom:20px;}
.equsList li:nth-child(3n+1) {margin-left: 0;}
.equsList li img {width:100%;max-height: 187px;}
.equsList li p {line-height: 30px;color: #555;line-height: 30px;text-align:center;position:absolute;width:100%;bottom:0;height:30px;}
/****新闻*******/
#newsList {
    margin-top: 30px;
}
#newsList li{line-height:38px;border-bottom:1px dashed #E9E9E9;}
#newsList li span{float:right;color:#999;}
#newsList li a{color:#333;}
#messageForm{margin-top:30px;}
#messageForm li{line-height:40px;color:#333;margin-top:5px;}
#messageForm li b{padding-left:5px;color:#e11919;}
#messageForm li b a{color:#e11919;}
.inp{border:1px solid #D9D9D9;border-radius:2px;line-height:22px;padding:2px;width:360px;}
#getcode{margin-left:10px;padding-top:5px;}

/*******联系我们******/
#contactNav{margin-top:30px;}
#contactNav h1{font-size:24px;color:#cc3232;margin-bottom:20px;text-indent:0;}
#contactNav li{line-height:36px;color:#333;font-size:14px;}

#links ul{}
#links li{text-align:left;margin-top:10px;margin-bottom:10px;padding-left:15px;}
#links li a{color:#666;}

/*****首页设备切换*****/
#wrapper {
    margin-top: 10px;
    text-align: center;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.5); /*dim the background*/
    text-align: center;
    display: none;
}

#overlay_pic {
    margin: 200px auto;
    width: 400px;
    box-shadow: 10px 10px 5px #000;
}

.jscarousal {
    width: 100%;
    height: 260px;
    margin: 0 auto;
    padding: 0;
    padding: 5px 15px 5px 15px;
    position: relative; /*overflow: hidden;*/
}

    .jscarousal .jscarousal-left, .jscarousal .jscarousal-right {
        float: left;display:none;
        width: 0;
        height: 98px;
        background-color: #121212;
        color: White;
        position: relative;
        top: 12px;
        cursor: pointer;
    }

    .jscarousal .jscarousal-left {
        background-image: url(../images/left_arrow.jpg);
        background-repeat: no-repeat;
        background-position: left;
    }

    .jscarousal .jscarousal-right {
        background-image: url(../images/right_arrow.jpg);
        background-repeat: no-repeat;
        background-position: right;
    }

.jscarousal-contents {
    width: 100%;
    height: 300px;
    float: left;
    position: relative;
    overflow: hidden;
}

    .jscarousal-contents > div {
        position: absolute;
        width: 100%;
        height: 280px;
    }

        .jscarousal-contents > div > div {
            float: left;
            margin-left: 8px;
            margin-right: 8px;
        }

    .jscarousal-contents img {
        width:auto;
        height: 240px;
    }

.hidden {
    display: none;
}

.visible {
    display: block;
}

.thumbnail-active {
    filter: alpha(opacity=100);
    opacity: 1.0;
    cursor: pointer;
}

.thumbnail-inactive {
    filter: alpha(opacity=100);
    opacity: 1.0;
    cursor: pointer;
}

.thumbnail-text {
    color: #7A7677;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 10px 2px 2px 0px;
}

#jsCarousel div{height:300px;float:left;margin-left:10px;}
#jsCarousel div img {
    max-height: 260px;
}


@media screen and (max-width:640px) {
    body{font-size:1em;}
    .nav{width:100%;}
#top{height:90px;overflow:hidden;position:relative;margin-top:0;}
#companyLogo{width:100%;float:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#companyLogo h1{margin-top:0px;margin-bottom:0px;font-size:1.3em;font-weight:bold;color:#cc3232;height:25px;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
#companyLogo img{display:none;}
#telphoneNav{height:30px;line-height:30px;background:none;width:100%;float:none;font-size:18px;color:#666;border-top:1px solid #E9E9E9;background-color:#F6F6F6;text-align:center;padding-left:initial; position:absolute;bottom:0px;}
#telphoneNav span{display:inline;color:#777;}
#menu{display:none;}
#mbmenu{display:block;height:40px;line-height:40px;background-color:#cc3232;color:#FFF;}
#mbmenu ul{margin-left:auto;margin-right:auto;}
#mbmenu li{float:left;width:14%;}
#mbmenu li a{color:#FFF;}

#leftNav{display:none;}
#rightNav{width:92%;margin-left:4%;margin-right:4%;margin-top:15px;text-align:left;}
#hotPros li{float:left;width:22%;margin-left:3%;}
#productsList li{float:left;width:41%;padding:1%;margin-top:10px;margin-bottom:10px;text-align:center;border:1px solid #F3F3F3;height:180px;position:relative;}
#productsList li img{max-width:100%;max-height:150px;}
#productsList li p{height:30px;position:absolute;width:100%;bottom:0px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#productsList li p a{color:#666;}
#productsList li p a:hover{color:#cc3232;}
#productsList li:hover{border:1px solid #e11919;}
.inp{width:60%;}
#bottom{margin-top:30px;height:70px;background-color:#F6F6F6;text-align:center;font-size:13px;color:#333;padding-top:10px;border-top:1px solid #E9E9E9;}
#bottom p{line-height:18px;}
#bottom p span{padding-left:15px;}
}