@charset "utf-8";

/* CSS */
/* CSS Document Edited by LiLu */

/*#pageContain { overflow: hidden;}

.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #fff; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: cover;}

.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}

.current .contain, .slide .contain { display: block;}

.current { display: block; z-index: 1;}

.slide { display: block; z-index: 2;}

.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}*/

#navBar { z-index: 3; position: absolute; top: 30%; right: 20px; width: 27px; padding-bottom: 66px; background: url("../images/ico_06.png") left bottom no-repeat;}

.back_top,.back_bot{ display: block; position: absolute; bottom: 0; width: 100%; height: 18px; font-size: 0; cursor: pointer;}

.back_top{ bottom: 52px;}

#navBar li{ cursor: pointer; font-size: 0; width: 20px; height: 20px; margin: 0 auto; margin-bottom: 10px; position:relative;}

#navBar li:before{ content: ""; position: absolute; top:50%; left:50%; margin: -3px 0 0 -3px; width: 6px; height: 6px; background: #e60012; -webkit-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%;}

#navBar li.active:before{ width: 12px; height: 12px; margin: -6px 0 0 -6px; background: none; border:2px solid #e60012; box-shadow: 0px 0px 10px 1px #fff;}

.index_sec{ position: absolute; top:0; left:0; width: 100%; height: 100%; display: table; vertical-align: middle; }

.sec_box{ display: table-cell; vertical-align: middle;}

/*page1*/

.page1{ background-color: #fff;}

.page1 .index_sec,.page1 .sec_box{ display: block;}
.owl-theme .owl-controls .owl-page{ margin: 0 5px;}

.owl-theme .owl-controls .owl-page span{ width: 40px; height: 5px; border: 1px solid #333; background:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:0;  filter: Alpha(Opacity=100); opacity:1.00;}

.owl-theme .owl-controls .active{ background-color:none;}
	#section1{
		background-image: url(../images/bg2.jpg);background-size: cover;
	}
	#section2{
		background-image: url(../images/bg3.jpg);background-size: cover;
	}
	#section3{
		background-image: url(../images/bg4.jpg);background-size: cover;
	}
	#section4{
		background-image: url(../images/bg5.jpg);background-size: cover;
	}

  .myContent{
	height:auto;
	color:#000;
  }
/*page2
.page2{ background-image: url("../images/bg2.jpg"); background-size: cover;}
/*page3
.page3{ background-image: url("../images/bg3.jpg"); background-size: cover;}
/*page4
.page4{ background-image: url("../images/bg4.jpg"); background-size: cover;}
/*page5
.page5{ background-image: url("../images/bg5.jpg"); background-size: cover;}*/

/*========================================

focus*/

.focus_slide{ width: 100%; height: 100%; }

.focus_slide .owl-wrapper-outer{ width:100%; height:100%;}

.focus_slide .owl-wrapper,.focus_slide .owl-item,.focus_slide .item{ width:100%; height:100%; }

.focus_slide .item{ text-align: center; position: relative; background: url("../images/loader.gif") center center no-repeat;}

.focus_slide .item a{ display:block; width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 10; background-repeat: no-repeat; background-position: center center; background-size: cover;}

.focus_box{ display:table; vertical-align:middle; width: 100%; height: 100%;}

.focus_txt{ display: table-cell; vertical-align: middle;}

.focus_txt img{ max-width: 80%; display: block; margin: 0 auto; position: relative; left:0;}

.focus_slide .owl-controls { width: 100%; position: absolute; bottom: 10px; left:0; z-index:20; text-align: center;}

