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

/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */
*{margin:0px; padding:0px;}
body{ color:#666; font-size:0.625em; overflow-x:hidden;  font-family:'\5FAE\8F6F\96C5\9ED1'; background:url(../images/l_bg.jpg) center center repeat;}
ul,li,h1,h2,h3,h4,h5,h6,input{ margin:0px; padding:0px;}
.center{ margin:0 auto; text-align:left; max-width:1200px;}
.clean{ clear:both; width:0px; height:0px; line-height:0px; overflow:hidden;}
a:link{ color:#333;text-decoration:none; }
a:visited {color: #333; text-decoration:none;}
a:hover{ color:#f49f41; text-decoration:none;}
/*--通用属性--*/
.box_kx{ width:auto; height:15px; line-height:0px; font-size:0px; overflow:hidden;}
.box_mbottom{ margin-bottom:15px !important;}
.box_left{ float:left !important; margin-left:0px !important; padding-left:0px !important;}
.box_right{ float:right !important; margin-right:0px !important; padding-right:0px !important;}
img{ display:block; width:100%;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*-----transition:all 0.3s linear 0s;-----*/

.h_index{ background:url(../images/index_bg.jpg) center top no-repeat;}
/*----------------------------------------------------top begin-----------------------------------------------------------*/
.h_top{ width:100%; height:auto; /*padding-top:10px; background:url(../images/l_bgline.jpg) 0 0 repeat-x;*/}
.top_cont{ height:auto; overflow:hidden;}
.top_logo{ width:50%; max-width:289px; height:auto; padding:30px 0px; overflow:hidden; float:left;}
.top_lan{ width:40%; max-width:300px; float:right; padding:40px 0px; overflow:hidden;}
.top_lan a{ width:100px; height:40px; background-position:left center; background-repeat:no-repeat; text-indent:30px; display:block; float:left; font-size:1.5em; line-height:40px; overflow:hidden;}
.top_lan a.lan_zh{ background-image:url(../images/h_zh.png);}
.top_lan a.lan_en{ background-image:url(../images/h_en.png);}
.top_lan a.lan_jp{ background-image:url(../images/h_jp.png);}
.h_nav{ width:100%; height:auto; background:#9fa0a0; overflow:hidden;}
.nav_list{ list-style:none; zoom:1; display:block; overflow:hidden; height:auto;}
.nav_list li{ display:block; float:left; width:12.5%;}
.nav_list li a,.nav_list li a:link,.nav_list li a:visited{ width:100%; height:50px; display:block; font-size:1.8em; line-height:50px; text-align:center;}
.nav_list li.nav_p{ background:url(../images/h_nav.png) left center no-repeat;}
.nav_list li.nav_p a,.nav_list li.nav_p a:link,.nav_list li.nav_p a:visited{ background:url(../images/h_nav.png) right center no-repeat; color:#fff; transition:all 0.3s linear 0s;}
.nav_list li a:hover{ color:#fff; transition:all 0.3s linear 0s;}

.h_title{ height:auto; color:#f49c3b; text-align:center; overflow:hidden; padding-top:40px; padding-bottom:10px;}
.h_title b{ display:block; font-size:2.8em; line-height:35px; text-transform:uppercase;}
.h_title p{ display:block; font-size:2.2em; line-height:30px; padding:10px 0px;}

/*-----banner-----*/
.slide_container{ position:relative; height:auto; z-index:0; margin-top:30px;}
.rslides{ position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.rslides li{ -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0;}
.rslides li:first-child{ position:relative; display:block; float:left;}
.rslides img{ display:block; height:auto; float:left; width:100%; border:0; }
.slide{ position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.slide li{ position:absolute; width:100%; left:0; top:0;}
.slide img{ display:block; position:relative; z-index:1; height:auto; width:100%; border:0;}
.slide_nav{ position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:50%; left:0px; opacity:0.6; z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:80px; width:55px; background:transparent url("../images/themes.png") no-repeat left top; margin-top:-40px;}
.slide_nav:active{ opacity:.5;}
.slide_nav.next{ left:auto; background-position:right top; right:0px;}
.slide_c1{ display:none;}

#slides{ display:none; z-index:0; font-size:0px; line-height:0px; position:relative; z-index:0;}
.slidesjs-previous{ position:absolute; top:50%; right:50px; z-index:10; width:39px; height:82px; display:block; background:url(../images/themes1.png) -39px 0 no-repeat; margin-top:-41px;}
.slidesjs-next{ position:absolute; top:50%; left:50px; z-index:10;width:39px; height:82px; display:block; background:url(../images/themes1.png) 0 0 no-repeat; margin-top:-41px;}
.slidesjs-pagination{ position:absolute; bottom:20px; left:50%; margin-left:-25px; z-index:10;}
.slidesjs-pagination li{float:left;padding:0 3px; list-style:none;}
.slidesjs-pagination li a{ display:block;width:10px; height:0px; line-height:0px; padding-top:10px; background:url(../images/pagination.png) 0 0; overflow:hidden; font-size:0px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background-position: 0 -10px;}
.slidesjs-pagination li a:hover { background-position: 0 -20px}

.f_indexnew{ height:37px; padding-top:15px;}
.indexnew_cont{ width:auto; height:35px; border:#eee 1px solid; box-shadow:0px 0px 5px #ddd; overflow:hidden; position:relative;}
.indexnew_cont b{ width:100px; height:35px; overflow:hidden; font-size:1.4em; display:block; background:url(../images/f_05.jpg) 10px center no-repeat; text-indent:25px; line-height:35px;}
.indexnew_list{ width:auto; height:35px; line-height:35px; font-size:1.2em; position:absolute; top:0px; left:110px; overflow:hidden;}
.indexnew_list p a,.indexnew_list p a:link,.indexnew_list p a:visited{ margin-right:30px; }
.indexnew_list p.indexnew_poit a,.indexnew_list p.indexnew_poit a:link,.indexnew_list p.indexnew_poit a:visited{ background:url(../images/f_06.jpg) right center no-repeat; padding-right:30px;}
.indexnew_list p span{ color:#b11516;}
/*----------------------------------------------------top end-----------------------------------------------------------*/

/*----------------------------------------------------content begin--------------------------------------------------------*/
.h_indexcc{ height:auto; padding:20px 0px; overflow:hidden; background:url(../images/h_ll.png) 0 center no-repeat; padding-bottom:50px;}
.indexcc_left{ width:44%; padding:0px 3%; background:url(../images/h_ll.png) right center no-repeat; min-height:140px; float:left;}
.indecc_h{ width:auto; height:auto; line-height:25px; padding:10px 0px; font-size:1.6em;}
.indecc_h i{ font-style:normal; color:#70808d; font-weight:bold;}
.indecc_h i,.indecc_h b{ margin:0px 5px;}
.indecc_h a{ float:right; font-size:0.8em; font-weight:bold;}
.indexcc_ul{ list-style:none; zoom:1; display:block; overflow:hidden;}
.indexcc_ul li{ display:block; font-size:1.4em; line-height:22px; padding:5px; overflow:hidden; position:relative; background:url(../images/l_01.jpg) left center no-repeat; padding-left:13px;}
.indexcc_ul li span{ width:95px; position:absolute; bottom:5px; right:0px;}
.indexcc_center{ width:19%; height:auto; float:left; padding:0px 3%; background:url(../images/h_ll.png) right center no-repeat;}
.indexcc_dd{ width:auto; height:auto; background:url(../images/h_down.png) left center no-repeat; min-height:130px; padding-left:100px; padding-top:10px;}
.indexcc_dd b{ display:block; font-size:1.6em; line-height:25px;}
.indexcc_dd p{ font-size:1.4em; line-height:22px; padding-top:10px;}
.indexcc_right{ width:19%; height:auto; float:left; padding:0px 3%; background:url(../images/h_ll.png) right center no-repeat;}
.index_search{ width:auto; height:auto; padding-top:25px;}
.index_search b{ font-size:1.8em; line-height:20px; display:block; padding:5px 0px;}
.index_search p,.index_search span{ display:block; padding:5px 0px;}
.index_search p input{ width:100%; height:25px; padding:0px; margin:0px; border:#ddd 1px solid; display:block; overflow:hidden;}
.index_search span input{ width:50px; height:25px; line-height:25px; background:#303132; color:#fff; font-size:1.4em; text-align:center; cursor:pointer;padding:0px; margin:0px; border:none;}
/*----------------------------------------------------content end-------------------------------------------------------*/

/*----------------------------------------------------bottom begin--------------------------------------------------------*/
.h_copy{ height:35px; background:url(../images/l_bottom.png) center center no-repeat; font-size:1.4em; line-height:35px; text-align:center; overflow:hidden;}
.h_bottom{ font-size:1.4em; line-height:25px; text-align:center; overflow:hidden; padding:30px 0px; text-align:center;}
.h_bottom span{ margin:0px 10px;}
.h_bottom a,.h_bottom a:link,.h_bottom a:visited{ color:#666;}
/*----------------------------------------------------bottom end----------------------------------------------------------*/


/*----------------------------------------------------towcont_page----------------------------------------------------------*/
.h_banner{ width:100%; height:auto; overflow:hidden;}
.h_townav{ width:auto; height:auto; border-bottom:#424142 2px solid;}
.townav_cont{ height:auto;  padding:20px 0px; overflow:hidden;}
.townav_h1{ width:auto; height:auto; line-height:30px; font-size:2.2em; color:#b5b5b6; font-weight:bold; text-align:right;}
.townav_h2{ width:auto; height:auto; line-height:30px; font-size:1.6em;}
.townav_h2 a,.townav_h2 a:link,.townav_h2 a:visited{ margin:1% 2% 1% 0px; width:auto; height:35px; line-height:35px; border:#ddd 1px solid; display:inline-block; float:left; background:#eeefef; text-align:center; padding:0px 15px;}
.townav_h2 a.townav_p,.townav_h2 a.townav_p:link,.townav_h2 a.townav_p:visited,.townav_h2 a:hover{ color:#f39800; transition:all 0.3s linear 0s; font-weight:bold;}

.h_content{ height:auto; padding:40px 0px; overflow:hidden;}
.h_newlist{ width:auto; height:auto; margin:15px 0px 15px 55px; border:#dbdcdc 1px solid; padding:25px 25px 25px 75px; position:relative; background:#eeefef; z-index:100;}
.h_newlist img{ max-width:180px; float:right; margin-left:25px;}
.h_newlist strong{ font-size:1.7em; line-height:22px; padding:8px 0px; display:block; overflow:hidden; font-weight:normal;}
.h_newlist em{ font-style:normal; font-size:1.4em; line-height:25px; overflow:hidden;}
.new_date{ width:94px; height:94px; position:absolute; top:50%; left:-55px; margin-top:-55px; z-index:1000; border:#dcdddd 5px solid; padding:3px; border-radius:90px; overflow:hidden;}
.new_date span{ width:100%; height:100%; border-radius:47px; display:block; background:#f39800; color:#fff; text-align:center; overflow:hidden;}
.new_date span b{ width:80%; height:30px; padding-top:16px; font-size:2.2em; border-bottom:#fff 2px solid; margin:0 auto; display:block;}
.new_date span p{ font-size:1.8em; line-height:25px; display:block;}
a.new_more,a.new_more:link,a.new_more:visited{ width:100px; height:30px; line-height:30px; font-size:1.4em; display:block; text-align:center; color:#fff; background:#f39800; margin-top:8px; border-radius:5px; float:right;}
a.new_more:hover{ background:#9fa0a0; transition:all 0.3s linear 0s;}

.tow_h3{ text-align:center; margin:0; line-height:30px; color:#575759; font-size:2.2em; padding:10px 0px;}
.tow_other{ line-height:20px; border-bottom:#ddd 1px solid;  text-align:center; color:#959597; font-size:1.4em; padding:8px 0px;}
.tow_content{ padding:15px 0px; line-height:30px; font-size:1.5em;}
.tow_content img{ width:auto; display:inline; max-width:1200px;}
.tow_next{ border-top:#ddd 1px dotted; line-height:30px; border-bottom:#ddd 1px dotted; padding:12px 15px; font-size:1.3em;}

.h_aboutleft{ width:48%; height:auto; float:left;}
.h_aboutright{ width:48%; height:auto; float:right; font-size:1.4em; line-height:35px;}

.h_prolist{ list-style:none; zoom:1; display:block; width:auto; height:auto; overflow:hidden; padding:15px 0px;}
.h_prolist li{ width:23.5%; height:auto; overflow:hidden; float:left; margin-right:2%; margin:10px 2% 10px 0px;}
.h_prolist li.prolist_r{ float:right; margin-right:0px;}
.h_prolist li i{ display:block; font-style:normal; border:#979696 1px solid;}
.h_prolist li:hover i{ border-color:#f39800; transition:all 0.3s linear 0s;}
.h_prolist li span{ display:block; font-size:1.5em; line-height:20px; padding-top:10px; height:20px; overflow:hidden; text-align:center;}

.h_videolist{ list-style:none; zoom:1; display:block; width:auto; height:auto; overflow:hidden; padding:15px 0px;}
.h_videolist li{ width:32%; height:auto; overflow:hidden; float:left; margin-right:2%; margin:10px 2% 10px 0px;}
.h_videolist li.videolist_r{ float:right; margin-right:0px;}
.h_videolist li i{ display:block; font-style:normal; border:#979696 1px solid; position:relative;}
.h_videolist li i a.pp_vv{ width:60px; height:60px; background:url(../images/h_vv.png) 0 0 no-repeat; position:absolute; left:50%; top:50%; display:block; margin-top:-30px; margin-left:-30px;}
.h_videolist li:hover i{ border-color:#f39800; transition:all 0.3s linear 0s;}
.h_videolist li span{ display:block; font-size:1.5em; line-height:20px; padding-top:10px; height:20px; overflow:hidden; text-align:center;}

.ss_bb{ width:32%; margin-right:2%; display:block; float:left; background:#edeeee; margin-bottom:20px;}
.ss_bb.ss_r{ float:right; margin-right:0px;}
.ss_bb em{ width:100%; height:30px; line-height:30px; padding:10px 0px 20px 0px; text-align:center; display:block; font-style:normal; font-size:1.2em;}

.tow_textlist{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; padding:15px 0px; margin-bottom:20px;}
.tow_textlist li{ width:auto; height:50px; display:block; overflow:hidden; border-bottom:#ccc 1px dotted; position:relative; line-height:50px; background:url(../images/h_dd.jpg) 10px center no-repeat; text-indent:28px; font-size:1.5em;}
.list_date{ width:95px; height:50px; overflow:hidden; text-align:right; position:absolute; top:0px; right:0px;  text-indent:0px;}

.tow_page{ text-align:center; padding:15px 0px; font-size:1.4em; margin-bottom:20px;}
.tow_page a,.tow_page span{ border:#ddd 1px solid; padding:8px; margin:0px 5px;}
.tow_next{ border-top:#ddd 1px dotted; line-height:30px; border-bottom:#ddd 1px dotted; padding:12px 15px; font-size:1.3em;}
/*----------------------------------------------------towcont_page----------------------------------------------------------*/

.a_left{ width:20%; height:auto; float:left; overflow:hidden;}
.left_h{ width:auto; height:auto; background:url(../images/a_16.jpg) #e06021 left center no-repeat; color:#fff;}
.left_h span{ width:auto; height:auto; font-size:2em; line-height:30px; display:block; background:url(../images/a_02.png) left center no-repeat; padding:15px 0px 15px 35px; margin-left:20px;}
.left_h2{ width:auto; height:auto; line-height:20px; font-size:1.5em; background:url(../images/a_04.png) #e4e2e3 15px center no-repeat; padding:10px 20px 10px 35px; margin:20px 0px 5px 0px; }
.left_h2.left_p0{ color:#333; background-image:url(../images/a_04.png);}
.left_h2.left_p0 a,.left_h2.left_p0 a:link,.left_h2.left_p0 a:visited{ color:#e06021;}
.left_h2.left_p1{ color:#e06021; background-image:url(../images/a_03.png);}
.left_h2.left_p1 a,.left_h2.left_p1 a:link,.left_h2.left_p1 a:visited{ color:#e06021;}

.left_nav{ list-style:none; zoom:1; display:block; width:auto; height:auto;}
.left_nav li{ display:block;}
.left_nav li a,.left_nav li a:link,.left_nav li a:visited{ width:auto; height:auto; line-height:16px; padding:10px 0px 10px 35px; margin:8px 0px; background:#e4e2e3 url(../images/a_04.png) 15px center no-repeat; font-size:14px; display:block;}
.left_nav li.left_poit a,.left_nav li.left_poit a:link,.left_nav li.left_poit a:visited{ color:#fff; background-color:#f07125; }

.a_right{ width:78%; height:auto; float:right; overflow:hidden;}
.right_h{ width:auto; height:auto; background:#eee; overflow:hidden; padding:0px 20px;}
.right_h strong{ display:block; float:left; background:url(../images/a_05.png) left center no-repeat; line-height:20px; overflow:hidden; padding:10px 10px 10px 30px; font-size:1.4em; color:#e06021;}
.right_h span{ display:block; float:right; text-align:right; font-size:1.4em; float:right; line-height:20px; padding:10px 0px;}
.right_nav{ width:auto; height:auto; overflow:hidden; list-style:none; display:none;}
.right_nav li{ display:block; width:29.333%; height:auto; padding:0px 2% 20px 2%; overflow:hidden; float:left;}
.right_nav li a,.right_nav li a:link,.right_nav li a:visited{ width:auto; height:35px; display:block; line-height:35px; text-align:center; font-size:1.4em; border:#ccc 1px solid; border-radius:8px; overflow:hidden;}
.right_nav li.right_poit a,.right_nav li.right_poit a:link,.right_nav li.right_poit a:visited,.right_nav li a:hover{  background:#e06021; color:#fff; transition:all 0.3s linear 0s;}





/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {
	
}

/*在768 和1199 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 1000px) and (max-width: 1199px) {
.indexcc_left{ width:38%;}
.indexcc_center{ width:25%;}
.indexcc_right{ width:19%;}

}

@media (min-width: 768px) and (max-width: 999px) {
#munu00{ display:none;}
.nav_list li{ width:33.3%; border-bottom:1px #ccc solid;}

.indexcc_left{ width:37%;}
.indexcc_ul li span{ display:none;}
.indexcc_center{ width:30%;}
.indexcc_right{ width:15%;}
.tow_content img{ display:block; width:100%;}
}

/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
.top_logo{ width:70%;}
.top_lan{ width:25%; padding:10px 0px;}
.top_lan a{ width:100%; height:32px;}
.a_left{ display:none;}
.nav_list li{ width:25%; border-bottom:1px #ccc solid;}
.h_title b{ font-size:2.4em; line-height:30px;}
.h_title p{ font-size:2em; line-height:25px;}
.indexcc_left{ width:94%; background:none;}
.indexcc_center{ width:94%; background:none;}
.indexcc_right{ width:94%; background:none;}
.h_indexcc{ padding-bottom:20px;}
.index_search{ padding-top:10px;}
.tow_content img{ display:block; width:100%;}
.h_aboutleft,.h_aboutright{ width:94%; float:none; margin:0 auto;}
.h_videolist li,.h_prolist li{ width:48%; margin:10px 1%;}
.h_videolist li.videolist_r,.h_prolist li.prolist_r{ float:right; margin:10px 1%;}
.ss_bb{ width:48%; margin:1%;}
.ss_bb.ss_r{ margin:1%;}
.list_date{ display:none;}
.right_nav{ display:block;}
.a_right{ width:100%;}
}

/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
.top_logo{ width:250px; margin:0 auto; padding-top:15px; padding-bottom:0px; float:none;}
.top_lan{ width:100%; padding:10px 0px; float:none; margin:0 auto;}
.a_left{ display:none;}
.nav_list li{ width:25%; border-bottom:1px #ccc solid;}
.nav_list li a,.nav_list li a:link,.nav_list li a:visited{ font-size:1.6em;}
.nav_list li.nav_p a,.nav_list li.nav_p a:link,.nav_list li.nav_p a:visited,.nav_list li.nav_p{ background:none; }
.h_title{ padding-top:25px;}
.h_title b{ font-size:1.8em; line-height:22px;}
.h_title p{ font-size:1.4em; line-height:18px;}
.indexcc_left{ width:94%; background:none;}
.indexcc_ul li span{ display:none;}
.indexcc_center{ width:94%; background:none;}
.indexcc_right{ width:94%; background:none;}
.h_indexcc{ padding-bottom:20px;}
.index_search{ padding-top:10px;}
.h_newlist img{ max-width:100%; float:none; margin-bottom:15px; margin-left:0px;}
.tow_content img{ display:block; width:100%;}
.h_aboutleft,.h_aboutright{ width:94%; float:none; margin:0 auto;}
.townav_h2 a,.townav_h2 a:link,.townav_h2 a:visited{ font-size:0.9em;}
.h_videolist li,.h_prolist li{ width:48%; margin:10px 1%;}
.h_videolist li.videolist_r,.h_prolist li.prolist_r{ float:right; margin:10px 1%;}
.ss_bb{ width:48%; margin:1%;}
.ss_bb.ss_r{ margin:1%;}
.ss_bb i{ font-size:1em;}
.list_date{ display:none;}
.right_nav{ display:block;}
.a_right{ width:100%;}
}