@charset "utf-8";
/* CSS Document */


/*-----------------------------------------------------*/
/*------------------------Reset--------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,th,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul, li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparen; text-decoration: none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*-----------------------------------------------------*/
/*-----------------------Style------------------------*/
html, body {width:100%; padding:0; margin:0;}
* { font-size:15px; border:none; text-decoration:none; font-family:"微軟正黑體",Arail;}
body {background: #ffffff;color: #949494;font: 15px/25px Arial, Helvetica, sans-serif; background:url(../images/top_m_bg.jpg) repeat 0 0;}

a{color: #949494;text-decoration: none;}
a:hover {color: #06C; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff; display: inline-block;padding: 6px 12px 6px 12px; font-size: 18px; background: #4AA9C3; font-weight: normal; text-transform: uppercase;}
a.button:hover{}

.clearfix{display: block; height: 0; clear: both; visibility: hidden; }


/*-----------------------------------------------------*/
/*-------------------------Style----------------------*/

img { border:0; /*max-width:100%; height:auto;*/ }
input[type="submit" i]{    -webkit-appearance: none;}
input[type="reset" i]{    -webkit-appearance: none;}

/*-----------------------------------------------------*/
/*----------------------Grid System----------------*/ 
.hs_content { width:1200px; margin: 0 auto; overflow:hidden;}
.hs_content_noover { width:1100px; margin: 0 auto;}
.deit_box { line-height:36px;}
#featured {margin: 10px auto; width: 100%; position: relative; padding: 5px 0 0 0 ; background:#DCE1F7; height: 127px; border-bottom: 2px #1D3590 solid;}
section { background:#DCE1F7; width:100%; height: 343px; margin:10px 0 50px 0 ; padding: 10px 0; border-bottom: 3px #1D3590 solid;}
.row{}
.row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after{clear: both; }
.row{zoom: 1;}

/*-----------------------------------------------------*/
/*------------------- box width --------------------*/
.col-1-1,
.col-1-2, 
.col-1-3, 
.col-2-3, 
.col-1-4, 
.col-2-4, 
.col-3-4, 
.col-1-5, 
.col-2-5, 
.col-3-5, 
.col-4-5, 
.col-1-6, 
.col-2-6, 
.col-3-6, 
.col-4-6, 
.col-5-6,
.col-1-10, 
.col-9-10{
	float:left; display:block;
}

.col-1-1{width:100%;}
.col-1-2{width:50%;}
.col-1-3{width:33.33%;}
.col-2-3{width:66.66%;}
.col-1-4{width:25%;}
.col-2-4{width:50%;}
.col-3-4{width:75%;} 
.col-1-5{width:20%;}
.col-2-5{width:40%;}
.col-3-5{width:60%;}
.col-4-5{width:80%;}
.col-1-6{width:16.66%;}
.col-2-6{width:33.33%;}
.col-3-6{width:50%;}
.col-4-6{width:66.66%;}
.col-5-6{width:83.33%;}
.col-1-10 { width:10%}
.col-9-10 { width:90%;}

/*----------------------------------------------------*/
/*------------------- table width ------------------*/
.td-1-1 { width:100%;}
.td-1-4 { width:25%;}
.td-1-5 { width:20%;}
.td-3-4 { width:75%;}
.td-1-2 { width:50%;}
.td-1-8 { width:12.5%;}
.td-5-8 { width:62.25%;}
.td-1-6 { width:16.6%;}
.td-4-6 { width:66.4%;}
.td-5-6 { width:83%;}

.all_boreder { border: 1px #ccc solid;}

.tt01 { color:#0C64A9;}
.tt02 { color:#333;}
.tt03 { color:#fff;}
.tt04 { color:#f00;}
.tt05 { color:#00f;}


/*--------------------------------------------*/
/*-------------------menu---------------------*/
.left50, .right50 { float:left; width:48%; padding:1%;}
.right50 { padding:35px 0 0 14%; width:36%;}
.box_top { margin-top:8px;}
ul.logo {}
ul.logo li { display: block; float:left;}
ul.logo li.le_01 {}
ul.logo li.le_02 { line-height:20px; padding-left:10px; margin:25px 0 0 10px; border-left: 5px #666 solid; color: #666;}

ul.top_link {}
ul.top_link li { display:block; float:left; margin-right:2%; font-size:12px; color:#000;}
ul.top_link li a { display:inline-block; float:left; width:27px; height:27px; line-height:27px; text-indent:-9999px;}
a.t_btn_fb { background:url(../images/all_top_icon_fb.png) no-repeat 0 0;}
a.t_btn_line { background:url(../images/all_top_icon_line.png) no-repeat 0 0;}
a.t_btn_email { background:url(../images/all_top_icon_email.png) no-repeat 0 0;}
ul.top_link li a.t_btn_download { text-indent:0px; width:70px; padding-left:40px; background:url(../images/all_top_icon_01.png) no-repeat 20px center #555; border-radius: 14px; color:#FFF;}
li.lan_bg_set { padding: 0 20px; background:#fff; border-radius: 14px; border:1px #ccc solid; }
ul.top_link li.lan_bg_set a { text-indent:0px; color:#000; float:none; width:auto;}

.box_menu { background: #2DA010; border-bottom: 4px #1A5E09 solid;}
.banner_t { background:url(../images/banner_top.jpg) repeat-x 0 0; height:77px;}
.banner_b { background:url(../images/banner_bottom.jpg) repeat-x 0 0; height:77px; }

/* top + menu */
/* top + menu */
.top_link li.rwd_m_li_no { display:block;}
#cssmenu ul li.rwd_m_li_yes { display:none;}

/*-------------------------------------------------*/
/*-------------------index-----------------------*/

.box_index_bg { background:url(../images/index_product_bg.png) repeat-x top center;}

.all_title_01 { background:url(../images/bg02.png) repeat-x top center; padding:2% 0;}
.all_title_01 ul { display:block; float:left; width:100%;}
.all_title_01 ul li { display: inline-block; float:left; text-align:center;}
.all_title_01 .boder01 { width:30%;}
.all_title_01 .boder02 { width:40%;}
.all_title_01 .boder03 { width:30%;}
.all_title_01 .boder01, .all_title_01 .boder03 { border-bottom: 2px #ccc solid; margin-top:10px;}
a.product_more { background:url(../images/index_product_more.png) no-repeat 0 0; display:block; width:40px; line-height:41px; margin: 10px auto; font-size:12px; color:#FFF; }
a.product_more:hover { color:#FF0;}

/* index about box */
.index_box_video { margin-bottom:3%;}
.index_box_video h1 { font-weight: bolder; color:#333; font-size:20px; background:url(../images/icon01.png) no-repeat 0 center; padding-left:36px; margin-top:20px; }
.index_box_video li { display:inline-block; padding:1%;}
.index_box_video .box_le { float:left; text-align:left; width:45%; }
.index_box_video .box_le div { margin:1% 1% 1% 0;}
.index_box_video .box_le p { font-weight: bolder; color:#000;}
.index_box_video .box_ri { float:right; text-align:left; width:50%;}
.index_box_video .box_ri p { font-size:20px; line-height:44px; font-weight: bolder; color:#666;}
.index_box_video .box_ri div { float:right; background:url(../images/w_h_1px_666.jpg) repeat-x center center #333;}
.index_box_video .box_ri div span { float:left; display:block; width:66px;}
.index_box_video .box_ri div a { float:right; display:block;  color:#FFF; font-size:24px; background: #333; padding:10px; }

/* index news box */
.index_box_news {}
.news_box { position:relative; width:1300px;}
.index_box_news .box_le { float:left; width:60%; padding:2%; background:url(../images/bg01.png) repeat 0 0; text-align:left;}
.index_box_news .box_le h1 { margin-bottom:2%; display:inline-block; float:left; width:80%;}
.index_box_news .box_le a.btn_all_news { margin:2% 0; display:inline-block; float:right; background:url(../images/icon02.png) no-repeat 0 0; width:32px; height:32px; text-indent:-9999px;}
ul.index_news_box { background:#FFF; margin:0% auto; padding:2%; width:96%; display:block; height: 260px;}
ul.index_news_box li { width:100%; padding-bottom:2%; margin-bottom:2%; border-bottom:2px #ccc dashed}
ul.index_news_box h2 { float:left; width:20%; display:inline-block; background:#82A7B9; line-height:25px; padding: 0; color:#FFF;}
ul.index_news_box a { float:left; width:77%; margin-left:3%; text-align:left; display:inline-block; font-size:18px; color:#464637;}
.index_box_news .box_ri { float:right; margin-left:3%; width:33%;}

/*-------------------------------------------------*/
/*-------------------Footer----------------------*/
/* all bottom box */
.box_bottom .foot_rwd { display:none;}
.box_bottom { background:url(../images/foot_bg.png) repeat 0 0 #36C213; }
.box_bottom .box_le { float:left; width:38%; margin:2% 0; }
.f_le_top { display:block; width:100%;}
.f_le_top li { display:block; float:left;}
.f_le_top_li01 { width:35%}
.f_le_top_li02 { width:65%;}
.f_le_top_li02 h1 { color:#FFF; font-size: 15px; font-weight:bolder; margin-bottom:10px;}
.f_le_top_li02 p { color:#FFF; padding-left: 30px; font-weight:bolder; font-size:12px;}
.f_le_top_li02 p.fp01 { background:url(../images/icon03.png) no-repeat 0 center;}
.f_le_top_li02 p.fp02 { background:url(../images/icon04.png) no-repeat 0 center;}
.f_le_top_li02 p.fp03 { background:url(../images/icon05.png) no-repeat 0 center;}
.f_le_top_li02 p.fp04 { background:url(../images/icon06.png) no-repeat 0 center;}
.box_bottom .f_le_bottom { display:block; width:100%; color:#FFF; font-size: 12px; font-weight:bolder; margin:10px 0;}
.box_bottom .f_le_bottom a { color:#FFF;}
.box_bottom .f_le_bottom a:hover { color:#FF0;}

.box_bottom .box_ri { position:relative; float:left; width:56%; margin:2% 0; padding:1%; background: rgba(77,182,37,0.75);}
.box_bottom .box_ri a { position:absolute; top:0; right:0; font-size:12px;}
.box_bottom .box_ri h1 { padding-left:22px; margin-bottom:10px; color:#FFF; font-weight:bolder; font-size:20px; background:url(../images/icon07.png) no-repeat 0 center;}
.box_bottom .box_ri ul { padding:0;}
.box_bottom .box_ri li { display:inline-block; float:left; margin: 3px 1%;}
.box_bottom .box_ri li p { color:#FFF; font-size:13px; line-height:180%;}
.box_bottom .box_ri li.f_r_p_01 { width:56%; margin-right:2%; border-right: 1px #92d07a solid;}
.box_bottom .box_ri li.f_r_p_02 { width:38%;}

/*-------------------------------------------------*/
/*-------------------about-----------------------*/
.paper_title_01 { background:url(../images/bg03.png) repeat-x center 0;  padding:22px 0 36px 0;}
.about_title_h1 { color:#FFF; font-size:16px; font-weight:bolder; line-height:200%; border: 1px #fff solid; text-align:center; width:300px; margin:0px auto 30px auto;}

/*-------------------------------------------------*/
/*-------------------contact-----------------------*/
.paper_box_contact {}
.paper_box_contact h1 { background:url(../images/contact_border.jpg) no-repeat 0 bottom; line-height:72px; font-size:25px; font-weight:bolder; color:#000;}
.box_cont_top01, .box_cont_top02 { margin:2% auto;}
.box_cont_top01 *, .box_cont_top02 * { line-height:36px; color:#333;}
.box_cont_top01 input, .box_cont_top02 input { border: 1px #ccc solid; width:98%; border-radius:3px; padding: 0 1%;}
.box_cont_top02 input.btn_reset,
.box_cont_top02 input.btn_submit { width:44%; background: #777; color:#fff; margin:7px 2%; }
.box_cont_top02 input.btn_submit { background: #000;}
.form_td_le { text-align:left;}
.form_td_le input { width:96%;}
.form_td_ri { text-align:right;}
.form_td_ri input { width:96%;}

.box_cont_top02 textarea { border: 1px #ccc solid; width:98%; border-radius:3px; padding: 0 1%; height:150px;}

.box_cont_top01 li, .box_cont_top02 li {display:block; float:left;}
.box_cont_top01 li.form_le,
.box_cont_top02 li.form_le { width:49%; margin-right:1%;}
.box_cont_top01 li.form_ri,
.box_cont_top02 li.form_ri { width:49%; margin-left:1%;}
.box_cont_top02 li.form_ri { margin-top:8%;}
.box_cont_top02 li.form_ri .form_ri_check { width:360px;}
.box_cont_top02 li.form_ri .form_ri_check td { padding:1%;}

.box_cont_bottom { margin: 3% auto 7% auto;}
.box_cont_bottom li { display:block; float:left; }
.box_cont_bottom li h2 { line-height:24px; font-size:20px; font-weight:bolder; color:#1F610C;}
.box_cont_bottom li .map_box_set { margin:3% auto; border:10px #888 solid;}
.box_cont_bottom li p { padding-left:30px; color:#666; font-size:17px; line-height:36px;}
.box_cont_bottom li p.cp01 { background:url(../images/contact_icon03.png) no-repeat 0 center;}
.box_cont_bottom li p.cp02 { background:url(../images/contact_icon04.png) no-repeat 0 center;}
.box_cont_bottom li p.cp03 { background:url(../images/contact_icon05.png) no-repeat 0 center;}
.map_le { width:48%; margin-right:2%;}
.map_ri { width:48%; margin-left:2%;}


/*-------------------------------------------------*/
/*-------------------news-----------------------*/

.view { float:left; width: 26%; padding:0 3% 0 0; margin:0 4% 3% 0; border-right: 1px #ccc solid; overflow: hidden; position: relative; text-align: center; cursor: default; }
.view .mask,.view .content { width: 90%; height: auto; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view a { text-align:left;}
.view h1 { font-size:17px; color:#196600; font-weight:bolder; line-height:36px; text-align:left;}
.view p { font-size:12px; color:#000; font-weight:bolder; line-height:20px; text-align:left;}
.view h6 { line-height:80px; font-size:12px;}
.view img { display: block;  position: relative; }
.view a.info { display: inline-block; text-decoration: none; padding: 0 5%; margin: 33% auto; color: #1D5F2C; border: 1px #206C31 solid; text-transform: uppercase; line-height:36px; font-size:25px; }
.view a.info: hover {}
.view-third img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-third .mask {
   background-color: rgba(255,255,255,0.6);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(460px, -100px) rotate(180deg);
   -moz-transform: translate(460px, -100px) rotate(180deg);
   -o-transform: translate(460px, -100px) rotate(180deg);
   -ms-transform: translate(460px, -100px) rotate(180deg);
   transform: translate(460px, -100px) rotate(180deg);
   -webkit-transition: all 0.2s 0.4s ease-in-out;
   -moz-transition: all 0.2s 0.4s ease-in-out;
   -o-transition: all 0.2s 0.4s ease-in-out;
   -ms-transition: all 0.2s 0.4s ease-in-out;
   transition: all 0.2s 0.4s ease-in-out;
}
.view-third a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}
.view-third:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}

/*----------------------------- news look  --------------------------------*/

.main_info { background:url(../images/w_look_bg.png) no-repeat 0 0; padding:15px 20px 20px 15px; width:180px; height:180px;}
.view.main_info h2 { text-align:left; color:#86543D; margin: 10px 0;}
.view.main_info p { text-align:left; line-height:24px;}

/*----------------------------- news detail -------------------------------*/
.news_detail {}
.news_detail h2 { color:#196600; font-size:25px; text-align:center; line-height:50px;}
.news_detail p.box { text-align:center; width:130px; margin:auto;}
.news_detail p.box span { float:left; display:block;}
.news_detail p.box a { float:right; display:block; background:url(../images/news_img_fb.jpg) no-repeat 0 0; display:block; width:28px; height:28px;}
.news_in { border: 1px #ccc solid; border-left:#FFF; border-right:#FFF; padding:5% 0; margin: 2% auto;}
a.btn_back_b { padding: 10px 20px; background:#456D29; border-radius:5px; display:block; margin: 0 auto; width:100px; margin: 2% auto;}

/*----------------------------------------------------*/
/*----------------- photo_view list-------------------*/

/* a Bubble Bottom */
.paper_photo_chooce { text-align:center;}
.paper_photo_chooce a { margin:1%;}
.paper_photo_chooce a#alive { background:#36C213; color:#FFF;}

h4.paper_photo_h4 { color:#000; text-align:center; margin:3% auto 1% auto;}

/* photo effect*/
.photo_view {
  margin: 2% 3.8% 2% 0;
  float: left;
  background:#fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; 
  width:367px;
  height:284px;
  padding-bottom:74px;
}

.photo_view .mask,
.photo_view .content { width: 100%; height: auto; position: absolute; overflow: hidden; top: 0; left: 0; }
.photo_view img { display: block; position: relative }
.photo_view a.info { display: inline-block; text-decoration: none; background: url(../images/close_img_view.png) no-repeat 0 0; width:130px; height:130px; margin: 31% auto; text-indent:-9999px; }
.photo_view h6 { border:1px #fff solid; font-size:15px; color:#000; display:block; background: url(../images/close_img_border.jpg) no-repeat bottom left #FFF; padding:15px 5%; text-align:left; position:absolute; bottom:0; line-height:22px; width:90%;}

/**/
.view-first img { transition: all 0.2s linear; width: 378px; }
.view-first .mask { opacity: 0; background-color: rgba(55, 194, 120, 0.44); transition: all 0.4s ease-in-out; }
.view-first a.info { opacity: 0; transition: all 0.2s ease-in-out; }

/* */
.view-first:hover img { transform: scale(1.1); }
.view-first:hover .mask { opacity: 1; }
.view-first:hover a.info { opacity: 1; transform: translateY(0px); }
.view-first:hover a.info { transition-delay: 0.2s; }


/*-------------------------------------------------*/
/*----------------- custom_view -------------------*/
.custom_view { width:21%; float:left; margin:0 2% 4% 0; height:365px; overflow:hidden; padding:0; /*border: 1px #ccc solid;*/}
.custom_view span { display:block; float:left; width:100%; margin:0 auto;}
.custom_view img { margin:0 auto; width:100%; display:inline-block;}
.custom_view h6 { display:block; float:left; padding:15px 5%; line-height:22px; width:90%; background:url(../images/cust_border_img.jpg) no-repeat bottom left #fff; color:#333; position:absolute; bottom:0; z-index:9999; border:1px #fff solid;}

/*-------------------------------------------------*/
/*----------------- install_view -------------------*/
.install_view { margin-bottom: 3%; text-align:center;}
.install_view * { padding:0; margin:0;  box-sizing:border-box;}
.install_view span { display: inline-block; width:400px; margin:0px -4px;}

.install_ps { display:block; width:80%; padding:1%; margin: 3% auto; border-radius:10px; border: 1px #ccc solid;}
.install_ps .ps_le { width:12%; float:left; padding:1%;}
.install_ps .ps_ri { width:84%; float:right; padding:1%; font-size:12px;}


/*-------------------------------------------------*/
/*----------------- product_view -------------------*/
h3.paper_photo_h3 { color:#d80000; font-size:20px; line-height:64px; text-align:center; background:url(../images/product_title_img.png) no-repeat center top;}
/* a Bubble Bottom */
.paper_product_chooce { }
.paper_product_chooce ul { display:block; width:1300px;}
.paper_product_chooce li { display: inline-block; width:18%; float:left; border-right: 1px #ccc dashed; margin-bottom:15px; margin-right:8px;}
.paper_product_chooce a { display: inline-block; width:224px; padding:10px 0; text-align:center; }
.paper_product_chooce a span { font-size:12px; line-height:10px;}
.paper_product_chooce a:hover { font-size:22px;}
.paper_product_chooce a#alive { background:#2da010; color:#FFF; font-size:22px;}

/*-------------------------------------------------*/
/*----------------- product_view detail -------------------*/
.paper_product_h2 { display:block; width:100%; margin:3% auto;}
.paper_product_h2 li { display:inline-block; float:left;}
.paper_product_h2 .p_t_le { width:55%; background:url(../images/pro_border_red_3x3.jpg) repeat-x 0 center;}
.paper_product_h2 .p_t_ri { width:42%; background:url(../images/product_icon01.jpg) no-repeat 7px 6px; padding-left:30px; font-size:18px; color:#006AAA;}
.paper_product_h2 .p_t_ri a { color: #006AAA;}
.paper_product_h2 .p_t_ri a:hover { color:#c00;}

.product_box { display:block; width:100%; margin:0 auto 5% auto;}
.product_box li { display:inline-block; float:left; }
.product_box .p_de_le { width:55%; border-right: 1px #ccc dashed; padding-right:1%; margin-right:1%;}
.product_box .p_de_ri { width:38%; padding:2%;}
.product_box .p_de_ri h1 { font-size:30px; color:#d80000; border-left:#00468C 10px solid; padding-left:15px;}
ul.box_p_info { margin:7% auto 10% auto;}
ul.box_p_info,
ul.box_p_info li { display:inline-block; width:100%; font-size:18px; line-height:30px; color:#444444;}
ul.box_p_info li span { display:inline-block; float:left; width:18%;}
ul.box_p_info li em { display:inline-block; float:left; font-style:normal; width:82%;}
.product_box .p_de_ri h2 { font-size:18px; color:#444444; display:inline-block; float:left; width:100%;}
.product_box .p_de_ri p { display:inline-block; float:left; width:100%; height:280px; overflow:auto; font-size:15px; color:#444444; margin:3% auto; line-height:24px;}
a.p_go,
a.p_prev { display:inline-block; float:left; width:40%; margin:2% 5%; padding:10px 0; text-align:center; background:#000; font-size:24px; color:#fff;}
a.p_go { background:#c1c1c1; color:#333;}
a.p_prev {}
/*
--------------------   effect -----------------------------
*/
.ban{ width:96%; position:relative; overflow:hidden;margin: 0 auto;background:#fff;padding:2%;}
.ban2{ width:100%; height:480px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li,
.ban2 ul li img{ width:640px; height:480px;}
.prev{ float:left; cursor:pointer;}

.num{ height:105px;overflow:hidden; width:90%; position:relative;float:left;}

.min_pic { padding-top:4%;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ /*border:2px solid #fff;*/ width:128px; margin-right:10px; padding:0px;}
.num ul li img { width:128px;}
.num ul li.on{ /*border:2px solid #2EA710;*/ padding:0; opacity:0.3;}
.min_pic ul li a img { width:100%;}

.prev_btn1,
.next_btn1{ width:5%; text-align:center; cursor:pointer; height:64px; margin:20px 0; background:#ccc; color:#fff;}
.prev_btn1{ float:left; background: url(../images/pro_prev.png) no-repeat center center #2EA710;}
.next_btn1{ float:right; background: url(../images/pro_next.png) no-repeat center center #2EA710;}

.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:640px; height:640px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:640px; height:640px; position:relative; overflow:hidden;}
.pop_up2{ width:640px; height:640px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:640px; height:640px; float:left;}



/*-------------------------------------------------*/
/*-----------------all page list-------------------*/

.page_list { width: 100%; padding: 50px 0; text-align:center;}
.page_list ul li { display: inline-block; list-style:none; margin: 0 5px;}
.page_list ul li a { display: inline-block; color: #666; line-height:26px; width:26px; height:26px; padding:0; margin:0; text-align:center; font-size:15px; border-radius: 13px; border:1px #666 solid;}
.page_list a.alive,
.page_list a:hover { color: #fff; border:none; background: #666; line-height:26px;}

.page_list ul li.list_pre a,
.page_list ul li.list_next a { background:none; border:none; color:#666;}