@charset "UTF-8";
/*本模板由DM建站系统 www.demososo.com开发 */
*{padding:0;margin:0; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box;   }
body{font-size:12px; font-family:微软雅黑;color:#000;background:none}
 .container{width: 1200px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 }
 h3,h4,h5{font-size:14px}
  a{color:#347AD0}
 a:hover{text-decoration:underline; }
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:underline; }
.content_padlf10{padding:0 10px;}
h1, .h1, h2, .h2, h3, .h3,h4, .h4, h5, .h5, h6, .h6{padding:0;margin:0;  }
td{padding:6px; line-height:20px;}
li{list-style-type:none} 
.c,.clearblock{clear:both;overflow:hidden;}
.clearfix::after {    display: block;    clear: both;    content: "";}

h2{font-weight:bold;font-size:16px;}
.poa{position:absolute; }.por{position:relative; }.pos{position:static  !important; }
.tc,.center,.text-center{text-align:center; }.tl{text-align:left; }.tr{text-align:right; }
.fl{float:left;display:inline; }.fr{float:right;display:inline; }
.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%;}
.pointer,.cp{cursor:pointer;}
.tino{text-indent:-9999px;}
b,i{display:inline-block;font-style:normal }
.errorfont{background:red;padding:10px;color:#fff;margin:5px 0  }
.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} .pt60{padding-top:60px} .pt80{padding-top:80px} .pt100{padding-top:100px} .pt120{padding-top:120px} .pt150{padding-top:150px}
.pb50{padding-bottom:50px} .pb60{padding-bottom:60px} .pb80{padding-bottom:80px} .pb100{padding-bottom:100px}.pb120{padding-bottom:120px} .pb150{padding-bottom:150px}
.ptb10{padding:10px 0; }.ptb20{padding:20px 0; }.ptb30{padding:30px 0; } .ptb50{padding:50px 0; }
 .ptb60{padding:60px 0; } .ptb80{padding:80px 0; } .ptb100{padding:100px 0; } .ptb120{padding:120px 0; }.ptb150{padding:150px 0; }

.mc{margin:0 auto}
.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}
.max400{max-width:400px;}.max500{max-width:500px;}.max600{max-width:600px;}

 .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;min-height: 350px}
.pageregionwrap{ position:relative;  }
.blockidwrap{padding-bottom:30px; clear:both; overflow:hidden;  }
 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 ; }

/*.trans-05*/
.trans-05{-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
 
.hoverimg .img{position:relative;overflow:hidden;cursor:pointer}
.hoverimg .img::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} 
.hoverimg .img:hover::before{-webkit-animation:shine .75s;animation:shine .75s}
@-webkit-keyframes shine {100%{left:125%}}
@keyframes shine {100%{left:125%}}



