*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; margin:0 auto;}
img{ border:none;}

/*头部区域*/
.header{ width:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:100;}
.hd_con{ width:1200px; height:100px; margin:0 auto;}
.header .logo{ float:left; height:100%}
.header h2{ display:block; font-size:24px; color:#ce2521; float:right; margin-right:15px; height:100px; line-height:100px;}
.header h2:nth-child(2){ margin-right:0;}

.header .hd_con .nav{ float:right;}
.header .nav li{ float:left; position:relative;}
.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; }
.header .nav a{ display:block;padding:0 45px; line-height:100px; color:#eee; font-size:16px;}
.header .nav li:hover a,.header .nav li.on a{  background:#ce2521;  color:#fff;} 


.header .btn{ border:1px solid #888; position:absolute; top:0; right:0; padding:3px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px;  background:#888; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){ transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1;}
.header .btn i:nth-child(3){ transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg);} 
.header .btn.on i:nth-child(2){ opacity:0;}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg);}

/*内页海报区域*/
.case_banner{ width:100%; background: no-repeat center;height:550px;}


/*内页案例内容*/
.ny_case{ width:1200px; margin:0px auto; padding:70px 0; background:#f6f6f6;}
.ny_case .n_al ul::after{ content:""; display:block; clear:both;}
.ny_case .n_al{ width:100%; margin:0 auto;box-sizing:border-box; overflow:hidden;}
.ny_case .n_al::after{ content:""; display:block; clear:both;}
.ny_case .n_al li{ width:33.33%; box-sizing:border-box;float:left; margin:0 auto 20px; transition:0.3s; background:#fff;}
.ny_case .n_al li a{ display:block; width:100%; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:20px; height:395px;}
.ny_case .n_al li .c_anli_bg{display:block; width:100%; overflow:hidden; margin:0 auto; box-sizing:border-box; }
.ny_case .n_al li .case_tu{margin:0 auto; position:relative; overflow:hidden; width:100%; height:230px;}
.ny_case .n_al li .case_tu .tup_bg{width:100%; height:230px; margin:0 auto;box-sizing:border-box;
background:rgba(220,21,16,0.8) url(../images/ljjj.png) no-repeat center; position:absolute; top:235px; left:0; transition:0.3s;}
.ny_case .n_al li .case_tu img{ height:100%; margin:0 auto; border:4px solid #fff; box-sizing:border-box;}

.ny_case .n_al li .case_wz{ width:100%; background:#fff; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.ny_case .n_al li .case_wz h3{ font-size:18px; color:#666; line-height:36px; padding-top:5px;
width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.ny_case .n_al li .case_wz p{width:100%; font-size:14px; color:#999; line-height:1.6em;margin:0 auto;display:inline-block;
word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; }
.ny_case .n_al li .case_jd{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.ny_case .n_al li .case_jd::after{ content:""; display:block; clear:both;}
.ny_case .n_al li .case_jd h4{ font-size:14px; color:#999; font-weight:400; line-height:1.2em; float:left; margin:10px auto;}
.ny_case .n_al li .case_jd h4 span{font-size:12px; color:#999; font-weight:400; line-height:1.2em; margin-left:10px;}
.ny_case .n_al li:hover .case_tu .tup_bg{top:0;}
.ny_case .n_al li:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}

.ny_case .n_al li i{ width:0; height:4px; background:#ce2521; margin:0 auto; display:block; transition:0.3s;}
.ny_case .n_al li:hover i{ width:100%;}

.ny_case .n_al dl{ margin:30px auto 0; width:100%; display:block; overflow:hidden; box-sizing:border-box; padding:0 20px;}
.ny_case .n_al dl::after{ content:""; display:block; clear:both;}

.ny_case .n_al dl a{ float:left; width:60px; height:36px; border-radius:5px; background:#fff; border:1px solid #999; text-align:center; margin-right:20px; margin-bottom:15px;
box-sizing:border-box;}
.ny_case .n_al dl a:last-child{ margin-right:0;}
.ny_case .n_al dl a{ font-size:14px; color:#999; line-height:34px; text-align:center;}
.ny_case .n_al dl a:hover{ background:#ce2521; color:#fff; border:1px solid #ce2521;}

.ny_case .n_al dl span{ float:left; width:60px; height:34px; border-radius:5px; background:#ce2521;border:1px solid #ce2521; text-align:center; margin-right:20px; margin-bottom:15px;}
.ny_case .n_al dl span:last-child{ margin-right:0;}
.ny_case .n_al dl span{ font-size:14px; color:#fff; line-height:34px; text-align:center;}
.ny_case .n_al dl span:hover{ background:#ce2521;}







/*底部区域*/
.footer{ width:100%; height:498px; margin:0 auto; background:url(../images/footer_bg.jpg) no-repeat center center;}
.footer .title{ width:100%;;margin:0 auto; text-align:center;}
.footer .title h2{font-size:36px; color:#fff; text-align:center;padding-top:70px;}
.footer .title p{font-size:16px; color:#fff; text-align:center; font-weight:400; padding-top:10px; text-transform:uppercase;}
.footer .title img{ margin:0 auto; padding-top:20px}
.ft_con{ width:1200px; margin:0 auto;}
.ft_con::after{ content:""; display:block; clear:both;}
.ft_con .ft_tel{ float:left; text-align:center;}
.ft_con .ft_tel h3{ font-size:26px; color:#fff; font-weight:400; font-family:"方正兰亭黑简体"; line-height:30px;}
.ft_con .ft_tel span{ font-size:14px; color:#fff; line-height:16px;}
.ft_con .ft_lx{ float:left; margin-left:40px;}
.ft_con .ft_lx h5{font-size:16px; color:#fff; font-weight:400;line-height:18px; margin-bottom:5px;}
.f_t_l{ width:auto;margin:0 auto}
.f_t_l form::after{ content:""; display:block; clear:both;}
.f_t_l input{border:none; border-bottom:1px solid #bbbbbb; background:none; font-size:16px; color:#fff; font-family:"微软雅黑"; outline:none; margin-top:14px;}
.f_t_l .xm{ width:434px; height:40px;}
.f_t_l .emall{ width:434px; height:40px;}
.f_t_l .massage{ width:872px; height:40px;}
.f_t_l .tj{width:140px; height:30px; background:#ce2521; border:none; border-radius:20px; font-size:14px; color:#fff; text-align:center;cursor:pointer; 
line-height:30px; font-family:"微软雅黑"; margin-left:83%;}



/*脚本区域*/
.copyright{ line-height:50px; width:100%; background:#000; text-align:center; color:#aaa; font-size:14px;}



/*768移动端页面*/
@media (max-width:768px){

.case_banner{ height:400px; background-image:url(../images/case_banner_small.jpg); height:400px;}	

/*内页案例内容*/
/*.ny_case{ width:100%; margin:0px auto; padding:30px 0;}
.ny_case .n_al{ width:80%; margin:0 auto;}
.ny_case .n_al li{ width:100%; box-sizing:border-box;float:left; margin:0 auto; padding:15px; transition:0.3s;}
.ny_case .n_al li .case_wz h3{ font-size:16px; color:#666; line-height:36px; padding:0 20px; padding-top:5px;
width:260px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}


.ny_case .n_al dl{ margin:0 auto; margin-top:20px;}
.ny_case .n_al dl::after{ content:""; display:block; clear:both;}

.ny_case .n_al dl dd{ float:left; width:40px; height:40px; border-radius:5px; background:#999999; text-align:center; margin-right:20px;}
.ny_case .n_al dl dd:last-child{ margin-right:0;}
.ny_case .n_al dl dd a{ font-size:14px; color:#fff; line-height:40px; text-align:center;}
.ny_case .n_al dl dd:hover{ background:#ce2521;}

*/

.ny_case{ width:100%; margin:0px auto; padding:30px 0; background:#f6f6f6;}
.ny_case .n_al ul::after{ content:""; display:block; clear:both;}
.ny_case .n_al{ width:100%; margin:0 auto;box-sizing:border-box; overflow:hidden;}
.ny_case .n_al::after{ content:""; display:block; clear:both;}
.ny_case .n_al li{ width:100%; box-sizing:border-box;float:left; margin:0 auto 10px; transition:0.3s; background:#fff;}
.ny_case .n_al li a{ display:block; width:100%; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:20px; height:auto;}
.ny_case .n_al li .c_anli_bg{display:block; width:100%; overflow:hidden; margin:0 auto; box-sizing:border-box; }
.ny_case .n_al li .case_tu{margin:0 auto; position:relative; overflow:hidden; width:100%; height:220px;}
.ny_case .n_al li .case_tu .tup_bg{width:100%; height:220px; margin:0 auto;box-sizing:border-box;
background:rgba(220,21,16,0.8) url(../images/ljjj.png) no-repeat center; position:absolute; top:235px; left:0; transition:0.3s;}
.ny_case .n_al li .case_tu img{ height:auto; width:100%; margin:0 auto; border:4px solid #fff; box-sizing:border-box;}

.ny_case .n_al li .case_wz{ width:100%; background:#fff; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:4px;}
.ny_case .n_al li .case_wz h3{ font-size:18px; color:#666; line-height:36px; padding-top:5px;
width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.ny_case .n_al li .case_wz p{width:100%; font-size:14px; color:#999; line-height:1.6em;margin:0 auto;display:inline-block;
word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; }
.ny_case .n_al li .case_jd{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;padding:0 4px;}
.ny_case .n_al li .case_jd::after{ content:""; display:block; clear:both;}
.ny_case .n_al li .case_jd h4{ font-size:14px; color:#999; font-weight:400; line-height:1.2em; float:left; margin:10px auto;}
.ny_case .n_al li .case_jd h4 span{font-size:12px; color:#999; font-weight:400; line-height:1.2em; margin-left:10px;}
.ny_case .n_al li:hover .case_tu .tup_bg{top:0;}
.ny_case .n_al li:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}

.ny_case .n_al li i{ width:100%; height:2px; background:#ce2521; margin:5px auto 0; display:block; transition:0.3s;}
.ny_case .n_al li:hover i{ width:100%;}




}


@media (max-width:992px){	
/*头部区域*/


.hd_con{ width:100%; height:50px;}
.header .logo{height:50px; margin-left:20px;}
.header .logo img{ height:100%;}
.header .btn{ display:block;right:20px;top:10px;}
.header .hd_con h2{ display:none;}
.header .nav{ display:none; position:absolute; width:100%; top:50px; left:0; text-align:center; background:rgba(255,255,255,0.9); border-top:1px solid #aaa;}	
	
.header .nav li{ float:none; border-bottom:1px solid #cfcfcf;}
.header .nav li a{ line-height:50px; background:rgba(0,0,0,0.8);}
.header .nav li:hover::after,.header .nav li.on::after{top:40px;}
	
	
.case_banner{ height:450; background-image:url(../images/case_banner_big2.jpg);}	



/*底部区域*/
.footer{height:auto;}
.footer .title h2{font-size:20px; padding-top:20px;}
.footer .title p{font-size:14px;}
.footer .title img{ display:none;}
.ft_con{ width:100%;}
.ft_con::after{ content:""; display:block; clear:both;}
.ft_con .ft_tel{ float:none;margin:10px auto;}
.ft_con .ft_tel h3{ font-size:20px; }
.ft_con .ft_tel span{ font-size:14px;}
.ft_con .ft_lx{ float:none; margin:0 auto; text-align:center;}
.f_t_l .xm{ width:80%; height:auto;}
.f_t_l .emall{width:80%; height:auto;}
.f_t_l .massage{width:80%; height:auto;}
.f_t_l .tj{width:40%px; height:auto; margin:10px auto;}

}


/*768-992*/
@media (min-width:768px){
.case_banner{ height:450px; background-image:url(../images/case_banner_big2.jpg);}	


/*内页案例内容*/

.ny_case{ width:100%; margin:0px auto; padding:30px 0;}
.ny_case .n_al li{ width:100%;}
.ny_case .n_al li .case_tu img{ height:auto; width:100%;}



/*底部区域*/
.footer{height:auto;}
.footer .title h2{font-size:24px; padding-top:20px;}
.footer .title p{font-size:14px;}
.footer .title img{ display:none}
.ft_con{ width:100%; padding-bottom:1px;}
.ft_con::after{ content:""; display:block; clear:both;}
.ft_con .ft_tel{ float:none;margin:10px auto;}
.ft_con .ft_tel h3{ font-size:26px; }
.ft_con .ft_tel span{ font-size:14px;}
.ft_con .ft_lx{ float:none; margin:0 auto; text-align:center;}
.f_t_l .xm{ width:80%; height:auto;}
.f_t_l .emall{width:80%; height:auto;}
.f_t_l .massage{width:80%; height:auto;}
.f_t_l .tj{width:40%px; height:auto; margin:12px auto;}


}

@media (min-width:992px){
.hd_con{ width:990px;}
.header .hd_con h2{ display:none;}

.case_banner{ height:450px; background-image:url(../images/case_banner_big2.jpg);}	
.ny_case .n_al li{ width:50%;}


/*内页案例内容*/
/*.ny_case{ width:990px; margin:0px auto; padding:30px 0;}
.ny_case .n_al{ width:80%; margin:0 auto;}
.ny_case .n_al li{ width:50%; box-sizing:border-box;float:left; margin:0 auto; transition:0.3s;}

.ny_case .n_al dl{ margin:0 auto; margin-top:20px}
.ny_case .n_al dl::after{ content:""; display:block; clear:both;}

.ny_case .n_al dl dd{ float:left; width:40px; height:40px; border-radius:5px; background:#999999; text-align:center; margin-right:20px;}
.ny_case .n_al dl dd:last-child{ margin-right:0;}
.ny_case .n_al li .case_wz h3{ font-size:16px; color:#666; line-height:36px; padding:0 20px; padding-top:5px;
width:240px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.ny_case .n_al dl dd a{ font-size:14px; color:#fff; line-height:40px; text-align:center;}
.ny_case .n_al dl dd:hover{ background:#ce2521;}

*/





/*底部区域*/
.footer{  width:100%; padding-top:10px; margin-top:60px;}
.ft_con{ width:900px; margin:0 auto;}


}



@media (min-width:1300px){
/*头部区域*/

.header{ width:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:100;}
.hd_con{ width:1200px; height:100px; margin:0 auto;}
.header .logo{ float:left;height:100%;}
.header .hd_con h2{ display:block; font-size:24px; color:#ce2521; float:right; margin-right:15px; height:100px; line-height:100px;}
.header h2:nth-child(2){ margin-right:0;}
.header .hd_con .nav{ float:right;}
.header .nav li{ float:left; position:relative;}
.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; }
.header .nav a{ display:block;padding:0 45px; line-height:100px; color:#eee; font-size:16px;}
.header .nav li:hover a,.header .nav li.on a{  background:#ce2521;  color:#fff;} 


.header .btn{ border:1px solid #888; position:absolute; top:0; right:0; padding:3px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px;  background:#888; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){ transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1;}
.header .btn i:nth-child(3){ transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg);} 
.header .btn.on i:nth-child(2){ opacity:0;}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg);}

/*内页海报区域*/
.case_banner{ width:100%; background:url(../images/case_banner_big.jpg);height:550px;}

.ny_case{ width:1200px; margin:0px auto; padding:70px 0;}
.ny_case .n_al li{ width:33.33%;}







/*底部区域*/
.footer{ width:100%; height:auto; margin:0 auto; background:url(../images/footer_bg.jpg) no-repeat center center;}
.footer .title{ width:100%;;margin:0 auto; text-align:center;}
.footer .title h2{font-size:36px; color:#fff; text-align:center;padding-top:70px;}
.footer .title p{font-size:16px; color:#fff; text-align:center; font-weight:400; padding-top:10px; text-transform:uppercase;}
.footer .title img{ margin:0 auto; padding-top:20px; display:block;}
.ft_con{ width:1200px; margin:0 auto;}
.ft_con::after{ content:""; display:block; clear:both;}
.ft_con .ft_tel{ float:left; text-align:center; padding-bottom:30px;}
.ft_con .ft_tel h3{ font-size:26px; color:#fff; font-weight:400; font-family:"方正兰亭黑简体"; line-height:30px;}
.ft_con .ft_tel span{ font-size:14px; color:#fff; line-height:16px;}
.ft_con .ft_lx{ float:left; margin-left:40px; text-align:left;}
.ft_con .ft_lx h5{font-size:16px; color:#fff; font-weight:400;line-height:18px; margin-bottom:5px;}
.f_t_l{ width:auto;}
.f_t_l form::after{ content:""; display:block; clear:both;}
.f_t_l input{border:none; border-bottom:1px solid #bbbbbb; background:none; font-size:16px; color:#fff; font-family:"微软雅黑"; outline:none; margin-top:14px;}
.f_t_l .xm{ width:434px; height:40px;}
.f_t_l .emall{ width:434px; height:40px;}
.f_t_l .massage{ width:872px; height:40px;}
.f_t_l .tj{width:140px; height:35px; background:#ce2521; border:none; border-radius:20px; font-size:20px; color:#fff; text-align:center;cursor:pointer; 
line-height:35px; font-family:"微软雅黑"; margin-left:83%;}



/*脚本区域*/
.copyright{ line-height:50px; width:100%; background:#000; text-align:center; color:#aaa; font-size:14px;}



}