@charset "utf-8";
*{
    padding:0;
    margin:0
}
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul,
div{
    margin: 0;
    padding: 0
}
body,
button,
input,
select,
textarea {
    font-size: 14px;
    font-family: "微软雅黑";
}
button,select,input,textarea{
    outline:none
}
button{
    cursor: pointer;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 14px;
    font-weight: normal;
}
a {
    text-decoration: none;
    color: #333333
}
a:hover {
    text-decoration: none;
    color: #333
}
em,i,strong,b{
    font-style: normal;
    font-weight: normal;
}
ul,li,ol{
    list-style: none;
    padding:0;
    margin:0
}
img{
    border:0;
    vertical-align: middle;
    padding:0;
    margin:0
}
body{
    color: #333333;
    overflow-x: hidden;
}
table,tr,td{
    padding:0;
    margin:0;
}
.wrapper{
	max-width: 1200px;
	margin:0 auto;
}
/*首页*/
.wrap{
	width: 100%;
	background:white;
	position: fixed;
	top:0;
	z-index: 102;
	left: 0;
/*	box-shadow: -9px 3px 6px #ddd;*/
}
.header{
	max-width: 1200px;
	margin:0 auto;
	height: 110px
}
.header_r ul li{
	float: left;
	font-size: 16px;
	border-right: 1px dotted #333;
	height: 110px;
}
.header_r ul li p{
	font-size: 15px
}
.header_r ul li a{
	display: block;
	text-align: center;
	padding-left: 22px;
	padding-right: 22px;
	height: 100%;
	padding-top: 30px;
	color: #18499e;
}
.header_r ul li.cur a{
   background:#0d56a7;
   color: white
}
.header_r{
	margin-left: 37px
}
.header_r ul li:hover a{
   background:#0d56a7;
   color: white
}
.he{
	height: 55px;
}
.head_line{
	height: 110px
}
.header_l img{
	width: 480px;
	margin-top:17px
}
/*移动端*/
.head_mobile{
	position: fixed;
	width: 100%;
	left: 0;
	top:0;
	height: 55px;
	line-height: 55px;
	z-index: 110;
	background:white;
}
.head_m_l{
	padding-left: 15px;
}
.head_m_r{
	padding-right: 15px
}
.head_m_l img{
	width:240px;
	height: 38px
}
.head_m_r span{
	font-size: 28px;
}
.head_menu{
	background:#f2f2f2;
	position: absolute;
	width: 100%;
	top:55px;
}
.head_menu li{
	line-height:35px;
	padding-left: 20px;
	border-bottom: 1px solid #ddd
}
.carousel .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	opacity: 1;
	background:#999999;
}
.carousel .swiper-pagination-bullet-active {
    opacity: 1;
    background: white;
}
.index_list{
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 16px;
}
.index_list span{
	font-size: 24px
}
.nav_list_li {
    width: 100%;
    height: 0;
    padding-top: 150%;
    box-sizing: border-box;
    position: relative;
    display: block;
    background: #f2f2f2;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px
}
.nav_list{
	width: 90.4%;
	margin:0 auto;
}
.index_top{
	position: absolute;
	padding-top: 0;
	top: 40px;
	height: 165px;
    z-index: 101;
    padding-left: 40px;
    font-size: 18px
}
.nav_list_li:hover .index_top i{
	background:white;
	transition:0.5s;
}
.index_top h4{
	font-size: 18px
}
.index_top h2,.index_top h3{
	font-size: 17px
}
.index_top h4{
	margin-bottom: 14px
}
.index_img img{
	width: 100%;
	position: absolute;
	top:165px;
	height: 100%;
	animation:mymove1 0.5s;
    -webkit-animation:mymove1 0.5s;
    animation-fill-mode:forwards;
}
.index_img{
	z-index: 99
}
.nav_list_li:hover .index_img img{
	animation:mymove 0.5s;
    -webkit-animation:mymove 0.5s;
    animation-fill-mode:forwards;
    position: absolute;
}
.nav_list_li:hover .cover{
	display: block;
	animation:mymove 0.5s;
    -webkit-animation:mymove 0.5s;
    animation-fill-mode:forwards;
}
.nav_list_li:hover .index_top{
	color: white;
	transition:0.5s;
}
.cover{
	width: 100%;
	height: 100%;
	top:165px;
	position: absolute;
	background:black;
	opacity:0.5;
	z-index: 100;
	display: none; 
	animation:mymove1 0.5s;
    -webkit-animation:mymove1 0.5s;
    animation-fill-mode:forwards;
}
@keyframes mymove{
	from {top:165px;}
	to {top:0;}
}
@-webkit-keyframes mymove{
	from {top:165px;}
	to {top:0;}
}
@keyframes mymove1{
	from {top:0px;}
	to {top:165px;}
}
@-webkit-keyframes mymove1{
	from {top:0px;}
	to {top:165px;}
}
.index_top i{
	display: block;
	width: 20px;
	height: 4px;
	background:#333333;
	margin-bottom:15px;
	border-radius: 5px
}
.index_top h2{
	margin-bottom:5px;
}
.index_top h3{
	margin-bottom:15px;
}
.list_tit{
	margin-bottom: 15px;
	color:#18499e;
}
.index_enter{
	background: url(../images/enter_bg.png) no-repeat;
	height: 890px;
	background-color: #f2f2f2;
	background-size: cover;
}
.enter_tit{
	padding-top:40px;
	font-size: 16px;
	position: relative;
	color: #18499e;
}
.enter_tit span{
	font-size:24px
}
.enter_tit i{
	display: block;
	position: absolute;
	top:-2px;
	width: 100px;
	height: 10px;
	background: #0d56a7
}
.en_tog{
	font-style: italic;
	font-size: 22px;
	color: white;
	margin-left:245px;
	position: relative;
	top:6px;
}
.enter_nav{
	max-width: 1200px;
	height: 590px;
	background: white;
	margin:0 auto;
	margin-top: 15px;
	padding:25px 30px 0 30px;
	border-radius: 8px;
	/*box-shadow: -2px 0px 5px 1px #d6d6d6,0px -2px 5px 1px #d6d6d6,2px 0px 5px 1px #d6d6d6,0px 2px 5px 1px #d6d6d6;*/
}
.enter_nav p.enter_text1{
	font-size: 18px;
	line-height: 36px;
}
.enter_nav p.enter_text2{
	 font-size: 17px;
	 line-height: 32px;
 }