/*dmmenumobi*/
 .dmmenumobi{display:none; position:absolute;top:10px;right:7px;width:40px;height:30px;
background-color:#2a7dcf;background-image: url('../images/menumob.png');  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}
 .dmmenumobi:focus{ outline:none}
.dmmenumobi.opennavmenu{;background-image: url('../images/menumobclose.png');background-position:center center;background-repeat:no-repeat;background-size:21px,100%}

body .stricky-fixed{background:#fff;height: 50px; 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}
body .stricky-fixed .headertop{display:none; }

/***menu arrows */
.sf-sub-indicator { position:absolute;  display:block;  right:5px;  top:25px; width:10px; height:10px;  text-indent:-999em;overflow:hidden;
  background:url('../images/menuarr.gif') no-repeat;}
a.m .sf-sub-indicator { background-position: 0 -100px;}
li.m li .sf-sub-indicator { background-position:0px  0px; }

.memberenter{ position:absolute; left:50%;top:33px } 

/*banner*/
.dmbanneroverlay{
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;
    background-color: rgba(32, 32, 32, 0.49);
}
.bannerwrap {clear:both; overflow:hidden; }

.bannerbg{position:relative;   background-position:center center;background-repeat:no-repeat;background-size:cover} 
.bannerheight{height: 280px; background-color:#74BBF1;color:#fff;   }
.bannertext h2{  font-size:40px; font-weight:500;  }
.bannerhgtall .bannertext h2{  font-size:46px;   }
.bannerbg .bannertext{position:absolute;width:100%;text-align:center; bottom:40%; z-index:25}
.bannerhgtall .bannerbg .bannertext{bottom:40%; }
.bannerhgtall .bannerheight{height: 450px; }
.bannerhgshort .bannerheight{height: 150px; }

/* bannerbg02 */
.breadcrumb {background: none!important}
.bannerbg02 .container{height: 100%; }
.bannerbg02 .bannertext{text-align:left; bottom:30%}
 .bannerbg02  .breadcrumb{padding-top:15px}
 .bannerbg02  .breadcrumb .breadhome{padding:0; }
 .bannerbg02  .breadcrumb,.bannerbg02  .breadcrumb  a{color:#fff}

.bannerbg02 .bannertext h2{color:#fff;text-transform:uppercase;text-align:left;padding-left:10px }
.bannerbg02 .bannertext h2:after{content:'';display:block;margin-top:20px;width:75px;border-top:3px solid #fff}
 /*banner05*/
  .bannerbg05  .bannertext{width: 100%; text-align:center; bottom:35% }
 .bannerbg05 .bannertext h2{text-align:center; }
 .bannerbg05 .bannertext h2:after{ margin-top:0px;border-top:0}


/*  bannerbg03 */
.bannerbg03 .bannerbg .container{height: 100%; }
.bannerbg03 .bannerbg h1{float:left; display:inline;margin-left:20px  }
.bannerbg03 .breadcrumb{float:right; display:inline; color:#f26522}
.bannerbg03 .breadcrumb a{color:#fff}  .breadcrumb a:hover{color:#f26522}

/*dmbglayer*/
.opacitybg{background:#000;position:absolute;height:100%;width:100%;opacity:0;top:0;left:0;z-index:22;} 
.opacitybg3 .opacitybg { opacity: 0.3;   }
.opacitybg5 .opacitybg { opacity: 0.5;   }
.opacitybg6 .opacitybg { opacity: 0.6;   }
.opacitybg8 .opacitybg { opacity: 0.8;   }
.opacitybg10 .opacitybg { opacity: 1;   }

/*linkwhite ,add in region*/
.textwhite,.whitetext { color:#fff }
.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; }
.dmoverlay{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.6 )}
.showoverlay .dmoverlay{display:block;}

/**************************************end common*/
.jtregionbox{position: relative;}
/*edit*/
.dmyiblock,.block,.blockregion{position:relative; } /*use for edit*/
.dmedit{background:red;color:#fff !important;position:absolute; padding:3px;top:20px;right:25%;border-radius:5px; z-index:99999;display:none;}
.dmedit_bknode{top:60px;}
.dmedit_bkblockdh{top:60px;right:10%;}
.dmeditregion{background:blue;color:#fff;right:100px;top:0px }
.jtregionbox .dmeditregion{background:#F86539;}
.dmeditfenode{background:blue;color:#fff;right:20px ;top:20px}
.dmedit_prog{top:15px;right:200px ;}
.dmedit_jthome{top:0px;right:200px ;}
.dmedit_jtblock{top:60px;right:200px ;}
.dmedit_inblock{top:35px;right:300px ;background:#2bb616;color:#fff;}

.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:5px;right:10px; }
.areaAllwidth .dmeditnode{position:absolute; left:0;top:0;z-index:99999}
/********area*********************************************/

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

.content_top,.content_bot{padding:10px; }
.perwidth .content_desp{padding:0 20px}
 .sdheader,.sidebar h4.blockhd{ background:#3DA8E0 ;color: #fff;}
 /*
  .content_header h3{border-left: 5px solid #3DA8E0;}
  */
  .content_header{border-bottom: 1px solid #bbb;}
 .content_header a{color:#333}
   /*topsearchbox*/

.topsearchbox{display:block; position:absolute; width: 280px;  top:98px;right:55px;z-index:111}
  .topsearchbox form{height:40px;width:100%;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:20px;height:20px; line-height:20px;text-align:center;position:absolute;top:15px;right:5px;background:url(../images/search.png) 0 0  no-repeat ; }
 .headerwrap .topsearchbox{display:none; }
 .topsearchboxshow .topsearchbox{display:block;}
 .contentwrap .topsearchbox{ position:relative; top:0;left:0;right:auto;display:block; }
.sidebar .topsearchbox{margin:10px 0;width: 96%; padding-left:2%;display:block; }
 .topsearchbox form{width: 100%; height: 40px; }
 .topsearchbox form button{ top:15px;right:0}
 .topsearchbox input{border:1px solid #ccc;box-shadow:none}
 .contentwrap  .topsearchbox { z-index:1 }

   .headersearchrg{position:absolute;width:13px;height:20px;cursor:pointer;top:48px;right:65px;z-index:111;background:url(../images/search.png) 0px 0px no-repeat ;}
   .headersearchrg2{ width: 16px; height: 16px; background:url(../images/searchbtn.png) 0px 0px no-repeat ;}
.searchkeylist{padding:20px 0; }
.searchkeylist strong{ font-size:14px; }
.searchkeylist a { display:inline-block; padding:5px;}
/*searchpop*/
.searchpopbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(7,41,77,0.5);z-index:99999;display:none}
.searchpopclose {position:absolute;top:20px;right:50px;cursor:pointer;width:30px;height:25px; }
.searchpopbox_close{position:absolute; width: 100%;height: 100%;  }
.searchpopclose span{width:30px;height:2px;background-color:#fff;position:relative;display:block}
.searchpopclose span:nth-of-type(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:11px}
.searchpopclose span:nth-of-type(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:9px}

.searchpopbox form { width:50%;height:56px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.searchpopbox input{position:absolute; top:0;left:0;width: 100%;height: 100%;  background-color:#fff;border:2px solid #07294d;color:#07294d;padding-left:20px;border-radius:50px}
.searchpopbox  button{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer; background:url(../images/searchbtn2.png) 0px 0px no-repeat ;}

.header .container{height: 100%; }
/*lang*/

.langimg{position:absolute;top:43px;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;   }
.langtextline { position:absolute;top:10px;right:2px;z-index:9999 } 
.langtextline a{ display:inline-block;margin-right:15px}

.topuser{position: absolute;top:15px;right:22px;}
.topuser i{font-size: 16px}
.topuser .cart{display: inline-block;margin-left:20px;}
  /*topsearchbox*/
}

.searcharea{min-height:300px}
.searcharea .key{margin-bottom: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:60px}
.content_desp p,.nodetabcntinc{font-size:14px;padding-bottom:20px;margin:0; } /*when no p in  nodetabcntinc*/
.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:10px }
.breadcrumb .breadhome{display:inline-block; }
.breadcrumb a{padding:0 5px; }
.breadwrap{margin-top:10px;border-bottom:1px solid #eee}
.breadwrap a{color:#333}
/*sidebar侧边栏*/
.sdcontent{padding:10px;line-height:26px;  }
.sdcontent li {border-bottom:1px solid #e2e2e2;position: relative; }
.sdcontent li a{display:block;height: 30px;line-height:30px;padding-left:20px;background:#fff url(../images/arr8.png) 5px 50% no-repeat ; color:#333 }
.sdcontent li a:hover{color:#999}
.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; }
.sdcontent a.active{font-weight:bold;}

/* sdexpand*/ 
.sdexpand li .sdlevel_1{background: none}
.sdexpand li .sdlevel_1 span { 
    position: absolute;
    top: 10px;
    left: 8px;
    font-size: 0;
    height: 0;
    width: 0;
    border-width: 5px 0 5px 6px;
    border-style: solid dashed;
    border-color: transparent transparent transparent #666;
    transition: all .2s ease 0s;
}  

.sdexpand   .expanding span{
    /* transform: rotate(90deg); not work ie*/
      border-width:  6px 5px 0 5px  !important;
      border-color: #666 transparent  transparent transparent  !important;

  }

/*sidermenutop*/
.sidermenutop{text-align: center;  position: relative;margin-bottom:15px;clear:both;   }
.sidermenutop li{display: inline-block;position:relative;margin:0 10px; border-bottom:0;border:1px solid #e0e5eb; }
.sidermenutop li a{padding :0 10px;background:none;font-size:12px; }
.sidermenutop li  ul{display:none; }
.sidermenutop a{display: block; font-size: 18px; line-height: 22px; padding: 8px 25px;  background: #f9f9f9; color: #6a7483; }

.sidermenutop  li a:hover, .sidermenutop a.active{background: #8C98A8; color: #fff;}
.sidermenutop  li a:hover:after, .sidermenutop  a.active:after{ top:100%;left:50%;border:solid transparent;
content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#8C98A8;border-width:12px;margin-left:-12px;z-index:9}

/*----sidermenutop- sub*/
 .sidermenutop li ul{position:absolute; top:25px;left:0;width:150px;padding-top:20px;text-align:left; z-index:222}
 .sidermenutop li li a {background:none;display:block;background:#adbacd;  }
.sidermenutop li li {margin:0;padding:0;display:block;  }
.sidermenutop li li a:hover:after, .sidermenutop li li a.active:after{display:none; }

/*onlytext_p*/
.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 h3,.blockwrap h3{ font-weight:bold;font-size:18px;margin:10px 0 }
.regsubtitle{padding:5px; color:#999;font-size:12px; }
.homeabout  .regioncnt{line-height:22px; }
/*--------*/
.hdhide .regionhd{display:none; }
.regionbox{ clear:both; overflow:hidden; position:relative; }
.regioncnt .desp,.blockwrap  .desp,.dmcontent,.dmcontent p{ font-size:14px; line-height:26px; }
.regioncnt .desp p,.blockwrap  .desp p{padding-bottom: 15px}
 
 
.regionhd{margin-top:20px;text-align: center;position:relative; }
.regionhdleft{ text-align: left;  }
.regionhd h3.hd{font-size: 28px;font-weight: normal;color:#1d1e22;padding:25px 0 15px 0;line-height:32px;  }
 .regionblack  .regionhd h3.hd, .regionblack .regionhd  h2.hd{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-bottom:10px;height: 12px; 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*/
.regionhdleft .titlelineshort{left:0;margin-left:0}
/*bgvideoarrow*/
.bgvideoarrow{position:absolute; width: 100%;height: 100%;top:0;left:0; background:url(../images/videosm.png) no-repeat center center; }
.bg_overlay_cover{background-color:rgba(42,44,46,0.9);position:absolute;top:0;right:0;width:100%;height:100%}


 .videoplaybutton{position:absolute;z-index:10;top:50%;left:50%;display:block;box-sizing:content-box;width:2rem;height:2.75rem;padding:1.125rem 1.25rem 1.125rem 1.75rem;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
 .videoplaybutton:before{content:"";position:absolute;z-index:0;top:50%;left:50%;display:block;width:4.75rem;height:4.75rem;border-radius:50%;background:#30455a;animation:pulse-border 1500ms ease-out infinite;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
 .videoplaybutton:after{content:"";position:absolute;z-index:1;top:50%;left:50%;display:block;width:4.375rem;height:4.375rem;border-radius:50%;background:#30455a;transition:all 200ms;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
 .videoplaybutton span{position:relative;display:block;z-index:3;top:0.375rem;left:0.25rem;width:0;height:0;border-left:1.625rem solid #fff;border-top:1rem solid transparent;border-bottom:1rem solid transparent}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}


/*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{margin-top:10px;box-shadow: 0 0 6px rgba(134, 128, 128, 0.5); margin-bottom:25px;padding:10px; }

 .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; }


.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 }

.blockdesp,.blockdesp p{font-size:14px;line-height:26px; }
.blockdesp h3{font-size:18px;line-height:28px;margin-bottom:10px }
.bkdh_defaultline{margin-bottom:30px}
/*formblock*/
.formblock{padding:10px;}
.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: 22%;margin-right:2% }
.formblock .line .valuediv{float:left; width: 75%;  }
.formblock .linesubmit{margin:10px 0;text-align:center}
.formblock .errorstar {color:red}
.formblock  .label{color:#333;}
.dmform-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.dmform-control {    height: auto;}
.formplaceholder .key{display:none; }
.formplaceholder .line{padding:10px; }
.formplaceholder .line .valuediv{width: 100%; }
.submitloading{display:none; padding:10px 0}
/*baidumap
.BMap_Marker {background:url(../images/bdmapmaker.jpg) no-repeat !important;width: 18px; height: 18px;  }
*/
.BMap_bubble_title{color:#CC5522}
.baidumap img{max-width:none !important}


 
/*----begin  block--------------*/

@charset "UTF-8";
 /*column*/
.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{position:relative; float:left; display:inline; padding:0 10px} /*not use boxcol fl...*/
.nopad .col_1f6,.nopad .col_5f6,.nopad .col_1f5,.nopad .col_2f5,.nopad .col_3f5,.nopad .col_4f5,.nopad .col_1f4,.nopad .col_3f4,.nopad .col_1f3,.nopad .col_2f3,.nopad .colhalf{padding:0; }
.colfl{float:left; display:inline; } .colfr{float:right; display:inline; } /*用liefl优先于fl. 因为fl在dmcommon,所以这里再加个，这样比上面的float:left优先级更高。*/
.col_1f6{width: 16.66%; }.col_5f6{width: 83.33%; }
.col_1f5{width: 20%; }.col_2f5{width: 40%; }.col_3f5{width: 60%; }.col_4f5{width: 80%; }
.col_1f4{width: 25%; }.col_3f4{width: 75%; }
.col_1f3{width: 33.33%; }.col_2f3{width: 66.66%; }
.colhalf{width: 50%; }
.colfull{width: 100%; }

.boxcol{position:relative; }
.mb30boxcol .boxcol{margin-bottom:30px} .mb20boxcol .boxcol{margin-bottom:20px}

.boxcol .img{text-align:center; padding-top:10px;position:relative; }

.boxcol h4.dm{font-weight:bold;font-size:16px;height: 43px;line-height:43px;overflow:hidden;   }
.boxcol h5.dm{font-weight:normal;font-size:14px;height: 49px;line-height:22px;overflow:hidden;padding-bottom:10px;text-align:center;  }
.boxcol .desp{font-size:14px; overflow:hidden;  }
 .boxcol .desp p{padding-bottom:10px;line-height:22px; }
.boxcolnopad .desp,.boxcolnopad  p{padding:0; margin:0; }
 .cirimg img{width: 180px; height: 180px;border-radius: 50%;display:inline-block !important }

 
/* 默认是蓝色，其他选择：more1 透明  , more2 白色，more3 黑色，more4 红色，more5 橙色，more6 绿色，more7 紫色，more8 灰色背景，more9 深蓝背景
  'more10'=>'无背景，字体黑色', 'more11'=>'无背景，字体红色',   'more12'=>'无背景，字体蓝色',
  */
.dmbtn  .more{display:inline-block;vertical-align:middle;font-size:18px;padding:0 50px;height: 45px; line-height:45px;overflow:visible;cursor:pointer;
text-align:center;border-radius:5px;background:#1688D3;color:#fff;text-decoration:none;border:0; }
.dmbtn  .more:hover{background:#1d7ebf;color:#fff;text-decoration:none; }
.more1 .more{background:none; border:1px solid #fff;color:#fff; } .more1 .more:hover{background:rgba(216, 208, 208, 0.1);}
.more2 .more{background:none; border:1px solid #000;color:#000; } .more2 .more:hover{color:#000;background:rgba(216, 208, 208, 0.1);}
.more3 .more{background:#232C3B;border:1px solid #666; }.more3 .more:hover{background:#334a70; }
.more3f .more{background:#334a70;border:1px solid #666;}.more3f .more:hover{ background:#232C3B; }
.more4 .more{background:#C22731;border:0 }.more4 .more:hover{background:#E6444E; }
.more5 .more{background:#E56331;border:0 }.more5 .more:hover{background:#ee7b4f; }
.more6 .more{background:#008000;border:0 }.more6 .more:hover{background:#219721; }
.more7 .more{background:#800080;border:0 }.more7 .more:hover{background:#921692; }
.more8 .more{background:#666;border:0 }.more8 .more:hover{background:#f2f2f2; border:1px solid #666;color:#666;}
.more9 .more{background:#1b629d;border:0 }.more9 .more:hover{background:transparent;border:1px solid #237dc8; color:#237dc8; }
.more10 .more{background:none; color:#000}.more10 .more:hover{background:transparent; color:#666; }
.more11 .more{background:none; color:#C22731}.more11 .more:hover{background:transparent; color:#E6444E; }
.more12 .more{background:none; color:#1C7BD0}.more12 .more:hover{background:transparent; color:#237dc8; }
/*
.moresm .more{height: 40px; line-height:40px; }
.moresm2 .more{height: 30px; line-height:30px; font-size:12px; }
.moresmw .more{padding:0 30px;  }
.moresmw2 .more{padding:0 20px;  }*/
.morelg .more{height: 60px;line-height:60px; padding:0 70px;  }
.moresm .more{height: 40px;line-height:40px;padding:0 30px; font-size:14px;  }
.morexs .more{height: 30px;line-height:30px;padding:0 20px; font-size:12px;  }

.morenocir .more{border-radius:0px; }
.morecir50 .more{border-radius:50px; }
/*-------end button css----*/
/*arrow*/
.toparrow:after{bottom:100%;left:50%;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}
.rightarrow:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:12px;margin-top:-12px;z-index:9}
.bottomarrow:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:12px;margin-left:-12px;z-index:9}
.leftarrow:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:12px;margin-top:-12px;z-index:9}
    .order1{order:4}  .order2{order:3}.order3{order:2}.order4{order:1}
  .order5{order:4}  .order6{order:3}.order7{order:2}.order8{order:1}


/*efcss_bgimg*/
.dmbgimg{
   position: relative; 
    background-repeat:  no-repeat;
    background-position:  center center;
    background-size: cover;
    background-attachment:fixed;
}

.dmbgimg.dmscroll{ 
    background-attachment:scroll;  
}
.dmbgimg.dmcontain{ 
    background-size:contain;
}

  .dmbgtmd::before{position: absolute;content: " ";width: 100%;height: 100%;left: 0;top: 0 }
/*
.dmbgtmd::before{position: absolute;content: " ";width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.5) }
.dmbgtmdnone::before{background: none}
.dmbgtmd2::before{ background: rgba(0, 0, 0, 0.2) }
.dmbgtmd3::before{ background: rgba(0, 0, 0, 0.3) }
.dmbgtmd6::before{ background: rgba(0, 0, 0, 0.6) }
.dmbgtmd7::before{ background: rgba(0, 0, 0, 0.7) }
.dmbgtmd8::before{ background: rgba(0, 0, 0, 0.8) }
.dmbgtmd9::before{ background: rgba(0, 0, 0, 0.9) }
.dmbgtmd7a::before{ background: rgba(42, 44, 46, 0.7) }
.dmbgtmd8a::before{ background: rgba(42, 44, 46, 0.8) }
.dmbgtmd9a::before{ background: rgba(42, 44, 46, 0.9) }
 
*/
.dmabso{ position: absolute;left:0;top:0;width: 100%;height: 100%;  }


@charset "UTF-8";
/* 前端效果库的样式。 由DM建站系统 www.demososo.com开发 */
/*dmefplaybtn*/
.dmefplaybtn_posi{position:absolute;z-index:22;left:50%;text-align:center;top:50%;
    margin-left:-30px;margin-top:-30px;
width: 65px;height: 65px}
.dmefplaybtn{position:relative;display:inline-block;align-items:center;width:65px;height:65px;border:none;}
.dmefplaybtn button{background-color:transparent;border:none;background-color:#0e3746;color:#ffffff;width:100%;height:100%;border-radius:100%;position:relative;z-index:3;outline:none;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.25);box-shadow:0 0 8px 0 rgba(0,0,0,0.25)}
.dmefplaybtn i{font-size: 16px}
.dmefplaybtn:before,.dmefplaybtn:after{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;background-color:white;opacity:1;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.dmefplaybtn:before{z-index:2;-webkit-animation:before-animation 1500ms infinite;animation:before-animation 1500ms infinite}
.dmefplaybtn:after{z-index:1;-webkit-animation:after-animation 1500ms infinite;animation:after-animation 1500ms infinite}
@-webkit-keyframes before-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}@keyframes before-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}@-webkit-keyframes after-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);opacity:0}
}@keyframes after-animation{0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);opacity:0}
}

/*dmefbtn*/
.dmefbtn a{position:relative;overflow:hidden;background:#00a0e9;text-align:center;color:#fff;
    height:55px;line-height:55px;padding:0 35px;border-radius:8px;font-size:16px;
    text-transform:uppercase;display:inline-block;letter-spacing:1px;z-index:1}
.dmefbtn a::before{background:#fff;content:"";height:155px;left:-75px;opacity:0.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 550ms cubic-bezier(0.19,1,0.22,1);width:50px;z-index:-10}
.dmefbtn a:hover::before{left:120%;transition:all 550ms cubic-bezier(0.19,1,0.22,1)}

.dmefbtn_zhi a{ border-radius:0px;}
.dmefbtn_mid a{  height:45px;line-height:45px;padding:0 22px;font-size:14px; }
.dmefbtn_sm a{  height:35px;line-height:35px;padding:0 15px;font-size:14px; }

/* chagne bgcolor*/
.dmef_black .dmefbtn .dmbtn{ background:#000; color:#fff;  } 
.dmef_green .dmefbtn .dmbtn{ background:#73bd24; color:#fff;  }
.dmef_yellow .dmefbtn .dmbtn{ background:#ffc845;   color:#222429; }
.dmef_orange .dmefbtn .dmbtn{ background:#fd914f;  color:#222429; }
.dmef_pink .dmefbtn .dmbtn{ background:#ff2f68;  }
.dmef_red .dmefbtn .dmbtn{ background:red;  }
.dmef_qing .dmefbtn .dmbtn{ background:#008b8b;  }
.dmef_purple .dmefbtn .dmbtn{ background:#a749ff;  }
/*  text color*/
.dmefbtn.dmef_c_black .dmbtn{  color:#000; }
.dmefbtn.dmef_c_white .dmbtn{  color:#fff; }

/*dmefbtn2*/

.dmefbtn2 .dmbtn{height:46px;line-height:46px;padding:0 30px;  display:inline-block;font-weight:400;border:1px solid #fff;color:#fff;
  font-style:italic;text-decoration:none;overflow: hidden;font-size:14px;
   border-radius:0;
  -webkit-transition:all 0.5s ease;transition:all 0.5s ease; 
-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);
 }
 .dmefbtn2bg .dmbtn{ border:1px solid #00a0e9;color:#000  } 
.dmefbtn2 .dmbtn:after{content:"";background:#00a0e9;position:absolute;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;z-index:-1;height:100%;left:-35%;top:0;-webkit-transform:skew(30deg);transform:skew(30deg);-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transform-origin:top left;transform-origin:top left;width:0}

.dmefbtn2 .dmbtn:hover{color:#fff;border-color:#00a0e9}
.dmefbtn2 .dmbtn:hover:after{height:100%;width:135%}
/* chagne bgcolor*/
.dmef_black .dmefbtn2 .dmbtn:after{ background:#000;}.dmef_black .dmefbtn2 .dmbtn:hover{ border-color:#000;}
.dmef_green .dmefbtn2 .dmbtn:after{ background:#73bd24;}.dmef_green .dmefbtn2 .dmbtn:hover{ border-color:#73bd24;}
.dmef_yellow .dmefbtn2 .dmbtn:after{ background:#ffc845}.dmef_yellow .dmefbtn2 .dmbtn:hover{ border-color:#ffc845;color:#222429;}
.dmef_orange .dmefbtn2 .dmbtn:after{ background:#fd914f}.dmef_orange .dmefbtn2 .dmbtn:hover{ border-color:#fd914f;color:#222429;}
.dmef_pink .dmefbtn2 .dmbtn:after{ background:#ff2f68;}.dmef_pink .dmefbtn2 .dmbtn:hover{ border-color:#ff2f68; }
.dmef_red .dmefbtn2 .dmbtn:after{ background:red}.dmef_red .dmefbtn2 .dmbtn:hover{ border-color:red; }
.dmef_qing .dmefbtn2 .dmbtn:after{ background:#008b8b;}.dmef_qing .dmefbtn2 .dmbtn:hover{ border-color:#008b8b; }
.dmef_purple .dmefbtn2 .dmbtn:after{ background:#a749ff;}.dmef_purple .dmefbtn2 .dmbtn:hover{ border-color:#a749ff; }
  
/*efcsswrap hd*/
/*用于标题和副标题*/
.efboxhdhide .efboxhd{ display: none; }
.efboxhd{padding: 10px;text-align: center;color:#000;margin-bottom: 20px}
.efboxhd h3,.efboxhd .title,.regioncnt .efboxhd h3{font-size: 32px;}
.efboxhd .titlesub{font-size: 14px;margin-top: 15px;line-height: 24px;color:#666;}
.white,.white p,.white .titlesub{color:#fff;}
.red,.red p,.red .titlesub{color:red;}
.green,.green p,.green .titlesub{color:#73bd24;}
.blue,.blue p,.blue .titlesub{color:#00a0e9;}
.orange,.orange p,.orange .titlesub{color:#fd914f;}

.efboxhd .line{background:#a8a8a8 none repeat scroll 0 0;display:block;height:2px;margin:20px auto 0;overflow:hidden;width:50px}
.efboxhd.tl .line{margin:20px 5px 0;} /*text left*/
.efboxhd.long .line{width:100px;}
.efboxhd.red .line{background: red}
.efboxhd.blue .line{background: #00a0e9}
.efboxhd.green .line{background: #73bd24}
.efboxhd.orange .line{background: #fd914f}
.efboxhd.white .line{background: #ffff}

/*用于内容*/
.efboxcnt .title{font-size: 30px}
.efboxcnt .desp,.efboxcnt .desp p{font-size: 14px;line-height: 22px;margin: 15px 0}
.efboxcnt .desp p{margin: 0 0 15px 0}

.efboxcntbig .title{font-size:48px;line-height:50px;color:#fff;font-weight:700}
.efboxcntbig .desp,.efboxcntbig .desp p{font-size: 16px;color:#fff;margin:20px 0;line-height: 28px}
.efboxcntbig .desp p{margin: 0 0 15px 0}
 
 .efdesp{line-height: 20px;font-size: 14px;}
 .efdesp p{margin-bottom:10px }
 
 

/*jssor album*/
.jssora05l,.jssora05r{display:block;position:absolute;width:40px;height:40px;cursor:pointer;background:url(../images/bannerarrow.png) no-repeat;overflow:hidden}
.jssora05l{background-position:-10px -40px}
.jssora05r{background-position:-70px -40px}
.jssora05l:hover{background-position:-130px -40px}
.jssora05r:hover{background-position:-190px -40px}
.jssora05l.jssora05ldn{background-position:-250px -40px}
.jssora05r.jssora05rdn{background-position:-310px -40px}
.jssort01{position:absolute;width:800px;height:100px}
.jssort01 .p{position:absolute;top:0;left:0;width:72px;height:72px}
.jssort01 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.jssort01 .w{position:absolute;top:0px;left:0px;width:100%;height:100%}
.jssort01 .c{position:absolute;top:0px;left:0px;width:68px;height:68px;border:#000 2px solid;box-sizing:content-box;background:url(../images/jssorarr.png) -800px -800px no-repeat;_background:none}
.jssort01 .pav .c{top:2px;_top:0px;left:2px;_left:0px;width:68px;height:68px;border:#000 0px solid;_border:#fff 2px solid;background-position:50% 50%}
.jssort01 .p:hover .c{top:0px;left:0px;width:70px;height:70px;border:#fff 1px solid;background-position:50% 50%}
.jssort01 .p.pdn .c{background-position:50% 50%;width:68px;height:68px;border:#000 2px solid}
* html .jssort01 .c,* html .jssort01 .pdn .c,* html .jssort01 .pav .c{width:72px;height:72px}



/*本模板由DM建站系统 www.demososo.com开发
*/
.bgloading{ background: url(../images/loading.gif) no-repeat center center;}
.loading{ background: url(../images/loading.gif) no-repeat center center;}
.loadingbig{ background: url(../images/loadingbig.gif) no-repeat center center;}
.loadingbar{ background: url(../images/loadingbar.gif) no-repeat center center;}
.loadingbar2{ background: url(../images/loadingbar2.gif) no-repeat center center;}

/*****ablum***************************************/
.albumlist{clear:both; padding:30px 0; }
.albumlist li{width:20%; height: 120px;text-align:center; margin:0 2% 10px 0; float:left; display:inline;padding:1%;  }
.albumlist li img{width: 100px; height: 100px; }
.albumlist li .title{height: 18px;line-height:18px; clear:both; overflow:hidden;   }
/*****pageroll***************************************/
.pageroll{margin:10px 0 60px 0;clear: both;min-height: 50px;line-height:50px; text-align:center;   }
.pageroll a,.pageroll span{ margin-left:6px;padding:6px 12px;font-size:12px;border:1px solid #ddd;background:#e2e2e2;color:#333;}
.pageroll span{color:#bbb}
.pageroll a.cur,.pageroll a:hover{color:#666;background:#fff;}
.pageroll a.cur{cursor:default}
.pageroll .pagerinc{padding:0;margin:0;display:inline;  }


/*home notice*/
.homenotice{   background: url(../images/line_border.jpg) no-repeat  center bottom;text-align:center; margin-bottom:15px;}
.homenotice .cnt{display:inline-block;;cursor:pointer;padding-left:35px;background:url(../images/noticeico.jpg) 0 10px no-repeat ; height: 45px;  line-height:45px;font-size:16px;}
.homenoticedesp img{width: 100%;height: auto ; }

 /*albumupdown*/
.albumupdown li{padding:20px 0}
.albumupdown li .img{text-align:center; }
.albumupdown li .title{text-align:center;}
.albumupdown li .desp{text-align:center;  color:#666}
 

 /*fieldlist-------------*/
.fieldlist{ margin:10px 0;border-top:1px solid #d9dde3; border-left:1px solid #d9dde3}
.fieldlist li{clear:both; overflow:hidden;  border-bottom:1px solid #d9dde3;border-right:1px solid #d9dde3;}
.fieldlist li span{float:left; display:inline;padding:3px 3%;  }
.fieldlist li .name{width: 30%;text-align:right;padding-right:4%;  }
.fieldlist li .value{width: 55%;padding-left:4%;border-left:1px solid #d9dde3;  } /*value可能会是多行，所以要border-left*/
/*pagerele---------*/
 .pagerele{padding:10px 0; margin:10px 0;border-top:1px solid #e2e2e2;  }
.pagerele li{padding-bottom:5px}
/*relativenode*/
.relativenode {margin:20px 0}
.relativenode a{color:#333;font-size:12px;}
.relativenode li{ padding:0 10px; }
.relativenode h3,.relativenode h4{background:#e2e2e2;padding-left:15px;height: 30px;line-height:30px;font-weight:bold;font-size:14px; }
.relativenodetext .boxcol{padding:0 auto; margin:0 auto; }
.relativenodetext li{ text-align:left; height: 30px;line-height:30px;overflow:hidden;padding-left:20px;padding-right:80px;
background:url(../images/arrow.png) 10px 13px no-repeat; }
 .relativenode .text h3, .relativenode .text h4{background:none;font-weight:normal }
.relativenodetext li span{position:absolute; top:3px;right:5px; color:#999}

/*detailprice ----*/
.detailprice{padding-bottom:10px;height: 30px;padding-bottom:3px color:red;font-weight:bold;font-family: Tahoma}
.detailprice span{display: inline-block; display:inline;vertical-align: middle; }
.detailprice .w1{padding-right: 10px;text-align:right; color:#666 }
.detailpricenow .w1{margin-top:2px}
.detailprice em{color: #c40000;font-size: 16px;font-family: Arial;font-style:normal}
.detailpriceold em{color:#333}
 
.detailprice strong.price{font-size:20px;color: #c40000;font-family: Arial;}
.detailprice strong.del{font-weight:normal;font-size:18px;text-decoration:line-through;color:#333 }

/*detaillinkurl ----
.detaillinkurl{padding-bottom:10px; }
.detaillinkurl a{background:#c40000;display:inline-block;padding:5px 18px;color:#fff;border-radius:6px  }
.detaillinkurl a:hover{background:#9E1606; color:#fff;}*/
.despjj{font-size:14px;padding:10px 0;line-height:26px; color:#999 }
/*publish text*/
.publishtext {padding:20px 0;text-align:center;color:#999  }
.publishtext span{display:inline-block;padding:0 10px}
/*detailfontsize*/
.detailfontsize{height:30px;text-align:right;overflow:hidden;zoom:1;margin:10px 0;padding-right:2px }
.detailfontsize a{display:inline-block;width:32px;height:24px;border:1px solid #e5e5e5;margin:0 -1px 0 0;font:12px/24px "Arial";color:#444 !important;overflow:hidden;vertical-align:bottom;text-decoration:none; }
.detailfontsize a:hover{text-decoration:none;}
.detailfontsize sup{top:-3px;margin-left:4px;font-size:16px;line-height:8px;}

.detailfontsize .cur{border-color:#efefef;color:#999 !important;background-color:#fff;}
/*nodetab*/
.nodetab{margin:20px 0; }
.nodetabhd{height: 47px; border-bottom:2px solid #1688D3; }
.nodetabhd span{ display:inline-block;height: 45px;line-height:45px; font-size:14px; background:#e2e2e2;margin-left:15px;cursor:pointer;padding:0 25px }
.nodetabhd span.cur{background:#1688D3; color:#fff}
.nodetabcntinc{padding:20px; }

/*detail leftright*/
.content_shop .shopw1 {float:left; display:inline; width: 43%;text-align:center; padding-bottom:30px } 
.content_shop .shopw2{ float:right; display:inline; width: 54%; }
.content_shop .shopw2 h1{ text-align:left; }
.content_shop .shopw2 .despjj p{padding-bottom: 5px;line-height: 18px;}
/*detail team*/
.content_team .shopw1 {float:left; display:inline; width: 30%;text-align:center; padding-bottom:30px } 
.content_team .shopw1 span{display:block;padding-top:10px; }
.content_team .shopw2{ float:right; display:inline; width: 68%; }
 
 .nodedesp{padding-top:10px}
 /*detaildownbtn*/
.detaildownbtn{height: 40px; }
.detaildownbtn span{float:left; display:inline; margin-right:40px}
/*bodyheader---*/
.bodyheader{margin:10px 0;border-bottom:1px solid #d9dde3;height:35px;  }
.bodyheader h3{margin:0;background:#EDEDED;color:#666;float:left;font-size:14px;padding:0 20px; height: 35px; line-height:35px;border-radius:6px 6px 0 0 }

/*why choose us*/
.whychooseus li{position:relative; }
.whyimg{width: 75%; }
.whyimg img{width: 100%;   }
.whycnt{width: 310px;background: #1bbc6b;color: #fff;position: absolute;right: 0;top: 10px;z-index:6}

.whycnt .hd{padding:0 25px;}
.whycnt .hd h3{padding: 10px 0;font-size: 16px;color: #fff;font-weight: normal;border-bottom: 1px solid #fff}
.whycnt .bd{padding: 20px;text-indent: 24px;font-size: 14px;}
.whychooseus .whyBtn a{position: absolute;top: 50%;margin-top: -29px;height: 68px;width: 43px;background: url("../images/bannerarrow2.png") no-repeat 0px 0}
.whychooseus .whyBtn a.prev{left: 0px;background-position: 0px 0}
.whychooseus .whyBtn a.next{right: 0px;background-position: -45px 0}


/*online*/
.onlineqq {position:fixed;width: 144px; top:170px;right:10px ;z-index:1001;}
.onlinecontent {padding:10px 5px;border:1px solid #ccc;border-radius:8px;background:#fff;  }
.onlineqq .qqnumber{width: 120px;margin:0 auto; overflow:hidden;  }
.onlineqq .qqnumber a {background: url('../images/onlineqq.png') no-repeat scroll  transparent;
  height: 25px; line-height:25px;    display: block; margin-bottom:5px;padding-left:50px;color:#666}
.onlineqq .qqnumber a:hover {   background-position: -121px 00px; color:#fff}
.onlinetel{padding:10px 0;  text-align:center;    font-weight: bold; line-height:18px;  }
 .onlinetel span{display:block;padding-bottom:8px;color:#e66d15}
 .onlineopen{position:absolute; top:0;right:0;background:url(../images/onlineopen.png) no-repeat ;width: 40px; height: 133px;  }
 .onlineclose{position:absolute; top:-15px;right:0;background:url(../images/onlineclose.png) no-repeat ;width: 24px; height: 24px;display:none;   }

 /*sitecolorchange*/
.sitecolorchange{position:fixed;bottom:200px;left:10px;width: 110px;z-index:9999; border:1px solid #ccc;background:#FED971;border-radius:10px;padding:10px }
 .sitecolorchange .onlineclosecolor{
 position:absolute; top:-15px;right:0; width: 24px; height: 24px;display:none;
 background:url(../images/popclose.png ) no-repeat ; }
.sitecolorchange a{display:block;padding:5px 0;font-size:16px; }



/*tab ourservice*/
.tabs_wrapper{margin-top:20px}
.tabs_wrapper .tabs_header{text-align: center;  margin-bottom: 0px; position: relative;}
.tabs_wrapper .tabs_header li{position:relative; display: inline-block; font-size: 18px; line-height: 22px;  padding: 12px 25px;  cursor: pointer;color: #6a7483; margin-right:10px; }
.tabs_wrapper .tabs_header li:hover,.tabs_wrapper .tabs_header li.active{background: #232c3b; color: #fff;}
.tabs_wrapper .tabs_header .active:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#232c3b;border-width:12px;margin-left:-12px;z-index:9}
 .tabs_wrapper .tabs_header li.active a{ color:#fff}
  .tabs_wrapper .tabs_header li a{ color:#6a7483}
  .tabs_wrapper .tabs_header li a:hover, .tabs_wrapper .tabs_header li a.active{ color:#fff }
.tabs_wrapper .tabs_contentwrap{ padding:30px 0 20px 0; clear:both; overflow:hidden; }
.tabs_wrapper .tabs_contentwrap .bkdesp{font-size:14px;line-height:24px; }
.tabs_wrapper .tabs_contentwrap .bkdesp p{margin-bottom:20px}
.tabs_wrapper .tabs_contentwrap h3.tabs{font-size:26px;margin-top:10px;margin-bottom:25px;color:#666}

.tabs_wrapper .stricky-fixed {background:#fff; }
 .tabsidebar .tabs_header li {display:block;border-bottom:1px solid #6A5A64; padding:8px;font-size:14px; }
 .tabsidebar .tabs_header .active:after{ display:none;  }

 .tabsbottompage {text-align:center;padding:15px 0;  }
 .tabsbottompage li{display:inline-block; margin-right:20px}
 .tabsbottompage li a{width: 30px; height: 30px;line-height:30px; font-size:20px;display:block;background:#9ec9f5;color:#1c3045;border-radius:50%  }
  .tabsbottompage li.active a{  background:#20476f;color:#7bb2ea  }

.scrollfixline{position:relative; }
.scrollfixline .dmanchor{position:absolute; width: 1px; height: 1px;left:0;top:-70px }

.scrollsidebar {position:fixed;right:20px;top:45%;z-index:999}
.scrollsidebar  li{position:relative;margin-bottom:10px }
.scrollsidebar a{width: 15px; height: 15px;background:#9ec9f5;color:#1c3045; display:inline-block; border-radius:50% }
.scrollsidebar li.active a{ background:#20476f;color:#7bb2ea  }
.scrollsidebar li.active span{display:block;}
.scrollsidebar span{position:absolute; display:none;width: 300px; height: 20px;text-align:right; top:0;right:20px  }
.scrollsidebar span i{display:inline-block;padding:5px;background:#afd4f8; border-radius:10px  }
.scrollsidebar_spanno li.active span{display:none; }
/*--------------back-top--------------------*/
#backtotop{display:none; }
 #backtotop a{position:fixed;bottom:20px;right:20px;z-index:999;
-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;  text-align:center;
 width: 48px;height: 48px;background: url(../images/bgbacktop.png) no-repeat; }
#backtotop a:hover{background-position:-60px 0}
#backtotop i{margin-top:6px;display:none; }


 /*homeliuyan*/
 .homeliuyan .label{display:block;padding:5px 0;text-align: center;color:#fff;font-size: 14px }
 .homeliuyan .line2{padding-top:10px;padding-left:1.6%}
.homeliuyan .line3{text-align:center; padding:20px 0; }
.homeliuyan .error{color:red;font-size: 12px;text-align:center; padding:3px 0;  }
.homeliuyan .line1 input,.homeliuyan textarea {    background: #f2f2f2;color: #2d2d2d;border: 1px solid #dddddd;    padding: 5px 2px;
    font-size: 15px;}
/*.homeliuyan .line1 input,.homeliuyan textarea{background:rgba(255, 255, 255, 0.2);color: #fff;}   --hack it*/
.homeliuyan .line1 input{width: 96%; }
.homeliuyan textarea{width: 96.6%; }
.homeliuyan .submit{display:inline-block;border:0; }
.homeliuyan .submitloading{background:url(../images/loadingbar.gif) center center no-repeat ;height: 50px;   }


/*accord*/
.accord dt{font-size:16px;color:#12A7ED;margin-bottom:20px;margin-left:26px;cursor:pointer}
.accord dt:before{content:"";border-color:transparent #ccc;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-16px;top:17px;position:relative}
.accord dd{padding:20px;background:#FDFCFA;border-radius:5px;border:1px solid #F2EEE6;margin:20px 0 30px;position:relative;font-size:14px;}
.accord dd:after,.accord dd:before{bottom:100%;left:6%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none}
.accord dd:after{border-color:rgba(136,183,213,0);border-color:transparent;border-bottom-color:#FDFCFA;border-width:15px;margin-left:-15px}
.accord dd:before{border-color:rgba(194,225,245,0);border-color:transparent;border-bottom-color:#F2EEE6;border-width:17px;margin-left:-17px}
.accord dd p{padding-bottom:15px}
/*whychoose2*/
.whychoose2{position:relative; background:#000; padding:15px; }
.whychoose2 #bx-pager{position:absolute;     border-top:1px solid #b0b0b0;padding-top:20px;position:absolute;right:30px;bottom:30px;z-index:2;width:390px;}
.whychoose2 .img{float: left;    margin-right: 30px;    border: 10px solid #f2f2f2; }
.whychoose2 .text{color:#eee;line-height:20px;max-height:85px; }
.whychoose2 .text .title{color:#fff;font-weight:bold;font-size:16px;}
/*blocktestimonials*/
.blocktestimonials img{width: 100px; height: 100px;border-radius: 50%;display:inline-block !important }
.blocktestimonials h5{padding:15px 0;font-size:16px; color:#666}
.blocktestimonials .text{padding:10px 20px; text-align:center;color:#999 }
.blocktestimonials .sm{font-size:12px;color:#999}
/*testimonialsbox*/
.testimonialsboxinc {padding:50px 27px 43px;background-color:#fff;margin-bottom:38px;-webkit-box-shadow:0px 12px 13px 0px rgba(0,0,0,0.15);box-shadow:0px 12px 13px 0px rgba(0,0,0,0.15)}
.testimonialsbox .img{overflow:hidden;margin-bottom:10px}
.testimonialsbox .imginc{float:left;margin-right:21px;width:auto}
.testimonialsbox .imginc img{width: 70px; height: 70px;border-radius:50% }
.testimonialsbox .title{font-size:18px;font-weight:700;padding-top:12px;margin-bottom:0;color:#1b251f}
.testimonialsbox .bz{color:#1688d3;line-height:23px;font-size:14px}
.testimonialsbox .text{position:relative;color:#66646d;padding:13px 21px 2px 21px;font-size:12px;line-height:24px}


.testimonialsbox2 .imgtext  {background: #ffffff;  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.1); padding: 30px; clear:both;  position:relative;  } 
.testimonialsbox2 .imgtext::before{content: url(../images/white-shape.png); left: 50px; top: 100%; position: absolute; z-index: 1; height: 30px; width: 30px;}
 
.testimonialsbox2 .imgtext .img{float:left;  max-width: 140px;}
.testimonialsbox2 .imgtext img{ width: 120px; height: 120px;border-radius: 50%; }
.testimonialsbox2 .imgtext .text{float:left;  padding-left: 28px; z-index: 1;font-size:14px;line-height:22px; }
 
.testimonialsbox2 .title{margin-top: 35px; margin-bottom: 10px; padding-left: 50px;}
.testimonialsbox2 .title h5{margin-bottom: 5px;}
.testimonialsbox2 .title span{margin-bottom: 0;height: 25px}

/*blockclients*/
.blockclients li{float:left; display:inline; margin:0 15px;padding:0 15px; text-align:center;}
.blockclients li img{width: 110px; opacity:.75 !important}
.clientsborder ul {  background: #ffffff;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);   padding: 30px;overflow:hidden; clear:both; margin-top:10px}
.clientsborder li {border:1px solid #ddd;}
.clientsborder li img{height: 100px; }
.clientsborder li:hover {border:1px solid #1cb9c8;}
 
.blockclientszoom li{float:left; text-align:center;  padding:15px 0; }
.blockclientszoom li img{width:60%;height: 60px;  }
 


/*taglink*/
.taglink{padding:10px 2px;overflow:hidden;clear:both}
.taglink a{padding:3px;background:#EEEEEE;border-radius:5px;margin:3px;float:left;color:#666}
.taglink span{font-size:12px}
.taglink2{font-size:16px}
.taglink3{font-size:18px}
.taglink4{font-size:20px}
.taglink5{font-size:22px}
.taglinkindetail{padding:10px 0}
.taglinkindetail a{display:inline-block;margin:3px}
/*mobishopalbumlist*/
.mobishopalbumlist{text-align:center; }
.mobishopalbumlist li{width: 18%;height: 70px;  display:inline-block; padding:5px;cursor:pointer } /*when pad pro.width is 1024-1366*/
.mobishopalbumlist li img{width: 100%; height: 100%;border:1px solid #fff;  }
.mobishopalbumlist li.active img{ border:1px solid #FF8719; }
/*limit hg and wd*/
.imghg180 .img img{height: 180px; width:auto}
.imghg210 .img img{height: 210px; width:auto}
.imghg250 .img img{height: 250px; width:auto}
.imghg300 .img img{height: 300px; width:auto}
.imgwd100 .img img{width: 100%;height:100% }
.imgwd80 .img img{width: 80%;height:100% }
.imgwd60 .img img{width: 60%;height:100% }
.imgdesp80 .desp{height: 80px; }
.imgdesp120 .desp{height: 120px; }
.imgdesp160 .desp{height: 160px; }
/*gridcol2divi*/
.gridcol2divi .img{width: 42%;float:left; display:inline;text-align:center; margin-left:2%  }
.gridcol2divi .text{width: 52%; float:right; display:inline;text-align:left; }
.grid_imgcenter  .text { margin-bottom:10px }
/*video common,this part need here*/
.fancybox-slide--iframe .fancybox-content { background:none; padding-top:20px; padding-bottom:10px; }

.fancybox-close-small svg{display:none; }
.fancybox-close-small {background:url(../images/fancybox_sprite.png) no-repeat ;position: absolute;
  top: -18px; right: -18px; width: 36px;  height: 36px; cursor: pointer;  }
 .dmpopupbk{font-size:14px;line-height:26px;  }
/*cirimg*/
.cirimg li h4{font-size:16px;text-align:center; }
.cirimg  .img{padding:20px;  }
.cirimg .img img{ border-radius: 50%;}

.cirimgshadow .img img{box-shadow: 0px 0px 0px 7px  #D4D4D4;}
.cirimgshadow .img img:hover{box-shadow: 0px 0px 0px 7px #3DA8E0;}


/*newsgridlist
.newsgridlist h3{height: 35px;line-height:35px; font-size:16px; }
.newsgridlist h3 span{float:right;font-size:12px; }*/
.newsgridlist .sublist{clear:both; overflow:hidden; box-shadow: 0 0 6px rgba(39,48,57,.1); }
.newsgridlist .sublist li{ padding-left:15px;padding-bottom:0; margin:0;  width:98%;  height: 30px;line-height:30px;overflow:hidden;   border-bottom:1px solid #e2e2e2;display:block;   background: url(../images/arrow.png) 3px 15px no-repeat; }
.newsgridlist .sublist li.first{width: 100%; height: 160px; clear:both; overflow:hidden;background:url(../images/tm.gif) no-repeat ; position:relative;padding:0;}
.newsgridlist .sublist li.first img{width: 100%; }
.newsgridlist .sublist li.first .text{position:absolute; left:0;bottom:0;height: 30px;line-height:30px;width: 98%;padding-left:2%;clear:both; overflow:hidden; background: url('../images/bantmbg.png');color:#fff   } /*bg:#70B3E3*/


/*newstab*/
.newstab .sublist li{padding:9px 0 9px 8px;border-bottom:1px solid #e2e2e2;display:block; font-size:14px;  background: url(../images/arrow.png) 0px 19px no-repeat; }
.newstab  a{font-size:16px;color:#000}
.newstab  a:hover{color:#1891EC}
.newstab .dateday{float:right; color:#ccc;font-size:12px;}
.newstab li .despjj{color:#aaa;font-size:12px;display:none; padding:5px;margin:0;  }
.newstab .mainleft .title{padding:10px; }
.newstab .mainleft .despjj{padding:10px;font-size:14px;color:#999;line-height:20px;  }
 

/*homenews*/
.list_simple {padding:5px; }
.list_simple li{ position:relative;border-bottom:1px dotted #ddd;font-size: 14px;padding: 0 66px 2px 10px;text-align:left; 
  background:url(../images/arrow.png) 0px 10px no-repeat ;overflow:hidden; margin-top:15px }
.list_simple li span{ position:absolute;top:0;right:0; display:inline; color:#999;font-size:11px;}
.list_simple li a{width: 210px; height: 27px; overflow:hidden; color:#333;display:inline;}
.list_simple li a:hover{color:#999}
.list_simple .desp{margin-bottom:15px;color:#999}
.list_simple_nodesp li {font-size:12px;height: 27px; line-height: 27px;padding-bottom: 2px;margin-top:0px}
.list_simple_nodesp .desp{ display:none;  }

/*gridlist************nouse,replace by gridlistiso*******************/
.gridlist  li{width: 28%; height: 210px;line-height:16px; padding:1%;margin:0px 0 20px 2%; text-align:center; font-size:12px; float:left; display:inline;}
.gridlist  li,.albumlist li{border:1px solid #ccc;}
.gridlist .img img{width: 220px; height: 176px; }
.gridlist .title{height: 32px; clear:both; overflow:hidden; }


img.cirshadow{ background:#E6E5E5;-webkit-box-shadow: 5px 5px 0px #E6E5E5;
-moz-box-shadow: 5px 5px 0px #E6E5E5;box-shadow: 5px 5px 0px #E6E5E5;
      border-radius: 50%;}
img.cirshadow:hover{box-shadow: 5px 5px 0px #999;}
/*textlist***************************************/
.textlist  li{clear:both;overflow:hidden;padding:5px 0; margin-bottom:10px ;border-bottom:1px solid #ddd}
.textlist a.img{float:left; display:inline;width: 30%; margin-right:2% }
.textlist a.img img{max-width: 100%;height: auto;  }
.textlist h4{padding-bottom:5px; text-align:left; }
.textlist h4 a{font-size:18px;font-weight:bold;;background:url(../images/arrow.png) 0 13px  no-repeat ; padding:5px 0 5px 10px;color:#666;text-align:left;  }
.textlist h4 a:hover{ color:#999 }
.textlist .day{float:right;font-weight:normal;padding-right:5px; color:gray;font-size:12px;}
.textlist li.hasimg .text{width: 66%;float:right;  }
.textlist p.textshort{line-height:22px;color:#777;font-size:14px; }


/*homenewgd*/
.newslineone{width:700px;margin:0 auto;height: 60px;   }
.newslineone .w1{width: 110px;height: 30px;  float:left; display:inline;margin-top:10px;font-size:16px;padding-left:36px ;background:url(../images/newslogo.png) no-repeat ; }
.newslineone .w2{width: 560px;float:left; display:inline;position:relative;height: 60px;overflow:hidden;     }
.newslineoneinc{position:absolute; top:2px;left:0;display:none; }
.newslineoneinc .title{width: 420px;float:left; display:inline;  font-size:16px;font-style:italic;margin-top:10px;height: 40px;overflow:hidden;  }
.newslineoneinc .more{margin-left:20px;float:left; display:inline;margin-top:10px; padding:8px 20px;border:1px solid #ccc;}
/***news_scroll****** **********/
.news_scroll{ margin:0 auto;}
.news_scroll li.listgd{ padding:3px;height: 105px;  clear:both; overflow:hidden;}
.news_scroll .title{font-size: 16px;font-weight: bold;}
.news_scroll .desp{ font-size: 14px; overflow: hidden;height: 45px; color:#999;line-height:22px;}
.news_scroll .circle{width: 90px;height: 90px;margin:10px 0 15px 15px;padding:10px;text-align: center;
  vertical-align: middle; overflow: hidden;font-size: 16px;font-weight: bold;background:#008ED6; color:#fff;}
.news_scroll .circle .date{padding-top: 5px;text-align:center;font-size:14px;}
.news_scroll .circle .date span{display:block;font-size:14px;font-weight:normal}
.news_scroll .circle .date span.day{font-weight:bold;font-size:24px;}
.news_scroll  .datemob{ display:none; }
.listcircle .circle{ border-radius:50%; }
 .news_scroll li .listleft{float:left; margin-right:10px}
 .news_scroll li.listgd h4{height: 40px;line-height:40px;font-size:14px;overflow: hidden;   }

/*grid2ceng*/
.grid2ceng .img{text-align:center; }
.grid2ceng .text{padding:0; }
.gcoverlayjia{margin-bottom:30px;text-align:center; }
.gcoverlayjia a{/*width: 23%;margin:1%;  float:left;margin-bottom:1.5%;*/position:relative;overflow:hidden;display:block;}
.gcoverlayjia .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;z-index:99}
.gcoverlayjia .overlay span{width:60px;height:60px;margin-left:-30px;margin-top:-30px;position:absolute;top:50%;left:50%;background:#E66432;border-radius:50%;font-size:30px;text-align:center;line-height:60px;color:#FFF}
.gcoverlayjia   h4{font-size:14px;padding:10px 0;}

.gcoverlayjia a:hover .overlay{display:block}
.gcoverlayjia .imgtext{position:absolute;width:100%; text-align:center; overflow:hidden;padding:0px 1%;bottom:0;left:0;color:#FFF;font-size:14px;background:rgba(0,0,0,0.3);margin:0; }
 
.gcoverlayjia   img{width:100%;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.gcoverlayjia a:hover img{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5)}
.gcoverlayjia a:hover .imgtext {display:none; }
.gcoverlayjia .img{ padding:0; } 
.gcoverlayjia .imgtext h4{line-height:20px;overflow:hidden;font-size:14px;   }
.gcoverlayjia .imgtext span{height: 30px;line-height:30px;overflow:hidden;font-size:12px;   }
.gcoverlayjia h3{height: 40px;font-size:14px;line-height:20px;overflow:hidden; clear:both;   }

.transition5{width:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

.gcoverlaykuo{margin-bottom:20px;padding:0 5px; }
.gcoverlaykuo .text{z-index:2;position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;background:rgba(0,0,0,.7)}
.gcoverlaykuo:hover  .text{top:0;left:0;width:98%;height:100%;opacity:1;text-align:center;margin:0 1% }
.gcoverlaykuo:hover  .imgtext{display:none;} 
.gcoverlaykuo .imgtext{position:absolute; width: 100%;bottom:0;left:0;color:#FFF;font-size:14px;background:rgba(0,0,0,0.3);}
.gcoverlaykuo .text i{font-size:40px;position:absolute; top:45%;left:45%} 
.gcoverlaykuo .img{padding:0;}
.gcoverlaykuo .imgtext h4{height: 35px;line-height:35px;overflow:hidden;font-size:14px;   }
.gcoverlaykuo .imgtext span{height: 30px;line-height:30px;overflow:hidden;font-size:12px;   }

.gcoverlayarrow{padding-bottom:70px;margin-bottom:30px;text-align:center; }
.gcoverlayarrow .text{position:absolute;bottom:0;left:0;z-index:98;height:50px; padding:0 5px 10px 5px;background:#fff;overflow:hidden;clear:both;font-size:14px; }
.gcoverlayarrow:hover .text{height:152px;overflow:hidden; }
.gcoverlayarrow .text h3{height: 50px; ;font-size:16px;line-height:24px;clear:both; overflow:hidden; color:#333}
.gcoverlayarrow a{color:#333}
.gcoverlayarrow   a:hover{color:#666}
.gcoverlayarrow .text p{margin-top:10px;font-size:15px;line-height:1.6em;overflow:hidden;  }
.gcoverlayarrow  .linkarrow{display:block;position:absolute;z-index:99;top:109px;right:0px;width:48px;height:48px;padding-top:16px;opacity:0;background:url(../images/arrowbg.png) no-repeat ; }
.gcoverlayarrow:hover .linkarrow{opacity:1;right:20px;-webkit-transition-delay:.35s;transition-delay:.35s}


 /*gridnode*/
 .gridnode{padding:10px 0;clear:both; overflow:hidden;  }
  .gridnode .date{display:block;font-size:11px;color:#9e9e9e;height: 30px;line-height:30px;  }
 .gridnode .desp{ color:#999;padding:5px 0 !important}
   .gridnode h5{font-size: 14px;height: 22px;line-height: 20px; overflow: hidden;  font-weight: normal;}
  .gridnode a.title{font-size:14px; display:block; text-align: center;  height: 35px;line-height:35px; overflow:hidden;   }
  .gridnode .bor{margin-bottom: 25px}
  .titlecenter a.title{ text-align:center;  }
  .nodeknowledge a.title{text-align:left; font-size:18px;font-weight:bold;}
.gridnode_imgleft .dmbtn{text-align:left; }
.gridaboutus h4{padding:10px 0; }
.gridaboutus .bor{margin-bottom: 25px}
.gridnode_imgleft  a.title{text-align:left;margin-top:15px }
 
.gridabtborder .bor{border: 1px dotted #e7e7e7;  border-radius: 10px;margin-bottom:20px;padding:0 20px}
 
/*sidebar_imgleft*/
.sidebar_imgleft li{overflow:hidden; margin-bottom:8px;padding-bottom:10px;border-bottom:1px dashed  #ccc; }
.sidebar_imgleft li .img{float:left; margin-right:20px; padding:0;  }
.sidebar_imgleft li img{width: 60px; height: 60px; }
.sidebar_imgleft .text{padding-top:10px}
.sidebar_imgleft li .title{height: 38px;line-height:18px; text-align:left; }
.sidebar_imgleft li .desp{margin:0;padding:0;font-size:12px;line-height:18px;color:#666 }
.sidebar_imgtop .title{font-weight:bold; }
.sidebar_imgtop li .desp{margin:0;padding:0; }
.tabheaderleft{height: 38px;line-height:38px;border-bottom:1px solid #3DA8E0;   }
.tabheaderleft a{float:left; height: 100%;padding:0 20px;margin-right:10px;font-size:14px;}
.tabheaderleft .active,.tabheaderleft a:hover{background:#3DA8E0; color:#fff}
 
 /*box_xunchuan*/
.box_xunchuan{ padding:100px 0 ;text-align:center; }
.box_xunchuan h3{ font-weight:bold;font-size:32px;padding-bottom:20px;color: #fff;   }
.box_xunchuan .subtitle{     color: #fff;    font-size: 18px;    line-height: 1.5em;padding-bottom:20px }
.box_xunchuan .text{ padding-bottom:20px }
.box_xunchuansimple {padding:60px 0 100px 0; }
.box_xunchuansimple .text{float:left; padding:5px;  font-weight:bold;font-size:26px;}
.box_xunchuansimple .dmbtn{float:right; }
 /*fullsliders*/

.fullsliders li{background-size:cover;background-repeat:no-repeat;position:relative}
.fullsliders .text{ position:absolute; z-index:23; text-align:center;width:100%;left:0%;top:40%;padding:0 20%;text-align:center;  }
 .fullsliders .textinc{padding:40px;background-color:rgba(255,255,255,0.85)}
.fullsliders   h4{font-size:20px;margin-bottom:30px}
.fullsliders  .desp{font-size:28px;margin-bottom:20px;line-height:42px; }
.fullsliders .textcolor{color:#F2F2F2}


.bannerwater01 .text{ position:absolute;z-index:23; left:15%;top:35%;color:#fff;width: 70%;  }
.bannerwater01 li.slick-active .text,.fullsliders li.slick-active .text  {animation:1s ease-in 800ms normal both 1 running lightSpeedIn}
.bannerwater01 h4{color:#fff; font-size:30px; margin-bottom:30px}
.bannerwater01 .desp {color:#fff; font-size:30px;margin-bottom:20px }
.bannerwater01 img{width:100%}
.albumslick .title{font-weight:bold;padding:10px 0 }
.albumslick  .slick-dots{ bottom:-20px }

/*xuan*/
 .xuan_num{padding:120px 30px;position:relative;   }
.xuan_num_text { font-size:20px;text-align:center; }
.xuan_num_text .numscroller{font-size:30px;padding:20px 0  }
.xuan_num_text i {  font-size:60px;margin-top:20px}

.xuan_runi_text{padding:60px 0;text-align:center; }
.xuan_runi_text h3{ font-size:28px;font-weight:700;color:#e2e2e2;}
.xuan_runi_text .desp{  padding:20px 0 ;font-size:14px;line-height:28px;color:#e2e2e2; }
.xuan_runi_text .btne{ text-transform:uppercase;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 28px;border-radius:25px;transition:0.5s;margin-top:10px;border:2px solid #e2e2e2;color:#e2e2e2}
.xuan_runi_text .btne:hover{background:#f52a50;border:2px solid #d62445}

 /*team02*/
 .team02{width:100%;margin:0 auto;}
.team02 .w1{float:left; width: 55%; height: 350px;    position:relative;overflow:hidden;   }
.team02 .w1inc{width:100%;height:100%;background:#eee;opacity:1;position:absolute;top:0;left:100%;transition:left .5s; }
.team02 .w1 .active{left:0; ; }
.team02 .w1 .img{ float:left;width:47%;height: 100%; }
.team02 .w1 .text{ float:right;width:52%;height: 100%; padding:2%;margin-right:1%; }
.team02 .w1  img{width:100%;height:100%}

.team02 .w1 .title{ font-size:20px;color:#0661B4; font-weight:900; }
.team02 .w1 .subtitle{font-size:14px; color:#595959;padding:15px 0; border-bottom:1px solid #0661B4;margin-bottom:15px;display:block;}
.team02 .w1 .desp{font-size:14px;color:#595959;line-height:22px;height: 180px;overflow:hidden;  }
.team02 .w1 .more{margin:15px 0 ;text-align:left; }
.team02 .w1 a{display:inline-block;background:#0661B4;color:#fff;text-align:center; border-radius:5px;padding:10px 30px;  }
.team02 .w1 a:hover{background:#285481; }


.team02 .w2{float:right; width: 40%; }
.team02 .w2 .img{float:left; width: 33%;padding:0 1%; height: 170px; margin-bottom:15px;position:relative;cursor:pointer; }
.team02 .w2 img{width: 100%;height: 100%;opacity:.8; border:1px solid #fff; border-radius:5px}
.team02 .w2 .active img{border:1px solid #74BBF1;opacity:1}
.team02 .w2 .img:hover img{border:1px solid #74BBF1;opacity:1 }

/*team01*/
.imgmask{ position: absolute;  opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.72); bottom: 0%;   width: 100%; -webkit-transform: translate3d( 0px, 100%, 0px ); -moz-transform: translate3d( 0px, 100%, 0px ); -ms-transform: translate3d( 0px, 100%, 0px ); -o-transform: translate3d( 0px, 100%, 0px ); transform: translate3d( 0px, 100%, 0px ); -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s; text-align: center;height:100%;} 
.team01 .imgmask a{position:absolute; top:0;left:0;width: 100%; height: 100%; }
.team01 .img {padding:0;overflow:hidden; text-align:center;  } 
.team01 .img i{font-size:40px;position:absolute; top:45%;left:45%}
.team01 .img:hover .imgmask{opacity: 1; visibility: visible; -webkit-transform: translate3d( 0px, 0px, 0px ); -moz-transform: translate3d( 0px, 0px, 0px ); -ms-transform: translate3d( 0px, 0px, 0px ); -o-transform: translate3d( 0px, 0px, 0px ); transform: translate3d( 0px, 0px, 0px );}
.team01 .text h4{font-size:14px;height: 35px;line-height:35px; overflow:hidden; padding:0 3px; }
.team01 .text span{display:block;height: 30px;line-height:30px; overflow:hidden; }
.team01 .text span.date{height: 20px;line-height:20px;color:#999 }
.team01 li{margin-bottom:30px}
.team01 .text{box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.15)}
.team01 .text .desp{padding:5px;font-size:12px;line-height:20px;  }

/*aboutus01*/
.aboutus01 li{position:relative;overflow:hidden;margin-bottom:20px}
.aboutus01   img{width: 100%; }
.aboutus01   .textwrap{position:relative; width: 100%;height: auto;  }
.aboutus01   .text{ position:absolute;width:100%;height:100%;top:calc(100% - 60px);left:0;padding-left:25px;padding-right:25px; background:#233785; opacity:0.9 } 
.aboutus01   .title{ display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;height:60px;width:100%}
.aboutus01   .title i{font-size:30px;color:#fff}
.aboutus01   .title h4{ font-size:18px;line-height:1.3;color:#fff;text-transform:uppercase;margin-left:15px}
.aboutus01 .desp{width:100%;padding:20px 20px 0 50px;  }
.aboutus01 .desp,.aboutus01 .desp p{  font-size: 15px;    line-height: 1.7;    color: #fff;}
.aboutus01 .more{width:100%;height:28%;padding:20px 20px 0 50px;}
.aboutus01 .more a{display:block;align-items:center;height:25px;position:relative;font-size:15px;color:#fff; }
.aboutus01 .more a i{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;height:100%;left:0}
.aboutus01 .more a span{ position:absolute;height:100%;width:80px;left:14px}
.aboutus01 .more a:hover i{left:82px}
.aboutus01 .more a:hover span{left:0}
.aboutus01 .more a:hover{flex-direction:row-reverse;justify-content:flex-end}
.aboutus01 li:hover .text{top:0;} 
/*nodeslick01*/
.nodeslick01 .slick-list{ padding-bottom:30px}
.nodeslick01 li{margin-bottom:20px}
.nodeslick01 h4{height: 30px;line-height:30px;overflow:hidden;text-align:center;   }
.nodeslick01 .img{display:block;text-align:center; }
.nodeslick01 .date{color:#666;display:block;padding:8px 0; }
.nodeslick01 .desp{line-height:22px; font-size:12px;}
/*isotope filter*/ 
.diviso_filter{padding:0;margin:5px 0 35px 0;list-style:none;text-align:center}
.diviso_filter a{cursor:pointer;margin:15px 15px 15px 0;display:inline-block;padding:10px 20px;font-size:12px;line-height:20px;color:#666666;border-radius:4px;text-transform:uppercase;background:#fff;margin-bottom:5px;transition:all 0.3s ease-in-out}
.diviso_filter a:hover,.diviso_filter a.active{background:#1690df;color:#fff}
.diviso_filter a:last-child{margin-right:0}
/*news01*/
.news01 h4 a{font-size:16px;color:#232323} 
.news01 h4 a:hover{color:#000}
.news01 p{line-height:20px;color:#6f6f6f }
.news01 .img{text-align:center; }

.news01inc{ background:#fff;  }
.news01 .date{ padding:10px 0;color:#939393; font-style:italic;  }

/*tabheader_catlist*/
.tabheader_catlist {clear:both; overflow:hidden; margin:10px 0;text-align:center; }
.tabheader_catlist a{  padding:0px 20px;color:#666;display:inline-block;height: 35px;line-height:35px;  border:1px solid #12A7ED;margin-right:10px ;margin-bottom:8px;}
.tabheader_catlist a.active,.tabheader_catlist a:hover{ background:#3DA8E0; color:#fff}

/*newstablist02*/
 .newstablist02 ul{ margin-top:10px;padding:10px;border-top:1px solid #ccc; }
 .newstablist02 li {  float:left; display:inline; height: 20px;line-height:18px;  overflow:hidden; padding:0 20px 10px 10px;width: 50%; background: url(../images/arr6.gif) 0 5px no-repeat; }
 .newstablist02 li span{ float:right; color:#999}
 .newstablist02 .newsfirstline {padding:10px 0; } 
 .newstablist02 .newsfirstline h4{font-size:18px;}
 .newstablist02 .newsfirstline .date{display:block;font-size:12px;color:#999 }
 .newstablist02 .newsfirstline .desp{ padding:10px 0 ;line-height:22px; margin:0; color:#999 }
 .newstablist02 .newsfirstline .img{float:left; display:inline; width: 30%;text-align:center;  }
 .newstablist02 .newsfirstline .img img{ width: 80%; }
 .newstablist02 .newsfirstline .text{float:left; display:inline;word-wrap:break-word; width: 64%; padding-left:5%}
 
.newstablist02li100  .newstablist02 li{width: 100%; height:auto;clear:both; overflow:hidden;  }
/*cjwt_block*/
 .cjwt_block li{ margin-bottom:10px }  
.cjwt_block   h4 { height: 26px;line-height:18px; margin-bottom:5px ;font-size:14px; overflow:hidden;  }
.cjwt_block   h4 span{ color:#CC0919 }
.cjwt_block  .desp{ padding-bottom:10px;overflow:hidden; color:#666;margin:0;line-height:20px;   }
.cjwt_block  .desp span{font-weight:bold;font-size:14px;color:#CC0919}
.cjwt_block ul { position:relative;  }
/*newsheader*/
  .newsheader {  border-bottom:1px solid #005EB8;position:relative;margin-bottom:15px;padding:0; clear:both; overflow:hidden;    }
 .newsheader h3{ float:left;font-size:16px;font-weight:bold; }
  .newsheader h3 span{font-size:12px;font-weight:normal;color:#666; }
  .newsheader .more{float:right; margin-top:10px}

/*----end  block--------------*/

.BMap_bubble_content {font-size: 12px;line-height:20px;}

/*footer----  */

.dmfooter .hdgroup{text-align:left;font-size:20px; background:none; }
.dmfooter .regioncnt{padding:0}
.dmfooter .boxcol .desp{margin:0; }

 .dmfooter{
  background:#3595ef;color:#fff;  
   /*
    background-image: url(/DM-static/upload/image/common/20220531_173411_2198.png);
    */
}
 .dmfooter .desp p, .dmfooter  p{margin:0;padding:0;   }

 .dmfooter .blockhd{color:#04192c}
 .dmfooter a, .dmfooter p{color:#fff;}
 .dmfooter a:hover{text-decoration:underline; }
  .dmfooter a, .dmfooter p{font-size:14px;}
  .dmfooter  .footer1{padding:50px 0 20px 0}
  .dmfooter  .footer2{background: #2278c9;padding:8px 0 ;}

 .mobipage .dmfooterwrap{min-height:60px}


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

.pcshow{display:block; }
.mobshow{display:none;}

.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: 75%; 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,img.maximg{max-width: 100%;height: auto; }


/* ---pc 端 1024-----*/
@media  (min-width: 1026px) {

.stricky-fixed .langtextline{display:none}


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

.homenews li a{width: 200px; }
.hidecontent_cainiaoyz .tabs_content{height: 470px; }

.nopagenarrow .needheaderfixed{width: 100%; }

 .gridnode_imgleft .boxcol { height: 230px;margin-bottom:20px }

.contentwrapbg {   padding:20px 0;}
.contentwraptop .contentwrap{ background:#fff ; padding:15px; }
.contentwrapside .dmcontent { background:#fff; padding:15px; }
.contentwrapside .sidebar { background:#fff; padding:15px; }
.contentwrapside  .contentwrap{  padding:0; }

.pcimg100  img{width: 100% !important; }
.news01  img{width:100% !important }

.mobishopalbumwrap{max-width: 700px; margin:0 auto;}


}

/* ---pc 端 800-----*/
@media  (min-width: 801px) {

}


/* -----移动端 1024 ------------------------------------------------------------*/
@media (max-width: 1025px) {
    .headermobi01 .langtextline { top:15px;right:75px;}
    .headermobi02 .langtextline{top:25px; right:55px}

.headersearchrg{top:20px}
 .dmmenumobi{display:block;}
.mt50,.mt80,.mt100{margin-top: 30px}
.mb50,.mb80,.mb100{margin-bottom: 30px}
.mtb50,.mtb80,.mtb100{margin: 30px 0}
.pt50,.pt80,.pt100{padding-top: 30px}
.pb50,.pb80,.pb100{padding-bottom: 30px}
.ptb50,.ptb80,.ptb100{padding: 30px 0}
.container{width: 100%; }
 .pcshow{display:none; }
 .mobshow{display:block;}

.contentwrap{padding:5px 0; }
.sidermenutop li{float:left; width: 48%;text-align:center; border-bottom:1px solid #ccc;border-radius:3px;margin:0 1% 5px 1% }
.sidermenutop_num1 li{width: 98%;margin:0 1% 5px 1% }
.sidermenutop_num3 li,.sidermenutop_num6 li{width: 32%;margin:0 0.6% 5px 0.6% }
.sidermenutop a{ padding:5px 0;margin:0; font-size:14px; }
.sidermenutop  li a:hover:after, .sidermenutop  a.active:after{display:none; }

  #backtotop a{width:28px;height: 28px; background-size:cover; right:5px;bottom:80px }
  #backtotop a:hover{background-position:0 0}

  .onlineopen{position:absolute; top:0;right:0;background:url(../images/onlineopen_mob.png) no-repeat ;width: 28px; height: 52px;  }
.boxcol .desp{padding:0 8px}
.twocolcuspro .boxcol { width:50%}

/*hide*/
.sidebar_1,.tab,.tabarea,.headercolor,.headertel{display:none; }
.tongji{display:none; }
.topsearchbox{display:none;top:50px }
.sub-nav-toggle{display:block;float:right;margin-top:1px; width:36px;height:36px;cursor:pointer;background:#7ccbfc url('../images/menusub.png') center -30px 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 13px no-repeat}
.menu li li .sub-nav-toggle{height: 30px;background-position:center -35px ; }
.menu li li .sub-nav-toggle.plus{background-position:center 11px ; }
 
/*footermob*/

.footermob {width:100%; height:60px; padding:5px 0;border-top:1px solid #ccc ; position:fixed; bottom:0; left:0; z-index:99999; background:#0B5394;}
.footermob li {float:left; width:20%; text-align:center; color:#fff}
.footermob li a{font-size:14px; color:#fff;}
.footermob li a i {font-size:20px; color:#fff;}
.footermob li a span {display:block;}

}

 
@media (max-width:960px){

.fullsliders   h4{font-size:20px;margin-bottom:20px}
.fullsliders  .desp{font-size:22px;margin-bottom:20px}
.bannerwater01 .text{ left:50px;top:30%}
.bannerwater01 h4{ font-size:18px; margin-bottom:10px}
.bannerwater01 .desp { font-size:22px;margin-bottom:10px }

.mobishopalbumlist li{height:80px}
.searchpopbox form { width:80%;  }
}


/* -----移动端 800 ------------------------------------------------------------*/
@media (max-width: 800px) {
.relativenode .slick-prev{ left: 5px;background: url(../images/bannerarrow2_nobg.png) no-repeat 0 0px;outline: none !important;}
.relativenode .slick-next{right: 0px;background: url(../images/bannerarrow2_nobg.png) no-repeat -50px 0px;outline: none !important;}

.headerreg{left:120px;top:5px}
.pagewrap,.container{width: 100%; }
.area .container,.areaAllwidth .container{width: 98%;padding-left:1%;padding-right:1% }

 .popcontent img{width: 100%;height: auto;  }
.area{min-height: 400px}
.area .bgarea{border:0}

/*.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*/

.area .container{padding-top:3px}
.sidebar,.dmcontent,.cntwidth{width: 100%; margin:0 auto;clear:both; overflow:hidden; float:none;display:block;  }
.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;   }
.content_desp .shopw1,.content_desp .shopw2 {width: 100%; }
.content_desp .shopw2,.nodetabcntinc,.pagerele,.taglinkindetail { padding: 10px }
 
/*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;  }

.hidecontent_cainiaoyz .tabs_content{height: 380px; }
.permobile800{width: 100%; }

.textlist h4 a{font-size: 14px}
.textlist p.textshort{font-size: 12px}
/*  .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: 180px !important; }
.bannerhgtall .bannerheight{height: 220px !important; }
 .bannerbg .bannertext h2{ font-size:30px;color:#fff } 
.bannerbg .bannertext h2:after{margin-top:8px}
.bannerbg .bannertext{bottom:40%}
.bannerhgtall .bannerbg .bannertext{bottom:35%}
.bannerbg02 .breadcrumb{padding-top:5px}
.bannerbg02 .bannertext{bottom:10%}
 
/*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{max-width: 200px;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;   }


.col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width:50%;display:block; }

.gridhalf .col_1f6,.gridhalf .col_5f6,
.gridhalf .col_1f5,.gridhalf .col_2f5,.gridhalf .col_3f5,.col_4f5,
.gridhalf .col_1f4,.gridhalf .col_3f4,
.gridhalf .col_1f3,.gridhalf .col_2f3,.gridhalf .colhalf{width: 100%;display:block; }

 .team02 .w1,.team02 .w2{width: 100%; }
.team02 .w2{margin-top:15px}
.team02 .w2 .img{height: 130px}
 .team02 .w1 img{height: auto}

 .news01 .col_1f4{width: 100%; }
.news01  .orderpart{flex-wrap:wrap;display:flex}
.news01 .sepaline{display:none; }
.news01 .text{margin-bottom:30px}
.news01inc{ background:none;  }
.news01inc .text{background:#fff; }
.news01 img{height: 100% !important; }
 
 .efboxhd h3,.efboxhd .title,.regioncnt .efboxhd h3{font-size: 24px;}
    .efboxhd .titlesub{font-size: 12px;line-height: 22px;}
    .efboxcnt .title{font-size: 24px}
    .efboxcntbig .title{font-size:30px;line-height:40px; }
    .efboxcntbig .desp,.efboxcntbig .desp p{font-size: 14px; margin:15px 0;line-height: 22px}
    .dmefbtn  .dmbtn{height:40px;line-height:40px;padding:0 20px;} 
    .dmefbtn2 .dmbtn{height:36px;line-height:36px;padding:0 20px; }
    
/*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; }
.newsgridlist li{ margin-bottom:30px}
 
/*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:100% }
.imgwd80 .img img{max-width: 80%;height:100% }
.imgwd60 .img img{max-width: 60%;height:100% }
.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%; }
 


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

.pageroll .pagerinc{display:block; }

 .whyimg{width: 100%;position:relative;  }
 .whyimg img{width: 100%;  }
.whycnt{width: 100%;right: 0;top: 0;position:relative; }

 .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%;  }
 .dmbtn{margin-bottom:10px}

.aboutus01 .desp{ padding:2px}
 .aboutus01 .desp,.aboutus01 .desp p{ font-size:12px; }
 .jstabhover{margin-bottom:10px}
  .newstablist02 .newsfirstline .img{width: 100%;text-align:center;  }
  .newstablist02 .newsfirstline .text{width: 100%;padding:10px ;  }

.tabheader_catlist a{font-size:12px; height: 25px; line-height:25px; width: 45%; margin:5px 2% }

.fullsliders .text{top:30%}
 .bannerwater01 .desp,.bannerwater01 h4{margin:0; padding:0; font-size:18px;}
.mobishopalbumlist li{height:80px}

/*nodetab*/
 
.nodetabhd{height: auto; }
.nodetabhd span{ height: 30px;line-height:30px; margin-left:10px;margin-top:10px; padding:0 15px }
 
 
.blockclientszoom li{width: 50%; }
.blockclientszoom li img{width:50%}

.dmfooter .blockhd {margin-top:20px;} 
.dmfooter .boxcol {  text-align:left;margin:0 }
 
/*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%;  }
 

 .homekf li img{height: 120px; }
 .homekf .regioncnt{height: 120px; }


.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; }
 
.gridnomag li,.gridnomag2 li,.gridnomag3 li,.gridnomag4 li{width: 99.9%; }

.bannerwater01 .text{ left:50px;top:10%}
.bannerwater01 .dmbtn{padding-top:10px;  }
.bannerwater01 .desp,.bannerwater01 h4{margin:0; padding:0; font-size:14px;}
.mobishopalbumlist li{height:65px}

/*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;  }
.bannerwater01 .dmbtn{padding:0;  }

/*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*/
}
