﻿
/* top start*/
body,td,th {
	font-size: 14px;
}

img, div { behavior: url(../images/iepngfix.htc); }

body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
.FontRed{
	color:#FF0000;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#0170d9;}
a:active{text-decoration:underline;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#0170d9;}

.ColorLink a {color:#0170d9;}
.ColorLink a:hover {color:#0170d9;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}
.WidthTab2{
	width:20px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;}

.HeightTab2{
	height:20px;
	width:1px;
	overflow:hidden;}

p{
	line-height:180%;}

.ListDate{
	color:#666666;
	 }
body{
	
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
	
}
input,textarea{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; outline: medium none;
    resize: none;border: medium none;
}
{
	width:100%;
	padding:0px 0px;
	margin:auto;
}
#wrapper{
	padding-top:115px;
	}
 #head{
	width:100%;
	position:fixed;
	top:0px;
	z-index:99;}

 #head .top{
	background:#FFF url("../images/top_bg1.gif") repeat-x center 25px;
	width:100%;
	height:80px;
	font-size:12px;
	border-bottom:1px solid #cbcaca;}	
 .TopBG{
	 width:100%;
	background:#FFF}
 .TopInfo{
	margin:auto;
	width:1080px;
	height:35px;
	} 
 .TopInfo .link{
	background:#FFF url("../images/link_bg1.gif") no-repeat center -5px;
	text-align:center;
	line-height:25px;
	width:227px;
	height:35px;
	float:right;
	color:#333;
	padding-right:20px;
	padding-left:10px;
	font-size:11px;}
 .TopInfo .link a{
	color:#333;}	
 .TopInfo .link a:hover{
	color:#ccc;}	
 #head .top .TopLogo{
	margin:auto;
	width:1080px;
	padding-top:0px;
	}
 #head .top .TopLogo .logo{
	float:left;
	height:62px;}


 #head .top .TopLogo .tel{
	float:left;
	height:62px;
	padding-top:10px;
	} 
	
 #head .top .TopLogo .tel .telW{
	padding-left:0px;
	padding-top:10px;
	color:#999;
	
	font-size:11px;
	}	
 #head .top .TopLogo .tel .telN{
	padding-left:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#FF8700;
	line-height:100%;}

/* navs*/
 #head #NavLink{
	width:790px;
	height:38px;
	margin:auto;
	}
 #head #NavLink .NavBG{
	height:38px;
	width:790px;
	position:absolute;
	z-index:100;}	
		
 #head #NavLink #suckertreemenu{
	width:790px;
	margin:auto;
	z-index:30}

 #head #NavLink #suckertreemenu li{
	float: left;
	font-weight:normal;}
 #head #NavLink #suckertreemenu .CurrentLi a{
	background:none;}	
 #head #NavLink #suckertreemenu li a
{	display: block;
	width: 88px;
	color: #666666;
	text-align: center;
	padding:0px 5px;
	height:38px;
	line-height:38px;
	background:;
	font-size:14px; overflow:hidden;
	}
 #head #NavLink #suckertreemenu li P{
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
 #head #NavLink #suckertreemenu li a:hover
{	text-decoration:none;
	background:#FF8700;
	color:#FFFFFF;
}

 #head #NavLink #suckertreemenu div
{	position: absolute;
	visibility: hidden;
	background: #808080;
	padding:0px 0px;
	filter: alpha(opacity=85);
	top:38px;
	}

 #head #NavLink #suckertreemenu div a
	{	position: relative;
		padding: 0px 5px;
		width:120px;
		text-align: center;
		background:#FF8700;
		color: #FFFFFF;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		line-height:30px;
		height:30px;
		border-bottom:1px solid #FF9100;}

 #head #NavLink #suckertreemenu div a:hover{
	background:#287ec7;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	border-bottom:1px solid #FF9100;}

	
#wrapper #body{
	width:100%;
	margin:auto;
	}
/* albumblock*/

 .albumblock{
	padding:10px 15px 30px 20px;
	float:left;
	}
 .albumblock .inner{
	width:160px;
	height:190px;
	position:relative;
	border:1px solid #DEDEDC;
	overflow:hidden;
	}

.albumblock .inner img{
	border:2px solid #fff;
	width:156px;
	height:156px;	}	

 .albumblock .inner .albumtitle{
	height:30px;
	line-height:30px;
	font-size:12px;
	width:160px;
	position:relative;
	bottom:0px;
	left:0;
	color:#0170d9;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a{
	 color:#0170d9;}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
	
 .albumblock .inner:hover{
	border:1px solid #0170d9;}	
	

/*footer*/
#footer{
	border-top:2px solid #494949;
	width:100%;
	height:100%;
	padding-bottom:30px;
	font-size:12px;
	color:#999;
	background:#2e2e2e;
}
#footer a{
	color:#999;}										
#footer .inner{
	margin:auto;
	width:1080px;
	padding-top:30px;
	}

#footer .inner .InnerLeft{
	float:left;
	width:600px;
	text-align:left;}
#footer .inner .InnerRight{
	float:right;
	width:480px;
}

#footer .inner .InnerRight .tel{
	background: url("../images/tel_bottom.jpg") no-repeat 40px 0px;
	/*background-size:44%;*/
	height:50px;
	float:left;
	width:160px;
	padding-left:210px;
	margin-top:20px;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;}

	
#footer .inner p{
	line-height:25px;}

#footer .inner .BottomNav{
	width:100%;
	margin:auto;
	height:30px;
	line-height:30px;
	color:#FFF;
	background:#FFF url("../images/nav_bg2.png") repeat-x center -5px;
}

#footer .inner .BottomNav a{
	color:#0170d9;
	padding:0px 10px;}


#wrapper  .t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
#wrapper  .t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}	


/* date css*/		
 .header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px;
}
 .header td {padding-left: 10px;}
 .header a {color: #154BA0;}
 .header input {background:none;vertical-align: middle;height: 16px;}
 .category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;}
 .category td {border-bottom: 1px solid #DEDEB8;}
 .expire, .expire a:link, .expire a:visited {color: #999999;}
 .default, .default a:link, .default a:visited {color: #000000;}
 .checked, .checked a:link, .checked a:visited {color: #FF0000;}
 .today, .today a:link, .today a:visited {color: #00BB00;}
 #calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;}
 #calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;}
 #calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;}
 #year,#month{padding:0 10px;background:#fff;}	


/* SearchBar */

.SearchBar {
	float:right;
	width:220px;
	height:25px;
	background:url("../images/search_bg.gif") no-repeat left top;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 120px;
	padding:0px 5px;
 	margin:0px;
	color:#666666;
	height:23px;
	line-height:23px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:25px;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
	width:54px;
}

/* search content */
#search_content .searchtip{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	BORDER-bottom: #023848 1px solid;
	padding-top:10px;
}

#search_content .result_list{
	padding:10px 10px;
	}
	
#search_content .result_list dt{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	line-height:25px;
	font-family:Microsoft Yahei;}	

#search_content .result_list dd{
	padding:0 0 5px 0;
	margin:0px;
	line-height:20px;
	}	

#search_content .result_list .line {
	BORDER-bottom: #E9E8E8 1px dashed;}	

#search_content .result_list .line a{
	padding-right:20px;}

#search_content .result_list .line a:hover{
	text-decoration:none;}			
	
#search_content .search_welcome{
	line-height:25px;
	text-align:center;
	}
#search_content .search_welcome p{
	text-align:center;}		
#search_content .result_page{
	text-align:center;
	font-size:13px;
	padding:10px;}

#search_content .result_page span{
	font-size:12px;
	font-family:arial;
	padding:0 5px;
	}	

#dark_footer .box_240px_left {
	width:143px;
	padding-right: 42px;
	padding-top: 0px;
	background-image: none;
	padding-bottom:0px;
	float:left;
}
#dark_footer .box_240px_left h2{
	font-size:14px;
	border-bottom:1px dotted #999;
	color:#FFF;
	padding-bottom:10px;}
#dark_footer .box_240px_left li{
	line-height:250%;
	font-size:12px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	padding-left: 42px;
	padding-top: 0px;
	background-image: none;
}
#dark_footer_wrap {
	background-color:#0170d9;
	overflow: hidden;
	padding:20px 0px;
}
#dark_footer {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	color#FFF;
}
#light_footer_wrapper {
	font-size:12px;
	padding:10px;
	height:100px;
	
}
.box_240px_right li {
	display: inline;
}
#dark_footer li a{
	color:#FFF;}


/*backtotop*/
.backToTop {
 display: none;
 width: 50px;
 height:50px;
 line-height: 1.2;
 /*background:url("/images/HituxCMSBold/back_top.png") left top;*/
 color: #fff;
 font-size: 12px;
 text-align: center;
 position: fixed;
 _position: absolute;
 right: 10px;
 bottom: 100px;
 _bottom: "auto";
 cursor: pointer;
 opacity: .6;
 filter: Alpha(opacity=60);
}


/* open div*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	}
#popupInner {
	border: 3px solid #0170d9;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("../images/box_bg1.jpg") repeat-x left top;
	color: #0170d9;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	z-index: 9992;
	text-align:center;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('../images/close.gif') no-repeat;
}

.VideoBox{
	padding:10px;}


/*product*/
.RightNav span{
	color:#0170d9;}
 .ClassNav{
	padding:0px 0px;}
	
 .ClassNav .NavTree ul{
}
	
 .ClassNav .NavTree ul li{
position: relative;

background:url("../images/link_bg11.gif") repeat 0px 0px;	
}
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
left: 178px; /* Parent menu width - 1*/
position: positive;
width: 217px; /*sub menu width*/
top: 0;
display: none;
border:1px solid #0170d9;
border-top:2px solid #0170d9;
background:#FFFFFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
z-index:2000;
}
.RightNav .ClassNav .NavTree ul li ul{
	 width:265px;}

/*All subsequent sub menu levels offset */
 .ClassNav .NavTree ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
z-index:2000;}
/* menu links style */
 .ClassNav .NavTree ul li a{
	display: block;
	cursor:pointer;
	line-height:30px;
	border-bottom:1px solid #DDDDDD;
	padding-left:30px;
	height:30px;
	 }	

 .ClassNav .NavTree ul li li{
	background:url("../images/box_icon1.png") no-repeat 12px 12px;
	padding-left:0;
	text-align:center;
	z-index:2000;
}
 .ClassNav .NavTree ul li li a{
	border-bottom:1px solid #DDDDDD;
	padding-left:10px;
	z-index:2000;}
 .ClassNav .NavTree ul .current a{
	background:#0170d9;
	color:#FFFFFF;}
 .ClassNav .NavTree ul .current li a{
	background:#FFFFFF;
	color:#000000;}
		
 .ClassNav .NavTree ul li a:hover{
color: white;
background:#0170d9;
text-decoration:none;
}
 .ClassNav .NavTree .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat 180px center ;
}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; }
* html  .ClassNav .NavTree ul li a { height: 1%;z-index:2000; }
/* End */	


/*service*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: underline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: underline;
}
.qqbox {
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:200px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
	z-index:500;
}
.qqlv {
	width:33px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf {
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #cc0000;
	background:#fff;
}
.qqkfbt {
	width:118px;
	height:20px;
	overflow:hidden;
	background:#cc0000;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #fff;
	cursor:pointer;
	text-align:center;
}
.qqkfhm {
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh {
	width:102px;
	padding-left:10px;
}
#K1 {
	padding-left:3px;
}
#K1 p{
	padding:5px 0px;}	

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }
	
#cases{background-color: #FFFFFF;
padding: 20px 15px;
line-height: 25px;
width: 1046px;
margin: auto;
font-size: 12px;
border: 1px solid #e5e5e5;}

#cases #cont{ width:100%;}

#demo{ border-top:0;height:214px;overflow:hidden; width:100%;} 
#demoimg { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1,#demo2 { display:inline; float: left; overflow:hidden;} 

#cases ul li{ display:inline; float:left; height:194px; margin:10px; text-align:center; width:162px; text-align:center; width:162px;}
#cases ul li:hover div{ border:1px solid #ff8300;}
#cases ul li:hover a{ color:#ff8300;}
#cases ul li div{ height:160px; overflow:hidden; width:160px; border:1px solid #eee; padding:1px;}
#cases ul li div img{ width:160px;}
#cases ul li p{ height:30px; line-height:30px; overflow:hidden;}




/*--/guest--*/
#guest,#guest_jy {
    color: #545454;
    line-height: 22px;
    width: 680px;
	width:100%;
	font-family:"微软雅黑";
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
	width:260px;
    height: 28px;
	line-height:28px;
    margin: 0;
    padding: 0px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 100px;
	line-height:20px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 400px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test,#guest_jy .input_test {
    list-style-type: none;
    margin: 20px 0 0 60px;
    padding-bottom: 10px;
}
#guest ul.input_test .hr,#guest_jy ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li,#guest_jy ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    margin:20px 0 0px 0;
    width: 610px;
}
#guest .input_test label,#guest_jy .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: right;
	width:60px;
}
#guest .input_test span,#guest_jy .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test span.inp_zd,#guest .input_test span .inp_zd,#guest_jy .input_test span.inp_zd,#guest_jy .input_test span .inp_zd{ width:250px; height:30px; overflow:hidden;}
#guest .input_test .red,#guest_jy .input_test .red {
    color: #FF0000;
    float: none;
}
#guest .code_img,#guest_jy .code_img{ height:28px; margin:1px auto;}
#sub_btn, #sub_reset, {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 30px;
	width:80px;
}
#guest #submit,#guest_jy #submit{ width:80px; height:30px;}
/*--Guest--*/

