﻿/*pad*/
.header_top .gh{float:right;height:34px;width:34px;right:20px;top:17px;position:absolute;display: none;transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;cursor:pointer;}
.header_top.selected .gh {transform: rotate(90deg);}
.header_top .gh a{background-color: #fff;display: block;height: 2px;margin-top: -2px;position: relative;top: 50%;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;width: 100%;}
.header_top .gh:hover a:before {transform: translateY(-2px) rotate(0deg);-webkit-transform: translateY(-2px) rotate(0deg);-ms-transform: translateY(-2px) rotate(0deg);}
.header_top .gh:hover a:after {transform: translateY(2px) rotate(0deg);-webkit-transform: translateY(2px) rotate(0deg);-ms-transform: translateY(2px) rotate(0deg);}
.header_top.selected .gh:hover a:before {transform: translateY(0px) rotate(-55deg);-webkit-transform: translateY(0px) rotate(-55deg);-ms-transform: translateY(0px) rotate(-55deg);}
.header_top.selected .gh:hover a:after {transform: translateY(0px) rotate(55deg);-webkit-transform: translateY(0px) rotate(55deg);-ms-transform: translateY(0px) rotate(55deg);}
.header_top .gh a:after,.header_top .gh a:before {background-color: #fff;content: "";display: block;height: 2px;left: 0;position: absolute;transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;width:100%;}
.gh a:after {top:10px;}
.gh a:before {top:-10px;}
.header_top.selected .gh a:after,.header_top.selected .gh a:before {top: 0;}
.header_top.selected .gh a:before {transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);-ms-transform: translateY(0px) rotate(-45deg);}
.header_top.selected .gh a:after {transform: translateY(0px) rotate(45deg);-webkit-transform: translateY(0px) rotate(45deg);-ms-transform: translateY(0px) rotate(45deg);}
.header_top.selected .gh a {background-color: transparent !important;}
@media only screen and (max-width:1800px) {
	.header_top .menu_nav{width: 60%;margin-left: 10%;}
}
@media only screen and (max-width:1450px) {
	.header_top .menu_nav{width: 70%;margin-left: 6%;}
	.jjfa ul li div dl{ height:93%;}
}
@media only screen and (max-width:1250px) {
	.header_top .logo{ margin-left:3%;}
	.header_top .menu_nav{margin-left:1%;}
	.jjfa ul li div dl dd{ display:none;}
	
}
@media only screen and (max-width:1200px) {
	body{overflow-x: hidden; margin:0px !important;}
	.header_top .logo{ margin-left:0%;}
	.header_top .menu_nav{ width:77%; margin-left:1%;}
	.header_top .menu_nav a dl{ padding:0px 0.5%;}
	.foot_bg .foot_t .foot_t_r li.l2{font-size: 1.5rem !important;}
	 .in_f li{ width:18%;}
}
@media only screen and (max-width:1100px) {
	.header_top .menu_nav{ width:80%;}
	.header_top a.fr{ display:none;}
	.cp_jj .cp_jj_ul li div p{font-size:1rem !important;}
	.foot_bg .foot_t .foot_t_r li.l2{font-size: 1rem !important;}
	.news_bg div.fl .n_f dl{ width:100%; text-align:left !important;}
	.index_aic dl.fr dl{ padding-left:0px;}
	.index_aic .in_f{ padding-left:0px;}
	.jjfa ul li div dl dd{ display:block;}
	.jjfa ul li div dl p{ display:none;}
	.about_nl ul li{ width:40%;}
 
}
@media only screen and (max-width:960px) {
	.header_top .gh{display: block;}
	.header_top .gh .sub{display:none}
	.header_top .menu_nav{left:100%;    background: #fff;transition:all 0.5s ease;position:absolute;width:90%;padding:0px 5%;top:4.375rem;z-index:88;}
	.header_top .menu_nav dl{ float:inherit !important; overflow:hidden;width: 100%;}
	.header_top.selected .menu_nav{left:-1%;transition: all 0.5s ease;}
	.header_top.selected .top_bg{ position:absolute; left:0px; width:100%; height:1500%; z-index:-1; background-color:rgba(50,52,54,0.8)}
	.about_nl ul li{ width:40%;}
	.about_wh div.c .fl{ width:100%;}
	.about_wh div.c .fr{ width:100%;}
	.index_sb dl.fr{ display:none;}
	.index_sb dl.fl{ width:100%;}
	.index_sb dl.fl p{ padding-right:0px;}
	.index_aic dl.fl{ display:none;}
	.index_aic dl.fr{ width:100%;}
	.index_news ul li{ width:48%; margin-bottom:5%;}
	.index_news .more{ width:36%;}
	.index_sb dl.fl div.c,.index_aic dl.fr div.c{ margin-bottom:2rem; padding:0px;}
	.jjfa ul li{ width:48%;}
	.cp_jj .cp_jj_ul li{ width:46% !important;}
	.dsj_con .dsj_ul li{ width:48%;}
	.index_p img.bg{ display:none !important;}
	.index_about .item,.index_jjfa .item{ margin-top:0px !important;}
	.index_about{background:url(../images/img4.png) no-repeat scroll 50%;}
	.index_jjfa{background:url(../images/img6.png) no-repeat scroll 50%;}
}
@media only screen and (max-width:800px){
	.cp_show_foot div.c ul li{ width:100% !important;}
	.hzhb_ul li{ width:33%;}
	.hzhb_f dl{ width:20%;}
	.news_bg .news_list li div.fl{ display:none;}
	.news_bg .news_list li div.fr{ width:100%;}
	.index_sb dl.fl dd{ font-size:2.2rem;}
	#index_c5 .item ul li dl.img{ height: 10.875rem;}
	.cp_show_con_ul li{ width:46%; max-width:400px; margin:0px;}
	
}
@media only screen and (max-width:700px){
	.news_bg div.fr{ display:none;}
	.news_list div.fr{display:block;}
	.news_bg div.fl{ width:100%;}
	.cp_jj .cp_jj_ul li div p{font-size:1.5rem !important;}
	.foot_bg .foot_t .foot_t_f{ display:none !important;}
	.foot_bg .foot_t .foot_t_c{ margin-left:0px !important;}
	.foot_bg .foot_t .foot_t_r{ width:42% !important;}
}
@media only screen and (max-width:650px){
	.carousel-inner>.item>dl.t>p.t{ font-size:2rem !important;}
	.carousel-inner>.item>dl.t>p.f{ font-size:1rem !important;}
	.carousel-inner>.item>dl.f{ font-size:1rem !important;height:2rem !important;line-height:2rem !important;width:20% !important; bottom:28% !important;}
	.cp_show_con_ul li{ width:100%; max-width:650px; margin:0px;}
	.cp_list div.fl{ display:none;}
	.cp_list div.fr{ width:100%;}
	.cp_list div.fr dl{ margin-bottom:1rem;}
	.page_tit{ line-height:2rem; padding:1rem 0px;}
	.jjfa ul li{ width:48%;}
	.index_rssd .in_f li{ width:18%;}
	.index_p .item div a div{ width:80%;}
	.jjfa ul li div dl dd{ font-size:1.5rem;}
	.foot_bg .foot_f{ line-height:1rem;}
	.index_sb dl.fl dd,.index_aic dl.fr dd{ font-size:2rem;}
	.index_sb dl.fl ol,.index_sb dl.fl dl,.index_aic dl.fr dl{ font-size:1.5rem;}
	.index_p .item div dd{ font-size:1.5rem;}
	.index_p .item div p{ font-size:1rem; line-height:1.8rem;}
	#index_c1 .index_sb{ padding-top:8.75rem !important;}
	#index_c1 .in_t,#index_c2 .in_t,#index_c3 .in_t,#index_c3 .in_f,#index_c4 .item div, #index_c4 .item img,#index_c5 .item dd,#index_c5 .item ul li,#index_c5 .item .more,#index_c6 .item div, #index_c6 .item img{ opacity:1;}
	#index_c5 .item ul li{ margin-top:0px;}
	.cp_jj .cp_jj_ul li{ width:98% !important;}
	.about_nl ul li{ width:90%; margin:0px auto 2rem; overflow:hidden; height:auto;}
	.dsj_con .dsj_ul{ width:100%;}
	.dsj_con .dsj_ul li{ width:96%;}
	#index_c5 .item ul li dl.img{height:8.3rem}
	.cp_show_con dd{ height:auto !important; overflow: hidden;}
	.cp_show_top{ display:none;}
	.cp_show_con dd{ padding-top:2rem;}
	
	
}
@media only screen and (max-width:550px){
.index_news ul li{ width:98%;}
}
@media only screen and (max-width:500px){
.jjfa ul li{ width:96%;}
}
@media only screen and (max-width:480px){
	.foot_bg .foot_t .foot_t_c img{ display:none;}
	.foot_bg .foot_t .foot_t_c dl{ width:100%;}
	.about_nl ul li{ width:90%;}
	.cp_jj ol{ font-size:1.2rem;}
	.hzhb_ul li{ width:50%;}
	.hzhb_f dd{ font-size:2rem;}
	.hzhb_f dl{ font-size:1rem; width:30%;}
	.lxwm ul li.c{ width:100%;}
	.jjfa ul li{ width:98%;}
	#index_c5 .item ul li dl.img{height:auto}
	.jjfa ul li div dl p{ display:block;}
}