@charset "utf-8";

.case_bg{ background:#f5f5f5; overflow:hidden; padding-bottom:30px;}
.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:#f67524; 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/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:#f67524; color:#fff;}
.case_one .case_one_r .case_down.isel label{background:url(../images/bgs4_on.png) 238px center no-repeat;}
.n_case_list{ min-height:500px;margin-top:40px;}
.n_case_list ul li{width:32%; overflow:hidden;vertical-align:top; display:inline-block; margin-right:1.5%; background:#fff; position:relative;transition:all 0.5s; margin-bottom:2%;}
.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: #f67524;-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{ 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-bottom:25px; 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; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.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{}
.n_case_list ul li .txts a i.bgs2{}
.n_case_list ul li .txts a i.bgs3{}
.n_case_list ul li:hover .txts{ bottom:0;}

.case_con{ padding-top:110px;line-height:26px; padding-left:3%; padding-right:3%; font-size:14px; padding-bottom:100px; overflow:hidden; background:#fff;}
.case_con img{  max-width:1200px; width:100%; display:block; margin:0 auto;}
.case_t{ height:76px; line-height:76px; margin-top:78px; text-align:center; font-weight:normal; color:#000; font-size:36px;}

.website_title{text-align:center; font-size:36px; color:#010101; font-weight:normal; line-height:54px; margin-top:56px; margin-bottom:20px;}
.website_ul{ padding-top:63px; overflow:hidden;}
.website_ul ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; width:180px; margin:0 auto;}
.website_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;}
.website_ul ul li .h2{font-weight:normal; line-height:32px; height:64px; overflow:hidden; font-size:16px; color:#000000; margin-top:19px;}
.website_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.website_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}
.website_bnt2{ clear:both; display:block; margin:0 auto; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../images/website_bg2.png) 139px center #f67524  no-repeat; text-indent:51px; font-size:16px; color:#fff; margin-top:80px;transition:all 0.3s;margin-bottom:100px;}
.website_bnt2:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;background-position:143px center; }
.website_two{ overflow:hidden;background:url(../images/website_bg3.jpg) top center  no-repeat; background-size:cover; padding-bottom:95px; padding-top:190px; height:450px;}
.website_two h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;background:url() left bottom no-repeat; font-size:38px;color:#fff; padding-top:80px;}
.website_two p{ color:#fff;font-size:28px; line-height:48px; width:582px;}
.website_title2{text-align:center; font-size:36px; color:#fff; font-weight:normal; line-height:54px; margin-top:50px; margin-bottom:20px;}
.website_three{ overflow:hidden;background:url(../images/website_bg5.jpg) center center  no-repeat; background-size:cover; padding-bottom:100px;}
.website_ul2{ margin-top:35px; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
.website_ul2 ul li{ width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
.website_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a; padding-bottom:32px;}
.website_ul2 ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;}
.website_ul2 ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;}
.website_ul2 ul li .cons{ overflow:hidden; background:#f67524; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
.website_ul2 ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px;  height:147px;background:url() left bottom  no-repeat; }
.website_ul2 ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;}
.website_ul2 ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#ffdac2; font-size:16px;}
.website_ul2 ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}
.website_title_p{ color:#666666; font-size:18px; line-height:36px; margin-top:35px; margin-bottom:60px; text-align:center;}
.website_con{ font-size:14px; line-height:26px; overflow:hidden; padding-bottom:60px;}
.website_con img{ display:block; margin:0 auto; max-width:100%;}

.website_four{ overflow:hidden;background:url(../images/website_bg7.jpg) center center  no-repeat; background-size:cover; padding-bottom:60px;}
.website_feedback{ width:49%; overflow:hidden;}
.website_feedback .inputs{width:100%; border:0; height:72px; text-indent:3%; background:#fff; color:#666666; font-size:18px; font-family:"微软雅黑"; outline:none; margin-bottom:20px;}
.website_feedback .bnts{width: 100%; height: 72px;  display: block; background: #f67524; border:0; outline: none; color: #fff;font-size: 18px; text-align: center; line-height: 68px;cursor: pointer;font-family: '微软雅黑';transition:all 0.3s;}
.website_feedback .bnts:hover{opacity:0.8;filter:Alpha(opacity=80);}
.website_feedback .textarea{ background:#fff; border:0; padding-left:3%; width:97%;color:#666666; font-size:18px; font-family:"微软雅黑"; outline:none; margin-bottom:20px; line-height:26px; padding-top:22px; height:237px;}

@media screen and (max-width:768px) {
.website_title{ font-size:22px; margin-top:12px;}
.website_ul{ padding-top:10px;}
.website_ul ul li{ width:50%;}
.website_ul ul li .imgs{ width:50%;}
.website_ul ul li .h2{ height:auto; line-height:1.2; margin-bottom:15px;}
.website_ul~div{ height:20px !important;}
.website_two{ padding-top:20px; height:160px; padding-bottom:0;}
.website_two h1{ padding-top:10px; font-size:22px; padding-left:20px;}
.website_two p{ font-size:14px; width:40%; line-height:1.5;padding-left:20px;}
.website_title_p{ margin-bottom:5px;}
.website_ul2 ul li{ width:50%;}
.website_title2{ font-size:22px;margin-top:20px; margin-bottom:0;}
.case_t{margin-top:0px;font-size:22px;}
.n_case_list{margin-top:0px;}
.n_case_list ul{ width:96%; margin:0 auto; text-align:center;}
.n_case_list ul li{ width:46%;margin-left:1.5%;}
.n_case_list ul li:nth-child(3n+0){margin-right:1.5%;}
.n_case_list ul li .allist-cnt h5{ font-size:14px;}
.n_case_list ul li .allist-cnt{ padding-bottom:0;}
.website_ul ul li .h2{ width:90%; margin:0 auto; text-align:center; margin-bottom:20px; margin-top:15px;}
}