.ulli{ display:none;}
.ulli a{ color:#fff!important;background: #FF8700;}
#suckertreemenu li:hover{background: #FF8700!important;}
#suckertreemenu li:hover a{ color:#fff!important;}
.ulli a:hover{ background-color:#287ec7!important; color:#fff; font-weight:bold;}

.theleft
        {
            padding: 5px 8px 5px 0px;
            text-align: right;
            border-bottom: #c0c0c0 solid 1px;
            border-right: #c0c0c0 solid 1px;
        }
        .theright
        {
            padding: 5px 0px 5px 10px;
            text-align: left;
            border-bottom: #c0c0c0 solid 1px;
            border-right: #c0c0c0 solid 1px;
        }
        .thesa
        {
            padding: 4px 0px 4px 15px;
            color: Red;
            border-right: #c0c0c0 solid 1px;
            border-bottom: #c0c0c0 solid 1px;
        }
        .thetitle
        {
            padding: 4px 0px 4px 15px;
            font-weight: bold;
            border-right: #c0c0c0 solid 1px;
            border-bottom: #c0c0c0 solid 1px;
        }
        .thebtn
        {
            padding: 15px 0px 15px 0px;
            text-align: center;
            border-bottom: #c0c0c0 solid 1px;
            border-right: #c0c0c0 solid 1px;
        }
		
.qq_v {width:168px; position:absolute; top:170px; right:-168px; z-index:10000; font-size:12px;}
.tips { width:32px; height:191px; background:url(../images/kf/tips.png) no-repeat; position:absolute; top:260px; right:0; z-index:15000;}
/*.qq_vb1 { width:152px; height:5px; overflow:hidden; background:url(images/01_1.gif) no-repeat;}*/
.qq_vb2 { width:168px; height:34px; overflow:hidden;/* background:url(images/01_2.jpg) no-repeat;*/}
.qq_vb3 { width:168px; background:url(../images/kf/01_3.jpg) repeat-y 0 0px; padding:10px 0 0 0;}
.qq_vb3 ul { margin:0; padding:10px 0 10px 10px; list-style:none; color:#ec9c45; border-bottom:1px solid #f3d3b0;}
.qq_vb3 ul li { height:31px; padding:0; line-height:31px; text-align:left;}
.qq_vb3 a { line-height:31px; color:#ec9c45; font-size:12px;}
.qq_vb3 ul li a:hover {color:red; text-decoration:none;}
.qq_vb3 ul li img { float:left;}
.qq_vb3 p{ padding:0;}
.qq_vb3 ul.qq_tel{ color:#ff8400; text-align:center; line-height:24px; height:24px; padding:0;}
.qq_vb3 ul.qq_ewm{ text-align:center; line-height:20px; padding:10px 0;}
.qq_vb5{ width:168px; height:34px; overflow:hidden; background:url(../images/kf/01_5.png) repeat-x;}
html { overflow-x:hidden;}
/*.share,#bd_share{ float:right!important; margin-right:10px; margin-top:5px;}
.share_b{ background:url(images/icon_share.gif) no-repeat center center!important; height:15px; line-height:15px; padding:0 12px 0 19px;}
.jiathis_style_24x24{ float:right;}*/

.InnerRight .qrcode img {width:100px;}

#pages{clear: both;padding:10px 0 10px;text-align: center;font:12px 'Microsoft YaHei';}
#pages a{display:inline-block;padding:0px 8px;height:24px;font-size:12px;line-height:22px;background:#fff;border:1px solid #e3e3e3;text-align:center;color:#333;margin-right:-1px;}
#pages a.a1{padding:0px 12px;height:24px;line-height:22px;margin-top:0px;}
#pages a:hover{background:#f1f1f1;color:#000;text-decoration:none;}
#pages span{display:inline-block;padding:0px 8px;height:24px;line-height:22px;background:#5a85b2;border:1px solid #5a85b2;color:#fff;text-align:center;}
.page .noPage{display:inline-block;padding:0px 12px;height:22px;line-height:22px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.pageright{margin-right:40px;}

em.error {overflow:hidden;zoom:1;background:url("../images/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red; }
em.success {overflow:hidden;zoom:1;background:url("../images/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}
@media screen and (max-width: 768px) {
	#pages{width:100%;}
	#pages .a1{display:none;}
}
@charset "utf-8";



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption,  tfoot,  hr, button{

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:none;

}

.fl{ float:left;}.fr{ float:right;}.cl{ clear:both;}.l10{ margin-left:10px;}.t10{ margin-top:10px;}.r10{ margin-right:10px;}.b10{ margin-bottom:10px;}

.more{ float:right; height:14px; margin:6px 15px 0 auto; width:33px;}

.more img{ float:right;}

ol, ul {list-style:none;}

h1, h2, h3, h4, h5, h6, li {line-height:100%;}

blockquote, q {quotes:none;}

q:before,

q:after {content:"";}



input,textarea,select,submit{

	/*font:12px Arial, Helvetica, sans-serif;*/

	vertical-align:middle;

	padding:0;

	margin:0;

	

}

textarea{

	overflow:auto;

	resize:none;

}

form,fieldset{border-style:none;}

html{height:100%;}

body{

	color:#585858;

	font:12px/18px '宋体', Arial, Helvetica, sans-serif;

	

	min-width:980px;

	height:100%;

}

a{	

	color:#585858;

	cursor:pointer;

	text-decoration:none;

	font:'宋体', Arial, Helvetica, sans-serif;

}

a:hover,.top .bar a:hover,.right h3.tit label a:hover,.right_news h3.tit label a:hover,#news .time a:hover,#about .time a:hover{ color:#ff8300; text-decoration:none;}

a:focus{outline:none;}

.co{ color:#f00;}

span.bds_more, .bds_tools a{ line-height:16px; margin-left:0px;}

/*--公共样式--*/

.container{ width:100%; height:auto;}



#goTopBtn {

	position: fixed; width:54px; height:110px; bottom: 170px; font-size:12px; cursor:pointer; right: 10%; _position: absolute; _right: 10%; z-index:1000;

}

#gohome{ background:url(../images/backtotop.jpg) no-repeat left top; margin-bottom:2px;}

#gohome:hover{ background-position:right top;}

#gohome a{ position:absolute; z-index:1000;}

#gotop{ background:url(../images/backtotop.jpg) no-repeat left bottom;}

#gotop:hover{ background-position:right bottom;}

#gohome,#gotop,#gohome a{ height:50px; width:50px;}



/*--/header--*/



#wrapper{ height:auto; padding:10px 10px; margin:0 auto; width:1200px;}

/*--/wrapper--*/



#banner_index{  margin: 1px 0 10px;}

.slide1{ position:relative; z-index:22}



#banner{ height:274px; margin:0px auto 10px; overflow:hidden; width:1200px;}

/*--/banner--*/



.left{ float:left; width:230px;}.right,.about{ float:left; width:960px;}

.cjia_cases{ float:left; width:250px;}

.about{ float:left; width:960px;}



.cjiacpfl,.cjiatjcp{ float: left; height: 510px;}

.sidebar h3,.sidebar_p h3,.sidebar_zxzx h3{ background:url(../images/leftbar_bg.jpg) left top; color:#fff;}

.cjiacpfl h3,.cjiatjcp h3,.sidebar h3,.sidebar_p h3,.right h3.tit,.right_news h3.tit,.sidebar_zxzx h3{ font-size:14px; height:40px; line-height:40px; text-indent:30px;}

.right h3.tit,.right_news h3.tit{ font-size:12px; font-weight:100;}

.sidebar ul,.sidebar_p ul,.sidebar_zxzx ul{ background:url(../images/leftbar_bg.jpg) no-repeat -1px -90px; border:1px solid #eeeeee; height:450px; padding:9px 9px; overflow:hidden;}



.cjiacpfl ul{ border:1px solid #eeeeee; height:490px; padding:9px 9px; overflow:hidden;}



.cjiacpfl ul li,.sidebar ul li,.sidebar_p ul li{ background:url(../images/leftbar_li.jpg) no-repeat left top; line-height:30px; margin-bottom:10px; overflow:hidden; text-indent:28px; width:200px;}

.cjiacpfl ul li:hover,.sidebar_p ul li:hover,.sidebar_p ul li.on{ background:url(../images/leftbar_lih.jpg) no-repeat left top; cursor:pointer;}

.cjiacpfl ul li ul li:hover{ background:url(../images/sidebar_lih.jpg) no-repeat left top; border-bottom:1px solid #fff; cursor:pointer;}

.cjiacpfl ul li:hover a,.sidebar_p ul li:hover a,.sidebar_p ul li.on a,.sidebar_p ul li ul li.on a{ color:#fff;}

.cjiacpfl ul li:hover ul li a,.sidebar_p ul li:hover ul li a{ color:#585858}

.sidebar_p ul li ul li.on{ background:url(../images/sidebar_li.jpg) no-repeat left top; border-bottom:1px solid #fff; cursor:pointer;}

.cjiacpfl ul li a,.cjiatjcp ul li a,.muscle ul li a,.sidebar ul li a,.sidebar_p ul li a{}

.sidebar ul li,.sidebar_p ul li{ color:#ff8300;}

.sidebar h3.lxwm{ background:url(../images/lxwmbar_bg.jpg) no-repeat left top;}

.left_news h3.lxwm{ background:url(../images/lxwmbar_bg.jpg) no-repeat left -50px;}

.cjiacpfl ul li ul,.sidebar ul li ul,.sidebar ul li ul,.sidebar_p ul li ul{ background:none; border:0; height:auto; padding:0;}

.cjiacpfl ul li ul li,.sidebar ul li ul li,.sidebar_p ul li ul li{ background:url(../images/leftbar_arc.jpg) no-repeat 9px center; border-bottom:1px dashed #f5f5f5; margin:0 0 0 20px;}

.cjiacpfl ul li ul li a,.sidebar ul li ul li a,.sidebar_p ul li ul li a{ color:#585858!important}





.cjiatjcp h3,.right h3.tit,.right_news h3.tit{ background:#f7f9fb linear-gradient(to right, rgba(20,127,216,.12), rgba(20,127,216,0) 70%); box-shadow: inset 3px 0 0 #147fd8;}

.cjiatjcp h3 .more{ margin:11px 15px 0 auto;}

.cjiatjcp ul{ border:1px solid #eeeeee; border-top:0;height:451px; padding:9px 9px; overflow:hidden;}

#product_list ul li{ float:left; background:url(../images/rightbar_li.jpg) no-repeat right top; height:198px; padding:0; margin:13px 9px 13px 9px; width:164px; display:inline;}

.cjiatjcp ul li{ float:left; background:url(../images/rightbar_li.jpg) no-repeat right top; height:198px; padding:0; margin:13px 8px 13px 8px; width:164px; display:inline;}





.cjiatjcp ul li:hover,#product_list ul li:hover{ background:url(../images/rightbar_li.jpg) no-repeat left top; cursor:pointer;}

.cjiatjcp ul li:hover a,#product_list ul li:hover a{ color:#fff; text-decoration:none;}

.cjiatjcp ul li div,#product_list ul li div{ height:156px; margin:0 auto; padding:2px; overflow:hidden; width:156px; text-align:center;}

.cjiatjcp ul li p,#product_list ul li p{ height:36px; line-height:36px; overflow:hidden; text-align:center;}

/*--/product--*/



.youshi{overflow:hidden; width:980px;}

.youshi img{}

/*--/youshi--*/

.muscle h3,.about h3,.cjia_cases h3{ font-size:14px; line-height:30px; text-indent:30px; color:#fff; height:30px; padding:3px 0 0 0;}



.muscle h3{ background:url(../images/main_bg.jpg) no-repeat left top;}

.muscle ul{ float:left; height:214px; overflow:hidden;/* border:1px solid #eeeeee; border-top:0;*/}

.muscle ul li{ display:inline; float:left; height:194px; margin:10px; text-align:center; width:162px; text-align:center; width:162px;}

.muscle ul li:hover div,.about ul li.zhengshu dl dd:hover,.cjia_cases ul li:hover{ border:1px solid #ff8300;}

.muscle ul li:hover a{ color:#ff8300;}

.muscle ul li div{ height:160px; overflow:hidden; width:160px; border:1px solid #eee; padding:1px;}

.muscle ul li p{ height:30px; line-height:30px; overflow:hidden;}



#demo{ border:1px solid #eee; border-top:0;height:214px;overflow:hidden; width:978px;} 

#demoimg { margin:0 auto;} 

#indemo { float: left; width:600%; overflow:hidden;} 

#demo1,#demo2 { display:inline; float: left; overflow:hidden;} 

/*--/muscle--*/



.about h3{background:url(../images/main_bg.jpg) no-repeat left -33px;}

.about ul{ border:1px solid #eeeeee; border-top:0; padding:10px 14px 9px 14px;}

.about ul li.about_c{ line-height:20px;}

.about ul li.about_c .myface{ float:left; height:200px; overflow:hidden; width:260px;}

.line{ border-bottom:1px dashed #eee; height:0; margin:10px auto; overflow:hidden;}

.about ul li.zhengshu dl{ float:left; padding:0; margin:0;}

.about ul li.zhengshu dl dd{ border:1px solid #eee; display:inline; float:left; height:140px; margin:0 9px; overflow:hidden; text-align:center; width:140px;}



.rollBox{overflow:hidden;/* height:141px;*/} 

.rollBox .LeftBotton{height:124px;width:25px;background:url(../images/arc_2.gif) no-repeat left 50px;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;} 

.rollBox .RightBotton{height:124px;width:25px;background:url(../images/arc_1.gif) no-repeat left 50px;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer;} 

.rollBox .Cont{float:left; height:142px; width:640px;overflow:hidden;} 

.rollBox .ScrCont{width:10000000px;} 

.rollBox #List1,.rollBox #List2{float:left;} 

/*--/about--*/



.cjia_cases h3{ background:url(../images/main_bg.jpg) no-repeat left -66px;}

.cjia_cases ul{ background:url(../images/leftbar_bg.jpg) no-repeat -1px -89px; border:1px solid #eee; border-top:0; height:364px; overflow:hidden; padding:9px 9px 9px;}

.cjia_cases ul li{ display:inline; float:left; border:1px solid #f5f5f5; height:40px; margin:5px 6px 5px 7px; width:100px; overflow:hidden; text-align:center;}

/*--/cases--*/



.ad{ height:100px; overflow:hidden; width:980px;}



.news,.faq_{ float:left; height:366px; overflow:hidden; width:355px;}

.faq_{ width:250px;}

.news h3,.faq_ h3{background:url(../images/news_bg.jpg) no-repeat left top; height:37px; line-height:37px;}

.faq_ h3{background:url(../images/faq_bg.jpg) no-repeat left top;}

.news h3 label,.faq_ h3 label{ display:block; line-height:37px; margin-left:10px; text-align:center; width:86px; font-size:14px; color:#fff;}

.news h3 .more,.faq_ h3 .more{ cursor:pointer; float:right; height:16px; margin:18px 0 0 0; width:37px;}

.news ul,.faq_ ul{ border-left:1px solid #eee; border-right:1px solid #eee; height:300px; padding:5px 9px 5px 9px;}

.news ul li,.faq_ ul li{ border-bottom:1px dashed #eee; text-indent:20px; background:url(../images/news_arc.jpg) no-repeat 10px 11px; height:29px; overflow:hidden;}

.news ul li label{ float:right; margin-right:5px; line-height:29px; color:#9c9c9c;}

.news ul li a,.zxzx li a{ line-height:29px;}

.news .b,.faq_ .b{ float:left; width:100%; height:19px; background:url(../images/news_bg.jpg) no-repeat left bottom;}

.faq_ .b{ background:url(../images/faq_bg.jpg) no-repeat left bottom;}

.news .b img{}

.faq_h{ height:10px; border-left:1px solid #eee; border-right:1px solid #eee;}

.faq_ .faq li{ height:auto; margin:0 0 1px 0;}

.faq_ .faq li a{ display:block; height:29px; line-height:29px; overflow:hidden; background:url(../images/news_faq.jpg) no-repeat left top;}

.faq_ .faq li label{text-indent:0; padding:0 0 0 20px; line-height:22px; background:url(../images/news_faq.jpg) no-repeat left -37px;}



#demo3{ height:290px; overflow: hidden; border-left:1px solid #eee; border-right:1px solid #eee; padding:5px 9px 5px 9px;}

#indemo1 {float: left;overflow: hidden; height:300%;}

#demo4,#demo5{ overflow: hidden; height:auto;}

#demo3 ul{ padding:0; border:0;}



/*--/news--*/



.links{ display:inline-table; width:978px; min-height:50px; border:1px solid #eee;}

.links label{ float:left; width:80px; height:30px; margin:10px 15px 10px 10px;}

.links a{ border-right:1px solid #ccc; float:left; height:14px; line-height:14px; margin:18px 5px; padding-right:10px;}

/*--/Links--*/



#footer{ background:url(../images/footer_bg.jpg) repeat-x left top #2254a0; margin:0px auto 0;}

#footer .menu{ height:18px; line-height:18px; margin:0px auto 0; padding:28px 0 9px 0; text-align:center; width:980px;}

#footer .menu a{ border-right:1px solid #cccccc; border-left:1px solid #fff;display:inline-table; height:18px; line-height:18px; font-size:12px; padding:0 12px;} 

#footer .menu a:hover{ color:#ff8300;}

#footer .bottom{ height:auto; line-height:20px; margin:0 auto; padding:10px; width:960px; color:#95bfff;}

#footer .bottom a{ color:#95bfff;}

#footer .bottom a img{ display:inline;}

#footer .bottom span{ float:left; line-height:22px; margin:5px 0 0 0px; padding-bottom:10px;}

#footer .bottom span label{ color:#0097dc}

.tj{ margin-top:5px; display:inline;}

.tj img{display: inline; z-index: 10000; position: absolute; margin-top: 0px;}

/*--/bottom--*/



.sidebar ul,.sidebar_p ul{ float:left; display:inline-table; height:auto; padding:8px 9px 8px 9px; line-height:24px; width:200px;}

.sidebar ul li/*,.sidebar_p ul li*/{ float:left; background:url(../images/sidebar_lih.jpg) no-repeat left top; text-indent:25px; width:200px; margin:5px auto;}

.sidebar ul li a/*,.sidebar_p ul li a*/{ display:block;}



.sidebar ul li ul li:hover{ background: rgba(0, 0, 0, 0) url("../images/leftbar_arc.jpg") no-repeat scroll 9px center; color:#000066}

.sidebar ul li ul li a:hover{ color:#0033FF;text-decoration:underline}

.sidebar ul li:hover,.sidebar ul li.on/*,.sidebar_p ul li:hover,.sidebar_p ul li.on*/{ background:url(../images/sidebar_li.jpg) no-repeat left top; cursor:pointer;}



.sidebar ul li ul li:hover,.sidebar ul li ul li.on/*,.sidebar_p ul li:hover,.sidebar_p ul li.on*/{  background: rgba(0, 0, 0, 0) url("../images/leftbar_arc0.jpg") no-repeat scroll 9px center;; cursor:pointer;}









.sidebar ul li:hover a,.sidebar ul li.on a/*,.sidebar_p ul li:hover a,.sidebar_p ul li.on a*/{ color:#fff;}







.sidebar_p ul li:hover ul li a{}

.sidebar_p ul li ul li:hover{ background:url(../images/sidebar_lih.jpg) no-repeat left top; border-bottom:1px solid #fff;}



.sidebar ul .ewm{ background:url(../images/ewm_bg.jpg) no-repeat center top; height:150px; margin:0 auto; padding:40px 0 5px 0; text-align:center;width:180px;}



.sidebar_p ul li ul li.on a{ color:#fff!important;}



/*--/sidebar--*/



.right h3.tit label,.right_news h3.tit label{ color:#9C9C9C; float:right; font-size:12px; font-weight:100; height:40px; line-height:40px; overflow:hidden; padding:0 15px 0 0; text-align:right; overflow:hidden; width:500px;}

.right h3.tit label a,.right_news h3.tit label a{ color:#9C9C9C;}



#about,#product_list,#product,#news_list,#news,#search{border:1px solid #eeeeee; border-top:0; line-height:24px; min-height:498px;overflow:hidden; padding:15px;}

#about .cont,.content .cont,#news .cont,.content{font-size:14px; line-height:26px; min-height:200px; padding-bottom:20px}



.right_news{ float:left; width:700px;}

.left_news{ float:left; width:270px;}

.right_news h3.tit{ background-position:left bottom; overflow:hidden;}

.left_news h3{ background-position:left 50px;} 

.left_news .sidebar ul,.sidebar_zxzx ul{ background-position:-1px -89px; float:left; height:auto;}

.sidebar_zxzx ul li{ float:left; border-bottom:1px dashed #eee; text-indent:20px; background:url(../images/news_arc.jpg) no-repeat 7px 12px; height:30px; line-height:30px; overflow:hidden; margin:0px auto; width:100%;}



#news h1,#about h1{ color: #585858; font-family: "微软雅黑"; font-size: 18px; line-height: 35px; text-align: center;}

#news .time,#about .time{border-bottom: 1px dashed #D9D9D9;color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px 0; text-align:center;}

#news .time a,#about .time a{ color:#878787;}

#about .imgshow img{ max-width:600px; margin:10px auto;}

.bds_more{ background:none;}



/*--/right_bar--*/



#xg_pic{}

.pro_h1{ height:34px; line-height:34px; border-bottom:1px solid #dadada; margin-bottom:10px; text-indent:10px; color:#ff8300;}

.di { border: 1px solid #eee; height: 160px; overflow: hidden; width: 160px;}

.di:hover {border: 1px solid #ff8300;}



#marquee { margin-top:15px; overflow:hidden; width:100%;}

#marquee img {}

#marquee dl, #marquee dt, #marquee dd, #marquee a { float: left; padding: 0; text-align:center; font-size:12px;}

#marquee a{ margin:0 5px 0 5px; width:180px; overflow:hidden;}

#marquee dl dt a { display:inline; float:left; line-height: 20px;}

#marquee dl dt a:hover .di{ border:1px solid #ff8300;}

#marquee dl { width:1000%; }



/*--/xg_pic--*/



#product_list{ padding:9px;}

#product_list ul li{ margin: 10px 26px 10px 41px;}



/*--/product_list--*/



#search ul li {

    border-bottom: 1px dotted #EEEEEE;

    color: #999999;

    margin-bottom: 10px;

    padding: 10px 0;

}

#search ul li .s_img {

    display: inline;

    float: left;

    height: 70px;

    margin-right: 10px;

    overflow: hidden;

    width: 70px;

}

#search ul li .s_r {

    float: left;

    width: 618px;

}

#search ul li h3 {

    background: url("../images/index_4.gif") no-repeat scroll 7px center transparent;

    height: 30px;

    line-height: 30px;

    margin: 0;

    overflow: hidden;

}

#search ul li h3 a {

    color: #545454;

    font-size: 13px;

    font-weight: bold;

}

#search ul li .s_r label {

    display: block;

    line-height: 20px;

    text-indent: 2em;

}



/*--/search--*/



#pagelist {padding: 20px;text-align: center;}

#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {cursor: pointer; padding: 5px 8px;}

#pagelist a.on {}

#pagelist span.active { background-color: #ff8300;color: #FFFFFF;}

#pagelist a:hover, #pagelist span:hover {background-color: #ff8300;color: #FFFFFF;}



/*--/pagelist--*/



.prew, .nextw {background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2712%27%3E%3Cpath d=%27M8 1L3 6l5 5%27 fill=%27none%27 stroke=%27%23999%27 stroke-width=%272%27/%3E%3C/svg%3E") no-repeat scroll left 6px transparent;float: left;height: 24px;line-height: 24px;overflow: hidden;padding-left: 15px;text-align: left;width: 46%; color:#878787;}

.nextw { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2712%27%3E%3Cpath d=%27M2 1l5 5-5 5%27 fill=%27none%27 stroke=%27%23999%27 stroke-width=%272%27/%3E%3C/svg%3E") no-repeat scroll right 6px transparent;float: right; padding-right: 15px; text-align: right;}

.prew a, .nextw a { color:#878787;}

.prew a:hover, .nextw a:hover, .about .time a:hover {color: #ff8300;}



/*--/next_prew--*/



.probar { padding: 10px 0 0;}

.probar_left { width: 402px; position:relative}

.probar_right { height: 402px; width: 296px;}

.probar_right li { border: 0 none;}

.probar_right li h1, .probar_right li h3 {    border-bottom: 1px dashed #EEEEEE;}

.tagContent_ { border: 1px solid #EEEEEE; height: 400px; overflow: hidden; text-align: center; width: 400px;}

#thumb { float: left; overflow: hidden; width: 402px;}

#thumb li { border: 1px solid #EEEEEE; display: inline; float: left; height: 70px; margin: 10px 4px; overflow: hidden; text-align: center; width: 70px;}

#thumb li:hover { border: 1px solid #EEEEEE;}

#thumb li img {}

#thumb li A { float: left; height: 70px; line-height: 70px; text-align: center; width: 70px;}

#thumb li.emptyTag {}

#thumb li.selectTag { position: relative;}

#thumb li.selectTag A {}



.big{ background:url(../images/big.jpg) no-repeat left center; float:left; height:18px; line-height:18px; padding-left:20px;}



#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #eee; text-align:center;}

#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }

#zoom{ float:left; position:relative; left:412px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}

#zoom img{ position:absolute; margin:0 auto;}



.probar_right ul { padding: 0 0 0 15px;}

.probar_right ul li { padding: 0 0 0 10px; line-height:45px;}

.probar_right ul li h1, .probar_right ul li h3 { color:#ff8300; font-size: 12px; line-height: 30px; text-align: left;}

.inp, .textarea { border: 1px solid #EEEEEE;color: #686868; font-size: 12px; font-family: "宋体"; height: 24px; line-height: 24px; margin: 5px 0 0; overflow: hidden; padding: 0 5px 0 7px; width: 247px;}

.inp { height: 24px;}

.textarea { height: 90px;}

.code{ float:left; border:1px solid #eee; height:18px; margin-right:8px; width:60px; padding:1px; text-align:center;}

.sub { background: url("../images/zixun.gif") no-repeat scroll left center transparent; border: 0 none; cursor: pointer; float: left; height: 23px; width: 61px;}



/*--/probar--*/



.content,#xg_pic,#xg_news,#plun{ float:left; width:100%;}

.content h2,#xg_pic h2,#xg_news h2,#plun h2{ background:url(../images/titbg.jpg) no-repeat left top; color:#fff; font-size:14px; height:37px; line-height:37px; text-indent:20px;}

.content .cont{ line-height:26px; font-size:14px; padding: 0 10px 20px; min-height:100px;}



#xg_news ul li {

    background: url("../images/leftbar_arc.jpg") no-repeat scroll 10px center transparent;

    border-bottom: 1px dashed #EEEEEE;

    float: left;

	height:30px;

    line-height: 30px;

	overflow:hidden;

    padding: 0 1% 0 3%;

    width: 46%;

}



/*--/content--*/



#plun .plun_ly,#plun .plun_pl{ float:left; padding:10px 0 0 0; width:100%;}

.plun_ly li,.plun_pl li{ float:left; width:100%;}

.plun_ly li span,.plun_pl span{ float:left;}

.plun_ly li span.name,.plun_pl li span.name{ background:url(../images/plun_arc.jpg) no-repeat right center; color:#226fc5; height:25px; line-height:25px; padding:10px 10px 10px 0; position:relative; text-align:right; z-index:1000;}

.plun_ly li span.cont,.plun_pl li .cont,.plun_pl li .textarea{ border:1px solid #dfdfdf; border-radius:3px; color:#696969; display:block; height:20px; line-height:20px; margin:0 0 0 -1px; padding:10px 10px 10px 10px; width:580px;}

.plun_ly li span.cont label,.plun_pl li span.cont{ float:right; color:#b2b2b2;}



.plun_pl h3{ border-bottom:1px solid #eee; font-size:14px; height:35px; line-height:35px; margin-bottom:10px; text-indent:18px;}

.plun_pl li span.name{ background:none; padding:2px 10px 2px 0;}

.plun_pl li .cont{ padding:2px 10px 2px 10px; width:300px;}

.plun_pl li .textarea{ height:70px; padding:10px 10px 10px 10px;}

.plun_pl li .sub{ background:url(../images/plun_pl.gif) no-repeat left top;}



/*--/plun--*/



#news_list ul li{ background:url(../images/arc.gif) no-repeat 0px 5px; display:block; border-bottom:1px dashed #eee; margin-bottom:10px; padding:0 0 10px 25px;}

#news_list ul li h2{ font-size:14px; height:30px; overflow:hidden; line-height:30px; margin-bottom:2px;}

#news_list ul li h2 label{ color:#aeaeae; display:inline; float:right; font-size:12px; font-weight:100; width:180px; text-align:right;}

#news_list ul li h2 label a{ float:right; margin-top:2px;}

#news_list ul li h2 a{}

#news_list ul li p{ line-height:20px; color:#878787;}

/*--/news_list--*/



/*--/guest--*/

#guest {

    color: #545454;

    line-height: 22px;

    width: 638px;

}

.input_on {

    background-color: #FFFFCC;

    background-image: none;

    border: 1px solid #999999;

    float: left;

    height: 18px;

    margin: 0;

    padding: 2px 8px 0 3px;

}

.input_off {

    background-color: #FFFFFF;

    background-image: none;

    border: 1px solid #CCCCCC;

    float: left;

    height: 18px;

    margin: 0;

    padding: 2px 8px 0 3px;

}

.input_move {

    background-color: #FFFFCC;

    background-image: none;

    border: 1px solid #0088CD;

    float: left;

    height: 18px;

    margin: 0;

    padding: 2px 8px 0 3px;

}

.input_out {

    background-color: #FFFFFF;

    background-image: none;

    border: 1px solid #CCCCCC;

    float: left;

    height: 18px;

    margin: 0;

    padding: 2px 8px 0 3px;

}

.input_out1 {

    background-color: #FFFFFF;

    background-image: none;

    border: 1px solid #CCCCCC;

    float: left;

    font-size: 12px;

    height: 70px;

    margin: 0;

    padding: 2px 8px 0 3px;

    resize: none;

    width: 350px;

}

.input_out2 {

    background-color: #FFFFFF;

    background-image: none;

    border: 1px solid #CCCCCC;

    float: left;

    height: 18px;

    margin: 0;

    padding: 2px 8px 0 3px;

    width: 80px;

}

#guest .input_test {

    height: 400px;

    list-style-type: none;

    margin: 20px auto 0;

    padding-bottom: 10px;

    width: 500px;

}

#guest ul.input_test .hr {

    display: block;

    float: left;

    line-height: 27px;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}

#guest ul.input_test li {

    background-image: none;

    display: inline;

    float: left;

    height: 25px;

    margin-bottom: 10px;

    width: 500px;

}

#guest .input_test label {

    background-image: none;

    float: left;

    font-size: 12px;

    line-height: 25px;

    margin: 0;

    padding: 0;

    text-align: right;

}

#guest .input_test span {

    background-image: none;

    color: #999999;

    float: left;

    font-size: 12px;

    line-height: 25px;

    margin-left: 0;

    padding-left: 10px;

    text-align: left;

}

#guest .input_test .red {

    color: #FF0000;

    float: none;

}





.inp_kg {

    overflow: hidden;

    width: 50px;

}

#submit, #sub_reset {

    cursor: pointer;

    height: 24px;

}

#guest #submit{ width:50px;}



/*--Guest--*/



#plun {

    border: 1px solid #eee;

    margin: 20px 0 0 5px;

    padding: 10px;

    width: 686px;

}

#plun h5 {

    display: block;

    padding: 0 10px 10px;

}

#plun h5 span {

    color: #6B6B6B;

    float: right;

}

#plun h5 label {

    background: url("../images/plun.gif") no-repeat scroll left center transparent;

    color: #267CC8;

    padding-left: 15px;

}

#plun .pl {

    margin: 10px 0 0;

}

#plun .pl .text {

    border: 1px solid #eee;

    color: #666666;

    display: block;

    font-family: "宋体",Arial,Helvetica,sans-serif;

    font-size: 12px;

    height: 80px;

    line-height: 18px;

    width: 682px;

}

#plun .pl li {

    float: left;

    margin: 10px 0 0;

    text-align: left;

    width: 100%;

}

.plun_inp {

    background: url("../images/plun1.gif") no-repeat scroll left top transparent;

    border: 0 none;

    height: 22px;

    margin-right: 10px;

    padding: 0;

    width: 66px;

}

.emiall {

    border: 1px solid #eee;

    float: left;

    height: 20px;

    line-height: 20px;

    margin-right: 10px;

    padding: 0 10px 0 0;

}

.em1 {

    color: #666666;

    margin: 7px;

}

#plun .pl li em {

    float: left;

    height: 22px;

    margin: 0 10px;

    width: 60px;

}

#plun .ly {

    padding: 5px 0;

}

#plun .ly li {

    border-bottom: 1px dashed #CFD3D6;

    clear: both;

    margin: 10px 0 0;

    padding: 0 5px 5px;

}

#plun .ly li label {

    background: url("../images/arrow.gif") no-repeat scroll 2px center transparent;

    color: #267CC8;

    padding: 0 0 0 15px;

}

/*--Guest--*/



#sitemap{ border:4px solid #eee; padding:10px 15px;}

#sitemap h1{ border-bottom:1px solid #eee; height:30px; line-height:30px; padding:0 10px; font-weight:100;}

#sitemap h1 label{ color:#9c9c9c;}

#sitemap .cont{ padding:10px;}

#sitemap .cont ul li{ line-height:30px; margin-bottom:10px;}

#sitemap .cont ul li a{ margin:0 5px;}

#sitemap .cont ul li ul{ border:1px solid #eee; padding:0 0 0px 15px; display:block;}

#sitemap .cont ul li ul li{ display:inline;}

#sitemap .cont ul li ul li ul{ padding-right:10px; margin:0 15px 10px 0;}





.wrap {

    background: #f46c11 none repeat scroll 0 0;

    border: 1px solid #f46c11;

    font-size: 12px;

    height: 32px;

    width: 300px;

}

.wrap table{ background:#FFFFFF}

.a10 {

    color: #ffffff;

    font-weight: normal;

    text-decoration: none;

}

.a10:hover {

    color: #ffffff;

    text-decoration: underline;

}

.md-head {

    height: 26px;

    line-height: 26px;

    padding-left: 0;

}

.md-head A {

    background-color: #323134;

    border-width: 0 0 1px 1px;

    float: left;

    margin-left: -1px;

    text-align: center;

    width: 94px;

}

.md-head A.wid {

    width: 112px;

}

.md-head A.cur {

    background-color: #f46c11;

    border-bottom-width: 0;

    color: #000;

    text-decoration: none;

}

.md-body {

    padding: 15px;

}

a, area {

}

:focus {

}



.probar_right li h2{ line-height:25px;}

#thumblist{  height: 41px;

    padding-top: 19px;

    text-align: center;

    width: 396px;}

	#inp_content{ width:380px; height:}

	#verifyCode{ border:#666666 1px solid;}

.contactnr input, textarea{ border:#CCCCCC 1px solid}



.babber{

	background-size:100% 100% !important;

	-moz-background-size: 100% 100% !important;

	-ms-background-size: 100% 100% !important;

	-o-background-size: 100% 100% !important;

	-webkit-background-size: 100% 100% !important;

}



.fenzhan{
	font-size:16px;
    height: auto;
    padding: 10px 10px;
    margin: 0 auto;
    width: 1200px;
}
.fenzhan .yy{
	font-size:30px;
	display:block;
	border-bottom:1px solid #ccc;
	padding:50px 0;
	text-align:center;
	font-size:bold;
	float:none;
}
.fenzhan .yyy div{
	font-size:20px;
	padding:20px 0;
	text-align:center;
}
.fenzhan .yyy dl dd{
	font-size:18px;
	padding:15px 10px;
}
.fenzhan .yyy dl dd a{
	padding:0px 5px;
}
.fenzhan .yyy dl dt{
	font-size:20px;
	padding:5px 0;
	font-weight:bold;
}

@media screen and (max-width: 768px) {

	#wrapper{width: 100%;padding: 0;}

	#wrapper .left{display:none;}

	#wrapper .right{width: 100%;}

	#wrapper .right .tit{display:none;}

	.prew, .nextw{padding-left: 10px;width: 40%;}

	

	#xg_news ul li{width: 100%;}

	#product_list ul li{margin: 20px 1%;}


	.babber{width:100% !important;height:200px !important;}
	.fenzhan{
		width:100%;
	}

}

@media screen and (min-width: 768px) {
	#product_list ul { margin-left:12px}
	#product_list ul li{margin: 20px 1.5%; width: 30%; background:#d8d8d8}
	#product_list ul li div{width:100%;padding: 0px;}
	#product_list ul li:hover{ background:#FF8201; cursor:pointer; color:#FFF}
}
@charset "utf-8";





/* Tabled Portrait */



/* CSS Document */



body,ol,ul,h1,h2,h3,h4,h5,h6,th,td,dl,dd,p,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

body{font:14px/24px "微软雅黑","宋体",Arial,HELVETICA;color:#666;background:#fff;-webkit-text-size-adjust:100%}

html{overflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

fieldset,img{border:0;}

ol,ul,li{list-style-type:none;}

img{border:0;vertical-align:top;}

button,input,select,textarea{font-size:100%;}

table{border-collapse:collapse;border-spacing:0;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}

input,textarea{font-family:"宋体";font-size:12px;border:none;resize:none;outline:none;}

.clearfix{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

*html .clearfix{zoom:1;}

*+html .clearfix{zoom:1;}

a{color:#535353;text-decoration:none;outline:none;}

a:focus{outline:none;}

a:hover{color:#147fd8;text-decoration:none;}







/*--------------------------------------------------*/

.loding_box_big{ width:100%;background-color:#E6E6E6; overflow:hidden;height:24px;}

.loding_box{ width:1200px; height:24px; overflow:hidden;margin:0 auto;}

.loding{ width:1137px; margin:0 auto;}

.loding_l{ float:left;}

.loding_r{ float:right;}

.loding_r ul li{ float:left; padding:0 15px; font-family:"宋体"; font-size:12px;  line-height:24px;}

.loding_r ul li:hover{ text-decoration:underline;}



.logo_big{ width:100%; height:110px; background:#FFFFFF;}

.logo{ width:1200px; height:132px;margin:0 auto;}

.logo_box{ width:1137px; height:132px; margin:0 auto;}

.logo_box ul li{ float:left;}

.logo_pic{margin-right:12px;margin-top: 40px;float:left;}

.biaoyu{margin-right:10px;margin-top: 36px;line-height:30px;float:left;}
.biaoyu p.p1{font-size:20px;line-height:20px;font-size:16px;}
.biaoyu p.p1 b{color:red;font-size:20px;}
.biaoyu p.p2{line-height:40px;font-size:18px;color:#007cc2;font-weight:bold;}

.biaoyu2{margin-right:97px; margin-top:45px;}

.logo_box ul li.phone{margin-top:32px;float:right;background:url(../images/phone.jpg?v=20261029) left center no-repeat;height:48px;width:195px;}
.logo_box ul li.phone p{
	text-indent:60px;
	font-size: 20px;
	line-height:20px;
	margin-top:25px;
}
.footer_m{display:none;}
.clr{
	width:100%;
	clear:both;
	height:0px;
}
.color-header {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

}

@media screen and (max-width: 768px) {

	 body {min-width: 0 !important;}

	.loding_box_big{display:none;}

	 .logo_box{ width:100%; height:82px; margin:0 auto;}

	.logo_big{width:100%; height:82px; overflow:hidden;margin:0 auto;}

	.logo{ width:100%; height:82px;margin:0 auto;}

	.logo_pic{width:184px;margin-right: 0;margin-top: 20px;}

	.logo_pic img{width:160px;height:42px;}

	.biaoyu{display:none;margin:0; width:0;}

	.biaoyu2{display:none;margin:0;width:0;}

	.phone{margin-top:20px;width: 50%;}

	.phone img{width: 180px;height:42px;}

	.banner{width: 100%;height:200px;}

	.banner .bd ul li{width: 100%;height:200px;background-size:auto 200px;-moz-background-size: auto 200px;-ms-background-size: auto 200px;-o-background-size: auto 200px;-webkit-background-size: auto 200px;}

	.fullSlide .hd ul li{width: 10px !important;height:10px !important;}

	.search{display:none;}

	#bdshare,#bdshare_pop{display:none;}

	.index_content{display:none;}

	.footer_m{display:inline-block;}

	.footer{display:none;}

}



.top_nav_big{
    width:100%;
    background:#147fd8;
    height:36px;
  }
.top_nav_big.color-header{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    box-shadow:0 2px 6px rgba(0,0,0,0.15);
}


.top_nav{ width:1200px; margin:0 auto;}

.top_nav ul{ width:1137px; margin:0 auto;}

.top_nav ul li{ display:inline-table; width:158px; text-align:center; position:relative;}

.top_nav ul li a{ display:block; height:36px; line-height:36px; font-size:14px;  color:#FFFFFF;font-weight: 700;}

.top_nav ul li:hover{ background:#f13038;}

.top_nav ul li.on{background:#f13038;}

.top_nav ul li ul{ position:absolute; top:36px; left:0; width:158px; z-index:999999; display:none; background:#fff; box-shadow:0 6px 14px rgba(0,0,0,.18);}
.top_nav ul li:hover > ul{ display:block;}
.top_nav ul li ul li{ display:block; width:158px; height:36px; line-height:36px;background:#fff;border-bottom:1px solid #DFDFDF}
.top_nav ul li ul li:hover{ background:#f13038;}
.top_nav ul li ul li a{ display:block; font-size:14px; color:#333; text-align:center}
.top_nav ul li ul li a:hover{ color:#fff;}


@media screen and (max-width: 768px) {

	.top_nav_big{display:none;}

	#red{display:none;}

}



.banenr{ width:1200px; height:430px; background:url(../images/banner.jpg) no-repeat; margin:1px auto;}



.search{ width:100%; height:30px; background:#d8d8d8;}

.search_box{ width:1137px; margin:0 auto;}

.search_box ul{ float:left;}

.search_box ul li{ float:left; margin-right:7px; line-height:30px; font-size:12px; }

.search_r{ width:298px;height: 26px;float: right;padding-top: 4px }

.search_m{ width:230px; height:24px; background-color:#FFFFFF; border:solid 1px #a9a9a9; float:left; font-size:12px;padding-left:6px; }

.search_z{ width:55px; height:26px; background:url(../images/search_pic.jpg) no-repeat;float:right; }

.Service_project{ width:1137px; margin:20px auto 0 ; overflow: hidden;}

.Service_project_l{ float:left; width:216px; padding-bottom:5px; background:url(../images/fl_bj.jpg) repeat-y;}

.Service_project_l ul h1{text-indent: 20px;line-height: 25px; width:216px; height:55px; background:url(../images/classification.jpg) no-repeat;padding: 15px 0 0 5px; font-size:14px; color:#FFFFFF; font-family:"宋体"; font-weight:700;}

.Service_project_l ul h1 a{ font-size:12px; font-weight:0; color:#FFFFFF; padding-left: 35px;}

.Service_project_l ul{ width:216px;}

.Service_project_l ul h2{ border-bottom:#FFFFFF 1px dashed; padding-bottom:2px; width:200px; margin: 0 auto; }

.Service_project_l ul h2 a{font-size:14px; font-family:"宋体"; font-weight:700; color: #FFFFFF;}

.Service_project_l ul h2 a:hover{ color:#FF0000}

.Service_project_l ul h2.on a{ color:#FF0000}

.Service_project_l ul h2 span{ display:inline-table; margin: 0 10px 0 5px;}

.Service_project_l ul li{ width:186px; height:25px; line-height:25px; background:#0094d5; margin:12px auto;}

.Service_project_l ul li a{ color:#FFFFFF; margin-left:20px; font-size:12px; font-family:"宋体";}

.Service_project_l ul li:hover{ background:#bfa204;}

.Service_project_l ul li.item2{ background:#bfa204;}

.Service_project_r{ float:right; width:893px;}

.Service_project_r h1{ background:url(../images/fl_bj1.jpg) no-repeat; height:50px;}

.Service_project_r ul{ background:url(../images/fl_bj2.jpg) repeat-y; padding-bottom:40px; overflow:hidden;}

.Service_project_r ul li{ width:243px; height:178px; float:left; margin:30px 0px 50px 40px; text-align:center; font-size:12px; }

.Service_project_r h2{ background:url(../images/fl_bj3.jpg) no-repeat; height:50px;}

.Service_project_r h1 a{ display:block; color:#FFFFFF; padding:23px 0 0 15px; font-size:14px; font-family:"宋体"; font-weight:700;}

.Service_project_r ul li p{ margin-top:15px;}

.Service_project_r ul li div{width:243px; height:178px; border:#bcbcbc 3px solid;}

.export_process{ width:1368px; padding-top:60px; margin:0 auto;}

.export_process h1{ margin:0 auto; width:1136px; height:72px;}

.export_process_img{ background:url(../images/cklc_pic1.jpg) no-repeat; width:1368px; height:700px; position:relative; overflow:hidden;}

.btn1{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:23.5px; font-family:"微软雅黑"; top:83px; right:331px;}

.btn1 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:29px;}

.btn2{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:19.23px; font-family:"微软雅黑"; top:132px; right:204px;}

.btn2 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:28px;}

.btn3{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:18.16px; font-family:"微软雅黑"; top:250px; right:141px;}

.btn3 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:22px; padding-top:22px;}

.btn4{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:23.5px; font-family:"微软雅黑"; top:382px; right:161px;}

.btn4 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:29px;}

.btn5{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:23.5px; font-family:"微软雅黑"; top:469px; right:267px;}

.btn5 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:29px;}

.btn6{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:23.5px; font-family:"微软雅黑"; top:472px; right:407px;}

.btn6 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:29px;}

.btn7{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:18.16px; font-family:"微软雅黑"; top:378px; right:508px;}

.btn7 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:22px; padding-top:22px;}

.btn8{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:23.5px; font-family:"微软雅黑"; top:244px; right:525px;}

.btn8 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:29px;}

.btn9{ width:108px; height:108px; position:absolute; text-align:center;letter-spacing: 2px; font-size:23.5px; font-family:"微软雅黑"; top:126px; right:459px;}

.btn9 a{width:108px; height:108px; background:url(../images/jk_btn.png) no-repeat; color:#FFFFFF; display:block; line-height:25px; padding-top:29px;}

.btn1 a:hover{background:url(../images/jk_btn1.png) no-repeat;}

.btn2 a:hover{background:url(../images/jk_btn2.png) no-repeat;}

.btn3 a:hover{background:url(../images/jk_btn3.png) no-repeat;}

.btn4 a:hover{background:url(../images/jk_btn4.png) no-repeat;}

.btn5 a:hover{background:url(../images/jk_btn5.png) no-repeat;}

.btn6 a:hover{background:url(../images/jk_btn6.png) no-repeat;}

.btn7 a:hover{background:url(../images/jk_btn7.png) no-repeat;}

.btn8 a:hover{background:url(../images/jk_btn8.png) no-repeat;}

.btn9 a:hover{background:url(../images/jk_btn9.png) no-repeat;}

.export_process_img_texts h2{ font-size:28px; color:#099634;border-bottom: 1px solid #dddddd; display: block;padding-bottom: 8px;width:200px; margin-bottom:10px; font-weight:700; text-align:center;}

.export_process_img_texts{ position:absolute;top:242px; right:284px; width:200px;}

.advertising{ width:1200px; height:190px; background:url(../images/ggt_img.jpg) repeat scroll center top; text-align: center; width: 100% !important;}



.advantages{ width:1137px; margin:50px auto; overflow:hidden;}

.advantages_1_l{ float:left; width:633px;}

.advantages_1_r{ float:right; width:480px;}

.advantages_1{ overflow:hidden;}

.power{ float:left; background:url(../images/cc_img.jpg) no-repeat; font-size:30px; color:#FFFFFF;  width:128px; height:88px; letter-spacing:5px; font-weight:700;}

.power p{padding: 0px 0 0 51px;}

.text{ float:left; width:450px; margin-left:35px; }

.text h a{ color:#1480d9; font-size:24px;font-weight: 700;}

.text h span{ color:#f13038; font-size:18px; line-height:40px;}

.text p{ line-height: 20px;margin-top: 18px; font-size:15px;}

.text p span{ display:block; float:left; margin:7px 7px 7px 0;}

.text h{ border-bottom: 1px solid #999999; padding-bottom:5px;display: block;}





.advantages_2_l{ float:right; width:633px; margin-top:56px;}

.advantages_2_r{ float:left; width:480px;}

.advantages_2{ overflow:hidden;}



.process_bj{ width:1136px; margin:0 auto; overflow:hidden;}

.in_process{ width:900px; height:800px; margin:50px auto 0; position:relative;}

.in_process_bj{ width:789px; height:708px; margin:0 auto; }

.text_in{width:355px; position:absolute; top:193px; left: 274px;}

.text_in h1{ color:#099634; font-size:24px; margin-bottom:12px; width:343px; height:50px; text-align:center }

.text_in h1 span{ font-size:14px; }

.text_in span{ font-size:16px; }

.text_in p{ font-size:13px; margin:6px 0; color:#4d4d4d; line-height:21px;}

.btn10{ position:absolute;  top: 95px;left:144px;}

.btn11{ position:absolute;  top: 0px;left: 407px;}

.btn13{ position:absolute;    bottom: 281px;right: 97px;}

.btn12{ position:absolute;  top: 130px;right: 135px;}

.btn14{ position:absolute;  bottom: 110px;right: 240px;}

.btn15{ position:absolute;   bottom: 110px; left: 238px;}

.btn16{ position:absolute;  bottom: 310px; left: 76px;}



.Customer_case_big{ width:100%; height:495px; background:#edecec; margin-bottom:35px; }

.Customer_case{ width:1200px; height:455px; background:#edecec; margin:0 auto; font-family:"宋体";}

.Customer_case_box{ width:1137px; margin:0 auto;}

.Customer_case_l{ float:left; width:530px;}

.Customer_case_img{ float:left;}

.text_case{ float:right; width:260px;}

.Customer_case_tittle{ margin: 0 auto;  width:299px; height:63px; padding:70px 0;}

.text_case h1{ font-size:14px; font-weight:700; padding-bottom:15px;}

.text_case p{ font-size:12px;  margin-bottom:30px;}

.text_case span { font-size:12px;}

.Customer_case_r{ float:right; width:530px;}

.Come_into_our{ width:1136px; margin:0 auto 45px; overflow:hidden;}

.Come_into_our h{ margin:0 auto; width:574px; height:63px; display:block; padding-bottom:50px;}

.about_us_l{ width:760px; float:left;}

.about_us_l h1{ font-size:18px; color:007db9;padding-bottom: 25px; font-weight:700; letter-spacing:2px;}

.about_us_l h1 a{ float:right; font-size:12px;font-weight:0;}

.pic{ float:left; width:293px; height:230px;}

.text_about{ float:right; width:426px;}

.text_about h3{ font-size:15px; font-family:"宋体"; font-weight:700; margin-bottom:15px;}

.text_about p{ font-size:12px;font-family:"宋体"; }

.company_image ul li{ float:left; margin-right:17px;  text-align:center;}

.pic_text,.company_image{ overflow:hidden;}

.pic_text{ margin-bottom:50px;}

.company_image p{ margin-top:10px;}



.about_us_r{ float:right; width:294px;}

.about_us_r ul li{ margin-bottom:12px; border-bottom:1px dashed #8b8b8b; padding-bottom:2px; font-size:12px; font-family:"宋体"; line-height:37px; }

.about_us_r ul li span{ float:right;}

.about_us_r_img{ padding-bottom:40px;}

.about_us_r h1{color: #007db9;font-size: 18px;font-weight: 700;letter-spacing: 2px;padding-bottom: 25px;}

.about_us_r h1 a{float:right; font-size:12px;font-weight:0;}



.down_nav_big{ width:100%; height:199px; background:url(../images/down_navbj.jpg) repeat-x; }

.down_nav{ width:1200px; height:199px; background:url(../images/down_navbj.jpg) repeat-x; margin:0 auto; font-family:"宋体"; }

.down_nav ul{ width:900px; padding-top:17px; margin:0 auto;overflow:hidden;}

.down_nav ul li{ float:left; padding:0 20px; color:#FFFFFF; line-height:21px;}

.down_nav ul li a{color:#FFFFFF; font-size:13px;}



.down_nav_text{ width:645px; margin:45px auto 0; font-size:12px; color:#FFFFFF; overflow:hidden; }

.down_nav_l{ float:left; margin-top:10px;}

.down_nav_r{ float:right;}

.sidebar{ float:left}



.about_honor_box{ width:100%; height:350px;}

.about_honor{ width:1200px;margin:0 auto;overflow: hidden;padding-top: 25px;}

.about_us{ width:1137px;float:left;overflow: hidden;}

.about_us h3{height:38px; font: 14px "Microsoft YaHei";line-height: 38px;margin-bottom: 22px; }

.about_us span{ float:right; font-size:12px;color: #666; }

.about_us h3 a{ margin-bottom:10px;}

.about_us h3 em{ font-size:16px; color:#666666; line-height:33px; margin-left:4px;font-style: inherit;}

.pic_wa{margin-top:20px;}

.pic_wa_l{ float:left; height:255px; width:300px;}

.pic_wa_r{width:100%;}

.tettle_text{ font-size:16px; color:#1a1a1a;}

.main_body{ font-size:14px;  margin-top:15px; line-height:25px;}

.gd{ font-size:12px;color:#666666; margin-top:40px; width:36px;}

.gd:hover{ border-bottom:solid 1px #0674d1; }

.honor{ width:265px; height:290px; float:right; overflow:hidden;}

.honor h3{height:38px;font: 14px "Microsoft YaHei";line-height: 38px;margin-bottom: 22px;}

.honor span{ float:right; font-size:12px;color: #666; }

.honor h3 a{  margin-bottom:10px;}

.honor h3 em{ font-size:16px; color:#8b8a8a;; line-height:33px; margin-left:4px;font-style: inherit;}

.honor_box{ margin-top:20px; overflow:hidden; width:265px; margin:0 auto;}

.left_icon { float:left; margin: 92px 30px 0 0;}

.right_icon{ float:left; margin: 92px  0 0 30px;}

.pic_ry{ float:left;}

.straight_line{ float:left; width:1px; height:200px; margin-top: 72px ; margin-left:50px; background:#b2b2b2;}

/* .horizontal_line{ width:1137px;  height:1px; background:#b2b2b2;margin:50px auto;}   */
.horizontal_line{ width:1137px;  height:1px; margin:10px auto;}

.about_img{ width:1137px; height:205px; margin:0 auto;}

.about_img_l,.about_img_c,.about_img_r{ float:left; position:relative}

.about_img_l ul li{float:left;}



@media screen and (max-width: 768px) {
	#news_list ul li h2{ height:60px;line-height:20px;}
	
	#news_list ul li h2 label{ display:block; text-align:left; float: left; width:100%}
	
	

	.Service_project{display:none;}

	/*.Service_project{width: 100%;margin:0;}

	.Service_project_l{display:none;}

	.Service_project_r{width: 100%;}

	.Service_project_r ul li{width: 50%;height:auto;margin: 0;}

	.Service_project_r ul li img{width: 90% !important;height: 90% !important;}*/

	.main_body{line-height: 12px;}

	.Customer_case_big{margin-bottom:10px;height:auto;}

	.about_honor{ width:100%;margin:0 auto;overflow: hidden;padding-top: 35px;}

	.about_honor_box{ width:100%; height:auto;margin-top:20px;}

	.about_us{ width:100%; height:auto;overflow: hidden;}

	.about_us h3{margin-bottom:5px;}

	.about_us h3 span a{float:right;margin-right:20px; }

	.about_us h3 a{float:left;margin-left:10px;margin-bottom:5px;}

	.pic_wa {margin-top:10px;height:auto;}

	.pic_wa_l{ float:left; height:255px; width:100%;}

	.pic_wa_r{ float:left; height:285px; width:100%;}

	.pic_wa_l img{width:100%;height:100%;}

	.tettle_text{vertical-align: middle;text-align: center; margin-top:20px; font-weight:bold}

	.pic_wa_r .main_body{margin:auto; line-height:175%}

	.main_body{width:90%;}

	.straight_line{display:none;margin:0px;clear:both;}

	.honor{width:100%;}

	.honor h3{margin-bottom:5px;}

	.honor h3 span a{float:right;margin-right:20px; }

	.honor h3 a{float:left;margin-left:10px;margin-bottom:5px;}

	.horizontal_line{ width:100%;  height:1px; background:#b2b2b2;margin:20px auto;}

	.about_img,.horizontal_line,.export_process,.advertising,.process_bj,.tempWrap{display:none;}

	.advantages,.advantages_1_l,.advantages_2_l{width:100%;}

	.power {float:left; background:url(../images/cc_img.jpg) no-repeat;background-size:50px 50px;-moz-background-size: 50px 50px;-ms-background-size: 50px 50px;-o-background-size: 50px 50px;-webkit-background-size: 50px 50px;width: 20%;height: 48px; font-size:10px; color:#FFFFFF;   letter-spacing:5px; font-weight:700;}

	.power p{padding: 0;margin:auto 0;vertical-align: middle;text-align: center;}

	.text {width: 78%;margin-left: 2%;}

	.advantages_1_r,.advantages_2_r{display:none;}

	

}



.dynamic{ width:1200px; height:384px; margin:0 auto;margin-bottom: 40px;}

.new_dynamic{ float:left; width:356px; height:354px; margin-right:39px;}

.new_dynamic h3{height:38px; background:url(../images/Pro_line.jpg) no-repeat left  bottom;font: 14px "Microsoft YaHei";line-height: 38px;margin-bottom: 22px; margin-top:45px;}

.new_dynamic span{ float:right; font-size:12px;color: #666; }

.new_dynamic h3 a{ color:#979797; margin-bottom:10px;}

.new_dynamic h3 span a:hover{ color:#0186d3; text-decoration:underline; }

.new_dynamic h3 em{ font-size:16px; color:#3680C9; line-height:33px; margin-left:4px;font-style: inherit;}

.news_pic{ height:135px; width:347px; margin:16px 0 24px 0;}

.news_wa ul li{ height:28px; font-size:12px; font-family:"宋体"; color:#6b6966; border-bottom: dashed  #ababab 1px; margin-bottom:13px;}

.news_wa ul li em{ float:right;}

.qanda dl{width: 408px;height: 90px;margin-bottom:21px;border-bottom: 1px dashed #ababab;}

.qanda dt{height: 27px;background: url(../images/Q.jpg) no-repeat 0 0;padding-left: 35px;font: 14px "Microsoft YaHei";color: #000000;line-height:27px;}

.qanda dd{ background: url(../images/A.jpg) no-repeat 0 0;font: 12px "Microsoft YaHei";color: #81817c;line-height: 20px;padding-left: 35px; margin-top:10px;}



.main_body a{ color:#FF0000;font-size:20px;float:right;display:inline-block;}

.cas { clear:both; height:456px; overflow:hidden; width:1200px; margin:0 auto; }

.pb_t { line-height:53px; height:53px; overflow:hidden; border-bottom:2px #e0e2e3 solid; }

.pb_t b a { float:left; font-size:18px; color:#007ce5; }

.pb_t .fr { color:#007ce5; padding:0 16px 0 0; margin:0 16px 0 0; font-size:12px; font-weight:100; background:url(../images/abt_t_m.gif) right center no-repeat; }

.cas_c { clear:both; padding:22px 0 0; }

.cas_c .tempWrap { position:relative; float:right; }

.cas_l { width:310px; overflow:hidden; }

.cas_l li { vertical-align:top; }

.cas_l a { display:block; padding:0 0 0 20px; width:310px; line-height:51px; height:51px; overflow:hidden; background:url(../images/cas_l1.gif) left top no-repeat; vertical-align:top; font-size:14px; color:#555; }

.cas_l a:hover, .cas_l li.on a { text-decoration:none; color:#fff; background:url(../images/cas_l2.gif) left top no-repeat; }

.cas_c dl { float:right; width:770px; overflow:hidden; }

.cas_c dl dt { float:left; position:relative; border:3px #dededf solid; }

.cas_c dl dt img { display:block; width:426px; height:351px; overflow:hidden; }

.cas_c dl dt span { position:absolute; display:inline-block; width:60px; right:0; top:325px; z-index:3; }

.cas_c dl dt span a { display:inline-block; margin:0 5px 0 0; width:11px; height:10px; background:url(../images/cas_ic1.png) left top no-repeat; }

.cas_c dl dt span a:hover { background:url(../images/cas_ic2.png) left top no-repeat; }

.cas_c dd { float:right; padding:9px 20px 0 0; width:372px; overflow:hidden; position: relative;}

.cas_c dd a{ postion:absolute;top:30px;}

.cas_c dd ul { height:280px; }

.cas_c dd li { vertical-align:top; font-size:14px; clear:both; line-height:22px; height:36px; overflow:visible; }

.cas_c dd li b { font-weight:100; display:inline-block; float:left; color:#979797; width:70px; }

.cas_c dd li p { display:inline-block; width:300px; float:right; color:#555; }

.cas_c dd li p span { display:block; padding:0; }

.cas_c dd img { margin:0 0 0 70px; }

.text_in{ display:none}

#xg_pic img{ width:160px; height:133px;}





.mobile_backImg{display:none;}

@media screen and (max-width: 768px) {

	.down_nav_big{clear:both;height: auto;background-position:0 -40px;}

	.down_nav{width:100%;height: auto;background-position:0 -40px;}

	.down_nav ul{display:none;}

	.down_nav_text{width:100%;margin: 0;}

	.down_nav_l{width:30%;height:20%;}

	.down_nav_l img{width:100%;height:100%}

	#goTopBtn{right:2%}

	#gohome, #gotop, #gohome a {height: 50px;width: 50px;}

	/*#newBridge,#hm_t_undefined{display:none !important;}*/

	.cas{width:100%;}

	.dynamic{width:95%;height:auto; margin:0 auto;}

	.new_dynamic{width:100% !important;margin-top:10px;height: auto;}

	.qanda,.qanda dl{width:100%;}

	

	.news_pic{width:100%;}

	.news_pic img{width:100% !important;}

	.logo_box ul li.pc_backImg{
		margin-top: 16px;
	}
}

.erji_yuye_content ul li {

    margin-bottom: 5px;

    width: 100%;

}

.erji_yuye_input {

    padding-left: 2%;

    width: 97.7%;

    height: 25px;

    border: 1px solid #005bef;

    color: #000;

}

.erji_yuye_yuyediv {

    width: 50%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #FFF;

    background: #005bef;

    margin: 0 auto;

    border-radius: 5px;

}

.addRess {

    overflow: hidden;

    width: 100%;

    background: #eee;

    padding-bottom: 10px;

}

section.section {

    width: 98%;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

}

.addRess dl {

    overflow: hidden;

    padding: 10px 0;

    width: 100%;

}

.addRess dl dt {

    width: 25%;

    float: left;

}

.addRess dl dd {

    width: 72%;

    float: right;

}

.addRess dl dt img {

    display: block;

    width: 100%;

}

.addRess dl dd h3 {

    font-weight: normal;

    font-size: 14px;

    color: #005bef;

}

.addRess dl dd h3 a {

    color: #005bef;

    font-weight: bold;

}

.addRess dl dd h3 a {

    color: #005bef;

    font-weight: bold;

}

.addRess dl dd p {

    font-size: 12px;

    color: #666666;

    line-height: 25px;

}

.addRess dl dd p a {

    color: #666;

}

.fixm-ab {

    height: 56px;

}

.fixm {
    position: fixed;
    width: auto;
    right: 12px;
    bottom: 80px;
    left: auto;
    background:#fff;
    z-index:9999;
}

.fixm ul {

    width: auto;

}

.fixm li:first-child{

	 width: 20%;

}

.fixm li:first-child img{

	 padding-top: 8px;

}

.fixm li {

    width: 80%;

    height: 55px;

    background: url(../mobile/images/bcm5.png) no-repeat right center;

    background-size: 2px 58px;

	float: left;

}

.fixm li img {

    display: block;

    margin: 0 auto 2px;

    width: 23px;

}

.fixm li.cur {

    background: none;

}

.fixm li.cur a {

    display: block;

    text-align: center;

    height: 100%;

    width: 100%;

    line-height: 55px;

    font-size: 18px;

    color: #fff;

    background: #005bef;

}

.fixm li p {

    text-align: center;

    font-size: 12px;

    color: #000;

}

.home_why{width:1260px; text-align:center; margin:30px auto}
.home_why h3{text-align:center; color:#147FD8; font-size:32px; font-weight:bold}
.home_why ul{height:350px; width:100%;}
.home_why ul li{display:inline-table; height:70px; width:26%; margin:20px 1%; background:#F3F3F3; padding:30px 2%}
.home_why ul li:nth-child(2n){background:#F3F5FC;}

.home_why ul li img{float:left; padding-right:20px; padding-bottom:20px}
.home_why ul li p:nth-child(n){font-size:14px; color:#666; text-align:left; line-height:150%}
.home_why ul li p:nth-child(2n){font-size:16px; color:#000; text-align:left; font-weight:bold}
.home_why ul li:hover{background-color:#147FD8 !important;color:#fff !important;}
.home_why ul li:hover p{color:#fff !important;}

.home_ad{background:#535353;width:100%; margin:auto; padding:20px 0; text-align:center}
.home_ad p{color:#fff;font-size:20px; text-align:center}

.home_case{width:1200px; margin:30px auto 10px;}
.home_case h3{color:#147FD8; font-size:32px; font-weight:bold; text-align:center}
.home_case h4{color:#FF7F00; font-size:20px; text-align:center}
.home_case ul li{width:31%; display:inline-table; margin:2% 1%;vertical-align: top;}
.home_case ul li img{width: 100%; height:180px}

.home_case ul li p:nth-child(n){color:#666; font-size:14px}
.home_case ul li p:nth-child(2n){color:#FF7F00; font-size:18px; padding:5px 0 5px}

.ullist{width:100%;}
.ullist dd{
	width:calc(33.333% - 12px);
	float:left;
    border: 1px solid #DEDEDE;
    margin: 0px 5px;
    background: #efefef;
}
.manager .Box_con .conbox ul li div.xiangqing{
	clear:both;
	text-align:right;
}
.ullist .clr{
	clear:both;
	width:100%;
	height:0px;
}

@media screen and (min-width: 768px) {
	.hone_city{
		width:100%;
		background:#eaeaea; 
		margin:auto; 
		display:block;
		text-align:center;
	}
	.hone_city img{
		width:1200px;
		height:auto;
	}
	.hone_city2{
		width:100%; 
		margin:auto; 
		display:none
	}
}

@media screen and (max-width: 768px) {
	.hone_city{width:100%; margin:auto; display:none}.hone_city2{width:100%; margin:auto; display:block}
	.home_why{width:100% !important; text-align:center; margin:20px auto 0 !important}
	.home_why ul{height:auto !important; width:100%;}
	.home_why ul li{display:inline-table; height:70px; width:92%; margin:2%; background:#F3F3F3; padding:4% 2%}
	.home_ad{background:#535353; width:100%; margin:auto; padding:20px 0; text-align:center}
	.home_ad p{color:#fff;font-size:16px; text-align:center; padding:2% 3%}
	.home_case{width:100%; margin:30px auto 10px;}
	.home_case h3{color:#147FD8; font-size:32px; font-weight:bold; text-align:center}
	.home_case h4{color:#FF7F00; font-size:20px; text-align:center}
	.home_case ul li{width:96%; display:inline-table; margin:2% 2%;vertical-align: top;}
	.home_case ul li img{width: 100%; height:210px}
	.logo_box ul li.phone p{
		font-size: 16px;
		font-weight:bold;
	}
	}
.logo_box ul li.pc_backImg .fw{display:none;}	
@media screen and (max-width: 380px) {
	.logo_box ul li.pc_backImg .fw{display:block;}	
	.logo_box ul li.pc_backImg{
		background:none;
		width: 136px;
	}
	.logo_box ul li.phone p{
		text-indent: 0px;
		margin-top: 10px;
		font-weight:bold;
		font-size: 16px;
	}
}
p[style*="color:red"] {
    display: none !important;
}
/* 统一新闻详情页侧边栏两块卡片宽度 */
.left.r10 {
    width: 210px; /* 这个值可按case实际宽度微调 */
}

.left.r10 .sort,
.left.r10 .sidebar {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 12px;
    overflow: hidden;
}

.left.r10 .sort h3,
.left.r10 .sidebar h3 {
    background: #004696;
    color: #fff;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    font-size: 15px;
    font-weight: bold;
    box-sizing: border-box;
    white-space: nowrap;
}


.left.r10 .sort ul {
    padding: 8px 12px;
    margin: 0;
    list-style: none;
}

.left.r10 .sort ul li {
    line-height: 34px;
}

.left.r10 .sort ul li a {
    color: #333;
    font-size: 14px;
    display: block;
    padding-left: 4px;
}

.left.r10 .sort ul li a::before {
    content: ">> ";
    color: #004696;
}

.left.r10 .sort ul li a:hover {
    color: #004696;
}

.left.r10 .sidebar .side-con {
    padding: 12px;
}
/* 相关阅读模块 */
.related-news {
    margin-top: 20px;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    background: #ffffff;
}
.related-news h3 {
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    margin: 0;
    background: #004696;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.related-news ul {
    list-style: none;
    margin: 12px 16px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
}
.related-news ul li {
    line-height: 32px;
    padding-left: 18px;
    position: relative;
}
.related-news ul li::before {
    content: "·";
    position: absolute;
    left: 4px;
    top: 0;
    color: #004696;
    font-weight: bold;
}
.related-news ul li a {
    color: #333;
    font-size: 14px;
}
.related-news ul li a:hover {
    color: #004696;
}
.banner-box{
    display:block;
}
.logo_big {
    overflow: visible !important;
    height: auto !important;
}
.top_nav_big {
    width: 100% !important;
    height: auto !important;
}

.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}

.bitdiv{display:inline-block;width:12px;height:12px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background:url(../images/btn.jpg) no-repeat left bottom;}
.curimg{background:url(../images/btn.jpg) no-repeat left top;}
﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner a{display:block; height:620px; overflow:hidden;}
/**/

/**/
.pz_bj{height:805px; overflow:hidden; background:url(Img/Index/pz_bj.jpg) no-repeat center top;}
.pz_bj h2{width:610px; margin:66px auto 0; height:142px; padding-left:390px; font:50px/74px "Microsoft Yahei"; background:url(Img/Index/pz_bt.jpg) no-repeat center top; }
.pz{width:1000px; height:600px; margin:0 auto; overflow:hidden;}
.pz_bj h2 a{font-weight:bold; color:#278702; text-decoration:none;}
.pz_bj dl{width:260px; height:292px;}
.pz_bj .pz1{width:250px;}
.pz_bj .pz2{width:500px;}
.pz_bj .pz2 dd{width:260px;}
.pz_bj .pz1 dt{width:230px; text-align:right;}
.pz_bj dl dt{width:132px; height:150px;}
.pz_bj dl dt img{width:132px; height:132px;}
.pz_bj dl dd h3{width:260px; height:60px;}
.pz_bj dl dd h3 img{float:left; width:42px; height:45px;}
.pz_bj dl dd h3 span{float:right; width:200px; font:16px/30px "Microsoft Yahei"; color:#0c1334;}
.pz_bj dl dd h3 span b{display:block; font:22px/22px "Microsoft Yahei"; font-weight:bold; color:#ca0302;}
.pz_bj dl dd p{padding-left:58px; font:14px/21px "Microsoft Yahei"; color:#333;}
/**/ 
.ds_bt{height:548px; overflow:hidden; background:url(Img/Index/bj.jpg) repeat-y center top;}
.bt{text-align:center; height:66px; padding-top:60px; font:28px/30px "Microsoft Yahei";  font-weight:bold; background:url(Img/Index/ds_bt.jpg) no-repeat center top;}
.bt a{color:#0B7910;}
.bt span{display:block; font:20px/40px "Microsoft Yahei"; color:#ca0302;}
.ds{width:1000px; height:320px; margin-top:38px; overflow:hidden;}
.ds ul li{float:left; width:55px; height:320px; margin-right:3px; *display:inline; }
.ds ul li a{display:inline-block; width:55px; height:318px; background:#FFFFFF; border:#0B7910 1px solid;}
.ds ul li a:hover,.ds .cur a{background:#ca0302; text-decoration:none; color:#FFFFFF}
.ds ul li i{display:block; width:18px; margin:80px auto 0; height:200px; color:#666666; font:14px/16px "Microsoft Yahei";}
.ds ul li a:hover,.ds .cur i{ color:#FFFFFF}
.ds_s{width:764px; height:320px; overflow:hidden;}
.ds_s ol li{float:left; width:382px; height:319px; position:relative;}
.ds_s ol li img{width:380px; height:317px; border:1px solid #e8e8e8;}
.ds_s ol li span{display:none; position:absolute; top:0; left:0; width:382px; height:319px; background:url(Img/Index/ds_s.png) no-repeat center top; padding-top:240px; font:13px/20px "Microsoft Yahei"; text-align:center; color:#fff;}
/**/
.pro_bj{height:1236px; overflow:hidden; background:url(Img/Index/pro_bj.jpg) no-repeat center top;}
.pro_l_p{height:1123px; overflow:hidden;margin-top:40px;background:url(Img/Index/pro_nav.jpg) no-repeat center top;}
.pro_top{width:220px; height:75px;overflow:hidden; }
.pro_top h3{height:75px; padding-top:14px; font:24px/30px "Microsoft Yahei"; font-weight:bold; text-align:center; }
.pro_top h3 a{color:#fff; }
.pro_top h3 span{display:block; text-transform:uppercase; font:12px/25px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.pro_l{width:190px;padding-top:10px;padding-bottom:10px; height:911px;overflow:hidden; padding-left:15px;}
.pro_l h3{height:35px;line-height: 35px;color:#3a2f27;padding:12px 0 0 35px; background:url(Img/Index/cp_b.gif) no-repeat 0 bottom;}
.pro_l h3 a{color:#4c9b05; font-family:'Microsoft YaHei';font-weight:normal;font-size:15px;}
.pro_l ul{padding:5px 0 0; overflow:hidden}
.pro_l li{ background: rgba(0, 0, 0, 0) url("Img/Index/cp_dot.gif") no-repeat scroll 2px center;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 10px;
    width: 84px;}
.pro_l li a{color:#666; display:inline-block; overflow: hidden;}

.pro_bot{height:110px;overflow:hidden;width:220px; overflow:hidden; }
.pro_bot b{display:block; height:53px; font:20px/53px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff;}
.pro_bot p{height:50px; padding-left:70px; font:14px/25px "Microsoft Yahei"; color:#fff; background:url(Img/Index/pro_tel.gif) no-repeat 18px center;}
.pro_bot em{display:block; font:22px/25px Arial, Helvetica, sans-serif; color:#fff;}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.tit{zoom:1;}
.tit:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*---title ---*/
.tit{height:38px;padding:0px;background:url(Img/Index/t01.gif) no-repeat;}
.tit em{color:#bcbcbc;float: left;font-family:'Microsoft YaHei';font-size:15px;text-transform: uppercase;display:block; font-weight:normal;}
.tit em a{color:#841f1b;margin-right:8px;font-size:18px;font-family:'Microsoft YaHei';}
.tit em span{display:block; float:right}
.tit b{display:block; float: right;margin-top:0px;font-size:12px; font-weight:normal;text-transform: uppercase;}
.tit b a{color:#666;}
.pro_r{width:743px; height:1117px; margin-top:40px; overflow:hidden;}
.pro_r li{width:247px; float:left;}
.pro_r li img{display:block; width:210px; height:154px; margin:0 auto;border:3px solid #fff;}
.pro_r li span{display:block; text-align:center; padding:12px 0 15px; }
.pro_r li a{color:#555;}

/**/
.td_bt{height:216px; overflow:hidden; background:url(Img/Index/td_bj.jpg);text-align: center;
    width: 100% !important;background-position: center top;;}
.td_bt .td{width:660px; height:140px; float:right; margin-top:42px; overflow:hidden;}
.td_bt dl{float:left; width:100px; height:140px; margin-left:30px; *display:inline;}
.td_bt dl dt{width:79px; height:90px;}
.td_bt dl dt img{width:79px; height:79px;}
.td_bt dl dd{width:90px; margin:0 auto; font:13px/20px "Microsoft Yahei"; color:#222;}
.td_bt dl dd i{color:#ca0302;}
.td_bt .td .cur dd{width:100px;}
/**/
.sn_bj{height:644px; overflow:hidden; background:url(Img/Index/bj.jpg) repeat-y center top;}
.sn_bj h2{width:988px; padding-left:12px; height:122px; margin:55px auto 0; overflow:hidden; font:32px/60px "Microsoft Yahei"; background:url(Img/Index/sn_bt.jpg) no-repeat center top;}
.sn_bj h2 a{font-weight:bold; color:#2A8800;}
.sn_bj h2 span{display:block; font:20px/20px "Microsoft Yahei"; color:#ca0302;}
.sn{width:978px; height:340;}
.sn img{width:978px; height:340;}
.sn_bj ul{width:980px; height:94px; background:#2A8800;}
.sn_bj ul li{float:left; width:244px; height:94px; text-align:center; border-right:1px solid #c6c7cf; font:17px/25px "Microsoft Yahei"; position:relative; color:#fff;}
.sn_bj .none{border:0;}
.sn_bj ul li i{display:block; margin-top:12px; font:14px/20px "Microsoft Yahei"; color:#d7d7d5;}
.sn_bj ul li em{display:block; font:12px/20px "Microsoft Yahei"; color:#FFFFFF;}
.sn_bj ul li span{display:none; position:absolute; top:0px; left:0; width:244px; height:94px; background:url(Img/Index/sn_s.jpg) no-repeat center top;}
.sn_bj ul li span img{width:140px; height:60px; margin-top:18px;}
.sn_bj ul li.cur #nnd{ display:inline}
/**/
.pic1{height:300px; overflow:hidden; background:url(Img/Index/pic1.jpg) no-repeat center top; position:relative;}
.pic1 .pic_tel{position:absolute; top:96px; left:50%; margin-left:-202px; width:680px; height:100px;}
.pic1 .pic_tel p{float:left; margin-top:67px; font:14px/25px "Microsoft Yahei"; color:#333;}
.pic1 .pic_tel p i{font:22px/25px "Microsoft Yahei"; font-weight:bold; color:#333;}
.pic1 .pic_tel span{float:right;}
.pic1 .pic_tel span a{ text-decoration:none;}
.pic1 .pic_tel span em{display:block; width:198px; height:32px; margin-bottom:18px; text-align:center; font-weight:bold; color:#fff; font:14px/32px "Microsoft Yahei"; background:url(Img/Index/pic_btn1.gif) no-repeat center top; cursor:pointer;}
.pic1 .pic_tel .p_cur{background:url(Img/Index/pic_btn2.gif) no-repeat center top;}
/**/
.ys_bj{height:1600px; overflow:hidden; position:relative;}
.ys1{height:694px; background:url(Img/Index/ys1.jpg); text-align: center;
    width: 100% !important;background-position: center top;}
.ys2{height:470px; background:url(Img/Index/ys2.jpg); text-align: center;
    width: 100% !important;background-position: center top;}
.ys3{height:428px; background:url(Img/Index/ys3.jpg); text-align: center;
    width: 100% !important;background-position: center top;}
.ys4{height:471px; background:url(Img/Index/ys4.jpg); text-align: center;
    width: 100% !important;background-position: center top;}
.ys{position:absolute; top:345px; left:50%; width:1000px; margin-left:-500px;}
.ys dl{position:absolute; width:450px;}
.ys .dl01{top:0; left:0;}
.ys .dl02{top:398px; right:0;}
.ys .dl03{top:387px; left:0;}
.ys .dl04{top:858px; right:0;}
.ys .dl01 dt{background:url(Img/Index/ys01.png) no-repeat center top;}
.ys .dl02 dt{background:url(Img/Index/ys02.png) no-repeat center top;}
.ys .dl03 dt{background:url(Img/Index/ys03.png) no-repeat center top;}
.ys .dl04 dt{background:url(Img/Index/ys04.png) no-repeat center top;}
.ys dl dt{width:366px; height:76px; margin-bottom:25px; padding-left:84px; font:20px/40px "Microsoft Yahei"; font-weight:bold; color:#555;}
.ys dl dt span{display:block; font:26px/30px "Microsoft Yahei"; font-weight:bold;  color:#2A8800;}
.ys dl dt i{ color:#ca0302;}
.ys dl dd p{font:14px/24px "Microsoft Yahei"; margin-left:78px; color:#686565; padding-left:14px; background:url(Img/Index/ys_s.gif) no-repeat left 10px;}
/**/
.pic2{height:227px; overflow:hidden; background:url(Img/Index/pic2.jpg); position:relative;text-align: center;
    width: 100% !important;background-position: center top;}
.pic2 p{position:absolute; top:95px; left:50%; margin-left:230px; width:198px; height:80px;}
.pic2 p em{display:block; width:198px; height:32px; margin-bottom:8px; text-align:center; font-weight:bold; color:#fff; font:14px/32px "Microsoft Yahei"; background:url(Img/Index/pic_btn1.gif) no-repeat center top; cursor:pointer;}
.pic2 p a{ text-decoration:none;}
.pic2 .p_cur{background:url(Img/Index/pic_btn2.gif) no-repeat center top; text-decoration:none;}
/**/
.about_bj{height:641px; overflow:hidden; background:#f9f9f9;}
.about_bj h2{width:988px; height:42px; margin-top:50px; background:url(Img/Index/about_bt.jpg) no-repeat center bottom;}
.about_bj h2 i{font:22px/42px "Microsoft Yahei"; font-weight:bold;  color:#0c1334;}
.about_bj h2 span{font:12px/50px "Microsoft Yahei"; color:#5b5b5b;}
.about_bj dl{width:950px; height:308px; margin:35px auto 0; overflow:hidden;}
.about_bj dl dt{float:left; width:493px; height:259px;}
.about_bj dl dt img{float:left; width:493px; height:259px;}
.about_bj dl dd{float:right; width:374px;}
.about_bj dl dd h4{margin:20px 0 10px 0; font:16px/30px "Microsoft Yahei"; }
.about_bj dl dd h4 a{color:#323232;}
.about_bj dl dd p{height:160px; font:14px/24px "Microsoft Yahei"; color:#666;}
.about_bj dl dd em{display:inline-block; width:128px; height:28px; margin-right:13px; text-align:center; font:14px/28px "Microsoft Yahei"; color:#fff;  background:url(Img/Index/about_btn1.gif) no-repeat center top; cursor:pointer;}
.about_bj .cur1{background:url(Img/Index/about_btn2.gif) no-repeat center top;}
.about_s{width:990px; height:200px; margin:0 auto; overflow:hidden; position:relative}
.about_s .tempWrap{float:left;}
.about_s ul li{float:left; width:230px; height:200px;  *display:inline; background:url(Img/Index/about_ss.jpg) no-repeat center top;}
.about_s ul li img{width:212px; height:139px; padding:1px 0 0 3px;}
.about_s ul li span{display:block; text-align:center; font:14px/46px "Microsoft Yahei"; color:#565656;}
.about_s ul li a:hover span{color:#ca0302;}
.about_x{width:27px; height:27px; margin-top:56px; overflow:hidden; position:absolute; top:0px; left:0}
.about_y{width:27px; height:27px; margin-top:56px; overflow:hidden; position:absolute; top:0px; right:0}
.about_x a,.about_y a{display:block; width:27px; height:27px;}
.about_x a{background:url(Img/Index/x_roll.png) no-repeat 0 -27px;}
.about_x a:hover{background-position:0 0;}
.about_y a{background:url(Img/Index/y_roll.png) no-repeat 0 -27px;}
.about_y a:hover{background-position:0 0;}
.about_s .cur{margin-left:10px;}
/**/ 
.rk{width:1000px; height:264px; margin:0 auto; overflow:hidden;}
.rk h2{text-align:center; height:30px; margin:38px 0 25px 0; font:18px/30px "Microsoft Yahei"; font-weight:bold; background:url(Img/Index/rk_bt.gif) no-repeat center center;}
.rk h2 a{color:#2A8800; }
.rk ul li{float:left; width:183px; height:99px; margin-left:14px; *display:inline; }
.rk ul li a{display:inline-block; width:183px; height:35px; padding-top:64px; text-align:center; font:16px/20px "Microsoft Yahei";  font-weight:bold; color:#2A8800;}
.rk .rk1 a{background:url(Img/Index/rk1.jpg) no-repeat center top;}
.rk .rk1 a:hover{background:url(Img/Index/rk01.jpg) no-repeat center top;}
.rk .rk2 a{background:url(Img/Index/rk2.jpg) no-repeat center top;}
.rk .rk2 a:hover{background:url(Img/Index/rk02.jpg) no-repeat center top;}
.rk .rk3 a{background:url(Img/Index/rk3.jpg) no-repeat center top;}
.rk .rk3 a:hover{background:url(Img/Index/rk03.jpg) no-repeat center top;}
.rk .rk4 a{background:url(Img/Index/rk4.jpg) no-repeat center top;}
.rk .rk4 a:hover{background:url(Img/Index/rk04.jpg) no-repeat center top;}
.rk .rk5 a{background:url(Img/Index/rk5.jpg) no-repeat center top;}
.rk .rk5 a:hover{background:url(Img/Index/rk05.jpg) no-repeat center top;}
.rk ul li a:hover{color:#fff;}
/**/
.news{height:450px; width:990px; margin:0 auto; overflow:hidden;}
.news_l{width:580px; height:440px; overflow:hidden;}
.news_l .news_n{width:580px; height:76px; overflow:hidden; background:url(Img/Index/news_n.gif) no-repeat left 36px;}
.news_n ul li{float:left; height:40px; margin-right:70px; *display:inline;}
.news_n ul li a{display:inline-block; height:40px; font:22px/40px "Microsoft Yahei"; color:#555; font-weight:bold; padding:0 10px;}
.news_n ul li a:hover,.news_n ul li.cur a{border-bottom:1px solid #ca0302; color:#0c1334; text-decoration:none;}
.news_l .news_n span{font:12px/45px "Microsoft Yahei"; color:#5b5b5b; }
.news_l dl{width:568px; height:148px; margin:0 auto; overflow:hidden;}
.news_l dl dt{float:left; width:244px; height:132px;}
.news_l dl dt img{width:234px; height:121px; padding:4px; border:1px solid #b4b4b4;}
.news_l dl dd{float:right; width:310px; font:14px/28px "Microsoft Yahei"; color:#666;}
.news_l dl dd h4{height:30px; font:16px/20px "Microsoft Yahei";}
.news_l dl dd h4 a{color:#000;}
.news_l ol li{float:left; width:265px; height:43px; font:14px/43px "Microsoft Yahei"; border-bottom:1px dashed #c6c6c6; color:#666;}
.news_l ol li a{display:inline-block; padding-left:20px; background:url(Img/Index/news_s.gif) no-repeat left center;}
.news_l .cr{padding-left:60px; width:225px;}

.news_r{width:322px; height:440px; overflow:hidden;}
.news_r h2{height:40px; border-bottom:1px solid #5b5b5b; margin-bottom:38px;}
.news_r h2 i{font:22px/40px "Microsoft Yahei"; font-weight:bold; color:#2A8800;}
.news_r span{font:12px/45px "Microsoft Yahei"; color:#5b5b5b;}
.news_r dl{height:116px; overflow:hidden;}
.news_r dl dt{height:32px; font:16px/20px "Microsoft Yahei"; padding-left:35px; background:url(Img/Index/w.gif) no-repeat left 2px;}
.news_r dl dt a{color:#323232;}
.news_r dl dd{font:14px/22px "Microsoft Yahei"; padding-left:35px; color:#666; background:url(Img/Index/d.gif) no-repeat left 2px;}
/**/
.lc_bj{height:171px; background:#fff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.lc_bj dl{float:left; width:242px; height:124px; margin-top:37px; background:url(Img/Index/lc_bj.jpg) no-repeat left top;}
.lc_bj dl dt{float:left; width:115px; text-align:right;}
.lc_bj dl dt img{width:73px; height:73px; margin-top:4px;}
.lc_bj dl dd{float:right; width:100px; height:100px; border-right:1px solid #d6d6d6; font:14px/20px "Microsoft Yahei"; color:#505050;}
.lc_bj dl dd b{display:block; font:16px/30px "Microsoft Yahei"; color:#000;}
.lc_bj .cur{width:274px;}
.lc_bj .cur dd{width:130px; border:0;}

/**/
.link_bj{height:150px; overflow:hidden; background:url(Img/Index/link_bj.jpg) ;text-align: center;
    width: 100% !important;background-position: center top;}
.link{width:1000px; height:150px; margin:0 auto; overflow:hidden; position:relative;}
.link span{display:block; width:172px; text-align:right; margin-top:48px;}
.link span img{width:158px; height:60px;}
.link p{width:822px; height:90px; margin-top:46px; text-align:left }
.link p a{display:inline-block; font:13px/34px "Microsoft Yahei"; color:#505050; margin-left:62px;}
.links{position:absolute; top:84px; right:25px; display:block; width:167px; height:24px; font:13px/24px "Microsoft Yahei"; color:#fff; text-align:center; background:url(Img/Index/link_s.png) no-repeat center top; cursor:pointer;}
/**/

.fullSlide {width:100%;position:relative;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:8px;margin:1px;overflow:hidden;background:#eee;line-height:999px;}
.fullSlide .hd ul .on {background:#CA0302;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(img/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/right1s.png) no-repeat;}



.reservation-lesson-bar {
	height: 50px;
	line-height: 50px;
	background-color: #3e3e3e;
	position: relative;
	margin-bottom: 0;
}
.reservation-lesson-bar.fixed {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	transition: all 0.3s;
	z-index: 999;
	transform: translate(0px, 150px);
	margin-bottom: 0px;
}
.reservation-lesson-bar.fixed.show {
	transition: all 0.3s;
	transform: translate(0px, 0px);
}


.reservation-lesson-bar .to-top {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}

.reservation-lesson-bar .to-top.active {
	opacity: 1;
	visibility: visible;
}

.container {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

.reservation-lesson-bar .reservation-box {
	position: relative;
	overflow: inherit;
	font-size: 0px;
	display: block;
}

.reservation-lesson-bar .reservation-box .reservation-left-box {
	position: relative;
	float: left;
	width: 350px;
	font-size: 0.75rem;
}

.reservation-lesson-bar .reservation-box .reservation-right-sub {
	flex: 0 0 auto;
	height: 50px;
	font-size: 0.75rem;
	padding: 5px 0;
	box-sizing: border-box;
}


.reservation-lesson-bar .reservation-box .reservation-right-sub form {
	width: 100%;
	height: 100%;
	font-size: 0px;
	display: flex;
	align-items: center;
}
.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-tip {
	position: relative;
	font-size: 17px;
	color: #ffffff;
	flex: 0 0 250px;
	text-align: left;
	text-indent: 15px;
}


.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-input {
	flex: 0 0 154px; width: 154px;
	height: 40px;
	color: #666;
	border-radius: 4px;
	border: none;
	outline: none;
	box-sizing: border-box;
	text-indent: 5px;
	font-size: 16px;
	margin-left: 10px;
	padding: 0;
	vertical-align: top;
}
.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-sub {
	flex: 0 0 154px; width: 154px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: none;
	outline: none;
	background: #FB3449;
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	cursor: pointer;
	transition: all 0.3s;
}

.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-tip span {color: #fb3449;}
.reservation-lesson-bar .reservation-box .reservation-left-box .reservation-left-user {position: absolute;top: -96px;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
#menu_Nav,.moduleMobile,.fixm{display:none ;}
@media screen and (max-width: 768px) {
	#menu_Nav,.moduleMobile{display:block !important ;}
	.news_pic,#newBridge,#hm_t_undefined,.pcModule{display:none;}
	<!--.fullSlide {padding-top:82px;}-->
}
@media screen and (min-width: 768px) {
	<!--.fullSlide {padding-top:192px;}-->
}
.moduleMobile a {
  color: #b1b1b1;
  text-decoration: none;
  -moz-transition: 0.1s all ease-in-out;
  -o-transition: 0.1s all ease-in-out;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}
.moduleMobile a:hover {
  color: #b1b1b1;
}
.moduleMobile .colorchange {
  color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}

#menu_Nav{
	right: 2%;
	position: fixed;
    width: 30px;
    height: 30px;
    top: 10px;
    font-size: 12px;
    cursor: pointer;
	z-index: 100;
	background:rgba(208,208,208,0.8);
}
.menu_btn{
	height: 30px;
    width: 30px;
	background: url(../images/nav_nav.png) no-repeat left bottom;
	background-size:30px 30px;
}





.moduleMobile nav {
  background: transparent;
  display: flex;
  align-items: center;
  padding: 10px;
  justify-content: space-between;
  height: 56px;
  font: 14px Rokkitt;
  position: fixed;
  top: 0;
  right: 0;
  text-transform: uppercase;
  width: 40%;
}
.moduleMobile #userPLink {
  position: relative;
}
.moduleMobile nav a{
  margin: 0 10px 0 0;
  text-shadow: 1px 1px 2px #212121;
} 
.moduleMobile #userMenuToggle {
  position: absolute;
  right: 0;
}
.moduleMobile ul #userMenu {
  background: #202020;
  list-style: none;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
}
.moduleMobile #userMenu li {
  display: block;
  padding: 5px 10px;
  text-align: left;
  width: 50px;
}
.moduleMobileul #userMenu li a::after {
  content: attr(title);
}
.moduleMobile #userMenu li a:hover, #sideMenuContainer > a:hover {
  padding-left: 3px
}

.moduleMobile #scrollingNews {
  color: #fcfcfc;
}


#sideMenuClosed{}
.moduleMobile #sideMenuContainer {
  background: #232323;
  height: 100%;
  padding: 10px;
  position: fixed;
  right: -50%;
  width: 40%;
  z-index: 400;
}
.menu_icon {
	height: 56px;
	
}
.moduleMobile #sideMenuContainer h2 {
  color: #fcfcfc;
  font: 16px 'PT Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.moduleMobile #sideMenuContainer > a {
  display: block;
  padding: 5px 10px;
}
.moduleMobile #sideMenuContainer ul li{
	line-height:20px;
}
.moduleMobile #sideMenuContainer > a::after {
  content: attr(title);
  font: 12px 'PT Sans', Helvetica, Arial, sans-serif;
  padding-left: 10px;
  text-transform: uppercase;
}

.moduleMobile #logo {
  display: block;
  font: 700 48px Helvetica, Arial, sans-serif;
  letter-spacing: 10px;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  top: 100px;
  left: 0;
}
.moduleMobile #logo span {
  display: block;
  font-size: 12px;
  letter-spacing: 7.5px;
}

.moduleMobile #sourceCode {
  position: absolute;
  top: 50%;
  margin: 0 auto;
}
#about .cont p{
	text-indent:30px;
	margin-top:20px;
}
#about .cont ol li,#about .cont ul li{
	line-height:30px;
	text-indent:30px;
	margin-top:20px;
}
@media screen and (max-width: 768px) {
	.fixm {
	    position: fixed !important;
	    right: 12px;
	    bottom: 80px;
	    top: auto !important;
	    z-index: 999;
	}
}

/* ============================================================
   mfix.css - 移动端专项修复 v2 2026-10-30
   修复：1)汉堡菜单无法弹出(class切换方案)
        2)核心项目图片下文字被裁
        3)新闻区黑色横条(reservation条叠压/dynamic浮动未清除)
        4)footer高度300px被裁、二维码absolute错位
   ============================================================ */

/* ---------- 移动端 (<=768px) ---------- */
@media screen and (max-width: 768px) {

	/* 1. 隐藏欢迎条，让汉堡按钮与LOGO同行 */
	.loding_box.big{ display:none !important; }

	/* 汉堡按钮：固定右上角、永远可见、不被遮挡 */
	#menu_Nav{
		position: fixed !important;
		top: 14px !important;
		right: 12px !important;
		width: 34px !important;
		height: 34px !important;
		z-index: 99999 !important;
		background: rgba(255,255,255,0.9) !important;
		box-shadow: 0 1px 4px rgba(0,0,0,0.25) !important;
	}
	#menu_Nav .menu_btn{
		width: 34px !important;
		height: 34px !important;
		background-size: 26px 26px !important;
		background-position: center center !important;
	}

	/* 侧边菜单：宽78%，收起时完全移出屏幕；展开用class切换 */
	.moduleMobile #sideMenuContainer{
		width: 78% !important;
		right: -80% !important;
		z-index: 99998 !important;
		transition: right .25s ease !important;
		box-sizing: border-box !important;
		overflow-y: auto !important;
	}
	.moduleMobile #sideMenuContainer.menu-open{
		right: 0 !important;
	}
	.moduleMobile #sideMenuContainer a{ color:#ddd !important; }

	/* 2. 电话：移动端显示"图标+全国服务热线+号码"热线样式（可点击拨打）
	      margin-right:56px 用于避开右上角固定的汉堡按钮（right:12 + 宽34 + 间隙） */
	.logo_box ul li.phone{
		float: right !important;
		width: auto !important;
		max-width: 60% !important;
		margin-top: 18px !important;
		margin-right: 56px !important;
		background: none !important;
	}
	.logo_box ul li.phone p,
	.logo_box ul li.phone .fw{ display: none !important; }
	.logo_box ul li.phone .m-hotline{
		display: flex !important;
		align-items: center !important;
		gap: 7px !important;
		text-decoration: none !important;
	}
	.logo_box ul li.phone .m-hotline svg{
		width: 30px !important;
		height: 30px !important;
		flex: 0 0 auto !important;
	}
	.logo_box ul li.phone .ht-box{
		display: flex !important;
		flex-direction: column !important;
		line-height: 1.25 !important;
	}
	.logo_box ul li.phone .ht-cap{
		font-size: 12px !important;
		color: #555 !important;
		white-space: nowrap !important;
	}
	.logo_box ul li.phone .ht-num{
		font-size: 16px !important;
		font-weight: bold !important;
		color: #147fd8 !important;
		white-space: nowrap !important;
	}
	.logo_pic{ margin-top: 18px !important; }
	.logo_big, .logo_box, .logo{ overflow: visible !important; }

	/* 3. 核心项目：取消li固定高度，让图片下的文字显示出来 */
	.manager .Box_con .conbox ul li{
		height: auto !important;
		overflow: hidden !important;
	}
	.manager .Box_con .conbox ul li:first-child{
		height: auto !important;
	}
	.manager .Box_con .conbox ul li div{
		height: auto !important;
	}
	.manager .Box_con .conbox ul li img{
		height: 200px !important;
	}

	/* 4. 新闻区黑色横条修复：
	      dynamic内全是浮动元素，容器高度塌陷为0，
	      导致后面的PC预约横条(reservation-lesson-bar, #3e3e3e深灰)
	      流到新闻区上方形成"黑条"盖住标题。
	      方案：清除浮动 + 移动端隐藏PC预约横条 */
	.dynamic::after{
		content: "" !important;
		display: block !important;
		clear: both !important;
	}
	.reservation-lesson-bar{ display: none !important; }

	/* 5. footer与PC一致：取消300px固定高度裁切，二维码复位，导航3列 */
	.footer{
		display: block !important;
		height: auto !important;
		padding-bottom: 24px !important;
	}
	.footer .footer-content{
		width: 100% !important;
		height: auto !important;
		display: block !important;
		padding: 20px 4% !important;
		box-sizing: border-box !important;
	}
	.footer .footer-content::after{ display: none !important; }
	.footer .footer-content .right{
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
	.footer .footer-content .right .connect{ font-size: 14px !important; }
	.footer .footer-content .right .address p{ white-space: normal !important; }
	.footer .footer-content .right .link li{ display: inline-block !important; }
	.footer .footer-content .footer-nav{
		width: 100% !important;
		float: none !important;
		margin: 18px 0 0 0 !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
	}
	.footer .footer-content .footer-nav ul{ flex: 1 1 0 !important; }
	.footer .footer-content .left{
		position: static !important;
		width: 100% !important;
		float: none !important;
		margin-top: 18px !important;
		text-align: center !important;
	}
	/* 手机版底部原有的重复联系块隐藏（footer已包含） */
	.addRes{ display: none !important; }

	/* 6. 详情页/列表页：移动端隐藏栏目导航卡片(.left.r10，含物流百科菜单与联系卡)，
	      仅保留面包屑与正文 */
	.left.r10{ display: none !important; }

	/* 7. 面包屑路径（当前位置：首页>物流百科>物流学堂）：
	      style.css 在移动端隐藏了 .tit，这里恢复显示并适配样式 */
	#wrapper .right .tit,
	.right h3.tit,
	.right_news h3.tit{
		display: block !important;
		background: none !important;
		height: auto !important;
		line-height: 1.6 !important;
		text-indent: 0 !important;
		padding: 10px 0 2px 2px !important;
		margin: 0 !important;
		font-size: 13px !important;
		color: #888 !important;
		text-align: left !important;
	}
	.right h3.tit a,
	.right_news h3.tit a{ color: #147fd8 !important; text-decoration: none !important; }
	.right h3.tit label,
	.right_news h3.tit label{
		width: auto !important;
		max-width: 55% !important;
		float: right !important;
		font-size: 12px !important;
	}
	#wrapper .right,
	.right{
		width: 100% !important;
		float: none !important;
		box-sizing: border-box !important;
		padding: 0 10px !important;
	}
	#wrapper{ width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding-top: 90px !important; }
	#about .cont{ width: 100% !important; }
	#about .cont *{ max-width: 100% !important; }
	#about .cont table{ display: block !important; overflow-x: auto !important; }
	#about .cont img{ height: auto !important; }
	#news_list, #news_list ul{ width: 100% !important; }
	html, body{ overflow-x: hidden !important; max-width: 100vw !important; }

	/* h3.tit 面包屑不换行裁切 */
	h3.tit{ white-space: normal !important; }
}

/* ---------- 极窄屏幕 (<=380px) ---------- */
@media screen and (max-width: 380px) {
	.logo_box ul li.phone p{ font-size: 14px !important; }
	.logo_pic img{ width: 118px !important; }
	.logo_pic{ width: 130px !important; }
	#menu_Nav{ right: 8px !important; }
	.logo_box ul li.phone .m-hotline svg{ width: 26px !important; height: 26px !important; }
	.logo_box ul li.phone .ht-num{ font-size: 15px !important; }
	.logo_box ul li.phone .ht-cap{ font-size: 11px !important; }
}

/* ---------- PC端：隐藏移动端热线组件，保持原样式 ---------- */
.logo_box ul li.phone .m-hotline{ display: none; }


/* 相关阅读：取9条以排除当前文章，最多显示8条 */
.related-news ul li:nth-child(n+9){ display: none !important; }

/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

/* footer.css */
	.footer {
		width: 100%;
		position: relative;
		overflow: hidden;
		height: 300px;
		margin-top: 0;
		background-color: #0b2a52;
		background-image: url(../images/footer_bg_g.jpg?v=20261029);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.footer .footer-content {
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.footer .footer-content::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
		content: "";
	}
	.footer .footer-content .left {
		position: absolute;
		right: 128px;
		top: 56px;
		width: 120px;
		margin: 0;
	}
	.footer .footer-content .left h3 {
		font-size: 20px;
		color: #fff;
		line-height: 30px;
		text-align: center;
	}
.footer .footer-content .left .chat::after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	content: "";
}
.footer .footer-content .left .chat .consults {
	width: 120px;
	float: none;
}
.footer .footer-content .left .chat .consults p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}

.footer .footer-content .footer-nav { width: 520px; float: left; margin: 34px 0 0 40px; display: flex; gap: 30px; overflow: visible; }
.footer .footer-content .footer-nav ul { width: auto; float: none; flex: 1 1 0; list-style: none; padding: 0; margin: 0; }
.footer .footer-content .footer-nav li { display: block; width: auto; height: auto; line-height: 28px; }
.footer .footer-content .footer-nav li a { text-decoration: none; color: #fff; font-size: 14px; }
.footer .footer-content .footer-nav li a:hover { color: #06c; }
.footer .footer-content .right {
	width: 400px;
	float: left;
	margin-top: 30px;
}

.footer .footer-content .right .footer-nav::after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	content: "";
}
.footer .footer-content .right .connect { font-size: 0; }
.footer .footer-content .right .connect img { width: 26px; height: auto; vertical-align: middle; margin-right: 12px; }
.footer .footer-content .right .connect span { display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; line-height: 28px; }
.footer .footer-content .right .address {
	margin-top: 22px;
}
.footer .footer-content .right .address p {
	color: #fff;
	font-size: 14px;
	line-height: 26px;
}
.footer .footer-content .right .address p a {
	color: #fff;
	font-size: 14px;
}
.footer .footer-content .right .address img {
	vertical-align: middle;
	margin-right: 20px;
}
.footer .footer-content .right .link {
	margin-top: 35px;
	height:auto;
}
.footer .footer-content .right .link::after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	content: "";
}
.footer .footer-content .right .link li {
	float: left;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.footer .footer-content .right .link li a {
	text-decoration: none; padding:0 12px;
	color: #fff;
	font-size: 12px;
}
.footer_m {
	width: 100%;
	background-color: #005bef;
	padding: 26px 0px;
}
.footer_m h3 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
}
.footer_m .chat {
	margin: 10px auto;
	width: 240px;
}
.footer_m .chat::after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	content: "";
}
.footer_m .chat .consults {
	width: 106px;
	float: left;
}
.footer_m .chat .consults p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.footer_m .chat .consults img {
	display: block;
	margin: 0 auto;
	width: 99px;
}

.footer_m .connect {
	margin-top: 10px;
}
.footer_m .connect p {
	color: #fff;
	margin-left: 10px;
	font-size: 14px;
	line-height: 28px;
}
.footer_m .connect p img {
	vertical-align: middle;
	margin-right: 10px;
	width: 26px;
}
.footer_m .adress {
	margin-top: 12px;
}
.footer_m .adress p {
	color: #fff;
	margin-left: 10px;
	font-size: 14px;
	line-height: 26px;
}
.footer-nav {
    width: 100%;
    overflow: hidden;
    margin: 15px 0;
    display: flex;
    gap: 40px;
}
.footer-nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}
.footer-nav > ul > li {
    display: inline-block;
    margin-right: 16px;
    line-height: 28px;
}
.footer-nav > ul > li > a {
    color: #cccccc;
    font-size: 14px;
    text-decoration: none;
}
.footer-nav > ul > li > a:hover {
    color: #0066cc;
}
/* 移动端：菜单全部竖排 */
@media (max-width:768px){
    .footer-nav{
        flex-direction: column;
        gap:8px;
    }
    .footer-nav > ul > li{
        display:block;
        margin-right:0;
    }
}

/* ================= 相关阅读排版优化 2026-11-01 ================= */
/* PC：每行 2 条；移动端：每行 1 条；标题单行固定截断对齐 */
.related-news ul{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:2px 24px;
    margin:10px 16px 14px !important;
    padding:0 !important;
    list-style:none;
}
.related-news ul li{
    position:relative;
    min-width:0;
    height:34px;
    line-height:34px;
    padding-left:14px;
    margin:0;
    overflow:hidden;
    white-space:nowrap;
    box-sizing:border-box;
}
.related-news ul li::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:5px;
    margin-top:-2.5px;
    background:#004696;
    border-radius:1px;
}
.related-news ul li a{
    display:block;
    height:34px;
    line-height:34px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    font-size:14px;
    color:#333;
}
.related-news ul li a:hover{ color:#004696; }
/* 热门标签云不受上面的列表排版影响 */
.related-news ul.tag-cloud{
    display:block !important;
    margin:10px 16px 12px !important;
    padding:0 !important;
    line-height:2;
}
.related-news ul.tag-cloud li{ height:auto; }
@media screen and (max-width:768px){
    .related-news ul{ grid-template-columns:1fr; gap:0; margin:8px 12px 12px !important; }
    .related-news ul li{ height:40px; line-height:40px; }
    .related-news ul li a{ height:40px; line-height:40px; }
    /* 详情页内容区上移，紧贴 banner 图片底端 */
    #wrapper{ padding-top:0 !important; }
}

/* ================= 标签云等宽排版 + 来源行不换行 2026-11-01b ================= */
.related-news ul.tag-cloud{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 128px));
    justify-content:start;
    gap:8px 10px;
    margin:12px 16px 14px !important;
    padding:0 !important;
    line-height:1 !important;
}
.related-news ul.tag-cloud a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 8px;
    margin:0;
    background:#f2f6fa;
    color:#456;
    border-radius:3px;
    font-size:13px;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    box-sizing:border-box;
}
.related-news ul.tag-cloud a:hover{ background:#e4eef8; color:#004696; }
/* 来源/发布时间：一行显示，不换行 */
#about .time, #news .time{ white-space:nowrap !important; }
@media screen and (max-width:768px){
    .related-news ul.tag-cloud{
        grid-template-columns:repeat(3, 1fr);
        gap:8px;
        margin:10px 12px 12px !important;
    }
    .related-news ul.tag-cloud a{ height:32px; font-size:12px; }
    #about .time, #news .time{
        font-size:12px !important;
        line-height:22px !important;
        margin:8px 0 10px 0 !important;
        letter-spacing:0 !important;
    }
}
