.screen_main { padding:40px 40px; background:#fff; margin-bottom:20px; color:#333333;}
.screen_main .screen_main_m{ border-top:1px #e5e5e5 solid;}
.screen_main .item { border-bottom:1px #e5e5e5 solid; position:relative; padding-left:150px;}
.screen_main .item .tit{ position:absolute; left:0; top:0; bottom:0; width:110px; line-height:52px; font-weight: bolder; text-align:left; padding-left:20px; background:#f9f9f9; }
.screen_main .item .con { padding:11px 0px;}

.screen_list_a { padding:5px 0px;}
.screen_list_a a{ float:left; margin:5px 16px 5px 0px; height:30px; padding:0px 13px; line-height:30px; border:1px #cecece solid; border-radius:5px; }
.screen_list_a a.on{ border:1px #2267b1 solid; color:#2267b1; }

.screen_list_b { padding:5px 0px;}
.screen_list_b a{ float:left; margin:5px 40px 5px 0px; height:32px; line-height:32px; }
.screen_list_b a.on{ color:#2267b1; }

.screen_list_more { height:84px; overflow:hidden; position:relative; padding-right:70px; }
.screen_list_more .more_btn{ position:absolute; right:0; top:0; padding:0px 25px 0px 7px; height:28px; line-height:28px; border:1px #e5e5e5 solid; border-top:none; background:url(../images/select.png) right center no-repeat #fff; z-index:99; cursor:pointer;}
.screen_list_more .more_btn:hover{ color:#2267b1; }
.screen_list_more .clo_btn{ display:none; position:absolute; right:0; bottom:0; padding:0px 25px 0px 7px; height:28px; line-height:28px; border:1px #e5e5e5 solid; border-bottom:none; background:url(../images/select_up.png) right center no-repeat #fff; z-index:99; cursor:pointer;}
.screen_list_more .clo_btn:hover{ color:#2267b1; }

.screen_search { display:block; border:1px #e5e5e5 solid; height:28px; width:188px; }
.screen_search .input{ float:left; border:none; background:none; height:28px; line-height:28px; width:137px; text-indent:5px; }
.screen_search .btn{ float:right; border:none; border-left:1px #e5e5e5 solid; background:#f7f7f7; height:28px; line-height:28px; width:50px; text-align:center; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; }
.screen_search .btn:hover{ color:#2267b1; background:#f3f3f3; }

.screen_select { position:relative; display:block; user-select:none;}
.screen_select .t{ display:block; width:63px; height:28px; line-height:28px; text-indent:7px; border:1px #e5e5e5 solid; background:url(../images/select.png) right center no-repeat #fff; cursor:pointer;}
.screen_select .m{ display:none; position:absolute; left:0; top:29px; width:63px; border:1px #e5e5e5 solid; background:#fff; padding:5px 0px; max-height:280px; overflow:auto;}
.screen_select .m ul li a{ display:block; text-align: left; padding:0px 7px; line-height:28px;}
.screen_select .m ul li a.on{ color:#2267b1; }


.list_main { padding:30px 40px; background:#fff; color:#333333; min-height:150px;}


.project_list { margin-bottom:25px; }
.project_list table{ border-collapse:collapse;}
.project_list table th{ text-align:center; font-weight:bold; color:#666666; padding:0 20px 5px 20px; line-height:32px; border-bottom:1px #e5e5e5 solid; }
.project_list table td{ text-align:center; padding:9px 20px 9px 20px; line-height:32px; }
.project_list table td img{ width:59px; height:32px; cursor:pointer; }
.project_list table td .view{ color:#2267b1; text-decoration:underline; display:inline-block; padding:0px 5px; }
.project_list table td .view:hover{ color:#ff0000; text-decoration:underline; }
.project_list table tbody tr{ -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; }
.project_list table tbody tr:nth-child(odd) { background:#f9f9f9; }
.project_list table tbody tr:hover { background:#f3f3f3; }



.main_nav { height:42px; border-bottom:1px #e5e5e5 solid;}
.main_nav ul li{ float:left; margin-right:50px; display:block; height:40px; line-height:40px; font-size:18px; cursor:pointer;}
.main_nav ul li.on{ border-bottom:2px #2267b1 solid; color:#2267b1; }
.main_nav ul li a{ display:block; height:40px; line-height:40px; font-size:18px; }
.main_nav ul li a.on{ border-bottom:2px #2267b1 solid; color:#2267b1; }

.group_list { padding:20px 0px;}
.group_list .item{}
.group_list .item .tit{ font-size:16px; line-height:34px; border-bottom:1px #e5e5e5 solid;}
.group_list .item .con{ padding:15px 0px 10px 0px;}
.group_list .item .con ul li{ float:left; margin-right:60px; width:91px;}
.group_list .item .con ul li img{ display:block; width:91px; height:114px;}
.group_list .item .con ul li p{ display:block; text-align:center; height:32px; line-height:32px; overflow:hidden;}


.screen_main2 { padding:20px 40px 40px 40px;}

.screen_search_r { position:absolute; right:0; top:11px;}

.notice_tit { background:url(../images/notice_tit.png) left center no-repeat; padding-left:40px; height:50px; line-height:48px; border-bottom:1px #e5e5e5 solid; margin-bottom:19px; font-size:26px;}

.news_list { margin:0 -40px; padding-top:10px;}
.news_list .item { float:left; width:50%; margin-bottom:30px;}
.news_list .item a{ display:block; margin:0 40px; position:relative; padding:7px 0px 7px 102px; height:60px;}
.news_list .item .time{ display:block; position:absolute; left:0; top:0; width:82px; height:82px; text-align:center; border:1px #e5e5e5 solid; line-height:20px; color:#999999; }
.news_list .item .time b { display:block; text-align:center; font-size:36px; color:#d1d1d1; line-height:54px; font-weight:normal;}
.news_list .item .t{ display:block; height:28px; line-height:28px; overflow:hidden; font-size:16px; margin-bottom:3px; }
.news_list .item .m{ display:block; height:34px; line-height:17px; overflow:hidden; color:#999999; }
 
.news_list .item a:hover .time b { color:#2267b1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; }


.details_top_main { padding:50px 40px; background:#fff; margin-bottom:20px; color:#333333;}
.details_top { padding:0px 335px 0px 420px; height:213px; position:relative;}
.details_top_l { position:absolute; left:0px; top:0px; }
.details_top_l img{ display:block; border:1px #e5e5e5 solid; width:388px; height:211px; }

.details_top_m {}
.details_top_m .tit{ font-size:26px; height:33px; line-height:33px; overflow:hidden; margin-bottom:26px;}
.details_top_m .con{ position:relative; padding-left:70px; line-height:18px; margin-bottom:22px;}
.details_top_m .con .t{ position:absolute; left:0; top:0;}
.details_top_m .con .m{ display:block; height:18px; overflow: hidden; color:#666666;}
.details_top_m .con .m2{ height:36px; overflow: hidden;}
.details_top_m .foot { }
.details_top_m .foot ul li{ float:left; width:43%; height:32px; line-height:32px; overflow:hidden; padding-left:22px; font-size:12px; }
.details_top_m .foot ul li.ico1{ background:url(../images/details/ico1.png) left center no-repeat;}
.details_top_m .foot ul li.ico2{ background:url(../images/details/ico2.png) left center no-repeat;}
.details_top_m .foot ul li.ico3{ background:url(../images/details/ico3.png) left center no-repeat;}

.details_top_r { position:absolute; right:0px; top:-18px; background:url(../images/details/score_box.png) left top repeat-x #fbf1e1; padding:30px 30px 0px 30px; width:260px; height:220px; }
.details_top_r .tit{ font-size:18px; line-height:32px; position:relative; margin-bottom:4px;}
.details_top_r .tit span{ position:absolute; right:0; top:0; font-size:14px; color:#999999;}
.details_top_r .con{ padding-bottom:14px; border-bottom:1px #f4dcb6 solid;}
.details_top_r .con b{ display:block; font-size:50px; color:#ff9611; line-height:55px; font-family:Arial;}
.details_top_r .foot{ padding-top:6px; line-height:28px; color:#666666; margin-right:-30px; }
.details_top_r .foot ul li{ float:left; width:33.33%; }
.details_top_r .foot b{ display:block; font-size:18px; color:#ff9611; font-family:Arial; font-weight:normal;}


.details_top_r_fixed { position:fixed; top:70px; right:50%; margin-right:-560px; z-index:999;}


.comment_info { padding:36px 0px 36px 100px; position:relative; min-height:57px;}
.comment_info .t{ position:absolute; left:0; top:36px; color:#666666; line-height:24px;}
.comment_info .t span{ display:block; color:#ff9611; font-size:22px; }
.comment_info .t span b{ font-size:34px; line-height:24px; line-height:36px; font-weight:normal;}
.comment_info .tag{ }
.comment_info .tag span{ display:inline-block; margin:10px 20px 10px 0px; padding:0 14px; height:35px; line-height:35px; border:1px #e5e5e5 solid; }

.comment_nav { height:50px; background:#f9f9f9;}
.comment_nav ul li{ float:left; padding:0px 20px;}
.comment_nav ul li a{ display:block; height:50px; line-height:50px; color:#666666;}
.comment_nav ul li a:hover{ color:#ff9611;}
.comment_nav ul li a.on{ color:#ff9611;}


.comment_list { padding-bottom:10px;}
.comment_list .item { border-bottom:1px #e5e5e5 solid; padding:19px 0px 23px 105px; position:relative;}
.comment_list .item .tit{ position:absolute; left:0; top:30px; line-height:24px; color:#666666; }
.comment_list .item .tit img{ float:left; width:36px; line-height:36px; border-radius:18px; margin-right:7px; }
.comment_list .item .con{ }
.comment_list .item .con .m{ padding:12px 0px; }
.comment_list .item .con .tag{ }
.comment_list .item .con .tag span{ display:inline-block; margin:10px 20px 10px 0px; padding:0 14px; height:35px; line-height:35px; border:1px #e5e5e5 solid; }
.comment_list .item .con .reply{ margin-top:15px; padding:25px 30px; background:#f9f9f9; position:relative; }
.comment_list .item .con .reply:before{ content:''; display:block; position:absolute; left:95px; top:-13px; width:26px; height:13px; background:url(../images/details/j.png) center top no-repeat; }
.comment_list .item .con .reply_t{ color:#666666; margin-bottom:6px; }
.comment_list .item .con .reply_time{ position:absolute; right:19px; top:19px; color:#999999; }
.comment_list .item .time{ position:absolute; right:0; top:19px; color:#999999; }


.details_tit { height:39px; line-height:39px; border-bottom:2px #e5e5e5 solid; background:#f9f9f9; padding-left:15px; }
.details_tit .t{ float:left; font-size:16px; font-weight:bold;}
.details_tit .r{ float:right; height:39px; position:relative;}
.details_tit .r span{ float:left; line-height:39px; margin:0 20px; font-size:16px; cursor:pointer; }
.details_tit .r span.on{ color:#2267b1;}
.details_tit .r i{ position:absolute; left:50%; top:0; color:#e5e5e5; font-family:Arial; }

.details_form { padding:20px 0px 30px 0px;}
.details_form .con{ padding:10px 0px;}
.details_form .textarea{ display:block; width:98%; border:1px #e5e5e5 solid; border-radius:5px; padding:14px 1%; height:70px;}
.details_form .textarea::-webkit-input-placeholder { color:#bdbdbd; }
.details_form .textarea:-ms-input-placeholder { color:#bdbdbd; }

.details_form .item { position:relative; padding:5px 0px 5px 76px; margin-bottom:5px;}
.details_form .item .t{ position:absolute; left:0; top:0px; line-height:57px; }
.details_form .item .tag{ padding-bottom:5px; }
.details_form .item .tag label{ display:inline-block; margin:5px 20px 5px 0px; padding:0 14px; height:35px; line-height:35px; border:1px #e5e5e5 solid; position:relative; overflow:hidden; cursor:pointer; }
.details_form .item .tag label input{ position:absolute; left:-20px; top:-20px; }
.details_form .item .tag label:hover{ color:#2267b1; }
.details_form .item .tag label.checked{ border:1px #2267b1 solid; color:#2267b1; }


.details_form .foot{ height:40px; line-height:40px; text-align:right; color:#666666;}
.details_form .foot i{ font-style:normal;}
.details_form .foot .btn{ float:right; height:40px; line-height:40px; width:90px; border:none; cursor:pointer; background:#2267b1; color:#fff; text-align:center; border-radius:5px; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; margin-left:20px;}
.details_form .foot .btn:hover{ background:#4397f1; color:#fff; }

.star_score { width:120px; height:20px; margin:13px 0px 0 0; background:url(../images/details/star.png) left top repeat-x; position:relative; }
.star_score span{ cursor:pointer; height: 20px; display: block; text-indent: -999em; position: absolute; left: 0; top:0;}
.star_score .s1 { width:24px; z-index:5; }
.star_score .s2 { width:48px; z-index:4; }
.star_score .s3 { width:72px; z-index:3; }
.star_score .s4 { width:96px; z-index:2; }
.star_score .s5 { width:120px; z-index:1; }
.star_score .hover { background:url(../images/details/stars.png) left top repeat-x; }
.star_score .on { background:url(../images/details/stars.png) left top repeat-x; }

.score_box { display:block; }
.score_box i{ display:block; height:20px; background:url(../images/details/score.png) left top no-repeat;}
.score_box .score_1{ background-position:0 0;}
.score_box .score_2{ background-position:0 -20px;}
.score_box .score_3{ background-position:0 -40px;}
.score_box .score_4{ background-position:0 -60px;}
.score_box .score_5{ background-position:0 -80px;}

.score_box_b { display:block; }
.score_box_b i{ display:block; height:20px; background:url(../images/details/score2.png) left top no-repeat;}
.score_box_b .score_1{ background-position:0 0;}
.score_box_b .score_2{ background-position:0 -20px;}
.score_box_b .score_3{ background-position:0 -40px;}
.score_box_b .score_4{ background-position:0 -60px;}
.score_box_b .score_5{ background-position:0 -80px;}


.empty_box { padding:70px 0px; text-align:center; font-size:16px; color:#666666; line-height:2.5;}


.pages{ padding:30px 0px; height:44px; text-align:right; }
.pages a{ display:inline-block; padding:0px 18px; height:42px; line-height:42px; font-size:16px; text-align: center; border:1px #d3d3d3 solid; border-radius:5px; margin-left:20px;}
.pages a.on{ border:1px #2267b1 solid; background:#2267b1; color:#ffffff;}


@media(min-width:1700px){
.screen_main { padding:40px 60px; }
.list_main { padding:30px 60px; }
.project_list { margin-bottom:30px; }
.details_top_main { padding:60px 60px; }
.details_top { padding:0px 360px 0px 420px; }
.details_top_m .tit{ font-size:28px; }
.details_top_m .foot ul li{ width:44%; font-size:14px; }
.details_top_r { padding:30px 40px 0px 40px; width:260px; height:220px; }
.comment_list { padding-bottom:10px;}
.details_top { padding:0px 495px 0px 420px; }
.details_top_r_fixed { margin-right:-740px; }
}