.enter_nav ul li{
	float: left;
	width: 25%;
	text-align: center;
	margin-top: 45px;
}
.enter_nav ul li span{
	font-size: 20px;
	color: #666666;
	margin-top: 45px;
	display: block;
}
.enter_nav ul li h4{
	font-size: 18px;
	margin-top: 10px;
	color: #666
}
.enter_nav ul li.first img{
	width: 92px;
}
.enter_nav ul li img{
	width: 95px;
}
.more{
	width: 460px;
	height: 30px;
	background: white;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 35px;
	position: relative;
	cursor: pointer;
	display: block;
	float: right;
	border-radius: 5px;
}
.more span{
	position: absolute;
	right:10px;
	font-size: 20px
}
.develop_bg{
	width: 90.4%;
	margin:0 auto;
	margin-top:15px;
	padding-left: 15px;
	padding-right: 15px
}
.develop_bg img{
	width: 100%
}
.develop{
	padding-bottom:40px;
}
.ad_nav ul li{
	float: left;
	width: 192px;
	text-align: center;
	line-height: 78px;
	height: 78px;
	margin-left: 40px;
	box-shadow:inset 0 0 10px #cbcbcb;
	margin-top: 40px
}
.ad_nav{
	max-width: 1200px;
	background: white;
	margin:0 auto;
	padding-bottom: 40px;
	margin-top: 15px
}
.ad_nav ul{
	padding-right: 40px
}
.ad_nav ul li img{
	max-width: 165px;
	max-height:52px;
}
.index_e2{
	height: 670px;
	background:url(../images/enter_bg4.png)no-repeat;
}
.foot{
	background: #06284d;
	padding-top: 45px;
	padding-bottom: 40px;
	color: white
}
.foot_li ul{
	text-align: center;
}
.foot_li ul li{
	float: left;
	width: 20%
}
.foot_li ul li h3{
	margin-bottom: 5px;
	font-size: 18px;
}
.foot_li ul li p{
	font-size: 17px;
	margin-top: 10px
}
.foot_li ul li a{
	display: block;
	color: #999999;
	margin-bottom: 5px;
	line-height: 24px;
	/*text-align: left;*/
	width: 100%;
	padding: 0 10px;
}
.foot_center{
	width: 367px;
	margin:0 auto;;
	margin-top:35px;
}
.foot_center h3 img{
	width: 375px
}
.foot_center p{
	margin-top: 13px;
	color: white;
	padding-left: 5px
}
.foot_center p img{
	margin-right: 8px;
}
.foot_art{
	text-align: center;
	margin-top:40px;
	border-top: 1px solid white;
	padding-top: 22px;
}
.foot_art p{
	margin-bottom: 6px;
	color: #999999
}
/*产品中心*/
.banner img{
	width: 100%;
	height: 100px
}
.product_nav{
	background: #003e80;
	margin-bottom:35px
}
.product_nav ul li{
	border-top: 1px solid white;
	
	padding: 22px 15px
}
.product_nav ul li:hover{
	background: #1f5a99
}
.product_list{
	max-width: 930px;
	margin:0 auto;
	position: relative;
}
.product_l{
	color: white
}
.product_l h2{
	font-size: 30px;
	padding-left: 30px;
	margin-bottom: 30px
}
.product_l p{
	font-size: 18px
}
.product_l p.p_2{
	padding-left: 30px
}
.product_l p img{
	margin-right:10px
}
.pages{
	color: white;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px
}
.pages span{
	line-height: 24px;
	margin-right: 15px;
}
.pages a{
	color: white;
	line-height: 24px;
	margin-right: 15px
}
.pages a.cur{
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	border:1px solid white;
	margin-right: 10px;
}
.pages a.active{
	background: white;
	color: #003e80;
}
.company_nav{
	background: #003166;
}
.company_list h2{
	text-align: center;
	font-size: 26px;
	padding-top:40px;
	color: white;
	margin-bottom:45px;
}
.company_list{
	margin:0 auto;
}
.img_l{
	margin-left:4.8%
}
.img_r{
	margin-right:4.8%
}
.com_ul{
	border-bottom: 1px solid #999
}
.company_list p.img_r{
	text-align: right;
}

