*{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);}

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



/*新闻资讯内容区域*/
.news_zxxx{width:1200px; overflow:hidden; margin:0 auto;}
.news_zxxx::after{ content:""; display:block; clear:both;}
.news_zxxx ul::after{ content:""; display:block; clear:both;}

.news_zxxx li{ width:567px; height:160px; border-bottom:2px solid #ccc; margin-top:60px; float:left; margin-right:64px;}
.news_zxxx li:nth-child(2n){ margin-right:0;}

.news_zxxx li::after{ content:""; display:block; clear:both;}

.news_zxxx li .ssjj{ width:100px; height:120px; float:left; background:url(../images/rl_bg.png) no-repeat center; text-align:center;}
.news_zxxx li .ssjj h3{ font-size:42px; color:#fff; line-height:50px; padding-top:30px;}
.news_zxxx li .ssjj h4{ font-size:14px; color:#fff;}


.news_zxxx li .nxw_c{ width:420px; float:left; margin-left:30px;}
.news_zxxx li .nxw_c h2{ font-size:24px; color:#666666; padding:10px 0;
width:410px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news_zxxx li .nxw_c p{ 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: 3;overflow: hidden;}

.news_zxxx li:hover .ssjj{ background:url(../images/rl_bgh.png) no-repeat center; text-align:center;}
.news_zxxx li:hover .ssjj h3{color:#ce2521;}
.news_zxxx li:hover .ssjj h4{color:#ce2521;}
.news_zxxx li:hover .nxw_c h2{color:#ce2521;}
.news_zxxx li:hover .nxw_c p{color:#ce2521;}

.news_zxxx ul ul::after{ content:""; display:block; clear:both;}
.news_zxxx ul ul{ margin:0 auto; padding:30px 0;}
.news_zxxx ul ul a{ float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:20px; margin-left:10px; color:#333; cursor:pointer;}
.news_zxxx ul ul a:hover{border-color:#ce2521; color:#ce2521;}
.news_zxxx ul ul span{ float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:20px; margin-left:10px; color:#333; cursor:pointer;}






/*底部区域*/
.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){
/*内页海报区域*/
.qyue_banner{ height:400px; background-image:url(../images/qyn_banner_small.jpg); height:400px;}



/*新闻资讯内容区域*/
.news_zxxx{width:100%; overflow:hidden; margin:0 auto;}
.news_zxxx::after{ content:""; display:block; clear:both;}
.news_zxxx ul::after{ content:""; display:block; clear:both;}
.news_zxxx ul{ width:98%; margin:0 auto;}
.news_zxxx li{ width:100%; height:160px; border-bottom:1px solid #ccc; margin-top:20px; margin-right:0;}
.news_zxxx li:nth-child(2n){ margin-right:0;}

.news_zxxx li::after{ content:""; display:block; clear:both;}

.news_zxxx li .ssjj{ width:30%; height:120px; float:left; background:url(../images/rl_bg.png) no-repeat center; text-align:center;}
.news_zxxx li .ssjj h3{ font-size:26px; color:#fff; line-height:50px; padding-top:30px;}
.news_zxxx li .ssjj h4{ font-size:14px; color:#fff;}


.news_zxxx li .nxw_c{ width:60%; float:left; margin-left:5%;}
.news_zxxx li .nxw_c h2{ font-size:18px; color:#666666; padding:10px 0;
width:80%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news_zxxx li .nxw_c p{ 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: 3;overflow: hidden;}

.news_zxxx li:hover .ssjj{ background:url(../images/rl_bgh.png) no-repeat center; text-align:center;}
.news_zxxx li:hover .ssjj h3{color:#ce2521;}
.news_zxxx li:hover .ssjj h4{color:#ce2521;}
.news_zxxx li:hover .nxw_c h2{color:#ce2521;}
.news_zxxx li:hover .nxw_c p{color:#ce2521;}

.news_zxxx dl::after{ content:""; display:block; clear:both;}
.news_zxxx dl{ margin:0 auto; padding:30px 0;}
.news_zxxx dd{ float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:20px; margin-left:10px; color:#333; cursor:pointer;}
.news_zxxx dd:hover{border-color:#ce2521; color:#ce2521;}





}


@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;}
	
	
.qyue_banner{ height:450; background-image:url(../images/qyue_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){

.qyue_banner{ height:450; background-image:url(../images/qyue_banner_big2.jpg);}	

/*新闻资讯内容区域*/
.news_zxxx{width:100%; overflow:hidden; margin:0 auto;}
.news_zxxx::after{ content:""; display:block; clear:both;}
.news_zxxx ul::after{ content:""; display:block; clear:both;}
.news_zxxx ul{ width:88%; margin:0 auto;}
.news_zxxx li{ width:100%; height:160px; border-bottom:1px solid #ccc; margin-top:30px; margin-right:0;}
.news_zxxx li:nth-child(2n){ margin-right:0;}

.news_zxxx li::after{ content:""; display:block; clear:both;}

.news_zxxx li .ssjj{ width:30%; height:120px; float:left; background:url(../images/rl_bg.png) no-repeat center; text-align:center;}
.news_zxxx li .ssjj h3{ font-size:30px; color:#fff; line-height:50px; padding-top:30px;}
.news_zxxx li .ssjj h4{ font-size:14px; color:#fff;}


.news_zxxx li .nxw_c{ width:60%; float:left; margin-left:5%;}
.news_zxxx li .nxw_c h2{ font-size:20px; color:#666666; padding:10px 0;
width:80%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news_zxxx li .nxw_c p{ 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: 3;overflow: hidden;}

.news_zxxx li:hover .ssjj{ background:url(../images/rl_bgh.png) no-repeat center; text-align:center;}
.news_zxxx li:hover .ssjj h3{color:#ce2521;}
.news_zxxx li:hover .ssjj h4{color:#ce2521;}
.news_zxxx li:hover .nxw_c h2{color:#ce2521;}
.news_zxxx li:hover .nxw_c p{color:#ce2521;}

.news_zxxx dl::after{ content:""; display:block; clear:both;}
.news_zxxx dl{ margin:0 auto; padding:30px 0;}
.news_zxxx dd{ float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:20px; margin-left:10px; color:#333; cursor:pointer;}
.news_zxxx dd:hover{border-color:#ce2521; color:#ce2521;}



/*底部区域*/
.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;}

.qyue_banner{ height:450; background-image:url(../images/qyue_banner_big2.jpg);}	

/*新闻资讯内容区域*/
.news_zxxx{width:990px; overflow:hidden; margin:0 auto;}
.news_zxxx::after{ content:""; display:block; clear:both;}
.news_zxxx ul::after{ content:""; display:block; clear:both;}
.news_zxxx ul{ width:100%; margin:0 auto;}
.news_zxxx li{ width:48%; height:160px; border-bottom:1px solid #ccc; margin-top:40px; margin-right:4%;}
.news_zxxx li:nth-child(2n){ margin-right:0;}

.news_zxxx li::after{ content:""; display:block; clear:both;}

.news_zxxx li .ssjj{ width:20%; height:120px; float:left; background:url(../images/rl_bg.png) no-repeat center; text-align:center;}
.news_zxxx li .ssjj h3{ font-size:36px; color:#fff; line-height:50px; padding-top:30px;}
.news_zxxx li .ssjj h4{ font-size:14px; color:#fff;}


.news_zxxx li .nxw_c{ width:74%; float:left; margin-left:3%;}
.news_zxxx li .nxw_c h2{ font-size:22px; color:#666666; padding:10px 0;
width:80%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news_zxxx li .nxw_c p{ 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: 3;overflow: hidden;}

.news_zxxx li:hover .ssjj{ background:url(../images/rl_bgh.png) no-repeat center; text-align:center;}
.news_zxxx li:hover .ssjj h3{color:#ce2521;}
.news_zxxx li:hover .ssjj h4{color:#ce2521;}
.news_zxxx li:hover .nxw_c h2{color:#ce2521;}
.news_zxxx li:hover .nxw_c p{color:#ce2521;}

.news_zxxx dl::after{ content:""; display:block; clear:both;}
.news_zxxx dl{ margin:0 auto; padding:30px 0;}
.news_zxxx dd{ float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:20px; margin-left:10px; color:#333; cursor:pointer;}
.news_zxxx dd:hover{border-color:#ce2521; color:#ce2521;}


/*底部区域*/
.footer{  width:100%;}
.ft_con{ width:990px; 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);}

/*内页海报区域*/
.qyue_banner{ width:100%; background:url(../images/qyue_banner_big.jpg) no-repeat center;height:550px;}



/*新闻资讯内容区域*/
.news_zxxx{width:1200px; overflow:hidden; margin:0 auto;}
.news_zxxx::after{ content:""; display:block; clear:both;}
.news_zxxx ul::after{ content:""; display:block; clear:both;}

.news_zxxx li{ width:567px; height:160px; border-bottom:2px solid #ccc; margin-top:60px; float:left; margin-right:64px;}
.news_zxxx li:nth-child(2n){ margin-right:0;}

.news_zxxx li::after{ content:""; display:block; clear:both;}

.news_zxxx li .ssjj{ width:100px; height:120px; float:left; background:url(../images/rl_bg.png) no-repeat center; text-align:center;}
.news_zxxx li .ssjj h3{ font-size:42px; color:#fff; line-height:50px; padding-top:30px;}
.news_zxxx li .ssjj h4{ font-size:14px; color:#fff;}


.news_zxxx li .nxw_c{ width:420px; float:left; margin-left:30px;}
.news_zxxx li .nxw_c h2{ font-size:24px; color:#666666; padding:10px 0;
width:410px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news_zxxx li .nxw_c p{ 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: 3;overflow: hidden;}

.news_zxxx li:hover .ssjj{ background:url(../images/rl_bgh.png) no-repeat center; text-align:center;}
.news_zxxx li:hover .ssjj h3{color:#ce2521;}
.news_zxxx li:hover .ssjj h4{color:#ce2521;}
.news_zxxx li:hover .nxw_c h2{color:#ce2521;}
.news_zxxx li:hover .nxw_c p{color:#ce2521;}

.news_zxxx dl::after{ content:""; display:block; clear:both;}
.news_zxxx dl{ margin:0 auto; padding:30px 0;}
.news_zxxx dd{ float:left; padding:10px; border:1px solid #ccc; border-radius:5px; margin-top:20px; margin-left:10px; color:#333; cursor:pointer;}
.news_zxxx dd:hover{border-color:#ce2521; color:#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; text-align:left;}
.ft_con .ft_lx h5:nth-child(1){ padding-top:25px;}
.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;}

}