.evaluation-banner{ height:450px; background: url("../image/banner6.jpg") center top #172066 no-repeat; min-width:1220px;}
.evaluation-banner .header-info{ padding: 185px 0 0; text-align: center; color: #fff; overflow: hidden}
.evaluation-banner h1{ font-size: 40px; margin: 0 0 40px;}
.evaluation-banner p{ line-height: 24px;}


.cloumn-title{ text-align: center; font-size: 36px; margin: 0 0 70px; overflow: hidden}


.evaluation-process{ padding: 100px 0; min-width: 1220px; overflow: hidden}
.evaluation-process dl{ overflow: hidden}
.evaluation-process dt,.evaluation-process dt ul{ text-align: center; font-size: 16px;  color: #666666; overflow: hidden}
.evaluation-process dt li{ height: 48px; line-height: 48px; width: 243px; float: left; border: 1px solid #dddddd; border-right: none;background: #f5f5f5; cursor: pointer}
.evaluation-process dt li:last-child{ width: 242px; border-right: 1px solid #dddddd;}
.evaluation-process dt .active{ color: #fff; background: #059fff; border: 1px solid #059fff;border-right: none; }
.evaluation-process dt li:last-child.active{border-right: 1px solid #059fff;}
.evaluation-process dd{ display: none; border: 1px solid #ddd; border-top: none; padding: 30px 30px 20px; height: 245px; overflow: hidden}
.evaluation-process dd h4{ font-size: 16px; height: 22px; line-height: 22px;}
.evaluation-process dd h4:before{ content: ""; width: 20px; height: 22px; margin-right: 10px; display: inline-block; vertical-align: top; background: url("../image/icons9.png") 0 3px no-repeat}
.evaluation-process dd p{ margin: 20px 0 30px; color: #666666; line-height: 30px; overflow: hidden}
.evaluation-process dd ul{ color: #333333; overflow: hidden}
.evaluation-process dd li{ height: 25px; line-height: 25px; margin: 0 0 12px; overflow: hidden}
.evaluation-process dd li:before{content: ""; width:20px; margin-right: 16px; height: 25px; display: inline-block; vertical-align: middle;background: url("../image/icons9.png") no-repeat }
.evaluation-process dd .item1:before{ background-position: -19px 4px;}
.evaluation-process dd .item2:before{ background-position: -41px 5px;}
.evaluation-process dd .item3:before{ background-position: -63px 3px;}


.evaluation-demand{ padding: 100px 0; background: #fafafa; min-width: 1220px; overflow: hidden}
.evaluation-demand .main{ border: 1px solid #ddd; background: #fff; overflow: hidden}
.evaluation-demand .stype{ float: left; width: 200px; float: left;overflow: hidden}
.evaluation-demand .stype li {font-size: 16px; color: #333;text-align: center;position: relative;cursor: pointer;}
.evaluation-demand .stype li:last-child span{ border-bottom: none;}
.evaluation-demand .stype span {display: block;background: #f5f5f5;line-height: 104px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.evaluation-demand .stype span:before{ content: ""; width: 20px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 15px;background: url("../image/icons9.png") no-repeat}
.evaluation-demand .stype .item1:before{ background-position: 0px -21px;}
.evaluation-demand .stype .item2:before{ background-position: -29px -20px;}
.evaluation-demand .stype .item3:before{ background-position: -53px -22px;}
.evaluation-demand .stype .item4:before{ background-position: -81px -23px;}
.evaluation-demand .stype .active span{ color: #059fff; background: #fff; border-right: 1px solid #fff;}
.evaluation-demand .stype .active .item1:before{ background-position: 0px -47px;}
.evaluation-demand .stype .active .item2:before{ background-position: -29px -46px;}
.evaluation-demand .stype .active .item3:before{ background-position: -53px -48px;}
.evaluation-demand .stype .active .item4:before{ background-position: -81px -49px;}
.evaluation-demand .list{ display: none; float: right; width: 930px; margin:40px 45px 0 0; overflow: hidden}
.evaluation-demand .list li{ position: relative; padding: 0 0 12px 80px; color: #666666; min-height: 24px; line-height: 24px; overflow: hidden}
.evaluation-demand .list span{ width: 75px; position: absolute; left: 0; top: 0; font-weight: bold;}
.evaluation-demand .list em{ color: #059fff; margin-right: 40px;}
.evaluation-demand .list em:before{ content: ""; width: 20px; height: 20px; display: inline-block; margin-right: 5px; vertical-align: middle;background: url("../image/icons9.png") no-repeat}
.evaluation-demand .list .item1:before{ background-position: -127px -26px}
.evaluation-demand .list .item2:before{ background-position: -105px -26px}
.evaluation-demand .list .item3:before{ background-position: -146px -26px}
.evaluation-demand .name1 li{padding: 0 0 12px 105px; }
.evaluation-demand .name1 span{ width: 95px;}
.evaluation-demand .name2 li{padding: 0 0 12px 145px; }
.evaluation-demand .name2 span{ width: 130px;}



.evaluation-rules{ padding: 100px 0; min-width: 1220px; overflow: hidden}
.evaluation-rules .main{ display: none;}
.evaluation-rules .stype{ text-align: center; margin: 0 0 60px; overflow: hidden}
.evaluation-rules .stype li{ display: inline-block; height: 40px; line-height: 40px; width: 200px; background: #f5f5f5; cursor: pointer;}
.evaluation-rules .stype .active{ background: #eeeeee;}
.evaluation-rules .left{ float: left; width: 650px; height: 560px; overflow: hidden}
.evaluation-rules .left img{ display: block; margin: 0 auto 20px;}
.evaluation-rules .right{ float: right; width: 520px; padding: 10px 5px 0; overflow: hidden}
.evaluation-rules .right li{ margin: 0 0 40px;overflow: hidden}
.evaluation-rules .right li h3{ font-size: 18px; height: 25px; line-height: 25px; margin: 0 0 16px;}
.evaluation-rules .right li h3:before{ content: ""; width: 20px; height: 22px; margin-right: 15px; display: inline-block; vertical-align: middle; background: url("../image/icons9.png") 0 3px no-repeat}
.evaluation-rules .right li p{ color: #666666; line-height:26px; margin-left: 35px; text-align: justify}
.evaluation-rules .right li span{ display: inline-block; width: 160px; margin-right:95px; }
.evaluation-rules .right .item1 h3:before{ background-position: -88px 0}
.evaluation-rules .right .item2 h3:before{ background-position: -112px 0}
.evaluation-rules .right .item3 h3:before{ background-position: -136px 0}
.evaluation-rules .right .item2 p{ line-height: 30px;}
.evaluation-rules .right .item3 p{ line-height: 30px;}
.evaluation-rules .right h5{ color: #666666; font-size: 14px; line-height: 28px; overflow: hidden}
.evaluation-rules .right .list{ margin-top: 35px; overflow: hidden}
.evaluation-rules .right .list h3{ font-size: 18px; margin: 0 0 18px;}
.evaluation-rules .right .list p{color: #666666; line-height: 30px;}
.evaluation-rules .right .list em{ display: inline-block; width: 160px; margin-right: 55px;}
.evaluation-rules .right .list span{ display: block; line-height: 40px;color: #666666;}
.evaluation-rules .right .list span:before{ content: ""; width: 20px; height: 22px; margin-right: 15px; display: inline-block; vertical-align: middle; background: url("../image/icons9.png") 0 3px no-repeat}
.evaluation-rules .right .list .item4:before{background-position: -41px 5px;}
.evaluation-rules .right .list .item5:before{background-position: -19px 4px;}
.evaluation-rules .right .list .item6:before{background-position: -63px 3px;}
.evaluation-rules .right .list .item7:before{background-position: -321px 3px;}

 
.evaluation-architecture{ padding: 100px 0; background: #fafafa; min-width: 1220px; overflow: hidden}
.evaluation-architecture dl{ overflow: hidden}
.evaluation-architecture dt{ float: left; width: 674px; overflow: hidden}
.evaluation-architecture dt img{ display: block; max-width: 100%;}
.evaluation-architecture dd{ width: 410px; float: right; padding: 60px 0 0; overflow: hidden}
.evaluation-architecture .list{ margin:  0 0 40px; overflow: hidden}
.evaluation-architecture .list h3{ font-size: 18px; margin: 0 0 15px;}
.evaluation-architecture .list p{ line-height: 30px; color: #666666; overflow: hidden}
.evaluation-architecture .list span{ display: inline-block; width: 140px; height: 40px; line-height: 40px; margin-right: 30px;}
.evaluation-architecture .list span:before{ content: ""; width: 20px; height: 40px; display: inline-block; vertical-align: top; margin-right: 12px;background: url("../image/icons9.png") no-repeat}
.evaluation-architecture .list .item1:before{ background-position: -159px 12px}
.evaluation-architecture .list .item2:before{ background-position: -181px 12px}
.evaluation-architecture .list .item3:before{ background-position: -201px 12px}
.evaluation-architecture .list .item4:before{ background-position: -219px 12px}
.evaluation-architecture .list .item5:before{ background-position: -240px 12px}
.evaluation-architecture .list .item6:before{ background-position: -260px 12px}
.evaluation-architecture .list .item7:before{ background-position: -280px 12px}
.evaluation-architecture .list .item8:before{ background-position: -302px 12px}


.evaluation-advantage{ padding: 100px 0; min-width: 1220px; overflow: hidden}
.evaluation-advantage dl{ margin-right: 30px; float: left; width: 385px; overflow: hidden}
.evaluation-advantage dl:last-child{ margin-right: 0;}
.evaluation-advantage dt{ height: 80px; color: #fff; background: #059fff; text-align: center; line-height: 80px; font-size: 18px;}
.evaluation-advantage dd{ border: 1px solid #ddd; border-top: none; height: 200px; padding: 25px 30px; overflow: hidden}
.evaluation-advantage dd h5{ font-size: 14px; color: #666666; line-height: 24px; height: 72px; margin: 0 0 20px; overflow: hidden}
.evaluation-advantage dd p{ line-height: 24px; margin: 0 0 8px;}