@charset "utf-8";
@import url("public.css");
@import url("index.css");
@import url("prdct.css");
@import url("news.css");
/* CSS Document */

/* ----  新加  ------*/
body{ }
 
.cb{ clear:both;}


/* ----  product  ------*/
.bg_top{padding-top:20px;  }
.bg .pr .win .r .bg_top h2{ width:600px; font-size:22px; line-height: 36px; padding-bottom: 8px; padding-left:26px }
.r p a.red {color: #f00; font-size:12px;}

.pr .r .r02{ margin-bottom:0; padding-bottom:0;}
.pr .r .r02 a{ color:#333;}

.r .prop{ height:360px;border-top:none; }
 
.pr .win .r .prop h1{position: static; font-size: 24px; color: #00327D; line-height: 26px; padding-left: 20px; font-weight: bold; border-bottom:none; padding-top:0px; height:50px; padding-left:0;}
.r .prop .right{width:536px; }
.r .prop .p1{ }
.r .prop .p1 p{  width:536px; }

.r .prop{ height:370px; background: url(../img/30d.png) no-repeat 40px 230px }
.r .prop0{height: 400px; background:none;}
.r .prop1{ height:410px; background: url(../img/30d.png) no-repeat 40px 270px }
.r .prop1 .right{ float:left; width:536px; }
.r .prop1 .p1 p{  width:536px; }
.r .prop .p2{ margin-top:0;}

.pr .and .r .pro{ height:300px; }
.pr .and .r .pro .right{ padding-top:0;}

.pr .and .r .prop0{ height:430px; }


.r .clearfix{ background:none; height:60px; margin:0; padding:0; }
.r .pro h2 {width: 700px; font-size:20px;}

.r03 .p1 a.red{ font-size:14px; color: #AE002D;font-weight: bold;}


.h_auto{  height:500px;}

ul.r02 li h2{width:400px; font-weight:normal; text-align:left; margin:0; padding:0; }
 

.pro .right{ width:500px; padding-left:10px; }
.pro .r .right .p2 { width:500px;}
.pro .right .r .p2 span{ line-height:30px; font-weight:normal;} 
.pro .right .p2 span.f18{ float:none;}
.pro .right .p2 a.b{ padding-top:5px; height:28px; line-height:24px;}

.pr .win .r .pro .right{  padding-top:0;  }
.pr .win .r .prop0 .right{  padding-top:0;  }
.pr .r .pro .right{ width:500px;  padding-top:20px;}
.pr .r .pro .right .p1{ width:500px; overflow:hidden; }
 


  
.pr .r{ border-left:none; }
.pr .r h1{ line-height:30px;  }
.pr .r p strong{ margin-top:50px; }
.pr .r .p0{ width:700px; padding-left:5px;}
.pr .r table td .p0{ width:200px;}
 


.pr .prop ul.r02 li{ padding-top:10px; padding-left:300px; }
.pr .r .r02 li h2{padding:0; font-size: 22px; line-height: 30px; font-weight:normal; margin-bottom:10px;}
 
 

.pr .r .pro{ padding-top:10px;}
 
.pr .and  h1{ margin-left:20px; position: static; font-size: 20px;  height: 30px;line-height: 26px; font-weight: bold;}

.pr .win  h1{ margin-left:20px; position: static; font-size: 20px; line-height:26px; font-weight: bold; padding-top:10px; padding-bottom:8px;}

/*p.a{ width:600px;}*/

.pr .win .r .prop .right{ width:500px; _width:480px; _overflow:hidden;}
.pr .win .r .prop .right p{width:500px; _width:480px;}

.pr .r .r03 p.ar{ padding-bottom:0;  }

.pr .win .r .r h1.ab{ border-bottom:none; font-size:16px; margin:0; padding:0 0 0 20px; height:20px;}
 


.mn .ps{padding-left:6px}
.mn .ps a{display:block;width:146px;height:29px;color:#fff;font-size:16px;background:url(../img/05.jpg) 0 -122px;padding:16px 0 0 83px}
.mn .ps a:hover{text-decoration:none;background-position:0 -167px}
.and .ps a{background:url(../img/05.jpg) 0 -212px;}
.and .ps a:hover{text-decoration:none;background-position:0 -257px}
.and .r .r03 h2{ margin-left:0;}
.and .r03 ul li{ width:200px; }
.and .r03 ul li p{ width:190px; }
.and .r03 ul .l1 ,.and .r03 ul .l2 { padding-left: 160px;  _overflow:hidden; }
.and .r03 ul .l2 { padding-left: 150px;}
.and .r .r03 ul{ width:722px; }
.and .r .r03 ul h3{ width:180px;}
.and .r h2 { font-size:16px;}

.and .r .right { width:500px; }
.and .r .pro{ height:400px;}
.and .r .right .p1 p{ width:510px; }
.and .r .pro h1{ border-bottom:none; padding-top:10px; padding-bottom:30px}

.main .r ul.r04 .p1 p.vb {position: absolute;display: block;width: 22px; height: 22px;top: 100px; left: 170px;background: url(../img/view-big.png);overflow: hidden; line-height:22px; padding:0;}
.main ul.r04 li .p2{   }
.main ul.r04 li .p2 h3{ width:500px; margin:0; padding:0 0 0px 10px;}
.main ul.r04 li .p2 p{ width:500px; padding-left:0; }
.main ul.r04 li .p3 p{ width:700px;  }


.main ul.r04 li a.red{ text-decoration:none; color:#AE002D; font-size:14px;}
.main ul.r04 li a.red:hover{ text-decoration:underline;}

 
 

.pr .win .r .r03 h2{ margin-bottom:10px;}
.pr .win .r .r03 h2.ph21{ font-size:22px; font-weight:normal;}
.pr .r .r03 p strong{ font-weight:bold;}

.r .r03 p{ margin-left:0;}
 
.r .r03 h2{ font-weight:normal;}

.r .f{ padding:0; margin:0;}
.r .r01a { margin:20px 0 0 0; background: url(../img/07.jpg) no-repeat right 25px;}
.r .r01a p{ padding:20px 0 20px 30px; margin:0; }
.r .r01a h1{  padding-bottom:0px; padding-left:10px; border-bottom:none; color:#00327D; padding-top:0; }
.r .r01b{ padding:0; margin:0;}
.r .r01b { margin:10px 0 0 0; background: url(../img/30.png) no-repeat right 60px;}
.r .r01b p{ padding:20px 0 20px 30px; margin:0; }
.r .r01b h1{  padding-bottom:0px; padding-left:10px; border-bottom:none; color:#00327D; padding-top:0; }
.r .r01c{ padding:0; margin:10px 0 0 0;}
.r .r01c p{ padding:20px 0 0px 30px; margin:0; }
.r .r01c h1{  padding-bottom:0px; padding-left:10px; border-bottom:none; color:#00327D; padding-top:0; }

.r .r010{ padding-left:30px; }
.r .r010 p{ margin:0; padding:10px 0 0 0; width:440px;}
.r .r010 a{ color:#333;}
.r .r010 a:hover{ color:#00C;}
.bg .pr .win .r .pro h2{ font-size: 20px; font-weight: normal; color: #00327D; line-height: 20px; margin:0; padding:0 0 0 26px;}


/* ----  partner  ------*/

.pr .win .r h2.par_t{ font-size:18px; font-weight:bold; margin:12px 0;}

.pr .win .r h3{ height:25px;}

.pr .win .r h1.ab{ font-size:22px; font-weight:bold; height:40px; margin-left:20px; position: inherit; padding:15px 0 0 5px; }
 
/*.bg .pr .win .r h2{ font-size: 20px; font-weight: normal; color: #00327D; line-height: 28px; margin:0 0 10px 0; }
*/
.pr .win .r h3{ margin:0; padding:0 0 0 20px;}
.pr .win .r p strong{ background:none; font-size:13px;}


table.pad_tb{ margin:0 0 0 30px; width:680px;}

.pad_tab ul{ margin-left:10px;}


/* --------- download --------*/
.pr .win .list a{ color:#333;}
.pr .win .list a:hover{color:#00C}

.pr .win .list .p1{width: 250px; padding: 16px 0 0 80px; background-image: url(../img/07.png); background-repeat: no-repeat; height: 30px;}
 
.r p.a a{ color:#333; }
.r p.a a:hover{color:#00C}



/* ------------ page ----*/
.page{ height:60px; position:relative; font-size:12px; font-weight:normal}
.page_num{ position:absolute; top:20px; right:30px; width:220px; }
.page_list{ position:absolute; top:22px; right:240px; }
.page_list ul li { float:left; margin-left:3px}
.page_list ul li a{ display:block; line-height:20px; padding:0; border:none; background:none; color:#00327D;}
.page_list ul li a:hover{ text-decoration:underline; color:#00c;}
span.pagenav{display:block; line-height:20px; padding:0 5px; color:#333; font-style:italic; font-weight:bold;}
.pagination-start span, .pagination-prev span, .pagination-next span, .pagination-end span {font-weight:normal; font-style: normal; color:#aaa}

.pagination { float:right; }
.pagination ul li { float:left; margin-right:20px; font-size:12px;}

/* -------- search ------ */
.ul_sea{ margin:20px; font-size:12px; line-height:20px;}
.ul_sea li{ margin-bottom:15px;}
.pr .r .ul_sea h2{ font-size:14px; margin:0; padding:0; font-weight:normal;}




.pr .win .r h2 {font-size: 18px;font-weight: normal;color: #00327D;line-height: 20px; margin: 0; padding: 10px 0 10px 20px;}
.pr .win .r .r03 p strong{ font-size:14px;}
.pr .win .r{  }

/* -------- parter ------ */
.bg .pr .win .r .r p.a { width:670px; background: url(../img/ar.gif) no-repeat 6px 7px; padding:0 0 10px 14px; }
 
 
 
  

.bg .pr .win .r h2.h21{ padding-top:20px;}

/* ----------------- support ------ */
.r h1.li{ margin-bottom:20px;}

  
.main{_background:#FFF; _padding: 0 10px; }
.b_ml{ margin-left:-30px;}
   
.pr .win .r ol{ margin-left:20px;} 
.pr .win .r ol li{ line-height:22px;list-style-type:decimal ; margin-left:20px;}

.pr .win .r ul{ margin-left:20px; margin-bottom:10px} 
.pr .win .r ul li{ line-height:22px;}


#xmap ul li{  list-style:none; margin:20px 0 0 20px;}
#xmap ul li a{ font-size:14px; font-weight:bold;  color: #00327D;}
#xmap ul li ul li{ margin:5px 0 0 10px; list-style: square}
#xmap ul li ul li a{font-size:12px; font-weight:normal;  color: #333;}

/* 模板样式 */
.muban {margin-left: 25px;}
.muban ul, .muban ul li {margin: 0;padding: 0;list-style: none;}
.imgbg {width: 147px;height: 116px;padding: 8px 0 0 9px;background: url(../img/img_template_bg.jpg) no-repeat;}
.muban li h2{ height:50px;}
.muban li {float: left;width: 165px;height: 135px;padding-right: 12px;margin: 10px 0;}
.img_dpt {height: 102px;width: 136px;}
/* free office suite样式 */

.r035 p {padding:0px 10px 10px 0px; font-size:18px; color: #000;}
.r035 a {padding:0px 10px 10px 0px; font-size:18px; color: #000;}

/* PPT Templates */
.template_layout{ width:780px; margin:0 auto; padding:10px 0 10px 30px; background:#FFF; line-height:20px;}
.template_layout a{ color:#06F;}
.template_layout .muban{zoom:1; margin-left:0;}
.template_layout .muban:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.template_layout .muban p{ width:157px; text-align:center; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.template_layout h2{ margin-top:15px; height:30px; line-height:30px; }
.template_layout h2 a{ color:#036;}
.template_layout p { height:20px;}
.template_layout p a{ margin-right:20px;}

/* 模板 排列样式 */
.r .tml_show{ background:white;}
.r .tml_show li{float:left; width:123px; padding-right:40px; margin-bottom:10px;}
.r .tml_show li a{display:block; color:#00f; width:123px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size: 12px}
.r .tml_show li a:hover{text-decoration:underline;}
.r .tml_show li img{width: 123px; height:154px}

/* 模板 排列样式名片 */
.r .tml_show2{ background:white;}
.r .tml_show2 li{float:left; width:197px; padding-right:20px; margin-bottom:10px;}
.r .tml_show2 li a{display:block; color:#00f; width:197px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size: 12px}
.r .tml_show2 li a:hover{text-decoration:underline;}
.r .tml_show2 li img{width: 197px;}