/*案例列表*/

.case_bg{ background:#fff; overflow:hidden; width: 1400px;margin-right: auto;margin-left: auto;}

.case_bg .gy2{ overflow:visible;}

.case_one{ background:#fff; height:92px; padding-top:40px;}

.case_one .gy2{ overflow:visible;}

.case_one .h2{ float:left; line-height:52px; font-size:36px; font-weight:normal; letter-spacing:1px;}

.case_one .case_one_r{ float:right;}

.case_one .case_one_r .all_a{ float:left; height:52px; width:280px; line-height:52px; font-size:16px; color:#fff; background:#ED0003; text-align:center;transition:all 0.3s;}

.case_one .case_one_r .all_a:hover{opacity:0.8;filter:Alpha(opacity=80);}

.case_one .case_one_r .case_down{ float:left; margin-left:20px; width:280px; background:#f5f5f5; position:relative; color:#000;}

.case_one .case_one_r .case_down label{ display:block; height:52px; line-height:52px; background:url(../images/2018/case/bgs4.png) 238px center no-repeat; text-indent:20px; cursor:pointer; font-size:16px;}

.case_one .case_one_r .case_down ul{ position:absolute; top:52px; left:0; width:100%;background:#fff; display:none;  overflow:hidden; z-index:9; }

.case_one .case_one_r .case_down ul.bgs2{overflow-y:scroll;max-height:320px;}

.case_one .case_one_r .case_down ul li{ display:block; height:32px; line-height:32px; overflow:hidden; }

.case_one .case_one_r .case_down ul li a{ display:block;text-indent:20px; font-size:14px;}

.case_one .case_one_r .case_down ul li a:hover{ background:#ED0003; color:#fff;}

.case_one .case_one_r .case_down.isel label{background:url(../images/2018/case/bgs4_on.png) 238px center no-repeat;}

.n_case_list{ min-height:500px;margin-top:40px;}

.n_case_list ul li{/* float:left;*/ width:32%; overflow:hidden; /*margin-right:2%;*/ vertical-align:top; display:inline-block; margin-right:1.7%; background:#fff; position:relative;transition:all 0.5s; margin-bottom:2%;box-shadow: 0 6px 5px 0 rgba(0,0,0,.30);}

.n_case_list ul li:nth-child(3n+0){ margin-right:0;}

.n_case_list ul li:before{content: "";display: block;position: absolute;left: 0%;right: 0%;bottom: 0px;height:2px;opacity: 1;background-color: #dcdcdc;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.n_case_list ul li:after{content: "";display: block;position: absolute;left: 0%;right: 100%; bottom: 0px;height:2px;opacity: 0;background-color: #ED0003;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.n_case_list ul li:hover:after{left:0%;right: 0%;opacity: 1;}

.n_case_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

.n_case_list ul li img{/*display: block;*/height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.n_case_list ul li .imgs{ overflow:hidden; position:relative;}

.n_case_list ul li:hover .imgs img{-webkit-transform:scale(1.02, 1.02); -moz-transform:scale(1.02, 1.02); -o-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02);}

.n_case_list ul li .allist-cnt{ width:96%; margin:0 auto; text-align:center; line-height:32px; padding-top:20px; padding-bottom:20px; height:68px; overflow:hidden;}

.n_case_list ul li .allist-cnt h5{ font-weight:normal; font-size:20px; color:#000; line-height:36px; height:36px; overflow:hidden;}

.n_case_list ul li .allist-cnt p{line-height:32px; height:32px; overflow:hidden; font-size:16px; color:#666666;}

.n_case_list ul li .txts{font-weight: normal; color: #fff;   font-size: 16px; line-height: 36px; height: 100%;overflow: hidden; transition: all 0.4s; position: absolute;

 bottom: -100%;left: 0; width: 100%; background: rgba(0, 0, 0, 0.75); text-align: center;}

.n_case_list ul li .txts h2{ color:#fff; font-weight:normal; font-size:24px; height:76px; line-height:76px; overflow:hidden; margin-top:22%;}

.n_case_list ul li .txts a{ color:#fff; display:inline-block; width:62px; margin-left:12px; margin-right:12px; font-size:16px;}

.n_case_list ul li .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;}

.n_case_list ul li .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}

.n_case_list ul li .txts a i.bgs1{ background:url(/images/i_pic1.png) center top no-repeat;}

.n_case_list ul li .txts a i.bgs2{ background:url(/images/i_pic2.png) center top no-repeat;}

.n_case_list ul li .txts a i.bgs3{ background:url(/images/i_pic3.png) center top no-repeat;}

.n_case_list ul li:hover .txts{ bottom:0;}



/*新闻列表*/

.news_one{ overflow:hidden; margin-top:60px; margin-bottom:60px; border-bottom: #DCDCDC 2px solid;}

.news_one .news_one_l{ float:left; overflow:hidden;}

.news_one .news_one_l a{ float:left; margin-right:2px; padding-left:38px; padding-right:38px; overflow:hidden; height:50px; line-height:50px; color:#fff; font-size:16px; background:#333;transition:all 0.3s;}

.news_one .news_one_l a:hover{ color:#fff; background:#ED0003;}

.news_one .news_one_l a.flon{color:#fff; background:#ED0003;}

.news_one .news_one_r{ float:right; overflow:hidden;height:50px; line-height:50px; background:#fff;}

.news_one .news_one_r .cinputs{ width:270px;border:0;height:50px; text-indent:20px; background:none; color:#999999; font-size:14px; font-family:"微软雅黑"; outline:none; float:left;border: #CBCBCB 1px solid;}

.news_one .news_one_r .cbnts{ float:right;width: 50px; height: 50px;  display: block; background:url(/images/sou.jpg) no-repeat; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}

.news_one .news_one_r .cbnts:Hover{opacity:0.8;filter:Alpha(opacity=80);}

.news_one_r form input {border: #CBCBCB 1px solid;}

.news_list{ }

.news_list ul li{ float:left; width:32%; overflow:hidden; margin-right:2%; background: #F1F1F1; transition:all 0.5s; margin-bottom:2%;box-shadow: 0 6px 5px 0 rgba(0,0,0,.30);}

.news_list ul li:nth-child(3n+0){ margin-right:0;}

.news_list ul li .txts{ width:92%; margin:0 auto; max-width:400px;}

.news_list ul li .txts .h2{ color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px; margin-top:24px;transition:all 0.3s;overflow:hidden;}

.news_list ul li .txts .p{ font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}

.news_list ul li .txts .dates{ margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden;/* font-family:"华文细黑";*/ font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url(../images/2018/case/case_bg4.png) right 50px no-repeat;transition:all 0.3s;}

.news_list ul li .txts .dates span{ display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}

.news_list ul li .txts .tags{ overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}

.news_list ul li .txts .tags span{ float:left; margin-right:6px;font-size:14px;}

.news_list ul li .txts .tags a{ float:left; margin-right:5px;font-size:14px; color:#999;}

.news_list ul li:hover .txts .dates{background:url(../images/2018/case/case_bg4_on.png) right 50px no-repeat; color:#fff; border-top:1px solid #ffa166;}

.news_list ul li:hover .txts .dates span{ color:#fff;}

.news_list ul li:hover .txts .h2{ color:#fff; overflow:hidden; font-weight: 900;}

.news_list ul li:hover .txts .p{ color:#fff;}

.news_list ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background: #ED0003; }

.news_list ul li:hover .tags span{ color:#fff;}

.news_list ul li:hover .tags a{ color:#fff;}



.fenye{ clear:both; height:46px; padding-bottom:50px; margin-bottom:50px;}

.fenye_nr{}

.fenye_nr .pages{display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}

.fenye_left_icon{ width:48px; float:left;}

.yeshu{  float:right;}

.yeshu a{ display:block; width:48px; float:left; height:46px; line-height:46px;text-align:center;}

.yeshu a:hover{ background-color:#f3782a; color:#fff;}

.yeshu .on{ background-color:#f3782a; color:#fff;}

.fenye_right_icon{ width:48px; float:right;}



.Page{width:100%; text-align:center; padding:35px 0px;}

.Page li{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-5px}
#page-num-current{background:#ED0003; color:#ffffff;}
.Page li a:hover{color: #fff; font-weight: 900;}

.Page li:hover{ background:#ED0003; color:#FFF}

.Page li.cur{ background:#ED0003; color:#FFF}

.Page li.on{ background:#ED0003; color:#FFF}



.Page li.Prev{ border-radius:6px 0px 0px 6px;width:90px;}

.Page li.Prev span{ background:url(/images/Icon25.gif) no-repeat  10px center; display:block;}

.Page li.Prev:hover span{ background:url(/images/Icon025.gif) no-repeat  10px center;}



.Page li.next{ border-radius:0px 6px 6px 0px;width:90px;}

.Page li.next span{ background:url(/images/Icon26.gif) no-repeat 88% center; display:block;}

.Page li.next:hover span{ background:url(/images/Icon026.gif) no-repeat 88% center;}