/*本模板由DM建站系统 www.demososo.com开发
*/
*{padding:0;margin:0;  }
body{font-size:12px;font-family:微软雅黑;}
a, img {    -webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单 */}
td{padding:6px; line-height:20px;}
li{list-style-type:none}ol li{list-style-type:decimal}
.c,.clearblock{clear:both;overflow:hidden;}
h2{font-weight:bold;font-size:16px;}
.poa{position:absolute; }.por{position:relative; }
.tc{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; }
.vt{ vertical-align:top}.vm{vertical-align:middle}.vb{ vertical-align:bottom}
.lh,#cke_pastebin{line-height:20px;}
a img{border:0;} 
.pointer,.cp{cursor:pointer;}
.tino{text-indent:-9999px;}
b,i{display:inline-block;font-style:normal }
.p10{padding:10px}.p20{padding:20px}.p50{padding:50px}.p100{padding:100px}.p150{padding:150px}.p200{padding:200px}
.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}.pb50{padding-bottom:50px}

.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}
.mauto{margin-left:auto;margin-right: auto;}

/*linkwhite ,add in region*/
.linkwhite{color:#ccc}
.linkwhite a{color:#fff}
/**************************************end common*/  
/*column ----------------------*/
.col5{width: 5%; }
.col10{width: 10%; }.col15{width: 15%; }.col20{width: 20%; }.col25{width: 25%; }
.col30{width: 30%; }.col35{width: 35%; }.col40{width: 40%; }.col45{width: 45%; }
.col50{width: 50%; }.col55{width: 55%; }
.col60{width: 60%; }.col63{width: 63%; }.col65{width: 65%; }.col68{width: 68%; }
.col70{width: 70%; }.col75{width: 75%; }.col80{width: 80%; }.col85{width: 85%; }
.col90{width: 90%; }.col95{width: 95%; }
.col100{width: 100%; clear:both; overflow:hidden;}

.colw3 .w1{width: 33%;float:left;  }
.colw3 .w2{width: 50%;float:left; }
.colw3 .w3{width: 66%;float:left; }
/*edit*/
.block,.blockregion{position:relative; } /*use for edit*/
.dmedit{background:red;color:#fff;position:absolute; padding:3px; height: 20px;  top:0;right:0px;border-radius:5px; z-index:99999;display:none}
.dmeditregion{background:blue;color:#fff;right:100px }
.dmeditnode{height: 35px;line-height:35px;text-align:center;   }
.dmeditnode a{font-size:16px;background:blue;color:#fff;display:inline-block;padding:0 3px;border-radius:5px; }
/********area*********************************************/

.area{min-height: 650px;padding:20px 0}
 /*header----------------------------------*/

.header .container{height: 108px;position:relative;  }
.headerright .container{height: 90px;  }

.logo{position:absolute; top:10px;left:10px}
.headertel{position:absolute;right:10px;top:10px}
.headercolor{position:absolute;right:10px;bottom:15px}

.menufix,.headerrightfix{position:fixed;top:0; z-index:999;width:100%; }
/*footer-------------------------------------*/
.footer{padding:10px 0;text-align:left; position: relative;clear:both; overflow:hidden; line-height:20px; }  
.footerlogo{float:left; margin:10px 0 0 10px}
/*.footertext{float:right; margin:10px 10px  0 0}*/
.footertext{ margin:10px 10px  0 0;text-align:center;}
.footertext p{padding-bottom: 5px;line-height:20px; }

/*sidebar and  content layout*/

.sdcontent{padding:10px;line-height:26px;  }
.sdheader{	padding-left:5px;font-size:14px;font-weight:bold;height: 35px;line-height:35px; text-align:center;  }
.sdcontent li a{  display:block;height: 30px;line-height:30px;padding-left:20px }
.sdcontent li li{padding-left:10px;border-bottom:0;}
 
.content h1{font-weight:bold;font-size:22px;line-height:23px;padding:20px 10px;text-align:center;  } 
.content p{line-height:26px; }
.content .kv{text-align:center; }

.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:32px;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-right:6px;}
.pagetop,.contenttop,.content_headerimg{margin-bottom:15px}
.content_headerimg{height: 40px; }
/** = breadcrumb***********/
.breadcrumb{ font-size:12px;
 line-height:33px;height: 33px;padding-left:10px }
.breadcrumb .breadhome{display:inline-block; padding-left:20px;}
.breadcrumb a{padding:0 5px; }

 /************************/
.boxheader{height: 35px;padding-left:10px;}
.boxheader h3{float:left; display:inline; margin-top:11px;padding-left:10px;height:15px;line-height:15px; font-size:14px;font-weight:bold;   }
.boxheader .more{float:right; margin:10px 10px 0 0}
.boxcontent{padding:10px 2px;overflow:hidden;clear:both;   }
.homeabout  .boxcontent{line-height:22px; }

.boxheadercenter{padding:20px 0;text-align: center}
.boxheadercenter h3{font-size: 32px;font-weight: bold;color:#333;}
.boxheadercenter h3 img{max-height: 60px; }
.titleline{margin:3px 0;height: 8px; position:relative; text-align:center; border-bottom:1px solid #ddd;  }
.titleline span{position:absolute;bottom:0px;left:50%;height:2px;margin-left:-75px; width:150px;}
.boxmore  {padding:10px 0;text-align:center; }
.boxmore  a{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:#004592;color:#fff;border:1px solid #4cbdfd;transition:background-color .15s}
.boxmore  a:hover{background:#369add;color:#fff;border:1px solid #fff; }

.boxmore  a.more1{background:none; border:1px solid #fff;color:#fff; }
.boxmore  a.more1:hover{background-color:#2176da;border-color:#2176da;color:#fff }
 
.boxmore  a.more2{padding:0 20px;height: 35px;line-height:35px;    }
.boxmore  a.more3{background:#fff;border:1px solid #ccc; color:#333  }
.boxmore  a.more5{background:#E56331;border:0 }
.boxmore  a.more5:hover{background:#333; }
 

.boxmore  a.moresm{height: 30px; line-height:30px;padding:0 30px;  }
 
.boxheadercenter .subtitle{padding:10px 0;font-size:14px; }
/*bgvideo*/
.bgvideowrap{position:relative; display:block; }
.bgvideocnt{position:absolute; width: 100%;height: 100%;top:0;left:0; background:url(bg/videosm.png) no-repeat center center; }
/*videodetail*/
.videodetail{margin:20px auto;  }
.videodesp{width: 580px;height: 483px;margin:0 auto;  }
.videotitle{text-align:center; padding:10px 0; }
.zoomimgwrap img: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; }

/*topsearch*/
.topsearchbox{position:absolute; top:70px;right:20px}
/*bgmask  --------use fancybox
.bgmask{z-index:9991;display:none; position: absolute;left:0;top:0; background:#000; width: 100%; height: 100%;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.popclose{position:absolute; right:-15px;top:-15px;background:url(bg/fancybox_sprite.png) no-repeat;z-index:9993;width: 36px; height: 36px; text-indent:-9999px } 
*/
/*
.popcontent{position:absolute; display:none;z-index:9992;padding:10px;
    background: #f9f9f9;   text-shadow: none;   -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}
.popcontentbox1{width: 300px;   }*/

/*animate*/
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