.focus_slide .owl-controls .owl-page span{ border-color: #fff;}

.focus_slide .owl-controls .active{ background-color: #e60012;}

.focus_slide .owl-controls .active span{ border-color: #e60012;}

#focus{ display: block; height: 100%;}

#focus_phone{ display: none; height: 0; overflow: hidden;}
/*page2*/
.page2 .index_sec,.page2 .sec_box{ display: block;}
.about-info{
	text-align:center;
	color:#fff;
	font-size:18px;
	margin:80px 0 50px;
}
.about-item ul{
	overflow:hidden;
}
.about-item li {
    display: inline;
    float: left;
    width: 23.5%;
    margin: 20px 0 0 1.2%;
    text-align: center;
	transition: all 0.3s ease-in-out 0s; 
	-webkit-transition: all 0.3s ease-in-out 0s; 
}
.about-item  li a {
    display: block;
    padding: 40% 0 10px 0;
    font-size: 18px;
	font-weight:bold;
	color:#fff;
}
.about-item  li.li1 {
    background: url(../images/ab_01.png) center top no-repeat;
}
.about-item  li.li1:hover {
    background: url(../images/abh_01.png) center top no-repeat;
}
.about-item  li.li2 {
    background: url(../images/ab_02.png) center top no-repeat;
}
.about-item  li.li2:hover {
    background: url(../images/abh_02.png) center top no-repeat;
}
.about-item  li.li3 {
    background: url(../images/ab_03.png) center top no-repeat;
}
.about-item  li.li3:hover {
    background: url(../images/abh_03.png) center top no-repeat;
}
.about-item  li.li4 {
    background: url(../images/ab_04.png) center top no-repeat;
}
.about-item  li.li4:hover {
    background: url(../images/abh_04.png) center top no-repeat;
}
.title-index{
	text-align:center;
	margin-top:80px;
}
.title-index h1{
	font-size:36px;
	color:#FFF;
}
.title-index h2{
	font-size:22px;
	color:#FFF;
}
#section2 .title-index h1{
	font-size:36px;	
}
#section2 .title-index h2{
	font-size:22px;
}
/*page3*/
.page3 .index_sec,.page3 .sec_box{ display: block;}
.honor_show{
	padding: 0 15px;
	margin-top:50px;
}
#honor_scr{
	position: relative;
    overflow: hidden;
}
#honor_scr .item{
	padding:0 15px;
	text-align:center;
}
#honor_scr .owl-controls{ font-size: 0; margin-top: 40px;}

#honor_scr .owl-controls .owl-page span{ width:52px; height: 3px; margin: 0 2px; filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius: 0px; border: 1px solid #fff; background-color: none;}

#honor_scr .owl-controls .owl-page.active span,#honor_scr .owl-controls.clickable .owl-page:hover span{ background-color: #e60012; border-color: #e60012;}
.honor_area{
	text-align:center;
}

.honor_area a{
	display:inline-block;
	text-align:center;
}
.honor_area a img{
	max-width:700px;
}

/*page4*/
.page4 .index_sec,.page4 .sec_box{ display: block;}
.container{
	width:1360px;
	margin:0 auto;
}
.pro_show{
	padding: 0 15px;
	margin-top:50PX;
}
#pro_scr{
	position: relative;
    overflow: hidden;
}
#pro_scr .item{
	padding:0 15px;
	text-align:center;
}
#pro_scr .owl-controls{ font-size: 0; margin-top: 40px;}

#pro_scr .owl-controls .owl-page span{ width:52px; height: 3px; margin: 0 2px; filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius: 0px; border: 1px solid #fff; background-color: none;}

#pro_scr .owl-controls .owl-page.active span,#pro_scr .owl-controls.clickable .owl-page:hover span{ background-color: #e60012; border-color: #e60012;}
.pro_area{
	max-width:400px;
}

.pro_area a{
	display:block;
	overflow:hidden;
}
.pro_area img{
	max-width:400px;
	transition:300ms;
	-webkit-transition:300ms;
	overflow:hidden;
}
.pro_area img:hover{
	-webkit-transform: scale(0.95); transform: scale(0.95);
}
.pro_caption {
    height: 80px;
    line-height: 80px;
	color:#fff;
	text-align:center;
	font-size:18px;
    overflow: hidden;
}

/*page5*/
.page5 .index_sec,.page5 .sec_box{ display: block;}

.area_show{
	padding: 0 15px;
	margin-top:50px;
}
#area_scr{
	position: relative;
    overflow: hidden;
}
#area_scr .item{
	padding:0 15px;
	text-align:center;
}
#area_scr .owl-controls{ font-size: 0; margin-top: 40px;}

