@charset "utf-8";
/* CSS Document */
body{ font-family:microsoft yahei; font-size:12px; color:#4b4b4b; margin:0px; padding:0px; background:url(../images/bg.png) repeat;}
ol,ul,li,p,dl,dt{list-style: none outside none; margin:0px; padding:0px;}
img {border:none;}
a:link, a:visited {color:#4b4b4b; text-decoration: none;outline:none;}
a:hover, a:active {color:#0d6fb8; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.green-black { display:block; margin:0; padding-top:26px; clear:both;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(../images/page_bg01.png) #fff bottom repeat-x;font-family:"微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(../images/page_bg02.png) top repeat-x #0d6fb8; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(../images/page_bg02.png) top repeat-x #0d6fb8; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
/*基础配置*/

/*首页style开始*/
.top_bg{height:28px; width:100%; background:#0d6fb8;}
.top_left{ font-size:14px; color:#fff; line-height:28px; overflow:hidden;}
.top_right{ font-size:14px; color:#fff; line-height:28px; height:28px;}
.top_right img{ margin-bottom:-7px; margin-right:7px;}
.top_right a{ padding:0 8px; color:#fff; border-left:1px solid #fff;}
.top_right a:hover{ text-decoration:underline;}
.logo_nav{ width:100%; height:112px; background:#f9f9f9;}
.logo{ width:400px; height:112px;}
.nav li{ float:left; text-align:center; width:103px; position:relative;}
.nav li a{ display:block; width:101px; border-left:1px solid #fff; border-right:1px solid #ececec; height:60px; font-size:18px; padding-top:10px;}
.nav li a p{ font-family:"微软雅黑"; font-size:12px;}
.nav li a:hover,.nav li a.cur{ background:url(../images/nav_b.png) no-repeat; width:103px; border:0px; color:#0d6fb8;}
.nav li .nav_ej{ display:none;}
.nav li:hover .nav_ej{ display:block; background:url(../images/navej_bg.png) repeat-y; padding-bottom:15px; width:103px; position:absolute; padding-top:15px; z-index:999;}
.nav li .nav_ej a{ height:40px; background:url(../images/nav_ejfg.png) no-repeat center bottom; display:block; width:103px; border:0px; line-height:39px; padding:0px; color:#fff;}
.nav li .nav_ej a:hover{ background:url(../images/nav_ejfg.png) no-repeat center bottom;  width:103px; height:40px; text-decoration:underline;}
.banner{width:100%; height:450px; position:relative;}
.index_banner{position:relative;height:450px;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:450px;}
.index_banner li a{display:block;margin:0 auto;width:100%;height:450px;}
.index_banner cite{position:absolute;bottom:20px;z-index:99;display:block;height:15px;_display:none; text-align:center; width:100%;}
.index_banner cite span{display:inline-block; margin:0 8px; width:31px;height:7px;background-color:#2b2b2b;text-indent:-999em;cursor:pointer;border-radius:4px;}
.index_banner cite span.cur{background-color:#0d6fb8;cursor:default;}
.index_bga{ background:url(../images/index_bga.jpg) no-repeat center; height:434px; padding-top:148px;}
.sous{height:30px; text-align:center;}
.sous a{ display:inline-block; width:150px; height:30px; background:#717171; text-align:center; line-height:30px; font-size:14px; color:#fff; margin:0 20px;}
.sous a.cur{ background:#0d6fb8;}
.sycpfl_nr{ padding-top:10px;}
.sycpfl_nr li{ float:left; width:234px; padding:0 33px;}
.sycpfl_pic{ width:234px; height:234px; background:url(../images/sycpfl_yy.png) no-repeat center bottom; padding-top:27px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.sycpfl_img{border-radius:117px; width:234px; height:234px; overflow:hidden; position:relative;}
.sycpfl_pic img{ display:block;}
.sycpfl_nr li:hover .sycpfl_pic{ padding-top:0px; height:261px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.sycpfl_nr li .sycpfl_img .sycpfl_wb{bottom:-51px; background:url(../images/sycpfl_ck.png) no-repeat center; text-align:center; line-height:51px; color:#fff; font-family:"微软雅黑"; font-size:14px; position:absolute; width:234px; height:51px; left:0px;}
.sycpfl_nr li:hover .sycpfl_img .sycpfl_wb{background:url(../images/sycpfl_ck.png) no-repeat center; width:234px; height:51px; left:0px;  bottom:0px; transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.sycpfl_bt{ padding-top:25px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.sycpfl_bt p{ font-size:14px; padding-bottom:3px;}
.index_bgb{ background:url(../images/index_bgb.jpg) no-repeat center; width:100%; height:443px; padding-top:164px;}
.jxsxz_nr{ width:212px; text-align:center; color:#fff; font-size:14px; line-height:22px}
.jxsxz_nr p{ padding-top:10px;}
.index_bgc{ background:url(../images/index_bgc.jpg) no-repeat center; width:100%; height:640px; padding-top:225px;}
.jmly_bt{ font-size:30px; color:#2b2b2b; font-family:"微软雅黑";}
.jmly_bt i{ font-size:24px; padding-left:3px; color:#900109;}
.jmly_wb{ width:270px; padding-left:42px; font-size:14px; line-height:24px; padding-top:5px;}
.index_bgd{ background:url(../images/index_bgd.png) no-repeat center top; width:100%; height:750px; padding-top:126px;}
.sycp_wb{ text-align:center; font-size:14px; height:20px; line-height:20px;}
.sycp_dl { padding-top:30px; text-align:center;}
.sycp_dl a{ display:inline-block; width:116px; height:36px;  margin:0 35px; line-height:36px; color:#2b2b2b; font-size:14px;}
.sycp_dl a:hover{ color:#fff; background:#0d6fb8;}
.sycp_nr{ width:1200px; height:450px; position:relative;}
.leftButton,.rightButton{ width:42px; height:77px; line-height:77px; text-align:center; background:#2b2b2b; position:absolute; top:45%; cursor:pointer; font-size:50px; color:#fff;}
.leftButton{ left:0px;}
.rightButton{ right:0px;}
.leftButton:hover,.rightButton:hover{ background:#0d6fb8;}
.index_bge{ background:url(../images/gywm.png) no-repeat center; width:100%; height:380px; padding-top:120px;}
.syvideo{ width:600px;}
.syvideo_left{ width:90px; margin-left:20px; position:relative; height:235px; padding-top:30px;}
.syvideo_left li{ width:90px; padding:5px 0px; height:57px;}
.syvideo_left li img{ width:100%;}
.syvideo_right{ padding-right:60px; width:420px; height:265px; position:relative;}
.syvideo_right i{ position:absolute; background:rgba(0,0,0,0.4); top:0px; left:0px; width:245px; height:165px; padding-left:175px; padding-top:100px;}
.syvideo_left .prev,.syvideo_left .next{ display:block; color:#fff; font-family:"宋体"; transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg); position:absolute; font-size:30px; text-align:center; width:90px; cursor:pointer;}
.syvideo_left .prev { top:0px;}
.syvideo_left .next{ bottom:0px;}
.syabout{ width:524px; padding:0 38px;}
.syabout_nr{ font-size:14px; color:#000; line-height:30px; padding-top:20px;}
.syabout_nr span{ font-family:"微软雅黑"; font-size:18px; padding-right:3px;}
.syabout_pinp{ width:406px; height:108px; padding-top:50px;}
.index_bgf{ background:url(../images/synews_bg.png) repeat-x #fff left top; width:100%; padding-top:38px; padding-bottom:60px;}
.synews_title{ width:215px; height:54px; margin:0 auto;}
.synews_bt{ padding-top:20px; height:28px; text-align:center;}
.synews_bt a{ display:inline-block; width:116px; height:28px; margin:0 21px; background:#2b2b2b; line-height:28px; font-size:14px; color:#fff; text-align:center
;}
.synews_bt a:hover,.synews_bt a.cur{ background:#0d6fb8;}
.synews_nr{ padding-top:34px;}
.synews_nr li{ width:260px; background:url(../images/synews_b.png) no-repeat center bottom; height:195px; padding-top:8px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; float:left; margin:0 20px;}
.synews_nr li a{ display:block; width:260px; background:#eee; position:relative; height:195px;}
.synews_nr li:hover{ padding-top:0px; height:333px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.synewss_wb{ font-size:14px; color:#4b4b4b; line-height:20px; width:230px; margin:0 auto;}
.synewss_wb p{ font-size:15px; color:#2b2b2b; padding-bottom:5px; padding-top:25px;}
.synews_rq{ background:url(../images/synews_rqbb.png) no-repeat; width:89px; height:89px; position:absolute; right:0px; bottom:85px; font-size:16px; color:#fff; text-align:center; font-family:"微软雅黑";}
.synews_rq p{ padding-top:24px;}
.synews_nr li a:hover .synews_rq{ background:url(../images/synews_rqb.png) no-repeat;}
.synews_nr li a:hover .synewss_wb p{ color:#0d6fb8;}
.link{ padding-top:70px;}
.link_nr{ overflow:hidden; width:1080px; height:50px; line-height:25px;}
.link_nr a{ display:block; float:left; margin-right:10px; font-size:12px; line-height:25px;}
.foot_bg{ width:100%;}
.foot_nav{ width:100%; height:205px;}
.fnav_l{ width:207px; border-left:0px solid #3e3e3e; border-right:0px solid #3e3e3e; padding:0 30px; height:100px; padding-top:55px;}
.ffx{ padding-top:50px;}
.ffx a{ padding-bottom:10px; padding:0 20px;}
.fnav_f{ width:930px; padding-top:20px;}
.fnav_nr{ float:right;}
.fnav_nr a{ background:url(../images/fnav_fg.png) no-repeat center bottom; width:63px; font-size:15px; color:#fff; padding-bottom:8px; text-align:center; margin:0 33px;}
.fnav_nr a:hover{ text-decoration:underline;}
.fnav_lx{ padding-left:83px; padding-top:40px;}
.fnavlx_l{ font-size:14px; line-height:22px; color:#fff;}
.fnavlx_r{ width:310px; font-size:14px; color:#fff; line-height:22px;}
.fnavlx_r a{ color:#fff;}
.fnavlx_r a:hover{ text-decoration:underline;}
.foot_bq{ height:33px; line-height:33px; text-align:center; color:#fff; font-size:14px;}
/*首页style结束*/


/*内页style开始*/
.about_banner{ background:url(../images/about_banner.jpg) no-repeat center; width:100%; height:275px;}
.contact_banner{ background:url(../images/contact_banner.jpg) no-repeat center; width:100%; height:275px;}
.join_banner{ background:url(http://www.huagaosofa.com/skin//f5a7cfa1-c166-4b6e-a3e5-d3905a56c73f.jpg) no-repeat center; width:100%; height:275px;}
.product_banner{ background:url(../images/product_banner.jpg) no-repeat center; width:100%; height:275px;}
.video_banner{ background:url(../images/video_banner.jpg) no-repeat center; width:100%; height:275px;}
.news_banner{ background:url(../images/news_banner.jpg) no-repeat center; width:100%; height:275px;}
.huodong_banner{ background:url(../images/huodong_banner.jpg) no-repeat center; width:100%; height:275px;}
.flandwz{ width:100%; height:66px; padding-bottom:19px; background:url(../images/main_bgtop.png) no-repeat center bottom #fff;}
.main_fl{ padding-top:17px; height:33px;}
.main_fl a{ display:block; float:left; line-height:33px; height:33px; margin:0 15px; font-size:14px; padding:0 22px; font-family:"微软雅黑"; color:#4b4b4b;}
.main_fl a:hover,.main_fl a.cur{ background:#0d6fb8; color:#fff; border-radius:4px;}
.main_wz{ font-size:14px; line-height:66px; font-family:"微软雅黑";}
.main_wz img{ margin-right:8px; margin-bottom:-2px;}
.main{ background:url(../images/main_bg.png) repeat; width:100%; padding-top:20px; padding-bottom:10px; font-family:"微软雅黑";}
.about_nr{ background:#fff; margin-top:30px;}
.about_wb{ background:url(../images/wr.png) no-repeat left bottom; width:620px; margin:30px 25px; padding-bottom:80px; font-size:14px; color:#8f8f8f; line-height:24px;}
.jyxx_bg{background:url(../images/jyxx_bg.jpg) no-repeat center top; width:100%; margin-top:85px;}
.jyxx_sn{ padding-left:570px; width:550px; padding-right:80px; height:120px; font-size:14px; padding-top:88px;}
.jyxx_img { width:1104px; margin:0 auto;}
.jyxx_img li{ float:left; width:274px; height:189px; margin:0 1px;}
.honor_bg{ background:url(../images/honor_yy.png) no-repeat center bottom; margin-top:80px; padding-bottom:28px;}
.honor{ background:#fff; border:1px solid #e2e2e2; width:1198px; padding-top:40px; padding-bottom:100px;}
.honor_title{ width:172px; height:70px; margin:0 auto;}
.honor_nr{ padding-top:35px; position:relative; width:1080px; margin:0 auto;}
.honor_nr li{ width:260px; height:210px; float:left; margin:0 12px;}
.honor_nr .prev,.honor_nr .next{ width:62px; height:130px; background:#4b4b4b; display:block; font-family:"宋体"; text-align:center; line-height:130px; font-size:60px; color:#fff; cursor:pointer; margin-top:35px;}
.honor_nr .prev{ float:left; margin-right:50px;}
.honor_nr ul{ float:left; width:852px;}
.honor_nr .next{ float:right;}
.honor_nr .prev:hover,.honor_nr .next:hover{ background:#0d6fb8;}
.abouta_left{ width:620px; height:715px; background:#fff; margin-top:30px; padding:30px 28px; font-size:14px; color:#8f8f8f; line-height:26px;}
.abouta_right{ width:483px; padding-top:30px; margin:0 20px;}
.abouta_right img{ display:block; margin-bottom:18px;}
.case_nr li{ width:367px; float:left; margin:0 15px; padding-bottom:30px;}
.case_nr li:hover .case_pic{-moz-box-shadow:3px 3px 8px #999;-webkit-box-shadow:3px 3px 8px #999;box-shadow:3px 3px 8px #999;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.case_pic{ width:365px; height:255px; border:1px solid #ccc; position:relative; overflow:hidden;}
.case_nr li .case_pic p{ position:absolute; background:rgba(174,1,7,0.6); height:44px; width:365px; bottom:-44px; left:0px; line-height:44px; color:#fff;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.case_nr li:hover .case_pic p{ bottom:0px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.case_nr li p{ text-align:center; font-size:14px; height:30px; line-height:30px;}
.contact_nr{ background:#fff; margin-top:30px; width:1100px; padding:35px 50px 60px 50px;}
.contact_left{ font-size:14px; line-height:26px;}
.contact_ewm{ float:left; width:217px; margin-left:60px; padding-top:58px;}
.contact_ewm img{ width:215px;border:1px solid #b7b7b7;border-radius:5px;}
.contact_ewm p{ text-align:center; font-size:14px; color:#8c8c8c; padding-top:8px;}
.join{ background:#fff; width:1140px; padding:30px; margin-top:10px; line-height:28px; font-size:14px;}
.jbook{ width:520px; padding-top:90px; font-size:14px; margin-left:40px;}
.jbook_wba{ color:#e41c13; font-size:20px; padding-top:18px; padding-bottom:10px;}
.jbook_wbb{ margin-bottom:6px;}
.jbook_wbb p{ float:left; line-height:38px; width:80px;}
.jcon{ height:38px; width:310px; border:1px solid #dcdcdc; padding:0px 6px; outline:none; font-size:14px;}
.jbook_wbb p span{ padding:0 14px;}
.jcona{ height:100px; width:310px; border:1px solid #dcdcdc; padding:0px 6px; outline:none; line-height:30px; font-size:14px;}
.jbook_wbc{ height:41px; width:404px;}
.jconb{ width:93px; height:38px; display:block; outline:none; padding:0px 5px; float:left; border:1px solid #ddd; border-right:none;}
.jbook_wbc img{ float:left; display:block;}
.jbtn{ width:184px; padding:0px; display:block; float:right; height:39px; border:1px solid #d17773; background:#e5281f; font-size:18px; font-family:"微软雅黑"; color:#fff; cursor:pointer;}
.cpfl{ background:#fff; width:1160px; padding:25px 20px 65px 20px}
.cpfl_title{ font-size:18px;}
.zhufl{ border-bottom:1px solid #d5d5d5; height:40px; padding-top:5px; line-height:40px}
.zhufl span,.fufl span{ font-size:14px; color:#0d6fb8; padding-right:20px;}
.zhufl a,.fufl a{ font-size:14px; color:#4b4b4b; margin-right:60px;}
.zhufl a:hover,.zhufl a.cur,.fufl a:hover,.fufl a.cur{ color:#0d6fb8;}
.fufl{height:40px; padding-top:5px; line-height:40px; position:absolute;}
.pro_nr{ padding-top:50px;}
.pro_nr li{ float:left; width:100%; position:relative; margin-bottom:2%;}
.pros_pic{ overflow:hidden;}
.pros_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pros_pic img{transform:scale(1.1);}
.pros_mc{ text-align:center; width:100%; position:absolute; bottom:0; left:0; font-size:16px; background:rgba(0,0,0,0.5); line-height:50px; height:50px; color:#fff; font-weight:bold; transition:0.5s;}
.pro_nr li:hover .pros_mc{background:rgba(174,1,7,0.5); transition:0.5s;}


.product_nr{ padding-top:50px; width:1200px; overflow:hidden; padding-bottom:20px}
.product_nr ul{ width:1230px; margin-left:-15px;}
.product_nr li{ float:left; width:380px; margin:0 15px; padding-bottom:30px;}
.pro_img { width:380px; height:290px; overflow:hidden; position:relative;}
.product_nr li .pro_img i{ position:absolute; left:0px; bottom:-290px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.product_nr li:hover .pro_img i{ position:absolute; left:0px; bottom:0px;transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease;}
.product_nr li p{ text-align:center; font-size:14px; padding-top:10px;}
.nycp_title{font-size:16px;border-bottom:1px #ccc dotted;line-height:35px;text-align:center;}
.nycp_pic img{ max-width:750px;}
.nycp_bt{border-bottom:#ccc 1px dotted;line-height:35px; color:#333; font-size:16px; font-weight:bold;}
.nycp_nr{ font-size:14px; line-height:22px; padding-top:10px; padding-bottom:25px;}
.xgpro-con { padding-top:20px;}
.video_nr{ width:1160px; background:#fff; padding:30px 20px 60px 20px;}
.video_nr li{ float:left; width:275px; margin:0 7px; padding-bottom:20px;}
.video_nr li .video_pic{ width:265px; border:1px solid #d1d1d1; padding:4px; position:relative;}
.video_nr li .video_pic img{ width:100%;}
.video_nr li .video_pic i{ position:relative; width:165px; height:114px; background:rgba(0,0,0,0.4); left:4px; top:4px; display:block; position:absolute; padding-left:100px; padding-top:53px;}
.video_nr li .video_pic i img{ width:65px; height:65px;}
.video_nr li p{ text-align:center; font-size:14px; padding-top:7px;}
.video_nr li:hover .video_pic i{background:rgba(174,1,7,0.4);}
.news_left{ width:100%;}
.news_left li{ width:98%; border-bottom:1px dotted #ccc; padding:20px 1%;}
.news_wb{ width:760px;}
.nbt{ font-size:20px; height:45px; line-height:45px; padding-bottom:5px;}
.nrq{ color:#8c8c8c; font-size:14px; padding-bottom:10px; line-height:24px}
.nwb{ font-size:12px; color:#ababab; padding-top:8px;}
.newsshow{ width:100%; background:#fff; padding:30px 15px;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:3px; font-size:20px; font-weight:bold; line-height:25px;}
.newsshow_title p{ font-size:12px; color:#999; font-weight:normal; padding-top:5px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:14px; line-height:24px;}
.sxyjsys,.sxyjsys a{ font-size:14px; color:#3f3f3f; line-height:24px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; background:#e4e4e4; font-size:16px; font-weight:bold; line-height:30px; height:30px;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
/*内页style结束*/


#featureCarousel {height:430px; width:1080px; position:relative; margin:10px auto;}
#featureCarousel img { border:0;}
#featureCarousel .feature { position:absolute; top:-1000px; left:-1000px; border:5px solid white; cursor:pointer;}
#featureCarousel .feature > div { position:absolute; bottom:0px; left:0px; background-color:#676767; width:100%;}
#featureCarousel .feature > div p {margin:0px; height:32px; line-height:32px; font-size:14px; text-align:center; color:#fff;}
#featureCarousel .blipsContainer { display:none; position:absolute;color:white; right:25px; top:210px; padding:0; margin:0;}
#featureCarousel .blipsContainer .blip {margin:3px;display:none;height:14px;width:14px;color:white; text-align:center; font-size:10px; border:1px dotted black;}
#featureCarousel .blipsContainer .blipSelected {display:none;color:white; font-weight:bold; background-color:black;}


/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


.content{width:1200px;margin:0 auto;}

.ban01{ width:1200px; height:421px; overflow:hidden; position:relative; margin:0 0 80px;}
.ban01 img{ width:1200px; height:421px;}
.ban01 p{width: 448px; position:absolute; top:0px; padding:266px 0 0 58px; right:0;}
.ban01 p span{display: block;font-size: 18px;color: #3e3838; background:url(../images/ban_tel.gif) no-repeat 0 0; padding:0 0 10px 35px;}
.ban01 p b{display: block;font-size: 24px;color: #3e3838;}
.ban01 p i{color: #000; padding:0 0 0 25px;font-weight: normal;}
.ban01 em{ display:block; position:absolute; bottom:0; right:0;width: 176px;height: 50px;text-align: center;line-height: 50px;background: #3e3838;overflow: hidden;}
.ban01 em a{font-size: 18px;color: #f6cd13;font-weight: bold;}


.advantage_bg{background: #f2f2f2;font-size: 0; padding:85px 0;}
.advant_bt{width: 225px;}
.advant_bt img{width: 225px;height: 319px;}
.advantage dl{width: 215px;float: left; padding:0 0 0 27px;overflow: hidden;}
.advantage dl dt{width: 215px;height: 156px;overflow: hidden;}
.advantage dl dt a{width: 213px;height: 150px;display: block;overflow: hidden; border:#f2f2f2 0px solid;}
.advantage dl dt a:hover{ border:#0d6fb8 0px solid;}
.advantage dl dt img{width: 213px;height: 150px;}
.advantage dl dd{width: 213px; margin:18px 0px 0px 0px;}
.advantage dl dd h5{height: 48px;line-height: 24px;overflow: hidden;}
.advantage dl dd h5 a{font-size: 18px;color: #242424;}
.advantage dl dd h5 i{display: block;font-weight: normal;}
.advantage dl dd p{font-size: 14px;color: #242424;height: 75px;line-height: 25px;overflow: hidden; padding:10px 0 0;width: 222px;}


.quality{ padding:10px 0 0;font-size: 0;overflow: hidden; height:684px;}
.quality h2{height: 105px;text-align: center;}
.qua_l{width: 212px; background:url(../images/caizhi2.jpg) no-repeat;height: 575px;overflow: hidden;}
.qua_l ul li{width: 212px;height: 100px; padding:0 0 19px;}
.qua_l ul li a{font-size: 14px;color: #3e3838;font-weight: bold;display: block;width: 212px;height: 100px;overflow: hidden;}
.qua_l ul li a:hover{color: #f6cd13;}
.qua_l ul li span{display: block;width: 110px; padding:28px 0 0 96px;}
.qua_l .qua_li01 a:hover{ background:url(../images/caizhi.jpg) no-repeat;}
.qua_l .qua_li02 a:hover{ background:url(../images/caizhi.jpg) no-repeat 0 -119px;}
.qua_l .qua_li03 a:hover{ background:url(../images/caizhi.jpg) no-repeat 0 -238px;}
.qua_l .qua_li04 a:hover{ background:url(../images/caizhi.jpg) no-repeat 0 -357px;}
.qua_l .qua_li05 a:hover{ background:url(../images/caizhi.jpg) no-repeat 0 -476px;}

.qua_r{width: 947px;}
.qua_r img{width: 947px;height: 575px;}


.te{ padding:25px 0 50px;font-size: 0; height:450px; overflow:hidden;}
.te .te_i{ background:url(../images/te_ico01.gif) no-repeat;width: 44px;height: 446px;display: block;position: absolute;top: 65px;left: 608px;}
.te .te_i a{display: block;width: 44px;height: 148px;}
.te .te_i .t_ico01:hover{ background:url(../images/te_ico02.gif) no-repeat;}
.te .te_i .t_ico02:hover{ background:url(../images/te_ico02.gif) no-repeat 0 -148px;}
.te .te_i .t_ico03:hover{ background:url(../images/te_ico02.gif) no-repeat 0 -296px;}

.te_l{width: 575px;}
.te_l h2{height: 120px;}
.te_l h2 a{font-size: 36px;color: #3e3838;}
.te_l h2 img{display: block;}
.te_l p{width: 575px;}
.te_l p img{width: 575px;height: 325px;}
.te_r{width: 530px; padding:0 0 0 65px;}
.te_r dl{ display:inline-block;width: 530px;overflow: hidden; padding:0 0 30px;}
.te_r dl dt{width: 218px;height: 128px;overflow: hidden;float: left;}
.te_r dl dt a{width: 216px;height: 126px;display: block; border:#fff 1px solid;overflow: hidden;}
.te_r dl dt a:hover{ border:#362e2b 1px solid;}
.te_r dl dt img{width: 216px;height: 126px;}
.te_r dl dd{width: 250px;float: left; padding:0 0 0 15px;}
.te_r dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.te_r dl dd h5 a{font-size: 22px;color: #3e3838;font-weight: normal;}
.te_r dl dd p{font-size: 14px;color: #000;height: 96px;line-height: 24px;overflow: hidden; padding:5px 0 0;}


/*pro*/
.pro{ overflow:hidden; width:100%; background:url(../images/bg01.png) repeat center; padding-bottom:50px;}

.proLeft { overflow:hidden; width:236px; border:2px solid #0d6fb8; float:left; background-color:#fff;}
.proLeft h3{ width:100%; height:30px; background:url(../images/pro_left_h.png) repeat-x left top; margin-bottom:15px;}
.proLeft h3 p{ text-align:center; font-size:18px; color:#333; font-weight:normal; margin-top:20px;}
.proLeft h3 a{ display:block; text-align:center; font-size:20px; color:#0d6fb8; margin-top:50px;}
.proLeft dl{ overflow:hidden; width:220px; margin:0 auto; margin-bottom:8px;}
.proLeft dt{ font-size:22px; color:#fff; padding-left:45px; width:175px; height:44px; line-height:44px; margin-bottom:10px;}
.proLeft dt a{ display:block; color:#fff;} 
.proLeft dd{ overflow:hidden; width:100%;}
.proLeft dd p{ overflow:hidden; width:100%; border-bottom:1px solid #ebebeb;line-height:42px;height:42px;}
.proLeft dd a{ font-size:16px; color:#333; width:47%; display:inline-block; padding-left:2%;    float: left;}
.proLeft dd a:hover{ background-color:#0d6fb8;width:182px;}

.proLeft .dt01{background-color:#0d6fb8;}
.proLeft .dt02{background-color:#0d6fb8;}
.proLeft .dt03{background-color:#0d6fb8;}
.proLeft .dt04{background-color:#0d6fb8;}
.proLeft .dt05{background-color:#0d6fb8;}
.proLeft .phone{ background:url(../images/pro_left_phone.png) no-repeat 28px center; padding-left:70px; padding-top:20px; height:53px; background-color:#0d6fb8;}
.proLeft .phone p{ font-size:12px; color:#fff;}
.proLeft .phone h4{ font-size:22px; color:#fff; font-family:Arial; margin-top:0px; margin-bottom:0px;}

.proRight { overflow:hidden; width:940px; background-color:#fff; float:right;}
.proRight .title{ overflow:hidden; width:100%; height:64px; background:url(../images/pro_right_top.png) repeat-x left top; border-top:3px solid #0d6fb8; margin-bottom:25px;}
.proRight .title h4{ font-size:18px; font-weight:normal; float:left; margin-left:20px; margin-top:20px;}
.proRight .title h4 a{ color:#000}
.proRight .title .more{ float:right; margin-right:20px; margin-top:25px; font-size:13px; color:#666}
.proRight ul{ overflow:hidden;}
.proRight li{ float:left; width:220px; margin-bottom:10px; margin-left:10px;}
.proRight li img{ border-width: 3px; border-style: solid; border-color: rgb(235, 235, 235);border-image: initial;}
.proRight li h5{ font-weight:normal; text-align:center; font-size:16px; margin-top:12px; margin-bottom:7px;}
.proRight li h5 a{ color:#333;}
.proRight li p{ font-size:12px; line-height:22px; height:44px; overflow:hidden; width:100%;}

.xzclear{clear:both;}
.xzborder{width:99%;border:1px solid #ddd; margin-top:15px;}
.xztitle{width:100%; height:38px; line-height:38px; font-size:16px; color:#FFFFFF; background-color:#0d6fb8; text-align:center;}
.xzlist li{ width:98%; margin:0 auto; line-height:30px; height:30px; text-align:left; border-bottom:1px dashed #CCCCCC; list-style:none; overflow:hidden; margin-bottom:5px;}
.xzlist li a{font-size:14px; text-decoration:none; color:#333;}
.xzlist li a:hover{color:#ff0000;}
.xzlist li span{font-size:14px; font-family:"宋体"; margin-right:10px;margin-left:10px;}

.xzpic li{float:left; width:23%; margin-left:1%; margin-right:1%; list-style:none; margin-top:10px;}
.xzpic li a{font-size:14px; text-decoration:none; color:#333;}
.xzpic li a:hover{color:#ff0000;}
.xzpic li img{width:100%;}
.xzpic li div{text-align:center; height:30px; padding:10px 0 10px 0;}

.xzleft{float:left; width:47%; margin-right:2%; border:1px solid #ddd;}

/* 通用方案 */
.news-list h5 a {
  display: block;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.4;
}

/* 如果允许换行 */
.news-list h5 a.multi-line {
  white-space: normal;
  word-wrap: break-word;
  height: 40px; /* 两行高度 */
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}