.company_list .tit {
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 24px;
	color: white;
	margin: 40px auto;
}
.company_list ul li{
	float: left;
	width: 50%
}
.company_list .tit span {
	padding: 10px 15px;
	border: 3px solid white;
	border-radius: 34px;
}
.company_list p img{
	max-width: 100%
}
.link_our{
	width: 86%;
	margin:0 auto;
	margin-bottom: 35px;
	margin-top: 30px
}
.link_our_head{
	text-align: center;
	font-size: 24px;
	color:#18499e;
}
.link_our_head p{
	margin-top: 10px;
	font-size: 23px
}
.link_r{
	background: #1156a3;
	color: white;
	height: 600px;
	position: relative;
	margin-bottom: 80px;
	margin-top:45px
}
.link_r h2{
	font-size: 24px;
	text-align: center;
	margin-bottom:30px;
}
.link_r p{
	font-size: 18px;
	margin-bottom: 35px;
	position: relative;
}
.link_r p img{
	width: 18px;
	position: absolute; 
	left: 0;
	top:4px;
}
.link_r p span{
	margin-left: 28px;
	display: inline-block;
}
.link-map1{
	width: 28%;
	margin-left:5%
}
.link_top{
	margin-top: 155px;
}
.link_map{
	position: relative;
	width:59.7%;
	margin-right: 35px;
	height: 600px
}
.contact_r{
	background: #1156a3;
	color: white;
	padding-top:40px;
	padding-bottom: 40px
}
.contact_infor{
	max-width: 700px;
	margin:0 auto;
}
.contact_infor input{
	width: 100%;
	font-size: 16px
}
.contact_infor textarea{
	width: 100%;
	border:1px solid white;
	height: 160px;
	background: transparent;
	padding-left: 7px;
	padding-top: 7px;
	font-size: 16px
}
.contact_infor ul li input{
	height: 40px;
	color: white;
	border:1px solid white;
	background: transparent;
	padding-left: 7px;
	margin-bottom: 18px
}
.contact_infor ul li input::-webkit-input-placeholder{ 
   color: white; 
   opacity: 1
} 
.contact_infor ul li input::placeholder{ 
   color: white; 
   opacity: 1
} 
.contact_infor ul li input::-ms-input-placeholder{ 
   color: white;  
   opacity: 1
}
.contact_infor ul li input:-moz-placeholder{
   color: white; 
   opacity: 1
} 
.contact_infor textarea::-webkit-textarea-placeholder{ 
   color:white; 
   opacity: 1
} 
.contact_infor textarea::placeholder{ 
   color: white; 
   opacity: 1
} 
.contact_infor textarea::-ms-textarea-placeholder{ 
   color:white;  
   opacity: 1
}
.contact_infor textarea:-moz-placeholder{
   color:white; 
   opacity: 1
}
.contact_infor p{
	text-align: center;
}
.contact_infor p input{
	background: white;
	border: 0;
	color: #333;
	height: 50px;
	font-size: 18px;
	margin-top:35px;
	width: 50%;
	border-radius: 5px;
}