#area_scr .owl-controls .owl-page span{ width:52px; height: 3px; margin: 0 2px; filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius: 0px; border: 1px solid #fff; background-color: none;}

#area_scr .owl-controls .owl-page.active span,#area_scr .owl-controls.clickable .owl-page:hover span{ background-color: #e60012; border-color: #e60012;}
.area_area{
	max-width:250px;
}

.area_area a{
	display:block;
	overflow:hidden;
}
.area_area img{
	max-width:280px;
	transition:300ms;
	-webkit-transition:300ms;
	overflow:hidden;
}
.area_area img:hover{
	opacity: 0.9;
	-webkit-transform: scale(0.95); transform: scale(0.95);
}
.area_caption {
    height: 40px;
    line-height: 40px;
	color:#fff;
	text-align:center;
	font-size:18px;
    overflow: hidden;
}

.foot{
	position:relative;
	border-top:3px solid #e60012;
	background-color: #fff;
    width:100%;
	padding:30px 0 0;
	font-size:12px;
    z-index: 2;
}

.foot_lf,.foot_ct,.foot_rt{
	width:30%;
}
.foot_ct{
	margin:0 5%;
}
.foot_ct h1{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}
.foot_ct h1 span{
	display:inline-block;
	border-bottom:3px solid #074389;
	font-size:14px;
}
.ft-lx{
	height:36px;
	line-height:36px;
	padding-left:25px;
	background:url(../images/ft1.jpg) left center no-repeat;
}
.ft-lx2{
	background:url(../images/ft2.jpg) left center no-repeat;
}
.ft-lx3{
	background:url(../images/ft3.jpg) left center no-repeat;
}
.foot_rt{
	text-align:center;
	padding-top:10px;
}
.foot-copy{
	background:#1f1f1f;
	text-align:center;
	color:#fff;
	font-size:12px;
	margin-top:10px;
	padding:1em 0;
}
.foot-copy .support{
	padding-left:20px;
	
}
/*submain*/
.subMain{
	padding:83px 0 50px;
}
.subcont{
	margin-top:35px;
	color:#444;
}
.sub_about .titles{
	margin-bottom:25px;
}
.sub_about .titles h1{
	font-size:28px;
	color:#333;
}
.sub_about .titles h2{
	font-size:22px;
	color:#abaaaa;
}
.blue_line{
	position:relative;
	display:inline-block;
	width:80px;
	height:3px;
	background:#004098;
	top:-5PX;
}
.sub_about p{
	text-indent:2em;
}
.solution{
	border-top:1px solid #ddd;
	padding-top:60px;
	margin:60px 0 20px;
	text-align:center;
}

.solution_Info p{text-indent:2em;}
.solution_box{
	display:inline-block;
	width:340px;
	height:320px;
	background:#004098;
	color:#fff;
	font-size:24px;
}
.solution_box img{
	padding-top:60px;
	display:inline-block;
}
.solution_box a{
	color:#fff;
}
.solution_box .solu_name{
	margin-top:30px;
}

