body{background: #f5f5f5;}
.left-box{float:left;width:880px;margin-top:20px;margin-bottom: 70px;}
.left-box .top{background: #fff;padding:20px;font-size:24px;color:#333}
.left-box .top img{width:100px;height:100px;margin-right:20px;vertical-align: middle;}
.left-box .list-box{background: #fff;padding:40px;margin-top:20px;}
.left-box .list-box>ul>li{padding:10px 0;background-size: 20px;border-bottom: 1px dotted #ccc;}
.left-box .list-box>ul>li .icon-box{margin-top:10px;}
.left-box .list-box>ul>li .jj{margin-top:10px;position: relative;}
.left-box .list-box>ul>li .jj .jianbian{height:53px;position: absolute;bottom: 0;left:0;
width: 100%;text-align: center;background: url(../img/jb_line.png)repeat-x;padding-top:30px;box-sizing: border-box;}
.left-box .list-box>ul>li .jj .jianbian a{color:#0084FF!important;font-size:16px;}
.left-box .list-box>ul>li .jj .jianbian a:hover{color:#f90}
.left-box .list-box>ul>li img{width:30px;height:30px}
.left-box .list-box .pic-box{float:left;width:180px;height:120px;}
.left-box .list-box .pic-box img{width: 100%;}
.left-box .list-box .title{font-size: 18px;font-weight:bold;color:#333;margin-top:5px;}
.left-box .list-box .hot{font-size:12px;background: #f90;padding:0 5px;border-radius: 2px;color:#fff}
.left-box .list-box .date{font-size:12px; color:#999;margin-top:10px;}
.right-box{float:right;background: #fff;width:300px;margin-top:20px;}
.contain-box{top:0px;padding:20px;background: #fff;}
.order-box{background: #fff;padding:20px;z-index: 999;}
.order-box .line{border-bottom: 1px solid #eee;display: inline-block;width:27%;}
.order-box .title{display: inline-block;width:40%;text-align: center;}
.order-box li{padding:10px 0;border-bottom: 1px solid #eee;margin-top:10px;}
.order-box input[type=text]{border:0;outline: none;width:110px;}
.order-box input[type=number]{border:0;outline: none;width: 100%;}
.order-box input[type=radio]{display: none;}
.order-box input[type=radio]+label{display: inline-block;border:1px solid #ddd;padding:3px 10px;font-size:12px;
border-radius: 5px;cursor: pointer;}
.order-box input[type=radio]:checked+label{border:1px solid #f90;color:#f90}
.order-box input[name=xuqiu]{border:0;outline: none;width: 100%;}
.order-box button{border:1px solid #f90;padding:10px 0;width:100%;border-radius: 5px;margin-top:40px;background: #fff;
color:#f90;cursor: pointer;outline: none;}
.order-box button:hover{background: #f90;color:#fff;transition:all 0.5s;}
.weixin-box img{width:260px;}
.company-box{background: #fff;}
.company-content{padding:30px;line-height:28px;text-indent: 2em;}
.company-bg{background: url(../img/company_bg.jpg)no-repeat;height:300px;position: relative;}
.company-bg .logo{padding-left:40px;width: 120px;height:120px;float:left;}
.company-bg .logo img{width: 100%;}
.company-bg .txt{position: absolute;right:60px;top:35%;color:#fff;text-align: right;}
.company-bg .txt h1{font-size:36px;}
.company-bg .txt p{font-size:18px;}
.left-box .company-name{background: #58AFE3 url(../img/company-name.jpg)no-repeat center;background-size:100%;
color:#fff;text-align: center;padding:20px;float:left;width:110px;height:110px;box-sizing: border-box;
vertical-align: middle;}
.left-box .company-name-box{width:50px;height:60px;overflow: hidden;font-size:24px;}
.left-box .product-name{float:right;width:680px;padding-top:10px;}

.tag-box .title-box{padding:0 20px;border-left:3px solid #3199cc;margin:20px 20px 0 20px;font-size:24px;
font-weight: bold;color:#333;margin-bottom: 30px;}
.tag-box{background: #fff;padding:20px;}
.tag-box>ul>li{float:left;background: #e5f2ff;margin-right:20px;margin-top:20px;border-radius: 200px;}
.tag-box>ul>li a:link{color:#0084FF!important;padding:7px 20px;display: block;}
.tag-box>ul>li a:visited{color:#0084FF!important;display: block;}
.tag-box>ul>li a:hover{color:#fff!important;background: #f90;display: block;border-radius: 200px;}

.right-box{float:right;width:310px;box-sizing: border-box;}
.right-box .title-box{padding:0 20px;border-left:3px solid #3199cc;}
.right-box .title-box p.name{font-weight: bold;font-size:18px;color:#333}
.right-box .ewm {text-align: center;padding:20px 0;border-bottom: 1px solid #eee;}
.right-box .ewm img{width:260px;}
.right-box section{background: #fff;padding:20px;margin-bottom: 10px;}
.right-box .hd{border-bottom: 1px solid #f5f5f5;padding-bottom:10px;overflow: hidden;}
.right-box .hd .title{font-size: 18px;font-weight:bold;color:#333}
.right-box .hd img{width:24px}
.right-box .bd ul{margin-top:10px;}
.right-box .bd li{padding:7px 0;}
.right-box .bd li a{color:#17519f}
.right-box .bd li a:hover{text-decoration: underline;}
.right-box .bd .title{float:left;width:78%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.right-box .bd .date{float:right;width:20%;text-align: right;}
.right-box dd{float:left;padding:7px 10px;background: #e5f2ff;border-radius: 200px;margin-right:10px;margin-top:10px}
.right-box dd a:link{color:#0084FF!important}
.right-box dd a:visited{color:#0084FF!important}
.right-box dd a:hover{color:#f90}

.breadcrumbs-box{padding:15px 0 0px 0;}
.breadcrumbs-box span{margin: 0 6px;}
.breadcrumbs-box strong{font-weight: bold;}