﻿#__bs_notify__ {
 display:none !important
;}
.main {width: 100%; height:500px; background:url(../images/hzbg.jpg) center no-repeat;}
.area {width: 1240px;height: auto;margin: auto auto;}
.area1 {width: 1200px;height: auto;margin: auto auto;}
.area2 {width: 1240px;height: auto;margin: auto auto;}
.tjpro {width: 1200px;height:auto;margin-top:40px;}
.tjpro li {width: 190px;height:110px;margin-left: 10px;float:left;text-align:center; margin-top:15px;}
.tjpro li img {width: 190px;height:110px;padding:5px;}
.wid {
 width:1170px;
 margin:0 auto
;}
.wid2 {
 width:1190px;
 margin:0 auto
;}
.uper {
 height:32px;
 line-height:32px;
 background:#f3f3f3;
 border-bottom:1px solid #ebebeb;
 text-align:left;
 font-size:14px;}
.uper .right {
 float:right;}
.uper .right a {
 position:relative;
 font-size:14px;
 color:#4e4f4a;
 margin:0 10px;}
.uper .right a:after {
 content:"";
 position:absolute;
 right:-10px;
 top:50%;
 width:1px;
 height:13px;
 background:#4e4f4a;
 display:block;
 margin-top:-7.5px
;}
.uper .right a:last-child:after {
 display:none
;}
.container {
 margin-bottom:50px;}
.container .wid {
 position:relative
;}
.container .sidebar {
 position:relative;
 z-index:3;
 margin-top:-40px;
 width:260px;
 float:left;}
.container .sidebar h2 {
 height:100px;
 line-height:100px;
 background:#ff6100;
 text-align:center;
 color:#fff;
 font-size:24px;
 font-weight:normal
;}
.container .sidebar .box {
 width:100%;
 display:table;
 background:#f9f9f9;
 padding:25px 0;
 margin-bottom:22px;}
.container .sidebar .box ul {
 width:95%;
 margin:0 auto;}
.container .sidebar .box ul li {
 width:100%;
 height:46px;
 line-height:46px;
 border-bottom:1px dashed #dbe3e7;
 background:url(../images/lefton.jpg) 25px 17px no-repeat;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;}
.container .sidebar .box ul li:hover {
 background:url(../images/leftover.jpg) 25px 17px no-repeat;}
.container .sidebar .box ul li:hover a {
 color:#ff6100
;}
.container .sidebar .box ul li.acti {
 background:url(../images/3354f1f9368a134a144dec042d6c3d13_13x13.jpg) 25px 17px no-repeat;}