.solution_title{
	font-size:24px;
	color:#004098;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
.solution_Info h2{
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}

/*subpro*/

.product_box ul{
	overflow:hidden;
}
.product_box li{
	display:inline;
	float:left;
	width:30%;
	margin:0 3% 30px 0;
}
.product_box li:nth-child(3n){
	margin-right:0;
}
.product_box li .subProImg{
	border:1px solid #ddd;
	overflow:hidden;
}
.product_box li .subProImg img{
	display:block;
	transition:300ms;
	-webkit-transition:300ms;
}
.product_box li:hover .subProImg img{
	opacity: 0.9; -webkit-transform: scale(1.14); transform: scale(1.14); 
}
.product_box li .subProInfo{
	height:80px;
	font-size:12px;
	overflow:hidden;
}
.product_box li .subProName{
	margin-top:20px;
	text-align:center;
}
.product_box li .subProName a{
	color:#004098;
	font-size:16px;
}
/*prolist*/
.product_list_box h1.currpro{
	font-size:24px;
	color:#333;
	padding-left:15px;
	margin-bottom:1em;
}
.product_list_box li{
	position:relative;
	margin-bottom:60px;
}
.prolistImg img{
	border:1px solid #ddd;
}
.prolistInfo{
	position:relative;
}
.prolistInfo h1{
	color:#004098;
	margin-bottom:1em;
}
.prolistInfo .prolistTxt{
	min-height:150px;
	max-height:150px;
	font-size:12px;
	margin-bottom:1em;
	overflow:hidden;
}
.prolistInfo .more{
	display:inline-block;
	width:115px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background:#e60012;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.prolistInfo .more span{
	transition:0.3s;
	-webkit-transition:0.3s;
}
.prolistInfo .more:hover span{
	margin-left:8px;
}

/*subprodetail*/
.news_detail h2{
	text-align:center;
	font-size:22px;
	font-weight:normal;
}
.news_detail h4{
	font-size:12px;
	font-weight:normal;
	color:#a0a0a0;
	text-align:center;
	margin-top:15px;
}
.subnews_main{
	margin:20px 0;
	padding:30px;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}
.subnews_main p{
	text-indent:2em;
	color:#444;
}
.prodetail_bar{
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:30px;
	color:#fff;
	font-size:18px;
	text-indent:1em;
	background:#004098;
}
.pro_detail_info{
	width:95%;
	margin:0 auto;
}

/*subarea*/

.area_box ul{
	overflow:hidden;
}
.area_box li{
	display:inline;
	float:left;
	width:22%;
	margin:0 3% 30px 0;
}
.area_box li:nth-child(4n){
	margin-right:0;
}
.area_box li .subAreaImg{
	border:1px solid #ddd;
	overflow:hidden;
}
.area_box li .subAreaImg img{
	display:block;
	transition:300ms;
	-webkit-transition:300ms;
}
.area_box li:hover .subAreaImg img{
	opacity: 0.9; -webkit-transform: scale(1.14); transform: scale(1.14); 
}
.area_box li .subAreaInfo{
	height:80px;
	font-size:12px;
	overflow:hidden;
}
.area_box li .subAreaName{
	margin-top:20px;
}
.area_box li .subAreaName a{
	color:#004098;
	font-size:16px;
}
.area_box li .subAreaName2 a{
	color:#333;
	font-size:14px;
}
.currarea{
	font-size: 24px;
    color: #333;
    margin-bottom: 1em;
}

/*honor*/
.portfolio-list{
	margin-top:60px;
}
.marg-per2>.col-4-1 {
	float:left;
    width: 31%;
    margin-right:2%;
}
.portfolio-img {
    margin-bottom: 10px;
	padding:3px;
	border:1px solid #ededed;
    overflow: hidden;
}
.portfolio-list {
	min-height: 20px;
}

.portfolio-list li {
	margin-bottom: 25px;
	text-align: center;
}

.portfolio-list-summary li {
	text-align: left;
}

.portfolio-img {
	margin-bottom: 10px;
	overflow: hidden;
}

.portfolio-img a {
	position: relative;
}

.portfolio-img a,.portfolio-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.portfolio-img .opacity-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
	background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	_height: expression((this.parentElement.clientHeight) +'px');
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.portfolio-img .icon-zoom {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: url(../images/icon-zoom.png) no-repeat center;
}

.portfolio-img .icon-video {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background: url(../images/icon-video.png) no-repeat center;
}

.portfolio-img a:hover .opacity-overlay {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.portfolio-img a:hover img {
	transform: scale(1.2,1.2) rotate(10deg);
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.portfolio-item:hover img,.product-item:hover img,.scrollable-item:hover img {
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.portfolio-title {
	margin-bottom: 10px;
	line-height: normal;
}

.portfolio-title h2 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
}

.portfolio-title a {
}

.portfolio-title a:hover {
	text-decoration: none;
}

/*download*/
.sub_downloadBox{
	margin-bottom:2em;
}
.sub_downloadBox li{
	position:relative;
	padding:30px 0;
	border-bottom:1px dashed #ddd;
}

.sub_downloadBox li:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; }
.sub_downloadBox li:hover:before{ background: #f6f6f6;}
.sub_downloadBox li .date{
	text-align:right;
}
.datebg{
	display:inline-block;
	width:100px;
	height:85px;
	background:#ededec;
	text-align:center;
	font-family: "Arial Black";
}
.datebg h2{
	font-size:36px;
	font-weight:bold;
}
.dowloadInfo h2{
	color:#333;
}
.dowloadInfo p{
	font-size:12px;
}

.downAct a{
	display:inline-block;
	width:115px;
	height:30px;
	line-height:30px;
	margin-top:30px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background:#e60012;
	transition:0.3s;
	-webkit-transition:0.3s;
}
.downAct a span{
	transition:0.3s;
	-webkit-transition:0.3s;
}
.downAct a:hover span{
	margin-left:8px;
}
.newsInfos h2{
	font-size:16px;
	font-weight:bold;
}
/*contact*/
.subcontact1 h1{
	font-size:24px;
	text-align:left;
}
.subcontact1 h1 span{
	font-size:22px;
}
.subcontact1 p{
	margin-top:10px;
}
.sub_msg{
	margin:50px 0;
	padding-top:50px;
	border-top:1px dashed #ddd;
}
.msg-table {
    color: #535353;
    width:80%;
	margin-top:35px;
}
.msg-table th {
	width:50px;
	font-weight:normal;
}
.msg-table th,.msg-table td {
    line-height: 30px;
    padding-bottom:20px;
    vertical-align: top;
}

.msg-table .inp {
    border: 1px solid #d3d3d4;
    height: 32px;
    padding: 0 10px;
    width:100%;
}
.msg-table textarea{
	width:100%;
	height:60px;
	border: 1px solid #d3d3d4;
	padding: 0 10px;
}
.msg-table .submitbtn{
	width:250px;
	height:36px;
	line-height:36px;
	background:#e60012;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.msg-table .submitbtn:hover{
	opacity:0.9;
}

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

.container{
	width:96%;
	padding:0 2%;
}
.solutionMain{
		margin-left:-3.5%;
	}
}



@media only screen and (min-width: 992px) {

 .container{
	width:100%;
	margin:0 auto;
}

}



@media only screen and (min-width: 1200px) {
	.container{
	width:1170px;
	margin:0 auto;
	}

    .guide_pad{ display: none;}

}



@media (min-width: 1440px){
.container{
	width:1365px;
	margin:0 auto;
}

}



@media (min-width: 1600px){
.honor_area a img{
	max-width:600px;
}
}
@media only screen and (max-width:1440px) {
	.container{
	width:100%;
	margin:0 auto;
}
.title-index{
	text-align:center;
	margin-top:80px;
}
.title-index h1{
	font-size:24px;
	color:#FFF;
}
.title-index h2{
	font-size:16px;
	color:#FFF;
}
#section2 .title-index h1{
	font-size:24px;
	
}
#section2 .title-index h2{
	font-size:16px;
	
}
.about-info{
	margin:20px 0;
	font-size:14px;
}
.about-item  li a {
    display: block;
    padding: 50% 0 10px 0;
    font-size: 16px;
	font-weight:normal;
	color:#fff;
}
.honor_area a img{
	max-width:500px;
}
.pro_area a img{
	max-width:280PX;
}
.pro_caption{
	height:40px;
	line-height:40px;
}
.area_area img{
	max-width:200px;
}

   
}


