﻿/* 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:#fff;}
ul,li,h1,h2,h3,h4,h5,h6,input{ margin:0px; padding:0px;}
.center{ margin:0 auto; text-align:left; max-width:1100px;}
.clean{ clear:both; width:0px; height:0px; line-height:0px; overflow:hidden;}
a:link{ color:#666;text-decoration:none; }
a:visited {color: #666; text-decoration:none;}
a:hover{ color:#b11516; 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;-----*/

/*----------------------------------------------------top begin-----------------------------------------------------------*/
.f_top{ width:auto; height:auto; background:url(../images/f_01.jpg) #a51718 0 top repeat-x;}
.top_cont{ height:auto; min-height:70px; position:relative; padding:20px 0px;}
.top_logo{ width:auto; max-width:390px; background:url(../images/f_logo.png) left center no-repeat; height:66px; line-height:66px; padding-left:100px; font-size:2.6em; color:#fff; display:block; float:left;}
a.top_logo ,a.top_logo :link,a.top_logo :visited{ color:#fff;}
.top_home{ width:auto; height:30px; line-height:30px; position:absolute; top:10px; right:0px; color:#fff;}
.top_home a,.top_home a:link,.top_home a:visited{ color:#fff; font-size:1.4em; overflow:hidden; margin:0px 10px;}
.top_search{ width:260px; height:32px; background:#fff; float:right; margin-top:30px;}
.search_input{ width:230px; height:32px; display:block; padding:0px; margin:0px; border:none; line-height:32px; font-size:1.4em; text-indent:5px; float:left;}
.search_sub{ width:30px; height:32px; display:block; float:left; border:none; background:url(../images/f_04.jpg) center center #000 no-repeat; cursor:pointer;}

.f_nav{ width:100%; height:auto; background:url(../images/f_02.jpg) 0 0 repeat;}
.nav_list{ list-style:none; zoom:1; display:block; height:auto;}
.nav_list1{ display:none;}
.nav_list li{ width:12.5%; height:50px; display:block; float:left;}
.nav_list li a.nav_a,.nav_list li a.nav_a:link,.nav_list li a.nav_a:visited{ width:auto; height:50px; display:block; line-height:50px; font-size:1.6em; text-align:center; color:#fff; border-left:#a81e20 1px solid; border-right:#7e0809 1px solid;}
.nav_list li.nav_poit a.nav_a,.nav_list li.nav_poit a.nav_a:link,.nav_list li.nav_poit a.nav_a:visited,.nav_list li a.nav_a:hover{ background:url(../images/f_02_1.jpg) 0 0 repeat-x; transition:all 0.3s linear 0s;}
.nav_down{ width:auto; height:auto; overflow:hidden; display:none; position:relative; z-index:10;}
.nav_down p a,.nav_down p a:link,.nav_down p a:visited{ width:100%; height:50px; line-height:50px; border-bottom:#940f12 1px solid; display:block; text-align:center; color:#fff; background:#a91e21; font-size:1.5em; overflow:hidden;}
.nav_down p a:hover{ background:#8d1113; transition:all 0.3s linear 0s;}

/*-----banner-----*/
.slide_container{ position:relative; width:100%; height:auto; z-index:0;}
.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:20px; opacity:0.6; z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:82px; width:39px; background:transparent url("../images/themes.png") no-repeat left top; margin-top:-23px; margin-top:-41px;}
.slide_nav:active{ opacity:.5;}
.slide_nav.next{ left:auto; background-position:right top; right:20px;}
.slide_c1{ display:none;}

.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;}

.f_banner{ height:auto; overflow:hidden; padding:15px 0px;}
.f_banner_m{ height:auto; overflow:hidden; display:none; padding:15px 0px;}
/*----------------------------------------------------top end-----------------------------------------------------------*/

/*----------------------------------------------------content begin--------------------------------------------------------*/
.f_content{ height:auto; overflow:hidden;}
.cont_indexabout{ width:56%; height:auto; overflow:hidden; float:left;}
.cont_indexculture{ width:40%; height:auto; float:right; overflow:hidden;}
.f_h1{ width:auto; height:35px; border-bottom:#d4d4d4 1px solid; line-height:35px; font-size:1.4em; position:relative; font-weight:bold;}
.f_h1 a{ position:absolute; top:0px; right:10px; font-size:0.7em; font-weight:normal;}
.indexabout{ width:auto; height:auto; overflow:hidden; padding:20px 0px; font-size:1.3em; line-height:25px; text-indent:2em;}
.indexabout img{ float:left; margin:15px 15px 15px 0px; max-width:24%;}
.flist_nice{ width:auto; height:auto; padding:15px 0px; overflow:hidden; border-bottom:#d4d4d4 1px dotted;}
.flist_nice img{ float:left; margin-right:15px; max-width:24%;}
.flist_nice b{ width:auto; height:25px; line-height:25px; font-size:1.4em; font-weight:normal; display:inline-block; background:url(../images/f_07.jpg) left center no-repeat; text-indent:15px; overflow:hidden;}
.flist_nice p{ font-size:1.3em; line-height:22px; overflow:hidden; text-indent:2em; padding-top:7px; color:#999;}
.flist_normal{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; padding:5px 0px;}
.flist_normal li{ width:auto; height:25px; line-height:25px; overflow:hidden; background:url(../images/f_07.jpg) left center no-repeat; text-indent:15px; font-size:1.3em; position:relative;}

.cont_indexall{ width:auto; height:auto; overflow:hidden;}
.indexproduct_list{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; padding:30px 0px 10px 0px;}
.indexproduct_list li{ width:16%; height:auto; padding:0px 2%; overflow:hidden; display:block; float:left;}
.indexproduct_list li div{ width:auto; height:30px; font-size:1.3em; line-height:30px; overflow:hidden; text-align:center; padding-top:8px;}
.indexlink_cont{ padding:15px 0px; line-height:25px; font-size:1.3em; overflow:hidden;}
.indexlink_cont a{ margin-right:20px;}

.f_left{ width:18.3%; height:auto; border:#d4d4d4 1px solid; min-height:500px;}
.f_h2{ width:auto; height:35px; overflow:hidden; background:url(../images/f_10.jpg) left center repeat-x; font-size:1.4em; color:#fff; line-height:35px;}
.f_h2 span{ display:block; background:url(../images/f_09.jpg) 15px center no-repeat; text-indent:35px;}
.fleft_list{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; padding:10%;}
.fleft_list li{ width:auto; height:40px; display:block; border-bottom:#ddd 1px solid; background:url(../images/f_08.jpg) left center no-repeat; font-size:1.3em; line-height:40px; text-indent:28px;}
.fleft_list li.left_poit a,.fleft_list li.left_poit a:link,.fleft_list li.left_poit a:visited{ color:#f00;}
.fleft_ad{ width:auto; height:auto; overflow:hidden;}
.fleft_contact{ padding:10px 15px; line-height:20px; font-size:1.2em; overflow:hidden; width:auto; height:auto;}
.fleft_contact p{ padding:3px 0px;}

.f_right{ width:79%; height:auto;}
.f_position{ width:auto; height:34px; border-bottom:#ddd 1px solid; overflow:hidden; font-size:1.3em; line-height:34px;}
.f_position span{ margin:0px 10px;}
.fright_list{ width:auto; height:auto; list-style:none; zoom:1; display:block; overflow:hidden; padding:15px 0px; display:none;}
.fright_list li{ width:21%; padding:2%; height:auto; overflow:hidden; float:left;}
.fright_list li a,.fright_list li a:link,.fright_list li a:visited{ width:auto; height:35px; display:block; text-align:center; border:#ddd 1px solid; border-radius:5px; line-height:35px; font-size:1.3em;}
.fright_list li.fright_poit a,.fright_list li.fright_poit a:link,.fright_list li.fright_poit a:visited,.fright_list li a:hover{ background:#a20901; color:#fff; transition:all 0.3s linear 0s;}
/*----------------------------------------------------content end-------------------------------------------------------*/

/*----------------------------------------------------bottom begin--------------------------------------------------------*/
.f_bottom{ width:auto; height:auto; background:#960f10; color:#fff; font-size:1.3em; line-height:20px; text-align:center; padding:25px;}
.f_bottom a,.f_bottom a:link,.f_bottom a:visited{ color:#fff; margin:0px 15px;}
.f_bottom a:hover{ color:#ddd;}
.f_bottom span{ margin:0px 10px;}
.f_bottom p{ padding:5px 0px;}
/*----------------------------------------------------bottom end----------------------------------------------------------*/


/*----------------------------------------------------towcont_page----------------------------------------------------------*/
.tow_pic{ list-style:none; zoom:1; height:auto; display:block; overflow:hidden; width:auto; padding:15px 0px;}
.tow_pic li{ width:22%; padding:1.5%; display:block; float:left; overflow:hidden; font-size:1.3em;}
.tow_pic li a img,.tow_pic li a:link img{ border:#ddd 1px solid; padding:2px; display:block; margin-bottom:5px; line-height:30px; border-radius:5px;}
.tow_pic li a:hover img{ border:#f00 1px solid; transition:all 0.3s linear 0s;}
.tow_pic li div{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;}

.tow_text{ height:auto; padding:15px 0px; border-bottom:#ddd 1px dotted; position:relative;}
.tow_text a img,.tow_text a:link img{ border:#ddd 1px solid; padding:2px; display:block; margin-right:15px; float:left; max-width:170px; border-radius:5px;}
.tow_text a:hover img{ border:#f00 1px solid; transition:all 0.3s linear 0s;}
.tow_text b{ font-size:1.4em; line-height:20px; }
.tow_text p{ text-indent:2em; margin:0px; padding:0px; font-size:1.3em; line-height:25px; padding:10px 0px;}
.tow_text span{ font-size:1.3em; line-height:20px; position:absolute; top:15px; right:10px; color:#999;}

.tow_h3{ text-align:center; padding-top:20px; margin:0; line-height:50px; color:#575759; font-size:1.8em;}
.tow_other{ line-height:30px; border-bottom:#ddd 1px solid;  text-align:center; color:#959597; font-size:1.2em;}
.tow_content{ padding:15px 0px; line-height:28px; font-size:1.3em;}
.tow_content img{ border:0px; max-width:867px; width:auto; display:inline;}
.tow_page{ text-align:center; padding:15px 0px; font-size:1.3em; margin-bottom:20px; margin-top:20px;}
.tow_page a,.tow_page span{ border:#ddd 1px solid; padding:5px; 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----------------------------------------------------------*/

#Marquee_x{ overflow:hidden; width:1100px; height:auto; padding:20px 0px;} 
#Marquee_x ul{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto;}
#Marquee_x ul li{ float:left; overflow:hidden;}
#Marquee_x ul li div{ float:left; height:162px; width:162px; overflow:hidden; text-align:center; padding:0px 10px;}
#Marquee_x ul li div img{ border:1px solid #dadada; width:160px; height:130px; display:block;}
#Marquee_x ul li div span{ width:auto; height:25px; display:block; line-height:25px; overflow:hidden; font-size:1.3em; padding-top:5px;}

.book_formdiv{ width:auto; height:auto; padding-top:20px; padding-bottom:20px;}
.book_formdiv label{ display:block; border:#d5d5d5 1px solid; margin:15px 2.5%; font-size:1em; text-indent:8px; color:#999;}
.book_formdiv label input{height:40px; width:78%; border:none; color:#999; line-height:40px;}
.book_formdiv label textarea{ width:95%; height:150px; border:none; font-size:0.9em; color:#999; line-height:22px;}
.book_formdiv label select{ width:40%; height:40px; line-height:40px; border:none; color:#99a5c2;}
.book_t1{ width:44%; float:left;}
.book_t2{ width:44%; float:right;}
.book_t3{ width:95%;}
.book_t4{ width:95%;}
.book_t4 input{ max-width:80px;}
.book_t4 img{ max-width:80px; float:right; margin-top:10px;}
.book_sub{ width:75px; height:30px; display:block; font-size:1; text-align:center; color:#999; cursor:pointer; background:#d5d5d5; border:none; margin-right:2.5%; float:right;}
.book_sub:hover{ background:#339; 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) {


}

@media (min-width: 768px) and (max-width: 999px) {

}

/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
.top_logo{ font-size:2.6em; line-height:33px; max-width:185px;}
.top_search{ width:190px;}
.search_input{ width:160px;}
.nav_list li{ width:25%;}

.slide_container{ display:none;}
.slide_c1{ display:block; min-height:300px;}
.rslides img{ min-height:300px;}
.nav_list{ display:none;}
.nav_list1{ display:block;}

.f_banner{ display:none;}
.f_banner_m{ display:block;}
.f_banner_m img{ min-height:180px;}

.cont_indexabout,.cont_indexculture{ width:96%; float:none; margin:0px 2%;}
.cont_indexall{ padding:0px 15px;}

.f_left{ display:none;}
.f_right{ width:96%; padding:0px 2%; float:none !important;}
.fright_list{ display:block;}

.book_t1{ width:95%;}
.book_t2{ width:95%;}
}

/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
.top_logo{ font-size:2em; line-height:33px; max-width:185px;}
.top_home{ display:none;}
.top_logo,.top_search{ float:none;}
.top_search{ margin:0 auto; margin-top:20px;}
.nav_list li{ width:25%;}
.slide_container{ display:none;}
.slide_c1{ display:block; min-height:300px;}
.rslides img{ min-height:300px;}
.nav_list{ display:none;}
.nav_list1{ display:block;}

.f_banner{ display:none;}
.f_banner_m{ display:block;}
.f_banner_m img{ min-height:180px;}

.cont_indexabout,.cont_indexculture{ width:96%; float:none; margin:0px 2%;}
.cont_indexall{ padding:0px 15px;}

.f_left{ display:none;}
.f_right{ width:96%; padding:0px 2%; float:none !important;}
.fright_list{ display:block;}
.fright_list li{ width:29.3%;}
.tow_pic li{ width:46%;}

.book_t1{ width:95%;}
.book_t2{ width:95%;}
.tow_content img{ width:100%; display:block;
}