.container .sidebar .box ul li.acti a {
 color:#ff6100
;}
.container .sidebar .box ul li a {
 display:block;
 font-size:14px;
 color:#7a7171;
 padding-left:70px
;}
.container .sidebar .contact-us {
 width:100%;
 display:table;
 border:1px solid #ff6100;}
.container .sidebar .contact-us ul {
 width:90%;
 margin:0 auto;}
.container .sidebar .contact-us ul li {
 width:100%;
 color:#666;
 font-size:14px;
 margin-bottom:5px;}
.container .sidebar .contact-us ul li span {
 float:left;
 line-height:1.6em;}
.container .sidebar .contact-us ul li span.hh {
 height:126px;
 width:72px
;}
.container .sidebar .contact-us ul li font {
 line-height:1.6em
;}
.container .sidebar .contact-us h3 {
 height:50px;
 line-height:50px;
 color:#fff;
 font-weight:normal;
 font-size:20px;
 background:#ff6100;
 padding-left:30px;
 margin-bottom:15px
;}
.container .sidebar .contact-us .ht {
 width:80%;
 display:table;
 margin:0 auto 10px;
 overflow:hidden;}
.container .sidebar .contact-us .ht img {
 float:left;
 width:53px;
 height:39px
;}
.container .sidebar .contact-us .ht .text {
 float:right;
 width:72%;
 line-height:1.3;}
.container .sidebar .contact-us .ht .text strong {
 font-size:16px;
 color:#656565;
 display:block;
 font-weight:normal
;}
.container .sidebar .contact-us .ht .text b {
 font-size:18px;
 color:#f86508;
 display:block
;}
.container .right-box {
 float:right;
 width:880px;}
.container .right-box .top-box {
 width:100%;
 padding:25px 0 20px;
 border-bottom:1px solid #e9e9e9;
 overflow:hidden;}
.container .right-box .top-box h3 {
 position:relative;
 float:left;
 font-size:16px;
 color:#333;
 font-weight:normal;}
.container .right-box .top-box h3:after {
 content:"";
 position:absolute;
 bottom:-20px;
 left:0;
 width:100%;
 height:2px;
 background:#ff6100;
 display:block
;}
.container .right-box .top-box .path {
 float:right;
 font-size:14px;
 color:#999;}
.container .right-box .top-box .path a {
 color:#666;}
.container .right-box .top-box .path a:hover {
 text-decoration:underline
;}
.container .right-box .top-box .path a.a1 {
 background:url(../images/529db63a1a6068a355a6af22fb59a214_13x13.jpg) left center no-repeat;
 padding-left:18px
;}
.container .right-box .article {
 margin:30px auto;
 color: #333;
    display: table;
    float: left;
    font-family: "Microsoft Yahei","微软雅黑",arial,"宋体",sans-serif;
    font-size: 16px;
    line-height: 1.8em;
    padding: 5px;}
.container .right-box .article p {
 font-size:16px;
 color:#333;
 text-align:justify;
 line-height:1.8;
 margin-bottom:10px
;}
.container .right-box .article strong {
 display:block;
 font-size:14px;
 line-height:1.4;
 margin-bottom:10px
;}
.list-box {
 margin:30px 0;
 width:100%;
 display:table;}
.list-box ul {
 margin-left:-5.333%;}
.list-box ul li {
 position:relative;
 width:28%;
 border:1px solid #e0e0e0;
 background:#fff;
 margin-left:5.333%;
 margin-bottom:20px;}
.list-box ul li:after {
 content:"";
 position:absolute;
 bottom:-3px;
 left:0;
 width:100%;
 height:2px;
 background:url(../images/ae50d543b1d695eba68bf5ac9e02c229_259x7.jpg) center top/cover no-repeat
;}
.list-box ul li .pic {
 width:100%;
 height:190px;
 overflow:hidden;}
.list-box ul li .pic a {
 width:100%;
 height:100%;
 display:block;}
.list-box ul li .pic a:hover img {
 -webkit-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 opacity:.85
;}
.list-box ul li .pic a img {
 width:100%;
 min-height:100%;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
;}
.list-box ul li .text {
 height:34px;
 line-height:34px;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;}
.list-box ul li .text a {
 font-size:14px;}
.list-box ul li .text a:hover {
 text-decoration:underline
;}
.page {
 height:26px;
 line-height:26px;
 text-align:center;}
.page a {
 padding:0 20px;
 display:inline-block;
 font-size:14px;
 color:#010101;
 margin:0 5px;}
.page a:hover {
 background:#0b69c9;
 color:#fff
;}
.page a.acti {
 background:#0b69c9;
 color:#fff
;}
.text-list {
 width:100%;
 display:table;
 margin:30px 0;}
.text-list ul li {
 width:100%;
 border-bottom:1px dashed #ccc;
 padding:10px 0;
 cursor:pointer;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;}
.text-list ul li .date {
 float:left;
 width:80px;
 text-align:center;
 color:#979996;
 line-height:1.4;
 border-right:1px solid #ccc;
 padding:10px 0;}
.text-list ul li .date b {
 font-size:16px;
 display:block;
 margin-bottom:5px;
 font-weight:normal
;}
.text-list ul li .date span {
 font-size:14px
;}
.text-list ul li .text {
 width:89%;
 float:right;
 line-height:1.4;
 padding-top:10px;}
.text-list ul li .text strong {
 font-size:14px;
 display:block;
 margin-bottom:10px;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;}
.text-list ul li .text strong a {
 color:#4f4d4e
;}
.text-list ul li .text p {
 font-size:13px;
 color:#999997;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis
;}
.text-list ul li:hover {
 -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.2);
 box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}
.text-list ul li:hover .text strong a {
 color:#f36f00
;}
.essay .top {
 width:100%;
 text-align:center;
 padding:50px 0 10px;
 border-bottom:1px dashed #c6c6c6;
 margin-bottom:20px;}
.essay .top h4 {
 font-size:20px;
 margin-bottom:10px
;}
.essay .top p {
 color:#989993;
 font-size:13px;
 line-height:1.4;}
.essay .top p a {
 color:#0b68c8
;}
.essay .text {
 width:100%;
 display:table;
 padding-bottom:70px;
 border-bottom:1px dashed #c6c6c6;
 color: #333;
    display: table;
    float: left;
    font-family: "Microsoft Yahei","微软雅黑",arial,"宋体",sans-serif;
    font-size: 16px;
    line-height: 1.8em;
    padding: 5px;}
.essay .text p {
 font-size:14px;
 text-align:justify;
 line-height:1.9;
 text-indent:15px;
 margin-bottom:15px
;}
.essay .page2 {
 clear:both;
 padding:15px 0;
 font-size:14px;
 vertical-align:middle;
 overflow:hidden;}
.essay .page2 span {
 width:50%;
 float:left;
 line-height:1.2;}
.essay .page2 span a {
 color:#4f4f4f;
 width:160px;
 display:inline-block;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 vertical-align:middle;}
.essay .page2 span a:hover {
 text-decoration:underline;
 color:#ff6100
;}
.recommend h5 {
 height:42px;
 line-height:42px;
 background:#ff6100;
 color:#fff;
 padding-left:15px;
 font-size:14px;
 font-weight:normal
;}
.recommend ul {
 width:100%;
 display:table;
 border:1px solid #ddd;
 padding:15px 70px 20px 15px;}
.recommend ul li {
 position:relative;
 width:48.5%;
 height:42px;
 line-height:42px;
 border-bottom:1px dashed #acacac;
 padding-left:15px;
 font-size:14px;}
.recommend ul li:nth-child(even) {
float:right
;}
.recommend ul li:before {
 content:"";
 position:absolute;
 left:5px;
 top:50%;
 width:3px;
 height:3px;
 background:#898989;
 display:block;
 margin-top:-1.5px
;}
.recommend ul li a {
 width:75%;
 height:42px;
 float:left;
 color:#4f4f4f;
 overflow:hidden;
 white-space:nowrap;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;}
.recommend ul li a:hover {
 text-decoration:underline;
 color:#ff6100
;}
.recommend ul li span {
 float:right;
 color:#999
;}
.company {
 height:117px;
 background:#f1f1f1;
 border-bottom:1px solid #d4d4d4;
 width:100%
;}
.company ul {
 width:100%;
 display:table;}
.company ul li {
 float:left;
 width:288px;
 position:relative;
 height:117px
;}
.company ul li img {
 display:block;
 float:left;
 margin-left:22px
;}
.company ul li .img3 {
 margin-top:20px;
 margin-right:11px
;}
.company ul li .img4 {
 margin-top:24px;
 margin-right:12px
;}
.company ul li .img5 {
 margin-top:22px;
 margin-right:17px
;}
.company ul li .img6 {
 margin-top:28px;
 margin-right:14px
;}
.company ul li span {
 display:block;
 float:left;
 width:155px;
 margin-top:35px;
 font-size:12px;
 line-height:12px;
 font-weight:bold;
 margin-bottom:3px
;}
.company ul li i {
 display:block;
 float:left;
 font-size:12px;
 line-height:18px;
 color:#323232;
 width:155px
;}
.company ul li:after {
 content:"";
 width:1px;
 height:55px;
 position:absolute;
 top:36px;
 background:#d5d5d5;
 left:0
;}
.company ul .wl2:after {
 display:none
;}
.titel-public {
 text-align:center;
 clear:both;
 line-height:1.4;
 margin-bottom:30px;}
.titel-public h2 {
 font-size:32px;
 color:#0a55ef
;}
.titel-public p {
 font-size:24px;
 color:#878484
;}
.problem {
 height:660px;
 padding:30px 0;
 background:url(../images/naiti.jpg) center center no-repeat;}
.problem {
 height:660px;
 padding:30px 0;
 background:url(../images/naiti.jpg) center center no-repeat;}
.problem .wid { text-align:center;
 position:relative
;}
.problem i { font-size:30px; font-weight:bold; height:66px;
 display:block;
 margin:0 auto;}
.problem var {
 width:640px;
 height:569px;
 display:block;
 margin:0 auto;}
.problem var img {
 width:100%
;}
.problem ul li {
 line-height:1.4;
 margin-bottom:30px;}
.problem ul li.li1 {
 text-align:right;
 width:420px;margin-top:70px;}
.problem ul li.li2 {
 width:400px; height:200px;
 margin-left:350px;
 text-align:left;margin-top:100px;}
.problem ul li.li3 {
 text-align:right;
 width:370px;}
.problem ul li.li4 {
 width:340px;
 margin-left:450px;
 text-align:left;}
.problem ul li.li5 {
 width:735px;
 text-align:right;
 margin-top:20px;}
.problem ul li p {
 font-size:22px;
 color:#f90200
;}
.problem ul li span {
 font-size:16px;
 color:#000; line-height:2em;}
.introduce {
 position:relative;
 background:url(../images/281d9a822602c3b00483600e1157be37_32x21.jpg);
 padding-top:75px;}
.introduce:after {
 content:"";
 position:absolute;
 top:0;
 left:50%;
 width:0;
 height:0;
 border-left:45px solid transparent;
 border-right:45px solid transparent;
 border-top:45px solid #fff;
 margin-left:-22px
;}
.introduce .top {
 text-align:center;
 line-height:1.2;
 margin-bottom:15px;}
.introduce .top strong {
 font-size:28px;
 color:#303030;
 font-weight:normal;
 display:block
;}
.introduce .top b {
 font-size:40px;
 color:#ff6100;
 font-weight:normal;
 display:block
;}
.introduce .top p {
 font-size:14px;
 color:#999
;}
.introduce .box {
 width:90%;
 margin:0 auto;}
.introduce .box .left {
 float:left;
 width:531px;
 height:541px;}
.introduce .box .left img {
 width:100%
;}
.introduce .box .right {
 float:right;
 width:48%;}
.introduce .box .right ul li {
 position:relative;
 width:100%;
 margin-bottom:10px;}
.introduce .box .right ul li:before {
 content:"";
 position:absolute;
 left:20px;
 top:0;
 width:0;
 height:115%;
 border:1px dashed #d1c8c1
;}
.introduce .box .right ul li:last-child:before {
 display:none
;}
.introduce .box .right ul li strong {
 position:relative;
 z-index:2;
 height:42px;
 line-height:42px;
 width:42px;
 background:#ff6400;
 color:#fff;
 font-size:24px;
 float:left;
 -webkit-border-radius:50%;
 border-radius:50%;
 text-align:center
;}
.introduce .box .right ul li p {
 width:89%;
 float:right;
 font-size:16px;
 color:#222;
 text-align:justify;
 line-height:1.9;
 padding-right:30px;}
.introduce .box .right ul li p span {
 color:#fd6100
;}
.introduce .box .right .an {
 height:50px;
 line-height:50px;
 background:#ff6100;
 text-align:center;
 -webkit-border-radius:5px;
 border-radius:5px;
 color:#fff;
 font-size:16px;
 display:inline-block;
 padding:0 50px;
 margin:30px 0 0 50px;}
.introduce .box .right .an:hover {
 opacity:.85
;}
.introduce .box .right .an img {
 width:16px;
 height:16px;
 margin-right:8px
;}
.compared {
 padding:40px 0 70px;}
.compared .top {
 text-align:center;
 margin-bottom:40px;}
.compared .top h3 {
 font-size:34px;
 color:#f84b00;
 margin-bottom:20px
;}
.compared .top b {
 font-size:38px;
 color:#ff5c03;
 vertical-align:middle;}
.compared .top b.b2 {
 color:#0c90bb
;}
.compared .top img {
 width:112px;
 height:64px;
 vertical-align:middle;
 margin:0 70px
;}
.compared .box {
 position:relative;
 width:960px;
 height:80px;
 margin:0 auto;}
.compared .box ul li {
 width:100%;
 margin-bottom:10px;}
.compared .box ul li .pic {
 width:170px;
 height:80px;
 overflow:hidden;}
.compared .box ul li .pic img {
 width:100%;
 min-height:100%
;}
.compared .box ul li .text {
 width:620px;
 height:80px;
 overflow:hidden;
 text-align:center;
 float:left;
 background:url(../images/60571d1175fed9d40043a539ea64ba59_960x360.jpg) center top/cover no-repeat;}
.compared .box ul li .text span {
 width:33.333%;
 height:80px;
 padding:12px;
 float:left;
 font-size:15px;
 line-height:1.9;
 overflow:hidden;
 -ms-text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 display:-webkit-box;
 word-wrap:break-word;}
.compared .box ul li .text span.s2 {
 padding-top:0;
 font-size:24px;
 color:#fff;
 line-height:80px
;}
.case {
 background:#f7f7f7;
 padding:50px 0;}
.case .box ul {
 margin-left:-2%;}
.case .box ul li {
 width:21%;
 margin:0 0 20px 2%;
 -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
 box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
 padding:11px;
 background-color:#FFF;}
.case .box ul li .pic {
 width:100%;
 height:300px;
 overflow:hidden;}
.case .box ul li .pic a {
 width:100%;
 height:100%;
 display:block;}
.case .box ul li .pic a:hover img {
 -webkit-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 opacity:.85;}
.case .box ul li .pic a img {
 width:100%;
 min-height:100%;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
;}
.case .box ul li .text {
 width:100%;
 height:46px;
 line-height:46px;
 background:#fff;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 padding:0 10px;}
.case .box ul li .text a {
 font-size:16px;
 color:#333
;}
.case .box ul li .zx {
 width:100%;
 height:46px;
 line-height:46px;
 background:url(../images/zx.jpg) center no-repeat;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 padding:0 10px;
 color:#FFF;}
.case .box ul li .zx a {
 font-size:14px;
 color:#fff
;}
.committed {
  background:#f4f4f4;
 text-align:center;
 padding-top:30px;
 padding-bottom:30px;}
.committed p {
 font-size:30px;}
.committed .box {
 width:1200px;
 margin:0 auto;}
.committed .box .left {
 position:relative;
 width:660px;
 float:left;
 margin-top:30px;}
.committed .box .left ul li {
 font-size:16px;
 color:#2e2e2e;
 line-height:50px;
 margin-bottom:20px;
 text-align:right;}
.committed .box .img2 {
 margin-top:15px;
 width:500px;
 height:333px;}

.container{width:1220px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.title-min{font-size:24px;border-bottom:1px solid #aaa;padding-bottom:8px;}
.hot{display:-webkit-flex;display:-ms-flexbox;display:flex;}
.hot{flex-wrap:wrap;margin:0 -5px;}
.hot span{text-align:center; max-width:200px;margin:5px;background:#e50311;color:#fff;line-height:2;flex:auto;padding:0 1em;}
.hot span:after{content:'';}.main{margin-top:3em;}