@media only screen and (max-width:1280px) {
.about-item  li a {
    display: block;
    padding: 55% 0 10px 0;
    font-size: 18px;
	font-weight:bold;
	color:#fff;
}
 
 .solution{
	border-top:1px solid #ddd;
	padding-top:60px;
	margin:60px 0 80px;
	text-align:center;
}
.solution_box{
	width:300px;
	height:280px;
	background:#004098;
	color:#fff;
	font-size:24px;
}
.solution_box img{
	padding-top:40px;
	display:inline-block;
}
.solution_box .solu_name{
	margin-top:30px;
}
}
@media only screen and (max-width:1024px) {
.about-item{
	margin:20px 0;
	}
.about-item  li a {
    display: block;
    padding: 55% 0 10px 0;
    font-size: 12px;
	font-weight:bold;
	color:#fff;
}
.title-index{
		margin-top:80px;
	}
	.title-index h1{
	font-size:30px;
	color:#FFF;
	}
	.title-index h2{
		font-size:18px;
		color:#FFF;
	}
	#section2 .title-index h1{
		font-size:30px;
		
	}
	#section2 .title-index h2{
		font-size:18px;
		
	}
	
	 .solution{
	border-top:1px solid #ddd;
	padding-top:60px;
	margin:60px 0 80px;
	text-align:center;
	}
	.solution_box{
		width:250px;
		height:210px;
		background:#004098;
		color:#fff;
		font-size:24px;
	}
	.solution_box img{
		padding-top:40px;
		display:inline-block;
	}
	.solution_box .solu_name{
		margin-top:30px;
	}
	
	.prolistInfo .prolistTxt{
	min-height:100px;
	max-height:100px;
	font-size:12px;
	margin-bottom:1em;
	overflow:hidden;
}
   
}



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