/*文章列表页*/
.time_all{
   width: 90.4%;
   margin:0 auto;
}
.time_list{
   height: 80px;
   width: 160px;
   position: relative;
}
.time_list p{
	font-size: 25px;
	height: 80px;
	line-height: 80px;
	position: relative;
}
.time_list p i{
	font-size: 35px;
	position: absolute;
	right: 0
}
.time_list ul li{
	height: 45px;
	line-height: 48px;
	border-bottom: 1px solid #999999;
	color: #666666;
	font-size: 18px;
}
.time_list ul{
	background: white;
	padding-left:18px;
	padding-right: 18px;
	border-top: 1px solid #999999;
	height: 240px;
	overflow-y: scroll;
	box-shadow: -3px 3px 5px #ccc
}
.art_all ul li:first-child .art_list{
	border-top: 1px solid #999;
}
.art_all ul li:hover{
	background: #cfdded
}
.art_list{
	max-width: 1200px;
    margin:0 auto;
    border-bottom: 1px solid #999;
    padding-top: 25px;
    padding-bottom: 25px
}
.art_list_l{
	width: 29%;
	border-radius: 5px;
	overflow: hidden;
}
.art_list_l img{
	width:100%;
	height: 195px
}
.art_list_r{
	width: 69.7%
}
.art_list_r h2{
	font-size: 25px;
}
.art_list_r .tit{
	font-size:24px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.art_list_r h3{
	color: #666666;
	margin-top: 20px
}
.art_list_r p{
	color: #666666;
	font-size: 16px;
	margin-top: 40px
}
.art_list_r h3 span{
	margin-left: 10px
}
.pages1 a{
	color: #999999
}
.pages1 a.active{
	background: #0d56a7;
	color: white
}
.pages1 a.cur{
	border:1px solid #999;
}
.pages1{
	color: #999999
}

/*文章详情*/
.art_navbar{
	height: 60px;
	background: #0d56a7;
	color: white;
	line-height: 57px;
	font-size:16px;
}
.art_navbar a{
	color: white
}
.art_navbar span{
	font-size: 22px;
	position: relative;
	top:3px;
}
.articles_all{
	max-width: 1200px;
    margin:0 auto;
    padding-top: 40px;
    padding-bottom: 30px;
}
.articles_all_l{
	width: 100%
}
.articles_all_l h2{
	text-align: center;
	font-size:24px;
}
.articles_all_l h3{
	color: #666;
	text-align: center;
	margin-top:15px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
	margin-bottom: 25px;
}
.articles_all_l h3 span{
	margin-left: 10px;
}
.articles_all_l p{
	font-size: 16px!important;
}
.articles_all_l p.img_articles{
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px
}
.articles_all_l p img{
	max-width: 80%!important;
}
.articles_all_l p.img_articles img{
	max-width: 100%
}
.to_update h2{
	font-size: 24px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #333
}
.to_update h2 span{
	font-size: 22px
}
.to_update h2 i{
	margin-left:5px;
	margin-right: 5px
}
.to_update ul li{
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}
.to_update ul li span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #0d56a7;
	border-radius: 50%;
	position: absolute;
	top:25px;
}
.to_update ul li i{
	display: inline-block;
	font-size: 16px;
	margin-left:25px
}
.to_update ul li p{
	text-align: right;
	color: #666666;
	margin-top: 5px;
}
.to_update ul li p i{
	margin-left: 10px;
}
.to_update{
	width: 27.5%
}
/*业务介绍*/
.work_infor{
	width: 90.4%;
    margin:0 auto;
}
.w_i_list{
	margin-bottom: 20px;
	overflow:hidden;
}
.w_i_list p img{
	width: 100%;
	height: 400px;
	z-index: 99;
	-webkit-transition: .4s;
    transition: .4s;
    -o-transition:.4s;
    -ms-transition: .4s;
}
.w_i_list:hover img{
	 -webkit-transform: scale(1.2);
    transform: scale(1.2);
    will-change: transform;
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform: scale(1.2);
}
.work_cover{
	position: absolute;
	width: 100%;
	height: 400px;
	background: black;
	opacity: 0.5;
	z-index: 100;
	top:0;
	left: 0
}
.work_article{
	position: absolute;
	top:40%;
	color: white;
	z-index: 101;
	width: 100%;
	text-align: center;
	font-size: 18px
}
.work_article h3{
	margin-bottom: 5px
}
.w_i_top{
	position: relative;
	height: 400px;
	display: block;
}
.business_list{
	padding-top: 40px;
    padding-bottom: 20px;
}
.intro_tit {
	font-size: 16px;
	margin-bottom: 15px;
	color: #18499e;
}
.intro_tit span{
	font-size: 24px;
}
.business_index{
	padding-bottom:
}
.business_infor{
	max-width:1200px;
	margin:0 auto;
	margin-top: 15px;
	background:white;
	padding-top: 35px;
	padding-bottom: 35px;
	position: relative;
}
.business_lunbo{
	width: 81%;
	margin:0 auto;
}
.business_infor .swiper-button-prev{
	background-image: url(../images/left.png)!important;
	width: 50px;
	height: 50px;
	background-size: cover;
}
.business_infor .swiper-button-next{
	background-image: url(../images/right.png)!important;
	width: 50px;
	height: 50px;
	background-size: cover;
}
.index_e3{
	background: url(../images/enter_bg3.png)no-repeat;
	height: auto;
	margin-bottom: 30px;
	padding-bottom:30px;
}
.article_li div{
	margin-top:40px;
	width: 48%;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.article_li a{
	color: #0d56a7;
}
.br0 p{
	height: 0;
	padding-top: 25%;
	position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.br0 p img{
	width: 100%;
	position: absolute;
	height: 100%;
	top:0;
	left:0;
}
.Video{
	margin-top: 50px
}

/*关于我们*/
.concern_left{
	width: 62.5%
}
.concern_left .enter_tit{
	padding-top:0;
	margin-bottom: 25px
}
.concern_all{
	margin-top: 50px;
	margin-bottom: 50px
}
.concern_left p{
	font-size: 16px!important;
	margin-top: 40px;
	line-height: 35px
}
.concern_right{
	width: 37.5%;
	padding-left: 45px;
}
.concern_right img{
	width: 100%;
}
/*移动端调试*/
@media(min-width:0px) and (max-width:737px){
	.time_list p{
		height: 50px;
		line-height: 50px;
		font-size: 20px
	}
	.time_list{
		height: 50px;
	}
	.time_list p i{
		font-size: 28px
	}
	.art_list_l{
		width: 100%;
		text-align: center;
	}
	.art_list_r{
		width: 100%
	}
	.art_list{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
	.art_list_r h2{
		font-size: 18px;
		margin-top:15px
	}
	.art_list_l img{
		max-width: 100%;
		height: auto
	}
	.articles_all_l h2{
		font-size: 18px
	}
	.to_update h2{
		font-size: 18px;
	}
	.to_update h2 span{
		font-size: 16px
	}
	.enter_nav p.enter_text1{
		font-size: 16px;
		line-height: 36px;
	}
	.enter_nav p.enter_text2{
		font-size: 15px
	}
	.list_tit,.enter_tit,.intro_tit{
		font-size: 16px!important;
	}
	.list_tit span,.enter_tit span,.intro_tit span{
		font-size: 18px!important;
	}
	.w_i_list p img{
		height: auto
	}
	.w_i_top{
		height: auto
	}
	.work_cover{
		height: 100%
	}
	.company_list .tit{
		font-size: 16px;
		margin: 30px auto!important;
	}
	.br0{
		border-right: 0!important
	}
	.pagination>li{
		display: inline-block;
	}
	.link_our_head{
		margin-top: 25px!important;
		margin-bottom: 20px!important;
		font-size: 18px
	}
	.business_infor .swiper-button-prev{
		width: 30px;
		height: 30px;
	}
	.business_infor .swiper-button-next{
		width: 30px;
		height: 30px;
    }
    .business_lunbo{
    	width: 90%
    }
    .en_tog{
		font-size: 16px!important;
		color: #333;
		display: block!important;
		margin-left: 0;
		float: none!important;
	}
	.Video{
		margin-top: 30px
	}
	.concern_all{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.concern_left{
		width: 100%
	}
	.concern_right{
		width: 100%;
		padding-left: 0!important;
		text-align: center;
	}
	.concern_right img{
		max-width: 100%;
		width: auto!important;
		margin-top: 20px
	}
	.concern_left p{
		margin-top: 20px;
		font-size: 14px;
		line-height: 30px
	}
	.concern_left p span{
		font-size: 14px!important
	 	
	}
	.enter_nav ul li img,.enter_nav ul li.first img{
		width: 68%
	}
}
@media(min-width:0px) and (max-width:970px){
	.list_tit,.enter_tit,.intro_tit{
		padding-left: 15px;
		font-size: 20px
	}
	.list_tit span,.enter_tit span,.intro_tit span{
		font-size: 22px
	}
	.nav_list{
		width: 100%
	}
	.index_list{
		padding-bottom: 15px;
		padding-top: 25px
	}
	.enter_tit{
		padding-top: 20px
	}
	.index_enter{
		height: auto;
		background-image: none;
		background-color: #f2f2f2;
	}
	.enter_nav ul li span{
		font-size: 15px;
		margin-top:15px
	}
	.enter_nav ul li h4{
		font-size: 14px
	}
	.more{
		width: 50%;
		background: #0d56a7;
		color: white;
		margin-right: 15px;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.index_e1{
		padding-bottom: 20px;
	}
	.enter_nav{
		height: auto;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.develop_bg {
		width: 100%
	}
	.ad_nav ul{
		padding-right: 2.5%
	}
	.ad_nav ul li{
		width: 30.8%;
		margin-left: 2.5%;
		margin-top: 15px
	}
	.ad_nav ul li img{
		max-width:80%
	}
	.ad_nav{
		padding-bottom: 15px
	}
	.foot{
		padding: 20px 15px 15px 15px
	}
	.foot_center{
		width: 100%;
		text-align: center;
	}
	.foot_center h3 img{
		max-width: 90%;
	}
	.foot_arrow{
		display: none;
	}
	.mobile_foot ul li h3{
		position: relative;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid white;
	}
	.mobile_foot ul li h3 span{
		position: absolute;
		right: 0;
		transform:rotate(-90deg);
		-ms-transform:rotate(-90deg); 	/* IE 9 */
		-moz-transform:rotate(-90deg); 	/* Firefox */
		-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
		-o-transform:rotate(-90deg); 	/* Opera */
			}
	.foot_arrow a{
		display: block;
		height: 35px;
		line-height: 35px;
		color: #999;
		border-bottom: 1px solid #999;
	}
	.foot_art{
		margin-top:20px
	}
	.product_l{
		float: none;
		width: 100%;
		position: relative!important;
		margin-top: 0!important;
	}
	.product_r{
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 15px
	}
	.product_r img{
		max-width: 70%;
	}
	.product_l h2{
		font-size: 18px;
	}
	.product_l p{
		font-size: 14px
	}
	.pages{
		padding-left: 15px;
		padding-right: 15px
	}
	.pages a{
		white-space: nowrap;
		margin-top: 10px;
		display: inline-block;
	}
	.company_list h2{
		font-size: 18px
	}
	.company_list{
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		padding-bottom: 20px
	}
	.contact_infor{
		padding-left: 15px;
		padding-right: 15px
	}
	.articles_all{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
	.articles_all_l{
		width: 100%
	}
	.to_update{
		width: 100%;
		margin-top:20px
	}
	.work_infor{
		width: 100%
	}
	.business_infor{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
	.business_list{
		padding-bottom: 0px;
		padding-top: 25px
	}

}
@media(min-width:0px) and (max-width:1024px){
	.link_our{
		width: auto;
		margin-left: 15px;
		margin-right: 15px
	}
	.link_r{
		margin-top: 0;
		width: 100%;
		padding:20px 15px;
		height: auto;
		margin-bottom: 0px;
	}
	.link-map1{
		width: 100%;
		margin-left: 0
	}
	.link_top{
		margin-top: 0px
	}
	.link_map{
		height: auto;
		width: 100%;
		margin-right: 0;
		height: 500px;
		margin-top: 20px
	}
	.link_r h2{
		font-size: 18px;
	}
	.link_r p{
		font-size: 14px;
	}
	.contact_r{
   	    width: 100%
   }
   .art_navbar{
		padding-left: 15px;
	}
	.art_list{
		padding-left: 15px;
		padding-right: 15px;
	}
	.articles_all_l p{
		margin-left: 0!important
	}
	.en_tog{
		font-size: 18px;
		display: block;
		margin-left: 0;
		float:right;
		color: #333;
		padding-right: 15px;
		font-style: normal;
	}
	.img_l{
		margin-left:0
	}
	.img_r{
		margin-right:0
	}
	.br0 p img{
		height: auto;
		position: relative;
	}
	.br0 p{
		padding-top: 0;
		height: auto
	}
	.concern_all{
		padding-left: 15px;
		padding-right: 15px
	}
	.concern_right{
   	   padding-left: 35px
   }

}
@media(min-width:971px) and (max-width:1024px){
   .nav_list{
   	   width: 100%
   }
   .index_enter{
   	   background-image: none;
   	   background-color: #f2f2f2;
   	   height: auto;
   	   padding-bottom: 25px
   }
   .list_tit,.enter_tit,.intro_tit{
   	   padding-left: 15px
   }
   .img_r{
	   	margin-right: 4%;
	   	margin-left: 4%
   }
   .img_l{
   		margin-right: 4%;
   	   margin-left:4%
   }

}