@charset "UTF-8";
/*
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/
*{padding:0;margin:0; 
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;  }
body{font-size:12px;font-family:微软雅黑;}
 .container{width: 1200px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 } 
 h3,h4,h5{font-size:14px}
a,a:hover,a:focus{text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.content_desp a{text-decoration:;  }
h1, .h1, h2, .h2, h3, .h3,h4, .h4, h5, .h5, h6, .h6{padding:0;margin:0;  }
td{padding-top: 0px;padding-right: 6px;padding-bottom: 0px;padding-left: 6px;margin-bottom:0px; line-height:20px;}
li{list-style-type:none}ol li{list-style-type:decimal}
.c,.clearblock,.clearfix{clear:both;overflow:;}
h2{font-weight:bold;font-size:16px;}
.poa{position:absolute; }.por{position:relative; }.pos{position:static  !important; }
.tc,.center{text-align:center; }.tl{text-align:left; }.tr{text-align:right; }
.fl{float:left;display:inline; }.fr{float:right;display:inline; }
.fl01{float:left;display:inline; margin-left:10px;}.fr01{float:right;display:inline;margin-right:50px; }
.fl02{float:left;display:inline; margin-left:50px;}.fr02{float:right;display:inline;margin-right:10px; }
.f14{font-size:14px;}.f14b{font-size:14px;font-weight:bold;}
.f12{font-size:12px;}.f12b{font-size:12px;font-weight:bold;}
.fb{font-weight:bold;}
.dn,.hide{display:none; }.db,.show{display:block; }.di{display:inline-block;}
.vt{ vertical-align:top}.vm{vertical-align:middle}.vb{ vertical-align:bottom}
.lh,#cke_pastebin{line-height:20px;}
.cred{ color:red }
.blockimg img{display:block;}
a img{border:0;} 
img{max-width:100%; margin-top:0px; margin-left:0px; margin-right:0px;}
leftimg{max-width:100%; margin-left:15px; margin-right:5.5px;}
.pointer,.cp{cursor:pointer;}
.tino{text-indent:-9999px;}
b,i{display:inline-block;font-style:normal }
.p10{padding:10px}.p20{padding:20px}.p30{padding:30px}.p50{padding:50px}.p100{padding:100px}.p150{padding:150px}.p200{padding:200px}
.pli10 li{padding:10px; }.pli20 li{padding:20px; }
.m10{marign:10px}.m20{margin:20px}.m50{marign:50px}.m100{margin:100px}

.pl10{padding-left:10px}.pr10{padding-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}
.pr20{padding-left:20px}.pr20{padding-right:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}
.pt30{padding-top:30px}.pb30{padding-bottom:30px}
.pt50{padding-top:50px} .pt80{padding-top:80px} .pt100{padding-top:100px} .pt120{padding-top:120px} .pt150{padding-top:150px}
.pb50{padding-bottom:50px} .pb80{padding-bottom:80px} .pb100{padding-bottom:100px}.pb120{padding-bottom:120px} .pb150{padding-bottom:150px}
.ptb10{padding:10px 0; }.ptb20{padding:20px 0; } .ptb50{padding:50px 0; } .ptb80{padding:80px 0; } .ptb100{padding:100px 0; } .ptb120{padding:120px 0; }.ptb150{padding:150px 0; }


.ml10{margin-left:10px}.mr10{margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}
.ml20{margin-left:20px}.mr20{margin-right:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}
.mt30{margin-top: 30px}.mb30{margin-bottom: 30px}
.mt50{margin-top: 50px}.mb50{margin-bottom: 50px}
.mt80{margin-top: 80px}.mb80{margin-bottom: 80px}
.mt100{margin-top: 100px}.mb100{margin-bottom: 100px}
.mtb10{margin:10px 0; }.mtb20{margin:20px 0; } .mtb50{margin:50px 0; } .mtb80{margin:50px 0; } .mtb100{margin:100px 0; } .mtb120{margin:120px 0; } .mtb150{margin:150px 0; }
.mauto{margin-left:auto;margin-right: auto;}
.maxheight{max-height:420px;clear:both; overflow:hidden; }
.maxheight250{max-height:250px;clear:both; overflow:hidden; }
.maxheight350{max-height:350px;clear:both; overflow:hidden; }
.minheight500{min-height:500px}.minheight350{min-height:350px}.minheight200{min-height:200px}
.height500{height: 500px; }
.area{padding-top:20px}
.menu.headerfixed{opacity:0.8}
.menu li li{opacity:1.0}
 .breadtitle{display:none;padding:50px 0 50px 20px ;font-size:20px;font-weight:bold; }/*def hide*/
 .breadtitle .breaddivi{display:inline-block;padding:0 10px }
 .errorfront{ padding:10px;background:red;color:#fff}
 .sepaline{width: 100%; height: 1px;background:#dbdbdb; }


 .bgarea,.bgregioncnt{background:#fff}
 .blockgroup{position:relative; }
.contentwrap{position:relative; padding:30px 0}
.pageregionwrap{ position:relative;  }
.blockidwrap{padding-bottom:30px; clear:both; overflow:hidden;  }
 /*header*/
 .logo{position:absolute; top:10px;left:10px;z-index:99}
.headertel{position:absolute;right:10px;top:10px;z-index:99}
.headertop{height:30px;line-height:30px;background:#b5d1ee;}
.header{position:relative; height: 98px;   }
.headerwrapfloat{position:absolute; width: 100%; top:0;left:0  }
.headerwrapfloat .headertop{display:none; }
/*sticky*/
@-webkit-keyframes menu_sticky{0%{margin-top:-100px}
50%{margin-top:-90px}
100%{margin-top:0}
}@keyframes menu_sticky{0%{margin-top:-100px}
50%{margin-top:-90px}
100%{margin-top:0}
}
body .stricky-fixed{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0;position:fixed !important;top:0;left:0;width:100%;z-index:99990;-webkit-animation-name:menu_sticky;animation-name:menu_sticky;-webkit-animation-duration:0.60s;animation-duration:0.60s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
 
 .stricky-fixed .header{height: 50px;position:relative;background:#fff; }
 .stricky-fixed .header .logo img{height: 40px; }
 .stricky-fixed .header a.m{color:#333}   .stricky-fixed .header a.m:hover{color:#000}  
 .stricky-fixed .header .headermobsearch{top:16px}
 .stricky-fixed .header .langimg{top:16px}
 .stricky-fixed .header .topsearchbox{top:66px}

 .headermobsearch{display:block;}

/*lang*/
.langimg{position:absolute;top:48px;right:2px;z-index:113 }
.langimginc{position:absolute; top:30px;left:0;z-index:1005;border: 1px solid #ccc;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px;}
.langimginc a{display:block;padding:2px;background:#fff; }
.langimg img{height: 16px; }
.langarrow{background:url(../images/menuarr.gif)  0 -100px no-repeat ;width: 10px; height: 10px;   }
/*topsearch*/
button{border:none;outline:none;box-shadow:none;padding:0;background:transparent;cursor:pointer}
input,textarea{font-size:16px;line-height:28px;outline:none;box-shadow:none;transition:all 0.3s ease-in-out}

  .loadingbig{background:url(../images/loadingbig.gif) no-repeat center center ; }
  /*topsearchbox*/
.topsearchbox{position:absolute; display:none;  top:98px;right:55px;z-index:111}
  .topsearchbox form{height:40px;width:280px;border-radius:4px;margin:0;left:auto;right:0;top:70px;background:#fff; }
 .topsearchbox input{ font-weight:normal;width:100%;height:100%;opacity:0.8;color:#9e9e9e;border:1px solid rgba(51,51,51,0.16);padding:0 47px 0 10px;font-size:15px;border-radius:3px;box-shadow:inset 0 0 11px 2px rgba(119,119,119,0.25)}
 .topsearchbox form button{display:block;width:40px;height:38px; line-height:40px;text-align:center;position:absolute;top:0px;right:5px;background:url(../images/search.png) 10px 15px no-repeat ; }
 .headermobsearch{position:absolute;width:13px;height:20px;cursor:pointer;display:none;top:48px;right:55px;z-index:111;;background:url(../images/search.png) 0px 0px no-repeat ;}
  .headermobsearch{display:block;}
#header_menu_bottom .headermobsearch{display:none;}
#header_menu_bottom .topsearchbox{display:block;top:48px}

.searcharea{min-height:300px} 
.searcharea .key{margin-bottom:20px}
/*banner*/
.bannerwrap {clear:both; overflow:hidden; }
.bannerwrap h1{padding-top:100px;text-align:center; font-size:30px; font-weight:bold; color:#fff }
.bannerbg{background:#74BBF1;  background-position:center center;background-repeat:no-repeat;background-size:cover}

.bannertext h1{padding-top:100px;text-align:center; font-size:30px; font-weight:bold;display:none; }

.bannerheight{height: 400px; }
.bannerhgshort .bannerbg{height: 150px; } .bannerhgshort h1{padding-top:60px !important;} 
.bannerhgtall .bannerbg{height: 350px; }  .bannerhgtall h1{padding-top:150px !important;} 


.nav-button{display:none;position:absolute;top:10px;right:7px;width:40px;height:30px;
background:url('../images/menumob.png'), linear-gradient(to   top, #ddd, #ccc);  background-position:center center;background-repeat:no-repeat;background-size:21px,100%;cursor:pointer;border:0 none; border-radius:5px;z-index:999;text-indent:-9999px}
 .nav-button:focus{ outline:none}
.nav-button.opennavmenu{background:url('../images/menumobclose.png'),linear-gradient(to   top, #ddd, #ccc);;background-position:center center;background-repeat:no-repeat;background-size:21px,100%}
  
.menu li  .submenuwrap  li{height: auto;padding:5px;  }
.menu li  .submenuwrap  li a{display:inline; }
.menu ul ul.submenuwrap{width: 350px; }
.menu ul ul.submenuwrapright{right:5px}
/*linkwhite ,add in region*/
.linkwhite{color:#ccc}
.linkwhite a{color:#fff}
.lh26 .regioncnt p,.lh26 .bkdesp p{line-height:26px; }
.fs12 .regioncnt p,.fs12 .bkdesp p{font-size:12px; }
.fs14 .regioncnt p,.fs14 .bkdesp p{font-size:14px; }
.fs16 .regioncnt p,.fs16 .bkdesp p{font-size:16px; }
.regioncntptb20 .regioncnt{padding:20px 0; }
.overlay{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.6 )}
.showoverlay .overlay{display:block;}

/**************************************end common*/  

/*edit*/
.block,.blockregion{/*position:relative; */ position: relative; margin-top:0px; margin-left:0px;margin-right:0px;} /*use for edit*/
.dmedit{background:red;color:#fff;position:absolute; padding:3px;top:30px;right:0px;border-radius:5px; z-index:99999;display:none;}
.dmeditregion{background:blue;color:#fff;right:100px;top:20px }
.dmeditfenode{background:blue;color:#fff;right:200px ;top:0}
.dmeditnode{height: 35px;line-height:35px;text-align:center; margin-bottom:10px ;display:none; position:absolute;top:0;right:200px;z-index:500 }
.dmeditnode a{font-size:16px;background:#007ACC;color:#fff;display:inline-block;padding:0 8px;border-radius:5px;margin-left:20px;text-decoration:none;  }
.dmeditnode a:hover{  background:#2a527a; color:#fff;}
.dmeditnode a.cate{ background:#F15A24;color:#fff  } 
.dmeditnode a.cate:hover{ background:#c04b21;color:#fff  }
.dmedit:hover{color:#fff}
.dmeditcolumn{ top:60px;right:20px; }
.areaAllwidth .dmeditnode{position:absolute; left:0;top:0;z-index:99999}
/********area*********************************************/

.areacontent{min-height: 650px;position:relative; z-index:1}
 
/*sidebar and  content layout*/ 
.content h1{font-weight:bold;font-size:24px;line-height:40px;padding:20px 0px;text-align:center;  } 
.content p{line-height:25px; padding-right:0px;}
.content .kv{text-align:center; padding-bottom:30px}

.content_top,.content_bot{padding:10px; }
.perwidth .content_desp{padding:0 20px}
 
/*content_header*/
 
.cntwidth .content_default{margin-top:15px; }
.content_header{ line-height:32px;height:36px;margin-bottom:15px }
.content_header h3{float:left;margin:6px 0 0 3px;font-size:16px;font-weight:bold;height:16px;line-height:16px;padding-left:6px;}
.content_header .breadcrumb{float:right;display:inline;padding:0;}
.content_desp{padding-bottom:0px}
.content_desp p{font-size:14px;padding-bottom:20px;margin:0; }
.pagetop,.contenttop,.content_headerimg{margin-bottom:15px}
.content_headerimg{height: 40px; }
.content_despcan{margin-bottom:30px}
.content_despcan p{ padding:0;line-height:22px; }

/** = breadcrumb***********/
.breadcrumb{ font-size:12px;
 line-height:33px;height: 33px;padding-left:0px }
.breadcrumb .breadhome{display:inline-block; padding-left:0px;}
.breadcrumb a{padding:0 5px; }
/*sidebar侧边栏*/ 
.sdcontent{padding:10px;line-height:26px;  }
.sdcontent li {border-bottom:1px solid #e2e2e2; }
.sdcontent li a{display:block;height: 30px;line-height:30px;padding-left:20px;background:#fff url(../images/arr8.png) 5px 50% no-repeat ;}
.sdcontent li li{padding-left:10px;border-bottom:0;}
.sdcontent li li a{background:#fff url(../images/arrow.png) 5px 50% no-repeat ;}

.sdheader, .sidebar h4.blockhd{ height: 43px;line-height:43px; font-weight:bold;text-align:center; font-size:16px; }
.sidebar a.active{font-weight:bold;}

.onlytext_p,.onlytext_p p,.onlytext_p .regioncnt{padding:10px;line-height:26px; }
.onlytext_p .regioncnt p,.onlytext_p .notitlecontent p{padding-bottom:15px;line-height:26px;  }
 /************************/
 /*box title*/
 .boxheader{position:relative; color:#fff}
.boxheader h3{height: 35px;line-height:35px; font-size:14px;font-weight:bold;background:#0f61b3;padding-left:5px;  }
 .boxheader .more{position:absolute; top:10px;right:5px;color:#fff}
.regioncnt{padding:10px 0px; clear:both;   }
.regsubtitle{padding:5px;color:#999; }
.homeabout  .regioncnt{line-height:22px; }
/*--------*/
.hdhide .regionhd{display:none; }
.regionbox{ clear:both; overflow:hidden; position:relative; }
 
.regionhd{padding:20px 0;text-align: center;position:relative; }
.regionhd h3{font-size: 32px;font-weight: normal;color:#1d1e22; }
 .regionblack  .regionhd h3, .regionblack .regionhd  h2{color:#fff}
.regionhd h3 img{max-height: 60px; } 
.regionhd .subtitle{padding:10px;font-size:14px;line-height:18px;  }
.regionmore  {padding:10px 0;text-align:center; clear:both; overflow:hidden; }
 
.titleline{margin:2px 0;height: 22px; position:relative; text-align:center; }
.titlelinelong{  border-bottom:1px solid #ddd;  }
.titlelineshort{left:50%;margin-left:-50px; position:absolute;bottom:0px;height:6px; width:100px;background:#ff821f; }
 .hdgroup{font-size:14px; padding-left:5px;font-size:14px;font-weight:bold;text-align:center;  } /*sidebar hd*/
  
/*bgvideoarrow*/
.bgvideoarrow{position:absolute; width: 100%;height:100%; top:-15px;left:0; background:url(../images/videosm.png) no-repeat center center ;  } /*视频背景*/
   
 

/*zoomimgwrap*/
.zoomimgwrap li:hover img,.zoomimgwrap div:hover img,.zoomimg:hover
{-webkit-transform:scale(1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:1683ms;-moz-transform:scale(1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:1683ms;overflow:hidden}
.zoomimgwrap .img{overflow:hidden; }
.gridboxshadow .bor{box-shadow: 0 0 6px rgba(134, 128, 128, 0.5); margin-bottom:25px}

 .bkmore{padding:15px 0}
.bkcntbox h3.title{font-size:26px;font-weight:bold;padding-bottom:20px}
.bkcntbox .despwrap{margin-top:5px} .blockonlydesp .despwrap{margin-top:0}
.bkcntbox .despjj{font-size:14px;color:#666;padding-bottom:20px;}
.bkcntbox .desp{font-size:14px;line-height:26px; }
 
.bgcontactform{    background: url(../images/bgglobal.png) center center no-repeat;    background-size: cover;}
.blockhd{font-size:16px;font-weight:bold;margin-bottom:10px}
.category .desp{font-size:12px;line-height:22px; }
/*table*/
table.formtab{border:1px;width: 100%; margin-bottom:11px;border-collapse: collapse;}
table.formtab td{padding:5px;border:1px solid #ccc}
tr.tableheader{  font-weight:bold;background:#eeefff }


/*formblock*/
.formblock .line{ padding:5px 0;border-bottom:0px solid #ccc;  }
.lineclear .line{clear:both; overflow:hidden; }
.formblock .line select{padding:5px;  }
.formblock .line .error{display:none; color:red;margin:0;padding:0;  } 
.formblock .line .key{ text-align:right;float:left; width: 17%;margin-right:3% }
.formblock .line .valuediv{float:left; width: 78%;  }
.formblock .linesubmit{margin:10px 0;text-align:center}
.formblock .errorstar {color:red}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

textarea.form-control {    height: auto;} 
.formplaceholder .key{display:none; }
.formplaceholder .line{padding:10px; }
.formplaceholder .line .valuediv{width: 100%; }
 
/*footer----  */ 
 
.footer .hdgroup{text-align:left;font-size:20px; background:none; }
.footer .regioncnt{padding:0} 
.footer .boxcol .desp{margin:0; }









/*-------responsive part-------------------------------------------*/

@charset "UTF-8";
.pcshow{display:block; }
.mobshow{display:none;}
.menuright .container{width: 950px;height: 45px; }
.menuright{right:80px }
.popbox{width: 800px; }
.popbox .title{font-weight:bold;padding:10px 0}
.popbox .desp p{line-height:20px;margin-bottom:10px }
.hidecontent_cainiaoyz .tabs_content{height: 575px;clear:both;  overflow:hidden; }
 .perwidth .container{width: 100%; }
.perwidth{width: 100%;margin:0 auto; overflow:hidden;}
.sdwidth{width: 23.33%;  overflow:hidden;} .cntwidth{width: 73.33%; overflow:hidden;}


.cntper .content_default{padding:0 5px;  } 
.kv img,.perimgwrap img,img.perimg{max-width: 100%;height: auto;  }/*perimg also add by js*/
img.perimg100{width: 100%;height: auto;display:block;}
img.perimgmax100{max-width: 100%;height: auto;display:block;}

@media  (min-width: 801px) {
.nopagenarrow .needheaderfixed{width: 100%; }

.sticky{position:relative; z-index:88}
 .stricky-fixed .header .menu{top:0px}
.menuright{position:absolute; top:30px;}
.menuright a.m{font-size:17px;padding:0 16px;}
.homesliderheight .img img  {max-height: 855px;  }
.homesliderheight{padding-bottom:50px}
 /*menu*/
.menu a{text-decoration:none;display:block; }
.menu li{position:relative;z-index:200; } 
.menu li.m{float:left; display:inline;}
.menu a.m{font-size:17px;padding:0 22px;}
.menu li li a{display:block;padding:0 10px; }
.menu ul ul{display: none;position:absolute;width:180px ;z-index:210; }
.menu ul ul ul{left:180px;top:0px;}
.menu li li .sf-sub-indicator{top:13px}
/***menu arrows */
.sf-sub-indicator {	position:absolute;	display:block;	right:5px;	top:23px;	width:10px;	height:10px;	text-indent:-999em;overflow:hidden;
	background:uurl('../images//menuarr.gif') no-repeat;}
.menuright .sf-sub-indicator {	right:2px;}
a.m .sf-sub-indicator { background-position: 0 -100px;} 
li.m li .sf-sub-indicator {	background-position:-10px  0px; }

/*----------*/
}

/* max-width: 当为1024时 --------使用窄屏-----*/
@media  (min-width: 970px) and (max-width: 1180px) {
.menu a.m{padding:0 22px;}
.menuright a.m{padding:0 11px;}.menuright .sf-sub-indicator {	right:0px;}
.menuright .container{width: 800px;height: 45px; }

.pagewrap,.container{width: 970px;padding:15px 5px;border:0px solid red;margin:0 auto;  } /*宽是1024*/

.gridlist li{height: 200px; }
.gridlist .img img{width: 207px; height: 166px; }

.homenews li a{width: 200px; }
.hidecontent_cainiaoyz .tabs_content{height: 470px; }
}
@media (max-width: 1180px) {
.container{width: 100%; }
}

/* max-width: 800px ------------------------------------------------------------*/
@media (max-width: 800px) {
.headerreg{left:120px;top:5px}
.pagewrap,.container{width: 100%; }
.area .container,.areaAllwidth .container{width: 98%;padding-left:1%;padding-right:1% }
 .pcshow{display:none; }
 .mobshow,.navbar-toggle{display:block;}
 .popcontent img{width: 100%;height: auto;  }
 
.area{min-height: 400px}
 .headerwrapfloat{position:relative; }
.pagewrap .header{height: 50px; background:#fff;  }
 .headertelmob{position:absolute; top:15px;left:50%;margin-left:-80px;}
 .header .logo{top:10px;left:0px;text-align:center; position:absolute; }
.header .logo img{height: 35px; }
 
.area .bgarea{border:0}
 /*menu*/
 .menu .container{padding: 0}/*hack bootstrap container*/
.menu{display:none;width:100%;  position:absolute;top:50px;left:0px;background:#F7F7F5;z-index:1000;height:auto}
 .menu li a{padding-left:10px}
.menu a{display:block !important;height: 50px;line-height:50px; background:#F7F7F5; }
.menu li li a{height: 35px;line-height:35px;padding-left:15px }
.menu li li li a{padding-left:25px}
.menu a{border-bottom:1px solid #1b253b}
.menu li ul{display:none; }
.needmenumob{position:fixed;}

.sub-nav-toggle{display:block;float:right;width:36px;height:48px;cursor:pointer;background:#7ccbfc url(../images/menusub.png) center -25px no-repeat;-o-transition:all 500ms ease-in;-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;transition:all 500ms ease-in}
.sub-nav-toggle.plus{background:#1b253b url(../images/menusub.png) center 18px no-repeat}

.menu li li .sub-nav-toggle{height: 35px;background-position:center -32px ; }
.menu li li .sub-nav-toggle.plus{background-position:center 11px ; }
 
/*.homenewsgd*/
.homenewsgd{width: 95%;padding-left:5px;height: 80px;  }
.homenewsgd .w1{width: 60% }
.homenewsgd .w2,.homenewsgd .alert{width: 100% } 
.homenewsgd .title{width:75% }
.homenewsgd .more{overflow:hidden;  margin-left:3%;padding:8px 1% }

/*content*/
.content{min-height:300px ;}
.area .container{padding-top:3px}
.sidebar,.content,.cntwidth{width: 100%; margin:0 auto;clear:both; overflow:hidden; float:none;  }
.perwidth .content_desp{padding:0}

.content_def{padding:8px; }
.content_def .kv img,.despcontent img,.content_top img{width: 100%; } 
.playnoad{width: 100%; height:350px; }
.proheader .half{width:100% }
.cntper .content_default{padding:0;  } 
 
.cellbacktop{display:block;padding:3px; text-align:center;   }
/*hide*/
.sidebar_1,.tab,.tabarea,.headercolor,.headertel{display:none; }
.tongji{display:none; }
.sitecolorchange{bottom:50px}
/*player*/
.playerbox{display:block;text-align:center;padding:20px;  }
.player{width: 100%;height: 300px;display:block;   }
.playerlink{padding-top:20px; }

.homenews li a{width: 70%; }
 body #online_qq_layer{top:200px}

#back-top a{position:fixed;bottom:10px;right:10px}
.popbox{width: 90%; }

.per800{width: 100%; clear:both; overflow:hidden;}
.homegn li{width: 31%; }
.content_default{width: 98%;margin:0 auto;  }

.eisliderwrap{padding-bottom:14%}
.hidecontent_cainiaoyz .tabs_content{height: 380px; }
.permobile800{width: 100%; }

.langimg{right:95px;top:18px}
.headermobsearch{display:block !important;right:65px;top:18px;}
#header_menu_bottom .topsearchbox{display:none}
.header .topsearchbox{ top:50px !important}
 
/*  .regioncnt{padding:10px 0px}
 .notitlecontent{padding:0px 5px} */
.gridnomag li{width: 49.9%; }
.gridnomag3 li{width: 33.3%; }/*need hack gridnomag*/
.gridnomag2 li{width: 50%; }
.gridnomag4 li{width: 50%; }

.gridcolhg120 .img img{height: 90px; }
.gridcolhg150 .img img{height: 120px; }
.gridcolhg180 .img img{height: 150px; } 
.gridcolhg210 .img img{height: 180px; }
.gridcolhg240 .img img{height: 210px; }
.gridcolhg270 .img img{height: 240px; }
.gridcolhg300 .img img{height: 270px; }

.gridcol4 li,.gridcol2 li{width: 45%; padding:0; margin-left: 2.2%; margin-right: 2.2%}
.gridcol3 li{width: 30%; margin-left:1.6%;margin-right:1.6%;} /*if not ,will be hack by above gridcol li*/
.major-list li{height: 160px;width: 45%;  }
.major-list li .title{top:60px}

.gridkf li{width: 24.9%;height: 120px; } 
.height500{height: 300px; }
 .regionhd h3 {font-size:20px;}
/*banner*/
.bannerheight{height: 100px !important; }
.bannerheight h1{padding-top:30px;font-size:20px;} 
/*oddabout*/
.oddabout .title{  font-size: 21px; padding:10px 0 25px 0}
.oddabout .desp {  font-size: 16px; padding-bottom:20px}
.oddabout .line1 .text{text-align:left; }
/*gridheader*/
.gridheader h2.title{font-size:30px;padding-bottom:30px;}
.gridheader .desp{font-size:16px;padding-bottom:20px;}
.gridtext .text{padding:20px; }
.gridtext h3.title{font-size:20px;padding-bottom:25px}
 
 
.mdtoparrow:after{bottom:100%;left:50%;top:inherit;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:12px;margin-left:-12px;z-index:9}
 .dmbtn .more{height: 40px;line-height:40px;padding:0 30px; font-size:14px;  }

.news_scroll .desp{font-size:12px;padding-top:0px;line-height:18px;height: 38px;overflow:hidden;   }
/*end media 800*/
}



 
/* max-width: 480--800px  -------------*/
@media   (min-width:481px)  and  (max-width: 800px){
.gridcol2mid .desp{height: 95px;overflow:hidden;  }
 
 
}

/* max-width: 480--600px  -------------*/
@media   (min-width:481px)  and  (max-width: 600px){
.gridlist li{height: 170px; }
.gridlist .img img{width: 147px; height: 136px; }

.albumlist li{width:27%;  }
.hidecontent_cainiaoyz .tabs_content{height: 280px; }
 
}
/* max-width: 600px  -------------*/
@media    (max-width: 600px){
.mt50,.mt30{margin-top:10px}.mb50,.mb30{margin-bottom:10px}
.jiathis_style{display:none; } 
 .content_header .breadcrumb {display:none; }
 
.news_scroll .desp{ display:none;  }
.news_scroll .circle{display:none; }
.news_scroll  .datemob{ display:block; }
.news_scroll li.listgd {height: 70px; }
 
.gridlistiso li{width:50%;}
.bxgridlines li {height: 190px; }
.bxgridlines li .img{height: 150px; }
/*column ----------------------*/
  
.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width: 100%;display:block; }
 

/*limit hg and wd*/
.imghg180 .img img{height: 130px; width:auto}
.imghg210 .img img{height: 160px; width:auto}
.imghg250 .img img{height: 200px; width:auto}
.imghg300 .img img{height: 250px; width:auto}
.imgwd100 .img img{max-width: 100%;height:auto }
.imgwd80 .img img{max-width: 80%;height:auto }
.imgwd60 .img img{max-width: 60%;height:auto }
.imgdesp80 .desp{height: 80px; }
.imgdesp120 .desp{height: 120px; }
.imgdesp160 .desp{height: 160px; }


/*col2*/
.bkcntbox .bktitle{padding-top:10px}
.gridcol2divi .img,.gridcol2divi .text{width: 96%;margin:2%;text-align:center; }  
.grid_imgcenter,.grid_imgcenter .tr {text-align:center !important; }
.grid_imgcenter .colhalf{margin:20px 0}

.permobile600{width: 100%; }
.bxgridlines  li .img img{width: 100%; height:auto} 
.footerlogo{display:none; }
.footertext{text-align:center; }
 
.sitecolorchange{display:none; }

.sidermenutop li{display: block;border-bottom:1px solid #ccc; }
.sidermenutop a{ padding:5px 0;margin:0; font-size:14px; }
.menutopline1 a.active:after{display:none; }
.sidermenutop .subcate{clear:both; overflow:hidden; }
.sidermenutop .subcate li{ display:inline-block; padding:0 10px;border:0; }
.sidermenutop .subcate li a{padding:5px 10px; }
 

.content h1{font-size:18px;line-height:28px; }
.bkcntbox h3{font-size:16px;}

.pageroll .pagerinc{display:block; } 
 .footer,.footerbar{padding:10px; } 
 .whyimg{width: 100%;position:relative;  }
 .whyimg img{width: 100%;  }
.whycnt{width: 100%;right: 0;top: 0;position:relative; }
.contentwrap{padding:5px 0; }
 .box_xunchuansimple {padding:35px 0; }
.box_xunchuansimple .desp,.box_xunchuansimple .dmbtn{float:none ;text-align:center;  } 
.box_xunchuansimple .desp{padding-bottom:20px;display:block;}
.formblock .line .key{   width: 100%;margin-right:0%;text-align:left;padding-bottom:8px  }
.formblock .line .valuediv{ width: 100%;  }
/*end media 600*/
}
/* max-width: 480px  -------------*/
@media  (max-width:480px) {
 
.dn480,.hide480{display:none}
.fr,.fl{float:none;}
.per480{width: 100%; clear:both; overflow:hidden;}
.boxheadercenter h3{font-size:26px;}
.imglist li{margin-left:20%}
.gridlist  li{width: 43%; height: 163px;margin-right:2.3%}
.gridlist .img img{width: 142px;height: 109px;  }
 
.albumlist li{width:42%;  }
.bxgridPro li .img img{height: 150px; }
.bxgridPro{height: 190px; }

 .homekf li img{height: 120px; }
 .homekf .regioncnt{height: 120px; }
 
.gridlistiso li{width:100%;margin-right:0;margin-bottom:10px } 
.diviso_filter li{width: 100%; display:block;margin-bottom:5px}
.diviso_filter li:after{content: " ";    display: block;    padding: 0;}
.diviso_filter a{display:block;width: 100%; padding:0;  }
.diviso_filter a.active{padding:0; }
.homegn li{width: 45%; }

.tabs_wrapper .tabs_header li{display:block;padding:5px;border-bottom:1px solid #2f4365; margin:0; }
.tabs_wrapper .tabs_header .active:after{display:none; }
 
.eisliderwrap{padding-bottom:24%}
.hidecontent_cainiaoyz .tabs_content{height: 230px; }
.bxgridlines li {height: 160px; }
.bxgridlines li .img{height: 120px; }
.gridnomag li,.gridnomag2 li,.gridnomag3 li,.gridnomag4 li{width: 99.9%; }
 

/*end media 480*/
}
 
 /* max-width: 320px  -------------*/
@media  (max-width:320px) {
.hidecontent_cainiaoyz .tabs_content{height: 160px; }
.gridlist  li{width: 42%; height: 133px;}
.gridlist .img img{width: 104px;height: 79px;  }
/*end media 320*/
}

 /* min-width: 481px  -------------*/
@media  (min-width:481px) {
.gridcol  .desp{height:90px;line-height:18px; overflow:hidden; clear:both;margin:10px;  } 
 
/*end media 481*/
}

@media  (width:768px) {
 body{font-size:14px;font-family:微软雅黑;}
 }