.about-item  li a {
		display: block;
		padding: 75% 0 10px 0;
		font-size: 14px;
		font-weight:normal;
		color:#fff;
	}
	#focus{ display: none; height: 0; overflow: hidden;}

    #focus_phone{ display: block; height: 100%;}
}



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


    .sub,.advance,.case_show,.core,.flow,.seven,.cooper_brand,.goodness,.notice_box,.post_end,.mode,.business_info,.research,.special{ padding: 40px 0;}

    .intelligent{ padding-top: 40px;}

    .special{ margin-bottom: -40px;}

    #navBar{ right: 10px;}

	#fullpage{
		margin-top:50px;	
	}
   #focus{ display: none; height: 0; overflow: hidden;}

    #focus_phone{ display: block; height: 100%;}

    /*.page3 .sec_box{ margin-top: -180px;}*/

	.container{
		width:96%;
		padding:0 2%;
	}
	.title-index{
		margin-top:50px;
	}
	.title-index h1{
	font-size:30px;
	color:#FFF;
	}
	.title-index h2{
		font-size:18px;
		color:#FFF;
	}
	#section2 .title-index h1{
		font-size:30px;
		
	}
	#section2 .title-index h2{
		font-size:18px;
		
	}
	
	.about-info{
	text-align:center;
	color:#fff;
	font-size:16px;
	margin:20px 0;
}
	.about-item ul{
		overflow:hidden;
	}
	.about-item li {
		display: inline;
		float: left;
		width: 23.5%;
		margin: 20px 0 0 1.2%;
		text-align: center;
	}
	.about-item  li a {
		display: block;
		padding: 58% 0 10px 0;
		font-size: 14px;
		font-weight:normal;
		color:#fff;
	}
	.about-item  li.li1 ,.about-item  li.li1:hover{
		background: url(../images/ab_01.png) center top no-repeat;
		background-size:50%;
	}
	
	
	.about-item  li.li2,.about-item  li.li2:hover {
		background: url(../images/ab_02.png) center top no-repeat;
		background-size:50%;
	}
	
	.about-item  li.li3 ,.about-item  li.li3:hover{
		background: url(../images/ab_03.png) center top no-repeat;
		background-size:50%;
	}
	
	.about-item  li.li4,.about-item  li.li4:hover {
		background: url(../images/ab_04.png) center top no-repeat;
		background-size:50%;
	}

    .pro_show{ padding: 0; margin-left:-15px; margin-right:-15px;}

    #pro_scr .owl-controls .owl-page span{ width: 14px;}

    .pro_caption{ height: 40px; line-height: 40px;font-size:14px;}

    .pro_item{ font-size: 18px;}
	
	.area_show{ padding: 0; margin-left:-15px; margin-right:-15px;}

    #area_scr .owl-controls .owl-page span{ width: 14px;}

    .area_caption{ height: 40px; line-height: 40px; font-size:14px;}

    .area_item{ font-size: 18px;}
	
	
	
