.wrap{
    width: 1200px;
    height: auto;
    margin: 0px auto;
}
/* 首页开始 */
/* 头部 */
.header{
    width: 100%;
    height: 75px;
    border-bottom: 10px solid rgb(67, 67, 67);
}
.logo{
    width: 78px;
    height: 71px;
}
.logo img{
    width: 78px;
    height: auto;
}
.logo-name{
    width:150px;
    height: 47px;
    margin-top: 9px;
    margin-left: 10px;
}
.logo-name>strong{
    font-size: 22px;
    color: #000;
}
.header-text{
    width: 270px;
    height: 29px;
    line-height: 29px;
    margin-top: 23px;
    padding-left: 10px;
    border-left: 2px solid #d9d9d9;
}
.header-text>span{
    font-family: KaiTi_GB2312;
    font-size: 18px;
    color:#5a5a5a;
}
.header-tel{
    width: 370px;
    height: 45px;
    line-height: 45px;
    margin-top: 15px;
}
.header-tel>img{
    width: 41px;
    height: auto;
    margin-right: 5px;
}
.header-tel>span{
    font-size: 19px;
}
.header-tel>span>b{
    font-size: 23px;
    color: rgb(255, 180, 0);
}
/* 导航栏 */
.nav{
    width: 100%;
    height: 70px;
    background-color: rgb(255, 180, 0);
}
.nav-fl{
    width: 160px;
    height: 69px;
    background-color: #434343;
}
.nav-fl>ul{
    width: 153px;
    height: 39px;
    padding: 15px 0;
    border-left: 7px solid #ffd704;
}
.nav-fl>ul>li{
    width: 100%;
    margin-left: 10px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    position: relative;
}
.nav-fl>ul>li>a{
    font-size: 14px;
    color: #fff;
}
.nav-fl>ul>li:hover{
    background-color: #ffd704;
}
.nav-fl>ul>li:hover .nav-fl-color{
    color: #000;
}
.header-fl-classify{
    position: absolute;
    width: 100px;
    height: auto;
    padding: 15px;
    z-index: 2;
    top:0;
    left: 100%;
    background-color: #000;;
    display: none;
}
.header-fl-classify>li{
    width: 100%;
    height: 33px;
    line-height: 33px;
    text-align:center;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}
.header-fl-classify>li>a{
    color:#d9d9d9;
    font-size:12px;
}
.header-fl-classify>li:hover{
    background-color:#ffd704;
}
.header-fl-classify>li:hover a{
    color: #000;
}
.nav-fr{
    width: 876px;
    height: 58px;
    margin-top: 8px;
}
.nav-fr>ul{
    width: 100%;
    height: 58px;
    line-height: 58px;
    display: flex;
}
.nav-fr>ul>li{
    flex: 1;
    text-align: center;
}
.nav-fr>ul>li>a{
    color: #fff;
}
.nav-fr>ul>li:hover{
    background-color: rgb(67, 67, 67);
}
.nav-fr>ul .active{
    background-color: rgb(67, 67, 67);
}
/* banner图 */
.banner{
    width: 100%;
    height: 568px;
    position: relative;
}
.banner img{
    height: 568px !important;
}
.banner-mask{
    width: 100%;
    height: 500px;
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}
.banner-mask-text{
    width: 477px;
    height: 350px;
    position: absolute;
    top: 100px;
    left: 300px;
}
.banner-mask-tit{
    width: 100%;
    height: auto;
    text-align: center;
}
.banner-mask-tit>strong{
    font-size: 32px;
    color: #fff;
    line-height: 2em;
}
.banner-mask-tit>p{
    font-size: 20px;
    color: rgb(217, 217, 217);
    line-height: 1.5em;
    text-transform: uppercase;
}
.banner-mask-choice{
    width: 100%;
    height: 211px;
    background: url(../images/banner-mask-text-bg.png) no-repeat;
    margin-top: 20px;
}
.banner-mask-choice-text{
    width: 270px;
    height: 161px;
    background: url(../images/banner-mask-text-pic.png) no-repeat left;
    margin:27px 72px; 
}
.banner-mask-choice-text>p{
    margin-left: 65px;
    line-height: 3em;
    margin-bottom: 14px;
}
.banner-mask-choice-text>p>strong{
    font-weight: bold;
    color: #fff;
    font-size: 22px;
}

