@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;}

@media screen and (max-width: 800px) {
.pc{ display:none !important;}

.wrapper{ width:100%; margin:0 auto; overflow:hidden; max-width:1200px; padding:0 5px;}

.header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 9999999999; }
.header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
.header .ydd_btn span{display:block;width:100%;height:4px;background:#da251c;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#da251c;}
.header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.header .ydd_btn.click span.span02{margin:0.5px 0;}
.header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.header .sjdnav ul{padding:0;margin:0;}
.header .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:1px;background:#da251c;}
.header .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px;}
.header .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;}


.head{ display:block; padding:10px; overflow: hidden; }
.logo{ float:left; width:60%;}
.tel{ float:right;}
.nav{ width:100%; overflow:hidden; background:#f4f4f4;}
.nav li{ float:left; height:52px; line-height:52px;width:150px; text-align:center;}
.nav li a{ color:#444; font-size:16px; display:block;}
.nav li.on a{ background:url(../images/nav_hover.png) no-repeat; color:#fff; }
.nav li:hover a{ background:url(../images/nav_hover.png) no-repeat; color:#fff;}
.index_gsjj{ overflow:hidden; width:100%; margin:10px 0;}

.title1{ width:100%;position:relative; float:left; display:block;}
.title1 h1{ color:#da251c; font-weight:bold; font-size:22px; z-index:999; width:100%;position: absolute; text-align:center;}
.title1 h2{ font-size:38px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:-7px;  z-index:0; width:100%; text-align:center;}
.title1 i{ border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 40px; left:50%; margin-left:-65px;}

.index_gsjj_con{ overflow:hidden;}
.index_gsjj img{ display:block; margin:0 auto;padding-right:30px;}
.index_gsjj_con txt{ font-size:16px; line-height:1.8em; color:#666;margin-top: 50px;display: block; padding:0 10px;}
.index_gsjj_con a{ display:block; margin-top:20px;}
	
.index_gsjj_con_new a{ display:unset!important;}
	

.index_hzxm{ overflow:hidden; width:100%; background:#f5f5f5;padding:50px 0;}
.title2{width:100%;position:relative;display:block; text-align:center; height:55px;}
.title2 h1{ color:#da251c; font-weight:bold; font-size:22px; z-index:999; width:100%;position: absolute; text-align:center;}
.title2 h2{ font-size:30px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:6px;  z-index:0; width:100%; text-align:center;}
.title2 i{ border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 40px; left:50%; margin-left:-65px;}
.index_hzxm_con{ overflow:hidden; margin-top:10px;}
.index_hzxm_con ul{ overflow:hidden; float:left; width:83%;}
.index_hzxm_con ul li{ float:left; padding:0 7px; width:45%;}
.index_hzxm_con ul li img{ width:100%;}

.index_cptj{ overflow:hidden; width:100%; margin:20px 0;}
.index_cptj_con{ margin-top:30px;}
.index_cptj_con li{ float: left; position:relative; width:47.5%; margin:2px;}
.index_cptj_con li img{ width:100%;}
.index_cptj_con li p{ background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:100%; z-index:999; bottom:2px; height:42px; line-height:42px; text-align:center;}

.middle_img{ background:url(../images/middle_tel.jpg) no-repeat center center; height:110px; background-size:cover;}

.index_news{ overflow:hidden; margin:50px 0;}
.index_news_con{ overflow:hidden; margin-top:30px;}
.index_news_con li{ float:left; width:98%; padding:1%;}
.index_news_con li img{ float:left; display:block; padding-right:20px; width:40%; height:auto !important;}
.index_news_con li h1{ color:#333; font-size:14px; display:block; padding-top:0px;}
.index_news_con li h2{ font-weight:bold; color:#999; display:block; padding:10px 0;}
.index_news_con li h3{ font-size:14px; color:#999;}
.index_news_con li h4{ color:#da251c; display:block; padding-top:10px;}

.footer{ background:#323232; width:100%; overflow:hidden; padding:50px 0 20px 0;}
.foot1{ overflow: hidden; margin-bottom:50px;}
.foot1_l{ float:left; width:570px;}
.foot1_l ul{ float:left; width:25%; text-align:center;}
.foot1_l ul li strong{ font-size:14px; color:#fff; display:block; padding-bottom:20px;}
.foot1_l ul li a{ font-size:12px; color:#d8d8d8; line-height:1.8em;}
.foot1_r{ float:right; width:630px;}
.foot1_r h2 img{ float:left; display:block; padding-right:20px; padding-top:45px;}
.foot1_r h1{ font-weight:bold; font-size:24px; color:#da251c; margin-bottom:20px;}
.foot1_r h1 img{ float:left; padding-right:15px;}
.foot1_r p{ font-size:14px; color:#fff; font-weight:bold; line-height:1.8em;}
.foot2{ border-top:1px solid #545454; color:#fff; padding-top:20px;}
.foot2 h1{ float:left;}
.foot2 h2{ float:right;}

.main{ overflow:hidden; margin:10px 0;}
.main_left{ width:100%; margin:0; padding:0;}
.dh1{ overflow:hidden; margin-bottom:20px;}
.title3{ font-weight:bold; font-size:18px; text-align:center; height:40px; line-height:40px; background:#da251c; color:#fff;}
.main_left_con1{ overflow:hidden; border:1px solid #eee;padding:0px 0; display:none;}
.main_left_con1 li{ width:80%; margin:0 auto; padding:10px 0; height:36px; line-height:36px; font-size:14px; text-align:center;}
.main_left_con1 li a{ display:block; color:#666; background:#dfdfdf;}
.main_left_con1 li a:hover{ color:#da251c;}
.main_left_con1 li.on a{ color:#da251c;}
.dh2{ overflow:hidden;}
.main_left_con2{overflow:hidden; border:1px solid #eee; padding:20px;}
.main_left_con2 li{ overflow:hidden; display:block; padding:5px 0;}
.main_left_con2 li strong{ font-size:16px; font-weight:bold; color:#da251c; text-align:center;}
.main_left_con2 img{ float:left; padding-right:10px;}

.main_right{ overflow:hidden; padding:10px;}
.title4{ border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:50px;}
.title4 h1{ color:#999;}
.about_con{ overflow:hidden;}
.about_con img{}
.about_con txt{ font-size:16px; line-height:1.8em; color:#666;}

.pro_con{ overflow:hidden; width:100%;}
.pro_con li{ float:left; width:45%; text-align:center; padding:0 1%;position:relative;}
.pro_con li img{ width:100%; height:150px;}
.pro_con li p{background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:94%; z-index:999; bottom:3px; height:42px; line-height:42px; text-align:center;}

.pro_d_con{ overflow:hidden;}
.pro_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.pro_d_con h2{ display:block; padding:50px 0; text-align:center;}
.pro_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.news_con{ overflow:hidden;}
.news_con li{ float:left; display:block; overflow:hidden; margin-bottom:38px;}
.news_con li div{display:block; float:left; width:70%;}

.news_con li i{ color:#fff; font-size:38px; text-align:center; font-weight:bold; width:73px; height:77px; line-height:77px; background:#b4b4b4; display:block; float:left; margin-right:30px;}
.news_con li h1{ color:#444; font-size:18px;}
.news_con li h2{ color:#999; display:block; padding-top:15px;}

.news_d_con{ overflow:hidden;}
.news_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.news_d_con h2{ display:block; padding:30px 0; text-align:center; font-weight:bold; color:#999;}
.news_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.contact_con{ overflow:hidden;}
.contact_con txt{ font-size:16px; line-height:1.8em; color:#666;}

}



@media screen and (min-width: 801px) {
.phone{ display:none !important;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden; width:100%;}
.head{ display:block; padding:20px 0; overflow: hidden;}
.logo{ float:left;}
.tel{ float:right;}
.nav{ width:100%; overflow:hidden; background:#f4f4f4;}
.nav li{ float:left; height:52px; line-height:52px;width:150px; text-align:center;}
.nav li a{ color:#444; font-size:16px; display:block;}
.nav li.on a{ background:url(../images/nav_hover.png) no-repeat; color:#fff; }
.nav li:hover a{ background:url(../images/nav_hover.png) no-repeat; color:#fff;}
.index_gsjj{ overflow:hidden; width:100%; margin:50px 0;}

.title1{ width:100%;position:relative; float:left; display:block;}
.title1 h1{ color:#da251c; font-weight:bold; font-size:32px; z-index:999; width:100%;position: absolute;}
.title1 h2{ font-size:68px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:-7px;  z-index:0; width:100%;}
.title1 i{ border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 58px;}

.index_gsjj_con{ overflow:hidden;}
.index_gsjj img{ display:block; float:left; padding-right:30px;}
.index_gsjj_con txt{ font-size:16px; line-height:1.8em; color:#666;margin-top: 80px;display: block;}
.index_gsjj_con a{ display:block; margin-top:20px;}
.index_gsjj_con_new a{display:unset!important}
	
	

.index_hzxm{ overflow:hidden; width:100%; background:#f5f5f5;padding:50px 0;}
.title2{width:100%;position:relative;display:block; text-align:center;}
.title2 h1{color:#da251c; font-weight:bold; font-size:32px; z-index:999; width:100%;position: absolute;}
.title2 h2{font-size:68px; color:#eee; font-family:Impact; text-transform:uppercase;position:absolute; top:-7px;  z-index:0; width:100%;}
.title2 i{border-bottom:3px solid #da251c; display:block; width:130px;position: absolute;z-index:999;top: 58px; margin:0 auto;left: 44.8%;} 
.index_hzxm_con{ overflow:hidden; margin-top:130px;}
.index_hzxm_con ul{ overflow:hidden; float:left;}
.index_hzxm_con ul li{ float:left; padding:0 21px;}

.index_cptj{ overflow:hidden; width:100%; margin:50px 0;}
.index_cptj_con{ margin-top:130px;}
.index_cptj_con li{ float: left; position:relative; width:295px; margin:2px;}
.index_cptj_con li p{ background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:100%; z-index:999; bottom:2px; height:42px; line-height:42px; text-align:center;}

.middle_img{ background:url(../images/middle_tel.jpg) no-repeat center center; height:110px;}

.index_news{ overflow:hidden; margin:50px 0;}
.index_news_con{ overflow:hidden; margin-top:130px;}
.index_news_con li{ float:left; width:48%; padding:1%;}
.index_news_con li img{ float:left; display:block; padding-right:20px;}
.index_news_con li h1{ color:#333; font-size:18px; display:block; padding-top:15px;}
.index_news_con li h2{ font-weight:bold; color:#999; display:block; padding:10px 0;}
.index_news_con li h3{ font-size:14px; color:#999;}
.index_news_con li h4{ color:#da251c; display:block; padding-top:10px;}

.footer{ background:#323232; width:100%; overflow:hidden; padding:50px 0 20px 0;}
.foot1{ overflow: hidden; margin-bottom:50px;}
.foot1_l{ float:left; width:570px;}
.foot1_l ul{ float:left; width:25%; text-align:center;}
.foot1_l ul li strong{ font-size:14px; color:#fff; display:block; padding-bottom:20px;}
.foot1_l ul li a{ font-size:12px; color:#d8d8d8; line-height:1.8em;}
.foot1_r{ float:right; width:630px;}
.foot1_r h2 img{ float:left; display:block; padding-right:20px; padding-top:45px;}
.foot1_r h1{ font-weight:bold; font-size:24px; color:#da251c; margin-bottom:20px;}
.foot1_r h1 img{ float:left; padding-right:15px;}
.foot1_r p{ font-size:14px; color:#fff; font-weight:bold; line-height:1.8em;}
.foot2{ border-top:1px solid #545454; color:#fff; padding-top:20px;}
.foot2 h1{ float:left;}
.foot2 h2{ float:right;}

.main{ overflow:hidden; margin:50px 0;}
.main_left{ float:left; width:268px; margin-right:50px;}
.dh1{ overflow:hidden; margin-bottom:20px;}
.title3{ font-weight:bold; font-size:24px; text-align:center; height:89px; line-height:89px; background:#da251c; color:#fff;}
.main_left_con1{ overflow:hidden; border:1px solid #eee;padding:20px 0;}
.main_left_con1 li{ width:80%; margin:0 auto; padding:10px 0; height:36px; line-height:36px; font-size:14px; text-align:center;}
.main_left_con1 li a{ display:block; color:#666; background:#dfdfdf;}
.main_left_con1 li a:hover{ color:#da251c;}
.main_left_con1 li.on a{ color:#da251c;}
.dh2{ overflow:hidden;}
.main_left_con2{overflow:hidden; border:1px solid #eee; padding:20px;}
.main_left_con2 li{ overflow:hidden; display:block; padding:5px 0;}
.main_left_con2 li strong{ font-size:16px; font-weight:bold; color:#da251c; text-align:center;}
.main_left_con2 img{ float:left; padding-right:10px;}

.main_right{ overflow:hidden;}
.title4{ border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-bottom:50px;}
.title4 h1{ color:#999;}
.about_con{ overflow:hidden;}
.about_con img{}
.about_con txt{ font-size:16px; line-height:1.8em; color:#666;}

.pro_con{ overflow:hidden; width:100%;}
.pro_con li{ float:left; width:31.33%; text-align:center; padding:0 1%;position:relative;}
.pro_con li img{ width:100%;}
.pro_con li p{background:rgba(0,0,0,0.5); font-size:16px; color:#fff; position:absolute; width:94%; z-index:999; bottom:3px; height:42px; line-height:42px; text-align:center;}

.pro_d_con{ overflow:hidden;}
.pro_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.pro_d_con h2{ display:block; padding:50px 0; text-align:center;}
.pro_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.news_con{ overflow:hidden;}
.news_con li{ float:left; display:block; overflow:hidden; margin-bottom:38px;}
.news_con li div{display:block; float:left; width:88%;}
.news_con li i{ color:#fff; font-size:38px; text-align:center; font-weight:bold; width:73px; height:77px; line-height:77px; background:#b4b4b4; display:block; float:left; margin-right:30px;}
.news_con li h1{ color:#444; font-size:18px;}
.news_con li h2{ color:#999; display:block; padding-top:15px;}

.news_d_con{ overflow:hidden;}
.news_d_con h1{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.news_d_con h2{ display:block; padding:30px 0; text-align:center; font-weight:bold; color:#999;}
.news_d_con h3{ font-size:16px; line-height:1.8em; color:#666;}

.contact_con{ overflow:hidden;}
.contact_con txt{ font-size:16px; line-height:1.8em; color:#666;}

}



.phone {
    display: none;
}

@media screen and (max-width: 1024px)
{
	.botm {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5em;
		/*background: #0363bc;*/
		background: #da251c;
		z-index: 10000;
		
	}
	.phone {
			display: block;
		    padding-bottom: 5px;
		}

	.bottom ul li {
    float: left;
    width: 23%;
    margin: 0 0 0 2%;
    text-align: center;
	}
	
	.bottom ul li  span{color:white;display:block;}
}





.pre-next{padding: 20px 0 10px;}
.pre-next a{display: block;margin:5px 0;}
.pre-next a:hover{color: #f30}

.tjRight{float:right!important}
.tjLeft{float:left!important}


.other-news{padding: 1.2rem 0 0;overflow: hidden;}
.other-news .o-title{font-weight: bold; color:#0363bc;background: #eee;padding: 5px 0 5px 5px;}
.other-news ul{margin-top: .5rem;width: 120%;padding:0 5px;}
.other-news ul li{float: left;width: 40%;margin-right:2%; border-bottom: 1px dotted #ccc; line-height: 1.7rem;}
.other-news ul li span{float:right;color:#888;}
.other-news ul li a:hover{color:#f30;}

.other-news .fl{float: left;}
.other-news .ftitle{margin-left: 5px;}
.other-news .pro{padding-bottom: .3rem;margin-bottom: .5rem;}




.keywords{margin-bottom:10px;padding:3px 0 ;color:#666;text-align: center;
	color: #c3c3c3;
    font-size: 14px;
	}
.keywords a{/*color:#666;*/margin:0 2px;
	
	color: #c3c3c3;
    font-size: 14px;
	
	}
.keywords a:hover{text-decoration: underline;}
	#link a{
		color: #c3c3c3;
    font-size: 14px;
	}
	
	#link{color: #c3c3c3;
    font-size: 14px;margin-bottom:20px;
    width: 80%;
    margin-left: 10%;
	}
}


/**.V2otherNews 用于新添加新闻页码的情况**/

.V2otherNews{padding-left:20%;overflow: hidden; border:solid}
.V2otherNews .o-title{font-weight: bold; color:#0363bc;background: #eee;padding: 5px 0 5px 5px;}
.V2otherNews ul{margin-top: .5rem;   width:100%;padding:0 5px;}
.V2otherNews ul li{float: left;width: 40%;margin-right:2%; border-bottom: 1px dotted #ccc; line-height: 1.7rem;
padding-top:5px; 

}

.V2otherNews ul li span{/*float:right;*/color:#888;}
.V2otherNews ul li a:hover{color:#f30;}
.V2otherNews ul li a{color:#666; font-size:16px}
.V2otherNews .fl{float: left;}
.V2otherNews .ftitle{margin-left: 5px;}
.V2otherNews img{
	wdith:30%;display:block;float:left;
}
.V2otherNews .pro{padding-bottom: .3rem;margin-bottom: .5rem;}

.V2otherNews .rightSpan {
	text-decoration-color:#666;
	display:block;
	float:right!important;
	width:69%;

	margin-left:1%;
	
}
.V2otherNews h1 ,p {
	color:#666
}




.index_cptj_con li{height:240px!important}






.rightFix{width:80px;height:180px;border-radius:5px;background:#fff;position:fixed;top:55%;margin-top:-280px;bottom:0;right:50px;z-index:1000;box-shadow:0 3px 16px rgba(0,0,0,0.1);}
.rightFix li{position:relative;text-align:center;height:83px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
	
}
.rightFix li a{display:block;height:100%;width:100%;    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;}
.rightFix li a>p{margin-top:10px}
.rightFix li:after{content:'';width:80%;height:1px;position:absolute;background:rgba(0,0,0,0.1);bottom:0;left:50%;margin-left:-40%}
.rightFix li:last-child:after{display:none}
.rightFix li:hover{background:#e53025;cursor:pointer}
.rightFix li:hover>p{color:#fff}
.rightFix li:hover>a{color:#fff}
.rightFix li .img-box{width:30px;height:25px;overflow:hidden;display:inline-block;position:relative}
.rightFix li .img-box:before{content:'';position:absolute;background:url(../images/tela.png) left top no-repeat;width:100%;height:100%;left:0;top:0;opacity:1;transition:all .1s}
.rightFix li .img-box:after{content:'';position:absolute;background:url(../images/tela.png) right top no-repeat;width:100%;height:100%;left:0;top:0;opacity:0;transition:all .1s}
/*.rightFix li:nth-child(2) .img-box{width:28px}
.rightFix li:nth-child(2) .img-box:before{background:url(../images/chat.png) left top no-repeat}
.rightFix li:nth-child(2) .img-box:after{background:url(../images/chat.png) right top no-repeat}*/
.rightFix li:nth-child(2) .img-box{width:32px}
.rightFix li:nth-child(2) .img-box:before{background:url(../images/weixin.png) left top no-repeat}
.rightFix li:nth-child(2) .img-box:after{background:url(../images/weixin.png) right top no-repeat}
.rightFix li:nth-child(4) .img-box{width:30px;height:30px}
.rightFix li:nth-child(4) .img-box:before{background:url(../images/zixun.png) left top no-repeat}
.rightFix li:nth-child(4) .img-box:after{background:url(../images/zixun.png) right top no-repeat}
.rightFix li:nth-child(5) .img-box{width:32px;height:28px}
.rightFix li:nth-child(5) .img-box:before{background:url(../images/genzong.png) left top no-repeat}
.rightFix li:nth-child(5) .img-box:after{background:url(../images/genzong.png) right top no-repeat}
.rightFix li:nth-child(6) .img-box{width:28px;height:28px}
.rightFix li:nth-child(6) .img-box:before{background:url(../images/anli.png) left top no-repeat}
.rightFix li:nth-child(6) .img-box:after{background:url(../images/anli.png) right top no-repeat}
.rightFix li:hover .img-box img{margin-left:-30px}
.rightFix li:hover .img-box:before{opacity:0}
.rightFix li:hover .img-box:after{opacity:1}
.rightFix li>p{margin-top:15px}
.rightFix li .text-box{padding:10px 16px;border:1px solid rgba(0,0,0,0.1);position:absolute;background:#fff;right:105px;top:0;font-size:13px;box-shadow:0 10px 16px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all .3s}
.rightFix li .text-box p{border-bottom:1px solid rgba(0,0,0,0.1);display:block;padding:10px 0;width:190px;text-align:left; overflow:hidden;}
.rightFix li .text-box p i{display:block;font-size:16px; font-style:normal;}
.rightFix li .text-box p span{display:block;}
.rightFix li .text-box p:last-child{border:none}
.rightFix li .text-box p span.time{color:#999;position:relative;padding-left:30px;margin:7px 0}
.rightFix li .text-box p span.time:before{content:'';width:18px;height:18px;background-image:url(../images/icon.png);background-position:-45px -48px;position:absolute;top:0;left:0}
.rightFix li .text-box p span.tel{color:#e53025;font-size:20px;position:relative;padding-left:30px}
.rightFix li .text-box p span.tel:before{content:'';width:18px;height:18px;background-image:url(../images/icon.png);background-position:-45px -74px;position:absolute;top:6px;left:0}

.rightFix li:hover .text-box{opacity:1;visibility:visible;right:100px}
.rightFix li .text-box:before{content:'';width:0;height:0;position:absolute;right:-9px;top:25px;border-top:9px solid transparent;border-left:9px solid #fff;border-bottom:9px solid transparent}
.city-box{width:430px;margin:0 auto;border:1px solid rgba(0,0,0,0.1);position:absolute;top:35px;left:0;z-index:99;line-height:1;display:none;}
.city-nav-1{position:relative;overflow:hidden;background:#f4f4f4;padding:0 30px;border-bottom:1px solid rgba(0,0,0,0.1)}
.city-nav-1 li{padding:16px 0;float:left;cursor:pointer;width:60px;text-align:center}
.city-nav-1 li.active{color:#e53025;border-bottom: 2px solid #e53025}
.city-nav-1 .cityLine{position:absolute;height:2px;bottom:0;background:#e53025;left:30px;transition:0.3s ease}
.city-con{width:100%;max-width:1200px;height:188px;background:#fff;position:relative;transition:0.3s ease;overflow:hidden}
.city-con .city-list-1{position:absolute;top:0;left:0;padding:10px 0}
.city-con .city-list-1 a{padding:5px 0;display:block;width:68px;text-align:center;float:left;color:#777}
.city-con .city-list-1 a:hover{color:#e53025}
.city-con .city-list-1 li p:nth-child(2) a{color: #e53025}
.city-con .city-list-1 ul{overflow:hidden}
.city-con .city-list-1 li p{float:left;line-height:1.5;padding:0 10px;}
.city-con .city-list-1 li p span{display:inline-block;color:red;width:30px;text-align:center;padding:5px 0}
#city-toggle:hover .city-box{display:block}
.top_banner{width:100%;height:450px;background-position:center center}
@media (max-width:1500px){.rightFix{right:5px}
}@media (max-width:1400px){.rightFix{right:0;width:50px}
.rightFix li{padding:0 10px; font-size:12px}
.rightFix li>p{margin-top:5px}
.rightFix li a>p{margin-top:5px}
.rightFix li .img-box{transform:scale(0.8)}
.top_banner{height:360px}
}