.foot{
	position:relative;;
	border-top:3px solid #e60012;
	background-color: #ededee;
    width:100%;
	padding:20px 0 0;
	font-size:12px;
    z-index: 2;
}

.foot_lf,.foot_rt{
	width:15%;
}
.foot_ct{
	width:55%;
}
.foot_ct h1{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}
.foot_ct h1 span{
	display:inline-block;
	border-bottom:3px solid #074389;
	font-size:14px;
}
.ft-lx{
	height:36px;
	line-height:36px;
	padding-left:25px;
	background:url(../images/ft1.jpg) left center no-repeat;
}
.ft-lx2{
	background:url(../images/ft2.jpg) left center no-repeat;
}
.ft-lx3{
	background:url(../images/ft3.jpg) left center no-repeat;
}
.foot_rt{
	text-align:center;
	padding-top:2em;
}
.foot-copy{
	background:#1f1f1f;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding:1em 0;
}
	.subMain{
		padding:51px 0 0;
	}
	.solution{
	border-top:1px solid #ddd;
	padding-top:60px;
	margin:60px 0 80px;
	text-align:center;
	}
	.solution_box{
		width:150px;
		height:120px;
		background:#004098;
		color:#fff;
		font-size:14px;
	}
	.solution_box img{
		padding-top:10px;
		display:inline-block;
	}
	.solution_box .solu_name{
		margin-top:10px;
	}
	.solutionMain{
		margin-left:-3.5%;
	}
	
	.prolistInfo .prolistTxt{
		min-height:60px;
		max-height:60px;
		font-size:12px;
		margin-bottom:1em;
		overflow:hidden;
	}
	
	/*honor*/
.portfolio-list{
	margin-top:30px;
}
.marg-per2>.col-4-1 {
	float:left;
    width: 45%;
    margin-right:5%;
}
.honor_menu a{
	padding:5px 30px;
}
.works_menu{
	text-align:left;
	padding-top:0;
}
.works_menu a{
	padding:5px;
	margin-bottom:10px;
}
.subBusiness{
	margin-top:30px;
}
.bus_other a{
	padding:5px;
}
.sub_downloadBox li:before{ content: ""; position: absolute; top:0; z-index: 0; width: 100%; height: 100%; }

}



@media only screen and (max-width:639px) {
	.container{
		width:96%;
		padding:0 2%;
	}
	.foot{
	position:relative;
	border-top:3px solid #e60012;
	background-color: #ededee;
    width:100%;
	padding:20px 0 0;
	font-size:12px;
    z-index: 2;
}
.foot_lf,.foot_ct,.foot_rt{
	width:100%;
}
.foot_lf,.foot_ct{
	display:none;
}
.foot_ct h1{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
}
.foot_ct h1 span{
	display:inline-block;
	border-bottom:3px solid #074389;
	font-size:14px;
}
.ft-lx{
	height:28px;
	line-height:28px;
	padding-left:25px;
	background:url(../images/ft1.jpg) left center no-repeat;
}
.ft-lx2{
	background:url(../images/ft2.jpg) left center no-repeat;
}
.ft-lx3{
	background:url(../images/ft3.jpg) left center no-repeat;
}
.foot_rt{
	text-align:center;
}
.foot-copy{
	background:#1f1f1f;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding:1em;
}


}



