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

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

/*公共页内容*/
.gg_con{ width:1200px; margin:80px auto;}
.gg_con h1{ font-size:32px; color:#666; line-height:36px; margin-bottom:18px; text-align:left;}

.gg_con h4{ font-size:18px; color:#999; font-weight:400;text-transform:capitalize; line-height:26px; text-align:left;}
.gg_con img{ width:100%; margin:30px auto;}
.gg_con p{font-size:16px; color:#999; text-align:left; line-height:2em;}
.gg_con p span{font-size:16px; color:#ce2521;line-height:2em;}


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

.gg_con{ width:90%; margin:20px auto; }
.gg_con h1{ font-size:24px; color:#666; line-height:34px; margin-bottom:12px; text-align:center;}

.gg_con h4{ font-size:16px; color:#999; font-weight:400;text-transform:capitalize; line-height:24px; text-align:left;}
.gg_con img{ width:100%; margin:15px auto;}
.gg_con p{font-size:14px; color:#999; text-align:left; line-height:1.8em;}
.gg_con p span{font-size:14px; color:#ce2521;line-height:1.8em;}



}

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

/*底部区域*/
.footer{}
.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){
.ggy_banner{ height:450; background-image:url(../images/qyue_banner_big2.jpg);}	

.gg_con{ width:90%; margin:20px auto; box-sizing:border-box;}
.gg_con h1{ font-size:28px; color:#666; line-height:34px; margin-bottom:20px; text-align:center;}
.gg_con h4{ font-size:16px; color:#999; font-weight:400;text-transform:capitalize; line-height:1.6em; text-align:left;}
.gg_con img{ width:100%; margin:0 auto;}
.gg_con p{font-size:14px; color:#999; text-align:left; line-height:1.8em;}
.gg_con p span{font-size:14px; color:#ce2521;line-height:1.8em;}




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

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


.gg_con{ width:990px; margin:30px auto;}
.gg_con h1{ font-size:24px; color:#666; line-height:34px; margin-bottom:20px; text-align:center;}
.gg_con h4{ font-size:18px; color:#999; font-weight:400;text-transform:capitalize; line-height:1.6em; text-align:left;}
.gg_con img{ width:990px; margin:20px auto;}
.gg_con p{font-size:16px; color:#999; text-align:left; line-height:1.8em;}
.gg_con p span{font-size:16px; color:#ce2521;line-height:1.8em;}




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

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

/*公共页内容*/
.gg_con{ width:1200px; margin:80px auto;}
.gg_con h1{ font-size:32px; color:#666; line-height:36px; margin-bottom:18px; text-align:left;}

.gg_con h4{ font-size:18px; color:#999; font-weight:400;text-transform:capitalize; line-height:26px; text-align:left;}
.gg_con img{ width:100%; margin:30px auto;}
.gg_con p{font-size:16px; color:#999; text-align:left; line-height:2em;}
.gg_con p span{font-size:16px; color:#ce2521;line-height:2em;}

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



}