/* CSS Document */

body{font-family:'Microsoft Yahei' !important;}
*{font-family:'Microsoft Yahei';}
a{ color:#333; text-decoration:none;}
ul{ padding-left:0px;}
ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
em{ font-style:normal;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.fr {  float: right;}
.fl { float: left;}
.cl:after{
	content: "";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
img{max-width: 100%;}

.common-width{ width:1400px; margin:0 auto;max-width: 96%;}
.common-width2{ width:1200px; margin:0 auto;max-width: 94%;}

.longiTop { z-index: 9999;zoom: 1; position: fixed; left: 0px; top: 0px; width: 100%; background:url(/image/bj.png) repeat; }

.longi-header { width: 100%; z-index: 4; height: 102px; transition: all .5s;  }

.logo { float: left; display: block; width: 400px; display: block; margin: 5px 0px 0 0; }
.logo img { width: 400px; display: block; }

.right-search{ float:right;}
.searchright .search .text{color: #cbcbcb;}

.pc_nav { height: 60px; line-height: 60px; transition: all .3s; }
.pc_nav li { display: inline-block; font-size: 16px; height: 10px; line-height:40px; transition: all .5s; float: left; text-align: center; margin-right:53px;}
.pc_nav li a { display: block; color:#333; position: relative; }
.pc_nav li a.gaoliang, .pc_nav li a:hover{ color: #fe0000; border-bottom:3px solid #fe0000; text-decoration:none; }
.pc_nav li  .active{ color: #fe0000; text-decoration:none; }

#menu,.YUYAN{ display:none;}

.right-important{ float:right;}

#menu{
	display: none !important;
}
#menu.mm-opened{
	display: block !important;
}

.change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;}
.change_height.longi-header{height:102px; transition: all .5s;background-color:#fff; border-bottom:1px solid #f3f3f3;box-shadow: 1px 1px 3px #ccc;}
.change_height.longi-header .pc_nav { height: 40px; line-height: 40px; transition: all .5s; }
.change_height.longi-header .pc_nav li { display: inline-block; font-size: 16px; height: 35px; line-height:37px; float: left; text-align: center; margin-right:53px;}
.change_height .subNavBox { top: 102px;}
.change_height .logo { margin: 0px 0px; transition: all .5s;  margin-top:5px;}
.change_height .logo img { width: 400px; height:auto; display: block;}
.change_height .rightnav { margin-top:15px; transition: all .5s; }
/*.change_height .searchright .search .sub{ top:0;}*/

/*nav导航盒子*/
div.rightnav{ width: 300px; height:36px; line-height: 36px; text-align: center;  font-size: 12px; position: relative;z-index:99999;margin-right:-10px;margin-top:15px;}
ul.nav-main{ width: 100%;  height: 100%; list-style-type: none; display:block; padding-left:65px;}
ul.nav-main img{width: 18px;position: relative;top: -1px;}
ul.nav-main span{ display: inline-block;  margin-left: 4px;  width: 8px; height: 8px;  background: url('../image/header_dot01.png') no-repeat;}
/*#li-1,#li-3{ display:none;}*/

/*图标向上旋转*/
.hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{  transition-duration: .5s; transform: rotate(0deg); -webkit-transform: rotate(0deg);}

/*导航条设置*/
ul.nav-main>li{float: left; height:35px; line-height:35px; display: inline-block; color: #666; cursor: pointer;width: 112px;  margin-left:10px;}

/*隐藏盒子设置*/
div.hidden-box{ width: 95px;  position: absolute; display:none;background:url(/image/bj.png) repeat; top: 35px;}
.hidden-box>ul li{ list-style-type: none; color: #666; cursor: pointer;}
.hidden-box>ul li a{color: #666; }
.hidden-box li a:hover{ color: #fe0000;}

/*隐藏盒子位置设置*/
.hidden-loc-index{ left: 0px;}
.hidden-loc-us{ /*left: 10px;*/ left: 100px;}
.hidden-loc-info{left: 200px;}
.searchright{ float:right; padding:13px 0 0 80px; position: absolute; font-size: 14px;}
.searchright .search{width: 26px; position: relative;}
.searchright .search.phone{display: none;}
.searchright .search .sub{width: 26px;height: 26px;background: url(/images/search_btn.png) no-repeat right center;border:0;position: absolute;top:5px;right: 5px; z-index:1; text-indent: -9999px;}
.searchright .search .text{width:270px;height:26px;line-height:26px; font-size:12px; background:none; border:1px solid #ccc; position: absolute;top:5px;right: 0px; z-index:0; text-indent: 10px; }
.searchright .search:hover .text{width: 270px;border:1px solid #ccc;}

.subNavBox a:link, .subNavBox a:visited { color: #646464; }
.subNavBox a:active, .subNavBox a:hover { color: #646464; }
.subNavBox { position: absolute; left: 0px; top: 102px; width: 100%; left: 0px;text-align: left; background:url(/image/bj01.png) repeat; border-top:1px solid #eee; height: 0; overflow: hidden; }
.subNavBox .subNav { display: none; height: 389px; }
.subNavBox a .bot { width: 0px; position: absolute; left: 50%; bottom: 0px; height: 1px; background-color: #fe0000; transition: 0.5s; -webkit-transition: 0.5s; }
.subNavBox a:hover .bot { width: 74px; margin-left: -37px; }
.subNavBox .subConPage a:link, .subNavBox .subConPage a:visited { color: #646464; }
.subNavBox .subConPage a:active, .subNavBox .subConPage a:hover { color: #fe0000; }
/*=========mF_tab--========*/
.subNavtavs01,.subNavtavs02,.subNavtavs03,.subNavtavs04,.subNavtavs05,.subNavtavs06{ width:1000px; margin:10px auto; text-align:left;}
.subNavtavs01 .tab,.subNavtavs02 .tab,.subNavtavs03 .tab,.subNavtavs04 .tab,.subNavtavs05 .tab,.subNavtavs06 .tab{ height:35px !important; line-height:35px !important; overflow:hidden; color:#ddd; margin-bottom:0px;}
.subNavtavs01 .tab a,.subNavtavs02 .tab a,.subNavtavs03 .tab a,.subNavtavs04 .tab a,.subNavtavs05 .tab a,.subNavtavs06 .tab a{ display:block; font-size:15px; padding:0px; margin:0px 30px; display:inline-block; color:#555;}
.subNavtavs01 .tab a:hover,.subNavtavs02 .tab a:hover,.subNavtavs03 .tab a:hover,.subNavtavs04 .tab a:hover,.subNavtavs05 .tab a:hover,.subNavtavs06 .tab a:hover{ height:26px !important; line-height:26px !important; border-bottom:2px solid #fe0000; color:#fe0000; text-decoration:none; }
.subNavtavs01 .tab a.on,.subNavtavs02 .tab a.on,.subNavtavs03 .tab a.on,.subNavtavs04 .tab a.on,.subNavtavs05 .tab a.on,.subNavtavs06 .tab a.on{ height:26px !important; line-height:26px !important; border-bottom:2px solid #fe0000; color:#fe0000; text-decoration:none;}
.subNavtavs01 .content,.subNavtavs02 .content,.subNavtavs03 .content,.subNavtavs04 .content,.subNavtavs05 .content,.subNavtavs06 .content{ overflow:hidden; padding:10px;}
.subNavtavs01 .content dd,.subNavtavs02 .content dd,.subNavtavs03 .content dd,.subNavtavs04 .content dd,.subNavtavs05 .content dd,.subNavtavs06 .content dd{ display:none;}

.Navtavs-left{ width:450px; height:128px; float:left; margin-left:20px;}
.Navtavs-left p{ line-height:26px; font-size:14px; padding:10px 0;  color:#777;}
.Navtavs-left a{ font-size:12px; color:#999;}
.Navtavs-left a:hover{color:#fe0000; border-bottom:none !important;}
.Navtavs-right{ width:200px; height:128px; float:left; margin-left:30px;}
.Navtavs-right img{width:200px; height:128px;}

.subNavtavs01{ margin-left:12%; }
.subNavtavs02{ margin-left:12%;}
.subNavtavs03{ margin-left:20%;}
.subNavtavs04{ margin-left:25%;}
.subNavtavs05{ margin-left:35%;}
.subNavtavs06{ margin-left:50%;}

/*手机站网站群*/
.phone_zc{
	display: none;
	width: 78px;
	position: absolute;
	height: 34px;
	top: 7px;
	right: 58px;
	z-index: 9999;
	/*overflow: hidden;*/
}
.phone_zc .xla{
	height:35px;
	line-height:35px;
	display: inline-block;
	color: #666;cursor: pointer;
	width: 88px;margin-left:10px;
}
.phone_zc .xla span{ display: inline-block;  margin-left: 2px;  width: 8px; height: 8px;  background: url('/images/header_dot01.png') no-repeat;}
.phone_zc .hover-up{ transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.phone_zc .lb{ width: 100px;text-align: center;padding: 10px 0;  position: absolute; display:none;background:url(/images/bj.png) repeat; top: 35px;left: -10px;}
.phone_zc .lb ul li{ list-style-type: none; color: #666; cursor: pointer;line-height: 24px;font-size: 14px;}
.phone_zc .lb ul li a{color: #666; }
.phone_zc .lb li a:hover{ color: #fe0000;}

.main_nav_box{ width:100%; height:auto; overflow:hidden; padding:50px 0; background-color:#ffffff;}
.main_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.main_news_box{ width:100%; height:auto; overflow:hidden; padding:50px 0 80px 0; background-color:#ffffff;}
.main_news{ width:100%; height:auto; margin:0 auto; clear:both;}
.main_news_bt{ width:12%; height:auto; overflow:hidden; float:left; margin-left:4%;}
.main_news_bt span{ height:32px; font-size:20px; display:block;}
.main_news_bt span a{ display:inline-block; padding:0 10px; color:#fff; background-color:#d60d19;}
.main_news_bt h3{ height:80px; border-left:2px solid #d60d19; margin-top:80px; font-weight:normal;}
.main_news_bt h3 a{ font-size:20px; padding-left:10px; line-height:30px; display:block; padding-top:5px;}
.main_news_bt h3 a em{ font-size:36px; font-style:normal; display:block;}
.main_news_wz{ width:84%; height:auto; float:right;}
.main_news_wz ul{ position:relative;}
.main_news_wz ul li{ float: left; display: block; z-index:2; color: #fff; width: 33.33%; position: relative; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ padding:20px 0 58px 0;}
.main_news_wz ul li .news_nr{ width:70%; margin:0 auto;}
.main_news_wz ul li .news_nr h3{ width:40%; height:40px; line-height:40px; font-size:16px; color:#d0d0d0; font-weight:normal; border-bottom:1px solid #ccc;}
.main_news_wz ul li:hover .news_nr h3{ border-bottom:1px solid #d60d19;}
.main_news_wz ul li .news_nr dl dt{ width:100%; height:60px; line-height:30px; overflow:hidden; margin:20px 0; font-size:24px; font-weight: normal;}
.main_news_wz ul li:hover .news_nr dl dt a{ color:#d60d19;}
.main_news_wz ul li .news_nr dl dd{ width:100%; height:88px; line-height:22px; overflow:hidden; font-size:14px; color:#878787;}
.main_news_wz ul .ceng{ height: 338px; width: 33.33%; position: absolute; left: 0%; top: 3px; box-shadow: 0 0 15px #ececec; z-index: 1;
transition: all 1s;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.main_news_wz ul .ceng .xiay{ width: 100%; position: absolute; right: 0; bottom: -5px; height: 5px; background-color: #e60012;}


/*语言选择*/
.xzyybg{
	width: 100%;padding: 45px 0;background-color: #fff;position: fixed;left: 0;top: 50px;z-index: 999999;display: none;
}
.xzyybg:hover{display: block;
}
.xzyybg li{
	width: 184px;margin-right: 120px;
}
.xzyybg li:last-child{
	margin-right: 0;
}
.xzyybg li .tou{
	line-height: 30px;font-size:16px ;
}
.xzyybg li .tou img{
	height: 100%;
}
.xzyybg li .shen{
	line-height: 44px;font-size: 16px;color: #333;
}
.xzyybg li .shen img{
	width: 160px; margin-right: 10px;vertical-align: middle;position: relative;top: -2px;
}
.xzyybg li .shen a{
	color: #333;text-decoration: underline;
}

/***内页banner共用样式****/
.common-banner{ width:100%; height:100%;}
.common-banner img{width:100%; vertical-align:middle;}




@media only screen and (max-width:1456px) {
	.tit{ margin-bottom: 10px; font-size: 14px;}
	.box .drop-down{font-size: 14px;}
	.newsletter .con ul li a{font-size: 14px;}
}
@media only screen and (max-width:861px) {
	.box { width: 100%;}
	.newsletter { width: 100%;}
	.follow { max-width: 100%; margin-top:10px;}
	.follow.fr{ float:left !important;}
}

@media screen and (max-width: 767px){
	.tit { margin-bottom: 10px; font-size: 14px; color: #f2f2f2;}
	.newsletter .con ul li { height: 26px; line-height: 26px;}
	.newsletter .con ul li { font-size: 14px;}
	.follow li{margin-top: 40px;}
	.follow.fr{height: 170px;}
	.footer-d-r{width: 100%;padding-bottom:20px;}
	.footer-d-l{padding: 20px 0 10px;}
	.footer-d-r-tel{padding-top: 10px;font-size: 16px;}
}

@media only screen and (max-width: 1456px) {
	.xzyybg{
		width: 100%;padding: 30px 0;background-color: #fff;position: fixed;left: 0;top: 46px;
	}
	.xzyybg li{
		width: 160px;margin-right: 50px;
	}
	.xzyybg li:last-child{
		margin-right: 0;
	}
	.xzyybg li .tou{
		line-height: 30px;font-size:14px ;
	}
	.xzyybg li .tou img{
		height: 100%;
	}
	.xzyybg li .shen{
		line-height: 40px;font-size: 14px;color: #333;
	}
	.xzyybg li .shen img{
		width: 140px;margin-right: 4px;vertical-align: middle;
	}
	.xzyybg li .shen a{
		color: #333;text-decoration: underline;
	}
}
@media only screen and (max-width: 1024px) {
	.xzyybg{
		width: 100%;padding: 20px 0;background-color: #fff;position: fixed;left: 0;top: 46px;
	}
	.xzyybg li{
		width: 100%;margin-right: 0%;border-bottom: 1px dashed #ccc;overflow: hidden;
	}
	.xzyybg li:last-child{
		margin-right: 0;
	}
	.xzyybg li .tou{
		height: auto;font-size:14px;line-height: 24px;width: 100%;
	}
	.xzyybg li .tou img{
		height: 100%;
	}
	.xzyybg li .shen{
		line-height: 36px;font-size: 14px;color: #333;width: 49%;margin-right: 1%;float: left;
	}
	.xzyybg li .shen img{
		width: 120px;margin-right: 4px;vertical-align: middle;
	}
	.xzyybg li .shen a{
		color: #333;text-decoration: underline;
	}
}

@media only screen and (min-width:1024px) and (max-width:1400px) {

.longi-header{ height: 102px;}
.subNavBox { top: 102px;}

.pc_nav li { font-size: 14px; line-height:36px;}

.change_height.longi-header .pc_nav li { font-size: 14px; }

.logo { width: 103px;height:auto; margin: 5px 0px 5px 0; }

.logo img { width: 260px; height:auto; max-width:260px;}

.subNavBox { top: 102px;}
.subNavtavs01 .tab a, .subNavtavs02 .tab a, .subNavtavs03 .tab a, .subNavtavs04 .tab a , .subNavtavs05 .tab a, .subNavtavs06 .tab a{font-size: 14px;}

.change_height.longiTop {background-color:#fff; position:fixed; top:0; left:0; z-index:199999;}
.change_height.longi-header{ height:110px;}
.change_height.longi-header .pc_nav { height: 30px; line-height: 30px;}
.change_height.longi-header .pc_nav li { font-size: 14px; line-height:27px; height: 30px;}
.change_height .subNavBox { top: 110px;}
.change_height .logo img { width:250px; height:auto;}
.change_height .searchright .search .sub{ top:0px;}
.change_height .searchright .search .text{top: 0px;}
}

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

.common-width { width: 1400px; margin: 0 auto;}
.common-width2 { width:1200px; margin: 0 auto;}

.subNavtavs01{ margin-left:11%; }
.subNavtavs02{ margin-left:11%;}
.subNavtavs04{ margin-left:25.5%;}

/***招聘样式****/
.form-items .label-name{ width:30%; text-align:right;}
.form-items .select-list{ width:70%; height:30px; line-height:30px; border:1px solid #e1e1e1; float:left;}
.form-items .search-input{  width:80%; height:30px; line-height:30px; border:1px solid #e1e1e1; float:right;}

.zhaopin_butt img{ width:130px; height:auto;}

.employ01{ padding-bottom:150px;}
.employ_bt{ margin-top:90px; height:80px;}
.employ_bt h3{ font-size:22px;}
.employ01_nr{ font-size:14px; line-height:26px; margin-top:40px;}
.employ01_nr h3{ font-size:18px;}
.employ_bt h3 span { line-height: 40px; font-size: 20px;}

.employ02{ padding-bottom:140px;}
.employ02_bt h3{ font-size:22px;}
.employ02_tp ul li p{ font-size:14px;}
.employ02_tp ul li span{ font-size:12px;}
.employ02_nr{ font-size:14px; line-height:26px; margin-top:40px;}
.employ02_nr h3{ font-size:16px;}
.employ02_bt h3 span { line-height: 40px; font-size: 20px;}

.employ03{ padding-bottom:200px;}
.employ03_nr ul li h3{ font-size:20px;}
.employ03_nr ul li h3 i{ font-size:28px;}
.employ03_nr ul li p{ font-size:14px;}

.employ04_nr { margin-top: 40px;}
.employ04{ width:100%; height:auto; overflow:hidden; background:url(/images/gzbg04.jpg) no-repeat top center; padding-bottom:150px;}
.employ04_wz{ font-size:14px; line-height:26px;}
.employ04_sp img{ width:100%; height:auto;}

#example_video_1{/*width:100% !important;height:540px !important;*/}

.rencai03_wz{ width:96%; height:auto; overflow:hidden; margin:0 auto; padding-top:60px; padding-bottom:75px; text-align:center;}
.rencai03_wz img{ width:394px; height:32px; margin:0 auto;}
.rencai03_wz p{ width:96%; margin:40px auto 0 auto; font-size:14px; line-height:26px;}

.jz02_nr{ width:90%;}
.jz04_nr{ width:90%;}
.jz06_nr{ width:90%;}
.jz07_nr{ width:90%;}
.jz08_nr{ width:90%;}
.jz02_bt span { width: 30px; height: 30px; line-height: 30px; font-size: 40px;}
.jz02_bt h3 { height: 30px; font-size: 22px;}
.jz02_wz dl dt { line-height: 30px; font-size: 20px;}
.jz02_wz dl dd { line-height: 26px; font-size: 14px; padding-top: 50px;}

.jz03 img { width: 90%;}
.jz04_wz ul li { height: 270px;}
.jz04_wz ul li dl { padding-top: 4%;}
.jz04_wz ul li dl dd { line-height: 24px;}
.jz04_wz ul li h3 { font-size: 16px; padding: 20px 10px;}
.jz05 img{ width:90%;}
.jz04 { padding-bottom: 80px;}
.jz06_wz img { padding-top: 50px;}
.jz07_wz ul li p { height: 45px; line-height: 45px; font-size: 14px;}
.jz08_nr h3 { font-size: 20px;}
.jz08_nr h2 { height: 50px; line-height: 50px; font-size: 30px;}
.jz08_nr p { font-size: 14px; line-height: 30px; padding-top: 30px;}

.rencai01 { padding-bottom: 100px;}
.rencai01_nr_l dl dt { width: 120px; height: 120px;}
.rencai01_nr_l dl dt i { font-size: 60px;line-height: 120px;}
.rencai01_nr_m dl dt { width: 120px; height: 120px;}
.rencai01_nr_m dl dt i { font-size: 60px;line-height: 120px;}
.rencai01_nr_r dl dt { width: 120px; height: 120px;}
.rencai01_nr_r dl dt i { font-size: 60px;line-height: 120px;}
.rencai01_nr_r dl dt img { padding-top: 30px; width: 60px;}
.rencai01_nr_l dl h3 { font-size: 20px; padding-bottom: 20px;}
.rencai01_nr_l dl h3 span { font-size: 20px;}
.rencai01_nr_r dl h3 { font-size: 20px; padding-bottom: 20px;}
.rencai01_nr_r dl h3 span { font-size: 20px;}
.rencai01_nr_m dl h3 { font-size: 20px; padding-bottom: 20px;}
.rencai01_nr_m dl h3 span { font-size: 20px;}
.rencai01_nr_l dl dd{ font-size:14px; line-height:26px;}
.rencai01_nr_m dl dd{ font-size:14px; line-height:26px;}
.rencai01_nr_r dl dd{ font-size:14px; line-height:26px;}
.rencai02_nr{ font-size:14px; line-height:26px; margin-top:40px;}
.v_show { height: 300px;}

.longi-top { width:100%; margin:0 auto;}
.main_news_box { width: 100%; padding: 0 0 100px 0;}

.main_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.main_news{ width:100%; height:auto; margin:0 auto;}
.main_news_bt h3 a em{ font-size:28px; font-style:normal; display:block;}
.main_news_wz ul li .news_nr h3{ width:60%; height:40px; line-height:40px; font-size:16px; color:#d0d0d0; font-weight:normal; border-bottom:1px solid #ccc;}
.main_news_wz ul li .news_nr dl dt{ width:100%; line-height:28px; margin:15px 0 10px 0; font-size:20px; font-weight: normal;}
.main_news_wz ul .ceng { height: 324px;}

.topmenu{ margin-bottom:30px;}
.faq_wz ul li{ margin-top:20px;}

.recruit-title em.left-line { top: 18px;}
.recruit-title em.right-line { top: 18px;}



@media screen and (max-width:1024px){
.longiTop {  position:static; width: 100%;}
.longi-header{ height:80px; background:rgba(255, 255, 255, 1);  transition: all .5s;}
.logo { width: 337px; height:43px; display: block; margin: 18px 0px 10px 0; }
.logo img { width: 337px; height:43px;}
.right-important{ display:none;}
.navi_head{display:none;}
.subNavBox{display:none;}
#menu , .YUYAN{ display:block;}
a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 30px;
		right: 70px;
	}
	.phone_nav a
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 30px;
		right: 30px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
}	

@media only screen and (min-width:640px) and (max-width:768px) {
  
    .longi-header{ height:70px; transition: all .5s;}
	.logo { width: 300px; height:38px; display: block; margin: 18px 0px 10px 0; transition: all .5s;}
    .logo img { width: 300px; height:38px; transition: all .5s;}	
	 a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 25px;
		right: 60px;
		font-size:15px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 27px;
		right: 25px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;
		margin: 6px 0;
	}

.boxitem.item2 .itemtxt .t { margin-bottom: 0;}
.boxitem .itemtxt .t { padding-top: 20%;}
.boxitem .itemtxt .c { line-height:16px;}
}

@media only screen and (min-width:480px) and (max-width:640px) {
	
    .longi-header{ height:60px; transition: all .5s;}
	.logo { width: 270px; height:32px; display: block; margin: 18px 0px 10px 0; transition: all .5s;}
    .logo img { width: 270px; height:34px; transition: all .5s;}	
	 a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 13px;
		right: 45px;
		font-size:15px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
}
@media only screen and (min-width:400px) and (max-width:480px) {

	.longi-header{ height:50px; transition: all .5s;}
	.logo { width: 230px; height:29px; display: block; margin: 10px 0px 10px 0; transition: all .5s;}
    .logo img { width: 230px; height:29px; transition: all .5s;}	
	 a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 13px;
		right: 45px;
		font-size:15px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
}
@media only screen and (min-width:360px) and (max-width:400px) {
	
	.longi-header{ height:50px; transition: all .5s;}
	.logo { width: 230px; height:29px; display: block; margin: 10px 0px 10px 0; transition: all .5s;}
    .logo img { width: 230px; height:29px; transition: all .5s;}	
	 a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 14px;
		right: 40px;
		font-size:13px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;

		margin: 5px 0;
	}
}

@media only screen and (min-width:320px) and (max-width:360px) {
    .longi-header{ height:50px; transition: all .5s;}
	.logo { width: 200px; height:26px; display: block; margin: 13px 0px 10px 0; transition: all .5s;}
    .logo img { width: 200px; height:26px; transition: all .5s;}	
	 a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 16px;
		right: 40px;
		font-size:13px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 19px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;
		margin: 4px 0;
	}
}

@media only screen and (max-width:320px){
	
	.longi-header{ height:50px;transition: all .5s;}
	.logo { width: 200px; height:26px; display: block; margin: 13px 0px 10px 0; transition: all .5s;}
    .logo img { width: 180px; height:auto;transition: all .5s;}	
	
	 a.YUYAN
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 16px;
		right: 40px;
		font-size:13px;
	}
	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 19px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fe0000;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fe0000;
		display: block;
		height: 2px;
		margin: 4px 0;
	}
}