@media only screen and (max-width:479px) {
	.container{
		width:96%;
		padding:0 2%;
	}
	.about-info{
	text-align:center;
	color:#fff;
	font-size:14px;
	margin:20px 0;
	}
	
	.solution .col-xs-4{
		width:100%;
	}
	
	.solution{
	border-top:1px solid #ddd;
	padding-top:60px;
	margin:60px 0 80px;
	text-align:center;
	}
	.solution_box{
		width:100%;
		height:120px;
		background:#004098;
		color:#fff;
		font-size:14px;
		margin-bottom:2em;
	}
	.solution_box img{
		padding-top:10px;
		display:inline-block;
	}
	.solution_box .solu_name{
		margin-top:10px;
		color:#fff;
	}
	.solutionMain{
		margin-left:-3.5%;
	}
	
	/*subpro*/
.product_box ul{
	overflow:hidden;
}
.product_box li{
	display:inline;
	float:left;
	width:45%;
	margin:0 5% 30px 0;
}
.product_box li:nth-child(2n){
	margin-right:0;
}
.product_box li .subProImg{
	border:1px solid #ddd;
}
.product_box li .subProInfo{
	height:80px;
	overflow:hidden;
}
.product_box li .subProName{
	margin-top:20px;
}
.product_box li .subProName a{
	color:#004098;
	font-size:16px;
}

.prolistInfo{
	margin-top:1em;
}

/*subarea*/

.area_box ul{
	overflow:hidden;
}
.area_box li{
	display:inline;
	float:left;
	width:45%;
	margin:0 5% 30px 0;
}
.area_box li:nth-child(2n){
	margin-right:0;
}
.area_box li .subAreaImg{
	border:1px solid #ddd;
}
.area_box li .subAreaImg img{
	display:block;
}
.area_box li .subAreaInfo{
	height:80px;
	overflow:hidden;
}
.area_box li .subAreaName{
	height:50px;
	margin-top:20px;
}
.area_box li .subAreaName a{
	color:#004098;
	font-size:12px;
}
.portfolio-title h2{
	font-size:12px;
}
.sub_downloadBox li:first-child{
	padding-top:0;
}
.sub_downloadBox li .date{
	text-align:left;
	margin-bottom:1em;
}
.subcontact1 h1{
	font-size:22px;
}
.subcontact1 h1 span{
	font-size:18px;
}
.msg-table {
    color: #535353;
    width:100%;
	margin-top:1em;
}

.title-index{
	text-align:center;
	margin-top:0px;
}
.title-index h1{
	font-size:24px;
	color:#FFF;
}
.title-index h2{
	font-size:16px;
	color:#FFF;
}
#section2 .title-index h1{
	font-size:24px;
	
}
#section2 .title-index h2{
	font-size:16px;
	
}
.about-info{
	margin:20px 0;
	font-size:14px;
}
.about-item  li a {
    display: block;
    padding: 50% 0 10px 0;
    font-size: 14px;
	font-weight:normal;
	color:#fff;
}
.honor_area a img{
	max-width:100%;
}
.pro_area a img{
	max-width:100%;
}
.pro_caption{
	height:40px;
	line-height:40px;
}
.area_area img{
	max-width:100%;
}

}



/*图片划过样式*/

.show_img img{

	-webkit-transform: scale(1, 1);

	-webkit-transition-timing-function: ease-out;

	-webkit-transition-duration: 600ms;

	-moz-transform: scale(1, 1);

	-moz-transition-timing-function: ease-out;

	-moz-transition-duration: 600ms;

	transform: scale(1, 1);

	transition-timing-function: ease-out;

	transition-duration: 600ms;

	width: 100%;

}

#device .item:hover a .show_img img{

	-webkit-transform: scale(1.08, 1.08);

	-webkit-transition-timing-function: ease-out;

	-webkit-transition-duration: 600ms;

	-moz-transform: scale(1.08, 1.08);

	-moz-transition-timing-function: ease-out;

	-moz-transition-duration: 600ms;

	transform: scale(1.08, 1.08);

	transition-timing-function: ease-out;

	transition-duration: 600ms;

	position: relative;

	z-index: 3;

}

aa{

	display: block;

	width: -webkit-calc(100% + 20px);

	width: calc(100% + 20px);

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

    width: 100%;

    transition:all 0.8s ease;-webkit-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;-ms-transition: transition:all 0.8s ease;-moz-transition: transition:all 0.8s ease;

}

.aa {

	opacity: 1.0;

	-webkit-transform: translate3d(-20px, 0, 0);

	transform: translate3d(-20px, 0, 0);

}

.dis {

	display:none;

}

.bg_no {

	background:none;

}

.col_red{ color: #df0010;}