﻿/* CSS Document */
@charset "utf-8";

/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} */
*{margin:0px; padding:0px;}
body{ color:#333; font-size:0.625em; overflow-x:hidden;  font-family:'\5FAE\8F6F\96C5\9ED1'; margin:0 auto; background:#f4f4f4;}
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:#f00; text-decoration:none; transition:all 0.3s linear 0s;}
/*--通用属性--*/
.box_kx{ width:auto; height:20px; line-height:0px; font-size:0px; overflow:hidden;}
.box_mbottom{ margin-bottom:12px !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-----------------------------------------------------------*/
.a_top{ height:auto; overflow:hidden;}
.top_logo{ width:50%; height:auto; max-width:341px; float:left; padding:30px 0px; overflow:hidden;}
.top_tel{ width:40%; height:auto; float:right; max-width:212px; overflow:hidden; padding:38px 0px;}
.a_nav{ width:100%; height:auto; background:#9e2743;}
.nav_list{ height:auto; list-style:none; zoom:1; display:block;}
.nav_list li{ width:14.285%; height:auto; float:left; position:relative; z-index:1000;}
.nav_list li a.nav_a,.nav_list li a.nav_a:link,.nav_list li a.nav_a:visited{ width:auto;auto; display:block; text-align:center; font-size:1.6em; line-height:20px; padding:14px 0px; text-align:center; color:#fff;}
.nav_list li.nav_p a.nav_a,.nav_list li.nav_p a.nav_a:link,.nav_list li.nav_p a.nav_a:visited,.nav_list li a.nav_a:hover{ background:#333; transition:all 0.3s linear 0s;}
.nav_t{ width:100%; height:auto; position:absolute; top:48px; left:0px; overflow:hidden; background:#333; padding:10px 0px; z-index:1000; display:none;}
.nav_t p a,.nav_t p a:link,.nav_t p a:visited{ width:100%; height:auto; line-height:18px; text-align:center; display:block; font-size:1.5em; color:#fff; padding:10px 0px;}
.nav_t p a:hover{ background:#f1f1f1; color:#333; transition:all 0.3s linear 0s;}
.a_navm{ width:100%; height:auto; position:relative; background:#9e2743; display:none;}
.a_navm span{ height:auto; display:inline-block; font-size:1.5em; line-height:18px; padding:13px; color:#fff; overflow:hidden;}
.navm_clum{ width:29px; height:28px; background:url(../images/y_clum.png) 0 0 no-repeat; position:absolute; top:10px; right:20px; cursor:pointer;}
.navm_list{ width:100%; height:auto; list-style:none; zoom:1; display:block; background:#333; display:none;}
.navm_list li{ border-top:#fff 1px solid;}
.navm_list li a,.navm_list li a:link,.navm_list li a:visited{ width:100%; height:auto; padding:10px 0px; font-size:1.5em; line-height:18px; text-align:center; overflow:hidden; color:#fff; display:block;}
.navm_list li a:hover{ background:#2A78BD;}

.y_banner{ width:auto; height:auto; overflow:hidden; position:relative;}
#slides{ display:none; z-index:0; font-size:0px; line-height:0px; position:relative; z-index:0;}
#slides img{ border:none;}
.slidesjs-previous{ position:absolute; top:50%; right:50px; z-index:10; width:43px; height:43px; display:block; background:url(../images/themes.png) -43px 0 no-repeat; margin-top:-22px;}
.slidesjs-next{ position:absolute; top:50%; left:50px; z-index:10;width:43px; height:43px; display:block; background:url(../images/themes.png) 0 0 no-repeat; margin-top:-22px;}
.slidesjs-pagination{ position:absolute; bottom:30px; left:50%; margin-left:-45px; 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;}

.y_banner_m{ width:auto; height:auto; display:none;}

/*----------------------------------------------------top end-----------------------------------------------------------*/

/*----------------------------------------------------content begin--------------------------------------------------------*/
.y_content{ height:auto; overflow:hidden; padding:30px 0px;}
.y_h1{ width:auto; height:auto; text-align:center; padding-bottom:40px;}
.y_h1 span{ display:inline-block; font-size:2.8em; line-height:60px; border-bottom:#9e2743 3px solid; color:#333;}
.y_h1 span.y_hs{ color:#9e2743;}
.y_aboutimg{ width:46%; height:auto; float:left; position:relative; overflow:hidden; }
.y_aboutimg p{ width:100%; height:auto; background:url(../images/y_01.png) center center repeat; font-size:2.8em; color:#fff; font-weight:bold; line-height:45px; text-align:center; position:absolute; bottom:0px; left:0px; display:block;}
.y_aboutinfo{ width:50%; height:auto; border-top:#ddd 1px solid; float:right; overflow:hidden;}
.y_about{ font-size:1.4em; line-height:28px; padding:25px 0px;text-indent:2em;}
.y_about a,.y_about a:link,.y_about a:visited{ color:#9e2743;}
.y_about a:hover{ color:#f00; transition:all 0.3s linear 0s;}
.y_aboutico{ list-style:none; zoom:1; display:block; overflow:hidden; }
.y_aboutico li{ width:25%; height:auto; float:left; overflow:hidden; display:block;}
.y_aboutico li a,.y_aboutico li a:link,.y_aboutico li a:visited{ width:100%; height:auto; display:block; max-width:66px; margin:0 auto; overflow:hidden; font-size:1.4em; text-align:center;}
.y_aboutico li a span,.y_aboutico li a:link span,.y_aboutico li a:visited span{ width:100%; height:66px; display:block; border-radius:33px; background-color:#D3D3D3; background-repeat:no-repeat; background-position:center center; margin-bottom:12px;}
.y_aboutico li a:hover span{ background-color:#f00; transition:all 0.3s linear 0s;}
.y_aboutico li a span.yaico_01,.y_aboutico li a:link span.yaico_01,.y_aboutico li a:visited span.yaico_01{ background-image:url(../images/y_a1.png);}
.y_aboutico li a span.yaico_02,.y_aboutico li a:link span.yaico_02,.y_aboutico li a:visited span.yaico_02{ background-image:url(../images/y_a2.png);}
.y_aboutico li a span.yaico_03,.y_aboutico li a:link span.yaico_03,.y_aboutico li a:visited span.yaico_03{ background-image:url(../images/y_a3.png);}
.y_aboutico li a span.yaico_04,.y_aboutico li a:link span.yaico_04,.y_aboutico li a:visited span.yaico_04{ background-image:url(../images/y_a4.png);}

.y_bg{ width:100%; height:auto; background:url(../images/y_bg.jpg) center center repeat; overflow:hidden;}

.bx_wrap{ height:auto; overflow:hidden; padding-bottom:10px;}
.bx_wrap a.prev{ width:25px; height:50px; display:block; background:url(../images/y_jt.png) 0 0 no-repeat; float:left; font-size:0px; margin-top:150px; margin-right:30px;}
.bx_wrap a.next{ width:25px; height:50px; display:block; background:url(../images/y_jt.png) -25px 0 no-repeat; float:right; font-size:0px; margin-top:150px; margin-left:30px;}
.bx_container{ width:100%; height:auto; overflow:hidden;}
.y_newscont{ list-style:none; zoom:1; display:block; width:1090px; padding-top:30px; margin:0 auto;}
.y_newscont li{ width:303px; height:auto; padding:0px 30px; display:block; float:left;}
.y_newscont li span{ background:#fff; display:block; position:relative; padding:50px 5% 0px 5%;}
.y_newscont1{ padding-top:0px;}
.y_newscont1 li span{ padding:10px 5% 0px 5%;}
.news_date{ width:65px; height:auto; background:#9e2743; color:#fff; position:absolute; top:-40px; left:30px; text-align:center; padding:10px 0px;}
.news_date i{ font-style:normal; font-size:1.4em; line-height:20px; display:block; overflow:hidden;}
.news_date b{ display:block; font-size:3.2em; line-height:35px;}
.y_newscont li span strong{ display:block; font-size:1.8em; line-height:22px; padding:10px 0px; font-weight:normal;}
.y_newscont li span strong a,.y_newscont li span strong a:link,.y_newscont li span strong a:visited{ color:#9e2743;}
.y_newscont li span strong a:hover{ color:#f00; transition:all 0.3s linear 0s;}
.y_newscont li span p{ font-size:1.4em; line-height:25px; overflow:hidden; padding-bottom:20px;}
.news_more{ width:auto; height:auto; padding:20px; text-align:center; border-top:#ddd 1px solid;}
.news_more a,.news_more a:link,.news_more a:visited{ display:inline-block; padding:5px 15px; border:#9e2743 1px solid; border-radius:5px; font-size:1.4em; line-height:18px; overflow:hidden;}
.news_more a:hover{ background:#9e2743; color:#fff; transition:all 0.3s linear 0s;}

.y_indexpro{ width:auto; list-style:none; zoom:1; display:block; overflow:hidden;}
.y_indexpro li{ width:23.5%; height:auto; display:block; overflow:hidden; float:left; margin-right:2%;}
.y_indexpro li.indexpro_r{ margin-right:0px;}
.y_indexpro li span{ display:block; border:#ddd 1px solid; overflow:hidden; padding-bottom:10px;}
.y_indexpro1 li span{ padding-bottom:0px;}
.y_indexpro li span strong{ font-size:1.5em; line-height:20px; padding:12px 15px 5px 15px; display:block; text-align:center;}
.y_indexpro li span p{ font-size:1.4em; line-height:25px;  display:block; overflow:hidden; padding:0px 15px;}
.y_indexpro li span p a,.y_indexpro li span p a:link,.y_indexpro li span p a:visited{ color:#9e2743;}
.y_indexpro li span p a:hover{ color:#f00; transition:all 0.3s linear 0s;}
/*----------------------------------------------------content end-----------------------------------------------------;--*/

/*----------------------------------------------------bottom begin--------------------------------------------------------*/
.y_bottom{ width:100%; height:auto; background:#9e2743;}
.y_bottom a,.y_bottom a:link,.y_bottom a:visited{ color:#fff;}
.bottom_cont{ height:auto; padding:40px 0px; color:#fff; font-size:1.4em; line-height:20px;}
.bottom_left{ width:55%; height:auto; overflow:hidden; float:left;}
.bottom_left p{ padding:7px 0px;}
.bottom_left p span,.bottom_left p a{ margin:0px 10px;}
.bottom_ico{ width:40%; max-width:300px; list-style:none; zoom:1; display:block; float:right;}
.bottom_ico li{ width:16%; height:auto; padding:0px 2%; float:left; text-align:center; cursor:pointer; position:relative;}
.bottom_ico li span{ display:block; width:40px; height:40px; border-radius:20px; background-color:#fff; background-position: center center; background-repeat:no-repeat;}
.bottom_ico li span.bico_1{ background-image:url(../images/y_b1.jpg);}
.bottom_ico li span.bico_2{ background-image:url(../images/y_b2.jpg);}
.bottom_ico li span.bico_3{ background-image:url(../images/y_b3.jpg);}
.bottom_ico li span.bico_4{ background-image:url(../images/y_b4.jpg);}
.bottom_ico li span.bico_5{ background-image:url(../images/y_b5.jpg);}
.bottom_ico li p{ padding-top:10px;}
.bottom_ico li b{ display:inline-block; background:#fff; padding:10px; position:absolute; right:0px; bottom:80px; color:#333; font-size:0.8em; font-weight:normal; display:none; min-width:80px;}
/*----------------------------------------------------bottom end----------------------------------------------------------*/

/*----------------------------------------------------tow begin--------------------------------------------------------*/
.h_content{ width:auto; height:auto; padding:30px 15px; overflow:hidden;}
.h_left{ width:20%; height:auto; float:left; overflow:hidden;}
.h_thh{ width:auto; height:auto; padding:25px 15px 25px 75px; background:#9e2743 url(../images/h_004.jpg) 30px center no-repeat; font-size:2em; line-height:30px; color:#fff; font-weight:bold;}
.h_leftnav{ list-style:none; zoom:1; display:block; width:auto; height:auto; border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
.h_leftnav li{ width:auto; height:auto; padding:15px 15px 15px 25px; border-bottom:#ccc 1px solid; font-size:1.4em;}

.h_leftnav li a.left_a,.h_leftnav li a.left_a:link,.h_leftnav li a.left_a:visited{ background:url(../images/h_007.jpg) left center no-repeat; width:100%; height:auto; display:block; font-size:1.6em; line-height:25px; text-indent:15px;}
.left_tow{ width:auto; height:auto; padding:5px 0px 0px 15px; overflow:hidden;}
.left_tow p{ font-size:1.4em; line-height:18px; padding:4px 0px; overflow:hidden;}
.left_tow p a,.left_tow p a:link,.left_tow p a:visited{ margin-left:10px;}
.h_leftnav li.leftnav_p a,.h_leftnav li.leftnav_p a:link,.h_leftnav li.leftnav_p a:visited{ color:#f00;}

.h_ad{ width:auto; height:auto; overflow:hidden;}
.h_leftbbox{ width:auto; height:auto; border-bottom:#ccc 1px solid; padding:5px 0px;}
.h_leftbbox b{ width:auto; height:auto; display:block; font-size:1.4em; line-height:35px; background-position:left center; background-repeat:no-repeat; padding-left:30px; font-weight:normal;}
.h_leftbbox b.bb1{ background-image:url(../images/h_008.jpg);}
.h_leftbbox b.bb2{ background-image:url(../images/h_009.jpg);}
.h_leftbbox p{ display:block; padding-left:30px; font-size:1.4em; color:#9e2743; line-height:25px; font-weight:bold;}
.h_leftewm{ padding:15px 0px; font-size:1.5em; line-height:28px;}
.h_leftewm img{ width:45%; max-width:100px; float:left; margin-right:15px;}
.h_leftewm span{ padding-top:22px; display:inline-block;}

.h_right{ width:77%; height:auto; float:right; overflow:hidden;}
.h_rightnav{ width:auto; height:auto; overflow:hidden; list-style:none; display:none;}
.h_rightnav li{ display:block; width:21%; height:auto; padding:0px 2% 20px 2%; overflow:hidden; float:left;}
.h_rightnav li a,.h_rightnav li a:link,.h_rightnav 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;}
.h_rightnav li.rightnav_p a,.h_rightnav li.rightnav_p a:link,.h_rightnav li.rightnav_p a:visited,.h_rightnav li a:hover{  background:#9e2743; color:#fff; transition:all 0.3s linear 0s;}
.h_position{ width:auto; height:auto; padding:10px 0px; font-size:1.5em; background:url(../images/h_005.jpg) left center no-repeat; padding-left:35px; border-bottom:#ccc 1px solid;}
.h_position a{ display:inline-block; margin:0px 5px;}
.h_prolist{ width:auto; height:auto; zoom:1; display:block; padding-top:20px; overflow:hidden;}
.h_prolist li{ width:32%; height:auto; display:block; float:left; margin-right:2%; overflow:hidden; margin-bottom:20px; background:#f7f7f7;}
.h_prolist li.pro_right{ margin-right:0px;}
.h_prolist li span{ display:block; border:#ccc 1px solid;}
.h_prolist li:hover span{ border:#9e2743 1px solid; transition:all 0.3s linear 0s;}
.h_prolist li b{ display:block; padding:12px 10px 8px 10px; line-height:20px; font-size:1.5em; overflow:hidden; text-align:center;}
.h_prolist li b a,.h_prolist li b a:link,.h_prolist li b a:visited{ color:#9e2743;}
.h_prolist li p{ padding:0px 10px; display:block; text-indent:2em; line-height:22px; font-size:1.3em;}
.h_prolist li a.pro_a,.h_prolist li a.pro_a:link,.h_prolist li a.pro_a:visited{ width:110px; height:25px; display:block; border:#ddd 1px solid; background:#fff; font-size:1.2em; line-height:25px; margin:10px auto; text-align:center;}
.h_prolist li a.pro_a:hover{ background:#9e2743; color:#fff; transition:all 0.3s linear 0s;}

.tow_h2{  padding:33px 0px 20px 0px; margin:0; line-height:24px; font-size:2.2em; color:#9e2743; border-bottom:#ccc 1px solid;}
.tow_h3{ text-align:center; padding:33px 0px 15px 0px; margin:0; line-height:24px; font-size:2em;}
.tow_other{ line-height:30px; border-bottom:#ccc 1px solid;  text-align:center; color:#959597; font-size:1.4em; padding-bottom:5px;}
.tow_other span{ margin:0px 8px;}
.tow_content{ padding:15px 0px; line-height:28px; font-size:1.4em;}
.tow_content img{ border:0px; max-width:867px; width:auto; display:inline;}
.tow_next{ border-top:#ccc 1px dotted; line-height:30px; border-bottom:#ccc 1px dotted; padding:12px 15px; font-size:1.3em; margin:20px 0px;}

.h_newslist{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto;}
.h_newslist li{ display:block; padding:18px 0px; border-bottom:#ccc 1px dotted;}
.h_newslist li img{ width:20%; margin-right:20px; float:left;}
.h_newslist li strong{ display:block; height:auto; line-height:20px; font-size:1.5em; padding:10px 0px;}
.h_newslist li strong span{ font-size:0.9em; line-height:20px; width:100px; text-align:right; display:block; float:right; font-weight:normal; background:#fff; color:#666;}
.h_newslist li p{ font-size:1.4em; line-height:25px; display:block; color:#666;}
.h_newslist li a.new_more,.h_newslist li a.new_more:link,.h_newslist li a.new_more:visited{ width:120px; height:28px; border:#ddd 1px solid; text-align:center; display:block; font-size:1.4em; line-height:28px; overflow:hidden; margin-top:10px;}

.h_textlist{ list-style:none; zoom:1; display:block; overflow:hidden; width:auto; height:auto; padding-top:5px;}
.h_textlist li{ display:block; overflow:hidden; position:relative; font-size:1.4em; line-height:30px; background:url(../images/h_003.jpg) center left no-repeat; padding-left:15px;}
.h_textlist1 li{ border-bottom:#ddd 1px dotted; line-height:45px;}
.h_textlist li span{ width:90px; height:30px; display:block; text-align:right; background:#fff; position:absolute; top:0px; right:0px;}

.tow_map{ width:100%; height:auto; margin:0 auto; font-size:1.4em; line-height:25px;}
#container{ min-height:400px;}
/*----------------------------------------------------tow begin--------------------------------------------------------*/

/*----------------------------------------------------book----------------------------------------------------------*/
.cont_book{ width:auto; height:auto; padding:50px; overflow:hidden;}
.cont_book table{ width:100%; height:auto; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid;}
.cont_book table td{ border-top:#ddd 1px solid; border-right:#ddd 1px solid; padding:10px; font-size:1.4em;}
.cont_book table td input{ width:100%; height:25px; line-height:25px; border:none; font-size:1em;}
.cont_book table td textarea{ width:100%; height:150px; line-height:22px; border:none; font-size:14px;}
.cont_book input.coolbg{ width:100px; height:35px; line-height:35px; text-align:center; display:inline-block; overflow:hidden; font-size:1.4em; border:#ddd 1px solid; background:#eee; border-radius:5px; cursor:pointer;}
.cont_book input.booky{ width:80px; float:left;}
.cont_book img{ display:inherit; width:auto;}
/*----------------------------------------------------book----------------------------------------------------------*/

/*----------------------------------------------------towcont_page----------------------------------------------------------*/
.tow_page{ text-align:center; padding:15px 0px; font-size:1.3em; margin:10px 0px;}
.tow_page a,.tow_page span{ border:#ddd 1px solid; padding:5px; margin:0px 5px; background:#fff;}
.tow_page span{ background:#9e2743; color:#fff;}
/*----------------------------------------------------towcont_page----------------------------------------------------------*/





/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {

}

/*在768 和1199 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 1000px) and (max-width: 1199px) {
.bx_wrap a.prev,.bx_wrap a.next{ display:none;}

}

@media (min-width: 768px) and (max-width: 999px) {
.bx_wrap a.prev,.bx_wrap a.next{ display:none;}
}

/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
.top_logo{ width:100%; float:none; margin:0 auto;}
.h_left,.top_tel,.a_nav,.y_banner,.bottom_ico{ display:none;}
.h_rightnav,.a_navm,.y_banner_m{ display:block;}
.y_aboutimg,.y_aboutinfo{ width:96%; float:none; padding:0px 2%;}
.bx_wrap a.prev,.bx_wrap a.next{ display:none;}
.y_indexpro li{ width:46%; margin:1% 2%;}
.y_indexpro li.indexpro_r{ margin-right:2%;}
.h_right,.bottom_left{ width:100%; float:none;}
.h_newslist li img{ width:30%;}

}

/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
.top_logo{ width:90%; float:none; margin:0 auto;}
.h_left,.top_tel,.a_nav,.y_banner,.bottom_ico{ display:none;}
.h_rightnav,.a_navm,.y_banner_m{ display:block;}
.y_aboutimg,.y_aboutinfo{ width:96%; float:none; padding:0px 2%;}
.bx_wrap a.prev,.bx_wrap a.next{ display:none;}
.y_indexpro li{ width:46%; margin:1% 2%;}
.y_indexpro li.indexpro_r{ margin-right:2%;}
.h_right,.bottom_left{ width:100%; float:none;}
.h_rightnav li{ width:46%;}
.h_prolist li.pro_right,.h_prolist li{ width:48%; margin:1%;}
.h_newslist li img{ width:38%;}
.cont_book{ padding:50px 0px;}

}