.index-news-banner{
    width: 100%;
    height: 155px;
    background: url(../images/index-new-bg.png) no-repeat;
}
.index-news-banner-body{
    width: 787px;
    height: 41px;
    margin: 15px auto;
    overflow: hidden;
}
.index-news-banner-body table{
    width: 100%;
    height: 100%;
}
.index-news-banner-body td{
    min-width: 200px;
}
.index-news-banner-body td a{
    color: #fff;
}
/* 首页产品展示 */
.index-pro{
    width: 100%;
    height: 697px;  
    background: url(../images/index-pro-bg.png) top no-repeat;
    background-position:center 0;
}
.index-pro-tit{
    width: 100%;
    height: 52px;
    line-height: 60px;
}
.index-pro-tit-fl{
    width: 590px;
    height: 52px;
}
.index-pro-tit-fl>strong{
    font-size: 24px;
    color: #FFF;
}
.index-pro-tit-fr{
    width: 580px;
    height: 52px;
}
.index-pro-tit-fr>strong{
    font-size: 20px;
    color: #5a5a5a;
    text-transform: uppercase;
}
.index-pro-tit-fr>a{
    display: inline-block;
    margin-right: 10px;
}
.index-pro-tit-fr>a:hover{
    color: aqua;
}
.index-pro-body{
    width: 1175px;
    height: 596px;
    margin: 30px auto 0;
}
.index-pro-body>ul{
    width: 100%;
    height: 100%;
}
.index-pro-body>ul>li{
    width: 270px;
    height: 300px;
    text-align: center;
    margin-right:30px;
}
.index-pro-body>ul>li img{
    width: 270px;
    height: 270px;
}
.index-pro-body>ul>li:nth-child(4n){
    margin-right: 0; 
}
/* Security service */
.index-security{
    width: 100%;
    height:555px; 
    background: url(../images/security-bg.jpg) no-repeat;
    margin-top:70px;
}
.index-security-tit{
    width: 100%;
    height: 120px;
    margin-top: 40px;
}
.index-security-tit-fl,
.index-security-tit-fr{
    width: 410px;
    height: 100%;
}
.index-security-tit-fl-sm,
.index-security-tit-fr-sm{
    width: 5px;
    height: 19px;
    background-color: #fff;
    margin-top: 50px;
}
.index-security-tit-fl-bg,
.index-security-tit-fr-bg{
    width: 405px;
    height: 2px;
    background-color: #fff;
    margin-top: 59px;
}
.index-security-tit-cn{
    width: 342px;
    height: 100%;
    margin-left: 18px;
    text-align: center;
}
.index-security-tit-cn>p{
    font-size: 30px;
    line-height: 2em;
    color: #fff;
}
.index-security-tit-cn>p:first-child{
    background-color: #ccc;
}
.index-security-tit-cn>p>strong{
    color: #5a5a5a;
}
.index-security-body{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.index-security-body-fl,
.index-security-body-cn1,
.index-security-body-cn2,
.index-security-body-fr{
    width: 244px;
    height: auto;
}
.index-security-body-fl>img{
    width: auto;
    height: 156px;
    display:block;
    margin: 0px auto;
}
.index-security-body-fl>strong{
    font-size: 17px;
    color: #fff;
    display: inline-block;
    line-height: 3em;
    width: 100%;
    text-align: center;
}
.index-security-body-fl>p{
    color: #fff;
    line-height: 170%;
}
.index-security-body-cn1{
    margin:0px 80px;
}
.index-security-body-cn1>img,
.index-security-body-cn2>img,
.index-security-body-fr>img{
    width: 155px;
    height: 152px;
    display: block;
    margin: 0px auto;
}
.index-security-body-cn1>strong,
.index-security-body-cn2>strong{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: #fff;
    line-height: 3em;
}
.index-security-body-cn1>p,
.index-security-body-cn2>p{
    color: #fff;
    line-height: 170%;
}
.index-security-body-fr>p{
    width: 161px;
    height: auto;
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin: 10px auto;
    line-height: 1.5em;
}
.index-security-body-fr>div{
    width:169px;
    height: 50px;
    border: 1px solid #fff;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin: 0px auto; 
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 9px;
}
/* 首页关于我们 */
.index-about{
    width: 100%;
    height: 520px;
    background-color: rgb(246, 246, 246);
}
.index-about-tit{
    width: 100%;
    height:47px;
    background: url(../images/index-about-bg.png) no-repeat ;
    background-position: center 0;
    margin:40px auto;
}
.index-about-fl{
    width: 590px;
    height: 47px;
    line-height: 60px;
}
.index-about-fl>a{
    font-size: 24px;
    color: #fff;
}
.index-about-fr{
    width: 580px;
    height: 47px;
    line-height: 60px;
}
.index-about-fr>a>strong{
    font-size: 20px;
    color: rgb(217, 217, 217);
}
.index-about-fr>a{
    font-size: 13px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}
.index-about-body{
    width: 100%;
    height: 349px;
}
.index-about-pic{
    width: 520px;
    height: 349px;
    overflow: hidden;
}
.index-about-pic>img{
    width: auto;
    height: 349px;
    display: inline-block;
    margin-left: -88px;
}
.index-about-text{
    width: 628px;
    height: 359px;
	margin-right:52px;
}
.index-about-text>p{
    font-size: 13px;
    line-height: 1.9em;
    color:rgb(90, 90, 90);
    text-indent: 2em;
}
/* 热销产品 */
.host-sale{
    width: 100%;
    height: 500px;
}
.host-sale-tit{
    width: 100%;
    height: 46px;
    background: url(../images/host-sale.png) no-repeat;
    background-position: center 0;
    margin:-12px auto 50px ;
}
.host-sale-fl{
    width: 590px;
    height: 46px;
    line-height: 60px;
}
.host-sale-fl>a{
    font-size: 24px;
    color: #fff;
}
.host-sale-fr{
    width: 580px;
    height: 46px;
    line-height: 60px;
}
.host-sale-fr>a>strong{
    font-size: 20px;
    color: rgb(217, 217, 217);
    text-transform: uppercase;
}
.host-sale-fr>a{
    color:#fff;
    font-size: 13px; 
    display: inline-block;
    margin-right: 10px;
}
.host-sale-body{
    width: 100%;
    height: 270px;
    overflow: hidden;
}
.host-sale-body>table{
    width: 100%;
    height: 100%;
}
.host-sale-body td{
    width: 250px;
    height: 270px;
    text-align: center;
    padding-right: 20px;
}
.host-sale-body img{
    width: 250px;
    height: 250px;
}
.host-sale-body p{
    font-size: 12px;
    color: #000;
}
/* 公司视频和公司新闻 */
.index-video-news{
    width: 100%;
    padding-bottom:30px;
    background-color: rgb(246, 246, 246);
}
.index-video-news-tit{
    width: 100%;
    height: 47px;
    line-height: 40px;
    background: url(../images/index-video-news-bg.png) no-repeat;
    background-position: center center;
    margin:40px auto;
}
.index-video-tit{
    width:590px;
    height: 47px;
    color: rgb(217, 217, 217);
    font-size: 20px;
    text-transform: uppercase;
}
.index-video-tit>strong{
    font-size: 24px;
    color: #fff; 
    display: inline-block;
    margin-left: 10px;
}
.index-news-tit{
    width: 580px;
    height: 47px;
}
.index-news-tit>span{
    color: rgb(217, 217, 217);
    font-size: 20px;
    text-transform: uppercase;
}
.index-news-tit>span>strong{
    font-size: 24px;
    color: #fff;
}
.index-news-tit>a{
    color: #fff;
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
}
.index-video-news-body{
    width: 100%;
    height: 345px;
}
.index-video{
    width: 475px;
    height: 345px;
    overflow: hidden;
}
.index-video>embed{
    display: inline-block;
    width: 473px;
    height: 343px;
    border: 1px solid black;
}
.index-video-news-bg{
    width: 1px;
    height: 266px;
    background-color: #ccc;
    margin-top: 40px;
    margin-left: 110px;
}
.index-news{
    width: 515px;
    height: 100%;
}
.index-news>ul{
    width: 100%;
    height: 100%;
}
.index-news li{
    width: 100%;
    height: 59px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #dbd4cd;
}
.index-news-time{
    width: 60px;
    height: 59px;
    background-color: #198ede;
    color: #fff;
    text-align: center;
    margin-left: 30px;
    font-size: 13px;
}
.index-news-time>span:first-child{
    font-size: 15px;
    line-height: 40px;
}
.index-news-text{
    width: 385px;
    height: auto;
}
.index-news-text>a{
    font-size: 16px;
}
.index-news-text>a:hover{
    color: #198ede;
}
.index-news-instro{
    width: 99%;
    max-height: 31px;
    font-size: 11px;
    line-height: 1.5em;
}
.buy-pro{
    margin-top: 70px;
    width: 100%;
    height: 395px;
    border: 1px solid rgb(255, 180, 0);
}
.buy-pro-fl{
    width: 436px;
    height: 100%;
}
.buy-pro-fl-tit{
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: rgb(67, 67, 67);
    height:40px;
    line-height: 40px; 
}
.buy-pro-fl-text{
    width: 100%;
    height: 72px;
    color: rgb(102, 102, 102);
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: 1px;
    margin-top: 40px;
    margin-left: 10px;
    border-bottom: 1px solid rgb(255, 180, 0);
}
.buy-pro-fl-text>b{
    color: red;
}
.buy-pro-service{
    width: 100%;
    height: auto;
    margin-left: 10px;
    margin-top: 50px;
}
.buy-pro-service>b{
    color: rgb(102, 102, 102);
    font-size: 13px;
}
.buy-pro-fl-box{
    width: 100%;
    height: 30px;
    margin-top: 50px;
}
.buy-pro-fl-box1{
    width: 119px;
    height: 30px;
    background-color: rgb(217, 217, 217);
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #5a5a5a;
}
.buy-pro-fl-bg{
    width: 33px;
    height: 21px;
    background: url(../images/buy-pro-bg.png) no-repeat;
    margin: 5px 2px;
}
.buy-pro-fr{
    width: 750px;
    height: 100%;
}
.buy-pro-fr-tit{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: rgb(67, 67, 67);
}
.buy-pro-fr-box{
    width: 700px;
    height: 335px;
    margin-top: 30px;
}
.buy-pro-fr-box table{
    width: 100%;
    height: 100%;
}
.buy-pro-fr-box .name{
    width: 60px;
    height: 32px;
    line-height: 32px;
}
.buy-pro-fr-box label{
    font-size: 12px;
    color: #666;
}
.buy-pro-fr-box .content{
    width: 630px;
    height: 32px;
}
.buy-pro-fr-box tr{
    height: 40px;
}
.buy-pro-fr-box input[type="text"]{
    width: 630px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.buy-pro-fr-box textarea{
    width: 630px;
    height: 122px;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.buy-pro-fr-box input[type="submit"]{
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #666;
}
/* footer */
.footer{
    width: 100%;
    height: 255px;
    background-color: rgb(67, 67, 67);
}
.footer-fl{
    width: 260px;
    height: 103px;
    margin-top: 60px;
}
.footer-logo{
    width: 100%;
    height: 100%;
    position: relative;
}
.footer-logo>img{
    width:113px;
    height: auto; 
}
.footer-logo>strong{
    font-size: 42px;
    color: #fff;
    position: absolute;
    top:0px;
    left: 5px;
}
.footer-bg{
    width: 1px ;
    height: 150px;
    background-color: #fff;
    margin: 40px 50px;
}
.footer-cn{
    width: 654px;
    height: 150px;
    margin-top:20px; 
}
.footer-nav{
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.footer-nav>ul{
    width: 100%;
    height: 30px;
    display: flex;
}
.footer-nav li{
    flex: 1;
    text-align: center;
}
.footer-nav a{
    font-size: 12px;
    color: #fff;
}
.footer-nav a:hover{
    color: #bce8ff;
}
.footer-cn-text{
    width: 100%;
    height: 80px;
    margin-top: 50px;
    text-align: center;
    color: #fff;
}
.footer-cn-text>p{
    line-height: 140%;
}
.footer-fr{
    width: 118px;
    height: 118px;
    margin-top: 50px;
}
.footer-bottom{
    width:274px;
    height: 26px;
    line-height: 26px;
    margin: -25px auto;
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    text-align: center;
}
/* 返回顶部 */
.returnTop{
    width: 40px;
    height: 40px;
    position: fixed;
    top: 292px;
    right: 63px;
    text-align: center;
    line-height: 40px;
    background: url(../images/top.png) no-repeat -126px -42px;
    z-index: 999999;
    opacity: 1;
    border: none;
}

/* 关于我们页面 */
.main{
    width: 100%;
    min-height: 500px;
    
}
.main-tit{
    width: 100%;
    height:40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.main-tit-bg{
    width: 6px;
    height: 25px;
    margin: 7px 8px;
    background-color:#434343; 
}
.main-tit>p{
    font-size: 13px;
}
.main-tit-bg1{
    width: 150px;
    height: 2px;
    background-color:#3c78d8;
    position: absolute;
    top: 36px;
    left: 0px;
}
.main-tit-bg2{
    width: 150px;
    height: 2px;
    background-color: #214277;
    position: absolute;
    top: 38px;
    left: 0px;
}
.main-tit2{
    width: 100%;
    height: 70px;
    margin: 15px auto;
    background: url(../images/about.jpg) no-repeat;
    background-position: center center;
}
.main-tit2-fl{
    width: 590px;
    height: 70px;
    line-height: 65px;
}
.main-tit2-fl>strong{
    font-size: 24px;
    color: #Fff;
}
.main-tit2-fr{
    width: 590px;
    height: 70px;
    line-height: 65px;
}
.main-tit2-fr>strong{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}
.main-body{
    width: 100%;
    min-height: 350px;
    margin: 30px auto;
}
.left{
    width: 263px;
    min-height: 350px;
    margin-bottom: 50px;
}
.left-class-tit{
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: rgb(67, 67, 67);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.left-class>ul{
    width: 100%;
    min-height:105px; 
}
.left-class>ul>li{
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background-color: #f6f6f6;
    border-top: 1px solid #ccc;
}
.left-class>ul>li:hover{
    background: url(../images/li-bg.png);
}
.productstype2{
    display: none;
}
.left-contact{
    width:100%;
    height: 268px;
    background-color: rgb(255, 180, 0);
    margin-top: 50px;
}
.left-contact-tit{
    width: 100%;
    height: 54px;
    padding: 8px;
    border-bottom: 1px solid #fff;
}
.left-contact-pic{
    width: 51px;
    height: 54px;
    margin-left: 20px;
}
.left-contact-pic>img{
    width: 51px;
    height: auto;
}
.left-contact-text{
    width: 144px;
    height: 54px;
    margin-left: 15px;
}
.left-contact-text>p:first-child{
    font-size: 12px;
    color: rgb(102, 102, 102);
    margin-top: 5px;
}
.left-contact-text>p:last-child{
    font-size :18px;
    font-weight: bold;
    color: #fff; 
    margin-top: 5px;
}
.left-pro{
    width: 100%;
    height: 300px;
    margin-top: 25px;
}
.left-pro-tit{
    width: 100%;
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-weight: bold;
    font-size:20px;
    color: #fff; 
    background-color: rgb(67, 67, 67);
}
.left-pro-pic{
    width: 100%;
    height: 247px;
}
.left-contact-phone{
    width: 244px;
    height: 161px;
    margin: 15px auto;
}
.left-contact-phone>p{
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}
.right{
    width: 896px;
    min-height: 350px;
    margin-bottom: 50px;
}
.right-pic{
    width: 100%;
    height: 249px;
    overflow: hidden;
}
.right-pic>img{
    width: 896px;
    height: auto;
    display: inline-block;
    margin-top: -32px;
}
.right-text{
    width: 100%;
    min-height: 350px;
    margin-top: 50px;
    font-size: 13px;
    line-height: 173%;
}
.right-honor{
    width: 100%;
    height: 350px;
    overflow: hidden;
    /* margin-top: 50px; */
}
.right-honor>b{
    font-size: 17px;
}
.right-honor table{
    width: 100%;
    height: 350px;
}
.right-honor td{
    width: 240px;
    height: 350px;
    text-align: center;
    padding-right: 15px;
}
.right-honor img{
    width: 240px;
    height: 270px;
}
.right-honor p{
    font-size: 12px;
    color: #000;
    line-height: 2em;
}
/* 新闻页面 */
.news{
    width: 100%;
    min-height: 350px;
}
.news>ul{
    width: 100%;
    height: 100%;
}
.news>ul>li{
    width: 100%;
    height: 60px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #dbd4cd;
    margin-bottom: 20px;
}
.news-time{
    width: 60px;
    height: 60px;
    background-color: #434343;
    text-align: center;
    margin-left: 30px;
}
.news-time>strong{
    font-size: 19px;
    color: #fff;
    line-height: 41px;
}
.news-time>p{
    color: #fff;
    font-size: 13px;
}
.news-text{
    width: 760px;
    height: 60px;
}
.news-text>a{
    font-size:19px; 
}
.news-text>a:hover{
    color: #198ede;
}
.news-instro{
    width: 99%;
    margin-top: 2px;
    max-height: 31px;
    font-size: 11px;
    line-height: 1.5em;
}
.pager{
    width: 100%;
    height: auto;
    text-align: center;
}
.pager a{
    padding: 2px 5px;
    border: 1px solid black;
}
.pager a:hover{
    background-color: #000;
    color: #fff;
}
.pager .active {
    background-color: #000;
    color: #fff;
}
/* 新闻内页 */
.news-tit{
    width: 100%;
    height: auto;
    text-align: center;
}
.news-tit>strong{
    line-height: 2em;
    font-size: 16px;
    color: #ffb400;
}
.news-tit>p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 2em;
}
.newsd-instro{
    width: 100%;
    height: auto;
    padding: 3px;
    border: 1px solid #e5e5e5;
    background-color: #f5f5f5;
    text-indent: 2em;
    font-size: 12px;
    color: #868686;
}
.news-body{
    width: 99%;
    min-height: 200px;
    margin: 20px auto;
}
.news-body>p{
    text-indent: 2em;
    line-height: 1.7em;
}
.ny-pager{
    width: 100%;
    height: auto;
    font-size: 12px;
}
.ny-pager>p{
    line-height: 2.5em;
}
/* 产品页 */
.products{
    width: 100%;
    min-height: 970px;
}
.products>ul{
   width: 100%;
   min-height: 950px; 
}
.products>ul>li{
    width: 250px;
    height: 270px;
    padding: 15px;
    border: 1px solid rgb(238, 238, 238);
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
}
.products>ul>li:hover{
    border-color: rgb(255, 180, 0);
}
.products>ul>li img{
    width: 250px;
    height: 250px;
}
.products>ul>li:nth-child(3n){
    margin-right: 0;
}
/* 产品内页 */
.productsd{
    width: 100%;
    min-height: 500px;
}
.productsd-tit{
    width: 100%;
    height: auto;
    text-align: center;
}
.productsd-tit>strong{
    font-size: 16px;
    color: rgb(255, 180, 0);
    line-height: 1.5em;
}
.productsd-tit>p{
    line-height: 2em;
    font-size: 12px;
}
.productsd-bg{
    width:100%;
    height: auto;
    padding: 5px 0;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;    
}
.productsd-box{
    width: 896px;
    min-height: 250px;
    margin: 50px auto;
}
.productsd-pic{
    display: none;
    width: 498px;
    height: 458px;
}
.productsd-nav{
    display: none;    
    width: 100%;
    height: 70px;
    margin-top: 30px;
}
.productsd-nav>div{
    width: 23px;
    height: 68px;
}
.productsd-nav>div:first-child{
    background: url(../images/pro-li-left.gif) no-repeat;
    margin-left: 100px;
}
.productsd-nav>div:last-child{
    background: url(../images/pro-li-right.gif) no-repeat;
    margin-right: 100px;
}
.productsd-nav>ul{
    width: 249px;
    height: 70px;
}
.productsd-nav>ul>li{
    width:60px;
    height: 62px;
    border: 1px solid black;
    overflow: hidden;
    
}
.productsd-nav>ul img{
    width: 60.4px;
    height: auto;
    margin: 2.2px 0px;
}
/* 联系我们页面 */
.contact{
    width:914px;
    height: auto;
    margin-left: -20px;
}
.contact-top{
    width: 100%;
    height: 268px;
}
.contact-top-fl{
    width: 472px;
    height: 268px;
    background-color: rgb(246, 246, 246);
}
.contact-top-fr{
    width: 427px;
    height: 268px;
    overflow: hidden;
}
.contact-top-fr>img{
    width: auto;
    height: 268px;
    margin-left: -30px;
}
.contact-tit{
    width: 100%;
    height:52px;
    line-height: 52px;
    padding: 5px 0px;
    border-bottom: 1px solid rgb(255, 180, 0); 
}
.contact-tit>img{
    width: auto;
    height: 52px;
    margin-left: 50px;
}
.contact-tit>p{
    margin-left: 15px;
    color: rgb(102, 102, 102);
    font-size: 13px;
}
.contact-tit>p>span{
    color: rgb(255, 180, 0);
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
}
.contact-text{
    width: 318px;
    height: 161px;
    margin-top: 15px;
    margin-left: 50px;
}
.contact-text>p{
    margin-bottom: 10px;
    line-height: 2em;
}
.contact-map{
    width: 100%;
    height: 351px;
    margin-top: 50px;
    overflow: hidden;
}
.contact-map>#allmap{
    width: 100%;
    height: 100%;
}
/* 在线订单页面 */
.order{
    width: 829px;
    min-height: 500px;
}
.order-pic{
    width: 100%;
    height: auto;
}
.order-pic>img{
    width: 829px;
    height: auto;
}
.order-bottom{
    width: 100%;
    height: 437px;
}
.order-bottom-tit{
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 20px auto;
}
.order-bottom-tit>span{
    font-size: 24px;
}
.order-bottom-tit>p{
    font-size: 14px;
    color: rgb(102, 102, 102);
    margin: 10px 0;
    line-height: 2em;
}
.order-bottom table{
    width: 100%;
    height: 337px;
    margin: 0px auto;
}
.order-bottom .name{
    width: 60px;
    height: 32px;
    line-height: 32px;
}
.order-bottom label{
    font-size: 12px;
    color: #666;
}
.order-bottom .content{
    width: 650px;
    height: 32px;
}
.order-bottom tr{
    height: 40px;
}
.order-bottom input[type="text"]{
    width: 650px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.order-bottom textarea{
    width: 650px;
    height: 122px;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.order-bottom input[type="submit"]{
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #666;
}