﻿@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}
.logo .signerimg{ display:none;}
.loarea .logo{ width:240px;}
.nav{ width:750px;}
.navul li>a{ padding:22px 18px 0; font-size:14px;}

.hmslide{ display:none;}
.hmtab{ display:none;}

.h_enter{ width:100%;}
.h_enter .tp{ width:200px; float:left;}
.h_enter .des{ padding:10px 10px 0 220px;}
.h_enter .des .nr{ font-size:14px;  height:50px; overflow:hidden;}
.h_enter .des .morediv{ text-align:left;}
.morea{ font-size:14px;}
.mhmediaul{ display:block;}

.h_main{ margin:34px auto;}
.hmain{ padding:26px 0 0px;}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.header{ border-top:2px solid #e60012;}
.nav{ display:none;}
.menubtn{ display:block;} 
.header{ background:none; padding-top:0;}
.seabtn{ display:block;}
.loarea{ height:60px;}
.loarea .logo{ width:140px; padding-top:14px; }
.loarea .logo .logoimg{ height:32px;}
.sea_tel{ display:none;}
.tel{ display:none;}
.mtel{ display:block;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}

.qlinkul a .shade{filter:alpha(opacity=100); -moz-opacity:; -khtml-opacity:; opacity:1;}
.qlinkul .shade .box{ font-size:16px;}
.footer{ display:none;}

.mfooter{display:block;}
.mfooterheight{ display:block;}


.hmainul li{ width:48.4%; }

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
.mhmediaul li{ width:46%;}
.mhmediaul .des h4{ font-size:14px;}
.hp_tit span{ font-size:14px; width:33.33%; text-align:center; margin:0;}
.hpul li{ width:47%; margin-bottom:2%;}
.hpul .des h4{ font-size:14px;}
.qlinkul li{ width:100%;}

.hmainul .title {font-size: 16px;}
.hmainul .title .t_en{ font-size:12px;}
.hmainul .iterm .mc a{ font-size:12px;}
.h_main{ margin:20px auto;}
}

/** width:480 **/
@media only screen and (max-width: 479px) {
.h_enter .tp{ width:100%; float:none;}
.h_enter .des{ padding:10px 10px;}

.hmainul li{ width:100%; margin:0 auto 14px;}

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*********************************内页**********************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.in_sh .in_tit{ background:none;}
.in_sh .in_tit h4{ font-size:22px; border-bottom:1px solid #ddd;}
.location2 .locationarea{text-align:left; background-color:#f3f3f3 !important;}

	}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_banner{ overflow:hidden;}
.i_banner img{ width:150%; margin-left:-25%; max-width:150%; }
.i_main {padding:10px 0 20px;min-height: 200px;}
.i_l{ position:static; float:none; width:100%;}
.sidetui,.sidelink{ display:none;}

.lm{margin-bottom:22px;}
.lm_tit{  padding:10px 14px;}
.lm_tit .icon{ display:none;}
.lm_tit .des{padding-left:0;}
.lm_tit .des h4{ font-size:18px;}
.lm_tit .des p{ display:none;}

.lmul{ overflow:hidden;border-bottom:1px dotted #cccccc; padding:8px 0;}
.lmul li{ width:25%; float:left; border-bottom:0;}
.lmul li a{ padding-left:30px; background:url(../images/icon/lm_icon02.png) 14px center no-repeat;  display:block; height:30px; line-height:30px; font-size:14px; color:#333;}
.lmul li a:hover{background:url(../images/icon/lm_icon02.png) 14px center no-repeat;}
.act_lm{ background:url(../images/icon/lm_icon02.png) 14px center no-repeat;}

.i_r{ padding-left:0;}
.i_con{ min-height:200px;}
.i_tit .mc{ font-size:18px;}
.prolistul .tpdiv{ padding:0;}
.prolistul .des h4{ font-size:14px;}

.contact .des .tit{ font-size:18px; margin-bottom:18px;}
.contact .des .wz{ font-size:14px;  padding:8px 0;}
.map{ margin-top:20px;}

.header{ -webkit-box-shadow:1px 1px 2px 0 #ccc; -moz-box-shadow:1px 1px 2px 0 #ccc; -ms-box-shadow:1px 1px 2px 0 #ccc; -o-box-shadow:1px 1px 2px 0 #ccc; box-shadow:1px 1px 2px 0 #ccc;}

.honul .shade .box{ font-size:14px;}
.honul li{ margin-bottom:18px;}
.honul .shade{ filter:alpha(opacity=100); -moz-opacity:; -khtml-opacity:; opacity:1;}
.new{ padding:20px 0 0;}

.case2{ padding-bottom:30px;}
.caseul2{ padding-bottom:34px;}

.turnpage  a{ display:none;}
.turnpage .point{ display:inline-block;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){
.caseul{ margin-right:0;}
.caseul li{ width:100%; margin-right:0;}
	}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
.messtab td{padding:2px 0px ; float:none; width:100%; display:block;}
.messtab td.mc{ text-align:left;}
.messtab .tj{ padding-top:0px;}

.pdelgallery .iterm1{ width:46%;}
.caseul2 li{ width:98%;}
	}
/** width:480 **/
@media only screen and (max-width: 479px) {
.lmul li{ width:50%;}
.honul li{ width:50%;}
.caseul{ padding-bottom:0;}
.caseul li{ padding:10px 0;}
.caseul li .tp{ float:none; margin:0 auto; max-width:100%;}
.caseul li .des{ padding:10px 0;}
.caseul li .des .nr{ height:auto;}

.newul{ padding-bottom:10px;}
.newul li{ margin-bottom:10px;}
.newul li .tp{ float:none; margin:0 auto; width:100%;}
.newul li .tp img{ height:auto; width:100%;}
.newul li .time{ float:none; margin:10px 0 4px; width:100%;text-align:left;}
.newul li .time h4,.newul li .time p{ display:inline-block; font-size:16px; line-height:1.6; padding:0; vertical-align:middle;}
.newul li .time p{ font-size:14px;}
.newul li .des{ padding-left:0px; padding-top:0px;}
.newul li .des .tit{ margin-bottom:4px;}
	}
/** width:360px **/
@media only screen and (max-width: 360px) {
.pdelgallery .iterm1{ width:96%;}
.caseul2{ width:96%;}
	}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


