html,body{background-color: #f7f7f7;}
.position{width: 1200px;margin: 0 auto;font-size: 14px;color: #333333;cursor: default;background: url(../images/img_home.png)no-repeat left center;padding-left: 28px;line-height: 58px;height: 54px;box-sizing: border-box;}
.position a{color: #333333;cursor: pointer;}
.content{margin: 0 auto 16px;width: 1200px;display: flex;justify-content: space-between;}
.content .left{width: 840px;}
.content .left .article{background-color: #FFFFFF;padding: 28px 40px 55px 41px;box-sizing: border-box;}
.content .left .article .articleHead{}
.content .left .article .articleHead h4{font-size: 32px;color: #333333;font-weight: 700;line-height: 52px;}
.content .left .article .articleHead h5{font-size: 14px;color: #999999;font-weight: 500;display: flex;align-items: center;line-height: 22px;margin-top: 23px;}
.content .left .article .articleHead h5 span{display: flex;align-items: center;margin-right: 24px;}
.content .left .article .articleHead h5 span img{margin-right: 5px;}
.content .left .article .articleBody{font-size: 18px;color: #666666;line-height: 41px;margin-top: 25px;}
.content .left .article .articleBody img{max-width: 740px;}
.content .left .article .articleBody p{text-indent: 35px;}
.content .left .articleFoot{background-color: #FFFFFF;display: flex;align-items: center;padding: 0 40px;box-sizing: border-box;margin-top: 11px;height: 60px;}
.content .left .articleFoot p{width: 50%;font-size: 14px;color: #333333;cursor: pointer;padding-left: 27px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content .left .articleFoot a{color: #333333;}
.content .left .articleFoot p:nth-child(1){background: url(../images/img_prev.jpg)no-repeat left center;}
.content .left .articleFoot p:nth-child(2){background: url(../images/img_next.jpg)no-repeat left center;}
.content .left .relative{background-color: #FFFFFF;margin-top: 10px;box-sizing: border-box;padding: 28px 40px 22px 40px;}
.content .left .relative h4{font-size: 16px;color: #333333;font-weight: 500;}
.content .left .relative .list{position: relative;margin-top: 20px;}
.content .left .relative .list .hd{}
.content .left .relative .list .hd .next{display: flex;align-items: center;padding: 0;background-color: #ffffff;font-size: 14px;color: #333333;cursor: pointer;position: absolute;right: 0;top: -43px;}
.content .left .relative .list .hd .next img{margin-right: 11px;}
.content .left .relative .list .bd{}
.content .left .relative .list .bd ul{}
.content .left .relative .list .bd ul li{font-size: 14px;border-top: solid 1px #e5e5e5;display: flex;align-items: center;line-height: 58px;justify-content: space-between;margin-left: 16px;position: relative;}
.content .left .relative .list .bd ul li:first-child{border-top: none;}
.content .left .relative .list .bd ul li a{color: #333333;cursor: pointer;width: 540px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content .left .relative .list .bd ul li::before{position: absolute;content: '';width: 4px;height: 4px;background-color: #0a6ce8;border-top-right-radius: 50%;left: -16px;top: 27px;border-radius: 50%;}
.content .left .relative .list .bd ul li h5{color: #999999;font-weight: 500;display: flex;align-items: center;}
.content .left .relative .list .bd ul li h5 span{display: flex;align-items: center;}
.content .left .relative .list .bd ul li h5 span.num{width:50px;}
.content .left .relative .list .bd ul li h5 span img{margin-right: 7px;}
.content .left .relative .list .bd ul li h5 i{width: 1px;height: 16px;background-color: #999999;margin: 0 15px 0 12px;}
.content .right{width: 350px;}
.content .right .form{background-color: #FFFFFF;position: relative;height: 60px;display: flex;align-items: center;justify-content: center;}
.content .right .form .input{font-size: 14px;background-color: #f4f5f8;width: 270px;height: 36px;border: solid 1px #e8e8e9;border-radius: 18px;box-sizing: border-box;padding-left: 16px;}
.content .right .form .submit{position: absolute;cursor: pointer;right: 60px;top: 23px;}
.content .right .search{margin-top: 10px;display: flex;cursor: pointer;}
.content .right .hotNews{background-color: #FFFFFF;box-sizing: border-box;padding: 18px 17px 20px 15px;margin-top: 10px;}
.content .right .hotNews .tit{display: flex;align-items: center;justify-content: space-between;}
.content .right .hotNews .tit h4{font-size: 14px;color: 3333333;}
.content .right .hotNews .tit .all{display: flex;align-items: center;cursor: pointer;font-size: 14px;color: #d01010;font-weight: 700;}
.content .right .hotNews .tit .all img{margin-left: 9px;}
.content .right .hotNews .img{display: flex;box-sizing: border-box;margin-top: 13px;}
.content .right .hotNews .img img{width: 150px;height: 96px;}
.content .right .hotNews .img p{font-size: 15px;color: #666666;margin-left: 13px;letter-spacing: 0.3px;width: 145px;line-height: 28px;margin-top: 3px;}
.content .right .hotNews ul{margin-top: 14px;}
.content .right .hotNews ul li{font-size: 14px;color: #999999;display: flex;align-items: center;justify-content: space-between;border-top: solid 1px #e4e4e4;line-height: 44px;}
.content .right .hotNews ul li:first-child{border-top: none;}
.content .right .hotNews ul li a{font-size: 15px;color: #666666;cursor: pointer;width: 230px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);z-index: 1000;display: none;}
.mask .box{background-color: #FFFFFF;position: absolute;width: 486px;left: 50%;margin-left: -243px;top: 25%;}
.mask .box .close{position: absolute;right: -40px;top: -40px;cursor: pointer;}
.mask .box .tit{border-top: solid 6px #ff580e;border-bottom: dashed 1px #eeeeee;font-size: 22px;color: #333333;font-weight: bold;display: flex;padding-left: 20px;align-items: center;height: 72px;margin-bottom: 30px;}
.mask .box .tit span{font-size: 14px;color: #999999;display: flex;align-items: center;margin-left: 14px;}
.mask .box .tit span img{margin-right: 5px;}
.mask .box .form{padding: 0 20px 0 20px;}
.mask .box .form p{margin-bottom: 21px;font-size: 0;}
.mask .box .form p span{font-size: 14px;color: #333333;display: inline-block;width: 74px;text-align: left;}
.mask .box .form p span i{color: #ff3a25;}
.mask .box .form p .input{font: 14px/1.6 'Helvetica Neue', 'PingFang SC', 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, sans-serif;font-size: 14px;width: 343px;height: 38px;border: solid 1px #e8e8e8;padding-left: 10px;}
.mask .box .form p .code{width: 220px;}
.mask .box .form p .getCode{font: 14px/1.6 'Helvetica Neue', 'PingFang SC', 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, sans-serif;width: 113px;margin-left: 10px;padding: 0;outline: none;border: none;font-size: 14px;height: 40px;text-align: center;line-height: 40px;cursor: pointer;color: #FFFFFF;background-color: #ff580e;vertical-align: top;}
.mask .box .form p .tip{font-size: 12px;color: #00be8a;display: flex;align-items: center;margin: -6px 0 2px 74px;}
.mask .box .form p .tip img{margin-right: 5px;}
.mask .box .form .submit{font-size: 18px;color: #FFFFFF;background-color: #ff580e;width: 355px;margin-left: 74px;display: block;cursor: pointer;text-align: center;line-height: 40px;}
.mask .box .info{background-color: #f3f3f3;padding: 10px 0 5px 20px;margin-top: 18px;}
.mask .box .info h4{font-size: 14px;color: #333333;font-weight: bold;}
.mask .box .info h5{font-size: 12px;color: #999999;}
.mask .box .info h5 span{color: #e60b0b;}