@charset "utf-8";
body{background-color:#f5efe1 no-repeat top center;}
/* Slider */
.bannerfr{width:100%; height:560px;position:relative; overflow:hidden; margin:0 auto;}
.bannerfr .KMSPrefix_syslidefr_frbtn{width:200px;overflow:hidden;margin:0px auto;padding:0px;position:absolute;left:50%;bottom:130px;margin-left:309px;z-index:99;}
.bannerfr .KMSPrefix_syslidefr_frbtn ul{float:right;}
.syslidefr .syslidefr_an{ width:1600px; height:600px; position:relative; overflow:hidden; margin:0 auto;}
.syslidefr_an img{ position:absolute; left:3px; opacity: 0; top:0;}

/* main */
.main{background-color:#f5efe1; height:600px; padding:0 0 0px;}
.about{width:265px; height:365px; overflow:hidden; padding:0px 0px; background-color:#FFF}
.about .title{width:235px; height:32px;overflow:hidden;float:left; background-image:url(../images/title_bg.jpg); padding-left:30px; text-align:left; color:#FFF; line-height:32px}
.about .cont{width:265px; height:333px; overflow:hidden; line-height:20px;padding:0px 0px 0 0;}
.about .cont .txt{width:255px; height:250px; overflow:hidden; line-height:20px;padding:5px 5px;}
.about .cont .txt .line{border:1px solid #979797; border-width:0px 0px 1px 0; height:15px}
.about .cont .txt .atitle{ height:40px; color:#b50200; text-align:center; font-weight:bold; font-size:16px; line-height:40px}
.about .cont .txt .acont{ height:40px; color:#979797; text-align:center; font-weight:bold; font-size:14px; line-height:40px}
.about .cont .txt .more{ margin:5px 50px; background-color:#b40001; height:30px; text-align:center; line-height:30px}
.about .cont .txt .more a{color:#FFF;}

.news{width:448px; height:365px; overflow:hidden; background-color:#FFF}
.news .title{width:418px; height:32px;overflow:hidden;float:left; background-image:url(../images/title_bg1.jpg); padding-left:30px; text-align:left; color:#FFF; line-height:32px;}
.news .title h2{font-size:16px; color:#206d0b;}
.news .title h2 em{color:#f5821f; font-style:normal; font-size:18px; margin-right:5px;}
.news .cont{width:428px; height:280px; overflow:hidden; line-height:20px;padding:0px 10px 0 10px;}
.news .cont img {float:left; } 
.news  .more{background:url(../images/index_more_bg.png);width:68px;height:38px;line-height:20px; color:#FFF;text-align:center;}
.news  .more a{color:#FFF;}
.news .cont .topnews {width:428px; height:140px; overflow:hidden; line-height:20px;border:1px solid #979797; border-width:0px 0px 1px 0;}
.news .cont .topnews .left {width:120px; height:145px;background:url(../images/news_pic_bg.png); line-height:70px; text-align:center; font-size:26px; color:#b40001}
.news .cont .topnews .right {width:300px; height:88px; padding-left:8px}
.news .cont .topnews .right .btitle {width:300px;height:25px;font-weight:bold;overflow:hidden;white-space:nowrap; padding-top:10px; text-align:left}
.news .cont .topnews .right .btitle a{ color:#b40001}
.news .cont .topnews .right .newscont {width:300px;height:100px;overflow:hidden; text-align:left}
.list_word li{height:25px; line-height:25px; overflow:hidden; background-image:url(../images/dian_g.jpg); background-position: 5px center; background-repeat:no-repeat;color:#686868;border-bottom: 1px dotted #000;}
.list_word li a{display:block;width:200px; height:22px; line-height:22px;  padding-left:15px; text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#1e1e1e}
.list_word li .date{width:80px; float:right; color:#1e1e1e; font-size:12px;}

.contact{width:265px; height:365px; overflow:hidden; background-color:#FFF}
.contact .title{width:235px; height:32px;overflow:hidden;float:left; background-image:url(../images/title_bg.jpg); padding-left:30px; text-align:left; color:#FFF; line-height:32px}
.contact .atitle{width:245px;height:40px;overflow:hidden;float:left; padding:10px 10px}
.contact .atitle h2{font-size:16px; color:#4b4b4b; font-weight:bold; text-align:left;height:25px}
.contact .atitle h3{font-size:12px; color:#4b4b4b;text-align:left; height:20px}
.contact .title h2 em{color:#f5821f; font-style:normal; font-size:18px; margin-right:5px;}
.contact .cont{width:265px; height:333px; overflow:hidden; line-height:20px;}
.contact .cont h1{font-size:18px; color:#b40001; font-weight:bold; text-align:left;height:25px;padding:10px 10px}
.contact .cont .txt{width:255px; height:250px; overflow:hidden; line-height:20px;padding:5px 5px;}
.contact li{width:245px; height:17px; line-height:17px; overflow:hidden; float:left; text-align:left; font-size:13px;padding:2px 10px}
.contact .more{background:url(../images/index_more_bg.png);width:68px;height:38px;line-height:20px; color:#FFF;text-align:center;}

.product{width:1000px; height:200px; overflow:hidden; padding:10px 0px;}
.product .title{width:998px;height:40px;overflow:hidden;border-radius:5px;-moz-border-radius: 5px; border:1px solid #cecece;vertical-align:middle; background-color:#FFF}
.product .cont{width:1000px; height:155px; overflow:hidden; line-height:20px;}

.list-section li {width:220px; height:220px; overflow:hidden; float: left; padding-right:0px;}
.list-section li div{width:200px; height:200px; overflow:hidden; display:block; padding:5px; background: url(../images/t.png);-moz-border-radius: 105px; /* Firefox */ -webkit-border-radius: 105px; /* Safari and Chrome */ border-radius: 105px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ behavior: url(style/ie-css3.htc);}
.list-section li div a{width:200px; height:200px; display:block; background-size:cover; -moz-border-radius: 100px; /* Firefox */ -webkit-border-radius: 100px; /* Safari and Chrome */ border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ position:relative; z-index:99; behavior: url(style/ie-css3.htc);}

.rb{width:160px; height:130px;}
.rb .fb{margin-top:25px; width:160px; height:65px; overflow:hidden; display:block;}

#pslider{margin-top:50px;}
#pslider .al,#pslider .ar{width:60px; height:60px; overflow:hidden; margin-top:80px;}
#pslider .al{background:url(../images/banner_btn_l_24.png) no-repeat 0 0; float:left}
#pslider .ar{background:url(../images/banner_btn_r_24.png) no-repeat 0 0; float:right}
.slide_list{width:880px; height:220px; overflow:hidden; position:relative; float:left; margin:10px 0px;}
.list-section{width:20000px; height: 220px; position:absolute;left:0px;top:0px; white-space: nowrap; display: inline-block; *display: inline; *zoom: 1;}

/* menu_recommend */
.menudiv{ width:auto;height:74px;background:#b40001;}
.menubox{ width:1000px;height:74px;}
.menuleft{ background-image:url(../images/banner_btn_l_24.png);width:60px;height:60px; float:left; margin-top:10px}
.menuright{background-image:url(../images/banner_btn_r_24.png);width:60px;height:60px; float:right; margin-top:10px}
.menucontent{width:220px;height:270px;background-image:url(../images/menucontent_bg.jpg)}
.menucontent .P_pic{width:215px;height:168px;margin-top:6px}
.menucontent .P_title{width:220px;height:25px;font-size:16px;line-height:25px;overflow:hidden;}
.menucontent .P_title_en{width:220px;height:20px;font-size:14px;line-height:20px;overflow:hidden;}
.menucontent .P_more a{width:220px;height:50px;font-size:14px;line-height:50px; padding-left:0px}
.menu {font-family: verdana, arial, sans-serif; width:880px;height:74px; position:relative; font-size:11px; float:left}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:210px; height:75px; color:#FFF; padding-left:10px; line-height:75px; font-size:14px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li .n_title{ width:220px; height:35px; line-height:45px;overflow:hidden;}
.menu ul li .n_title_en{ width:220px; height:25px; line-height:25px;overflow:hidden;}
.menu ul li p{width:100%;height:25px; line-height:25px;text-decoration: none;}
.menu ul li ul {display: none;position:relative; z-index:99;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#FFF;}
.menu ul li:hover ul {display:block; position:absolute; bottom:76px; left:0;}
.menu ul li:hover ul li a.hide {color:#000;}
.menu ul li:hover ul li {display:block; background:#fff; color:#000;width:220px; clear:both;}
.menu ul li:hover ul li:hover a.hide {color:#FFF;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#FFF; width:100%;}
.menu ul li:hover ul li a:hover {color:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#FFF;}
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#FFF;}
.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}