/* ====================
     公共样式
	 作者：严微
	 公司名称：严微工作室
	 网址：http://www.ywcms.com
==================== */
body{ font-size:12px; font-family:"微软雅黑",Verdana, Arial; line-height:150%; margin:0px auto 0px auto; padding:0; color:#333;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none;}
.block{ width:960px; height:auto;}
em,i{font-style:normal;}
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}

img{border:0px none; vertical-align:middle;}

a {outline:none; text-decoration:none; }
a:hover { text-decoration:none; }

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{ height:1%;}
/*英文强制换行*/
.word{ word-break:break-all;}
.mt10{ margin-top:10px;}

/*页面留白*/
.blank{ height:8px; line-height:8px; clear:both; visibility:hidden;}
.blank5{ height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
.blank10{ height:10px; line-height:10px; clear:both; visibility:hidden;}

/*主体样式开始*/
.wrapper { width:100%; height:100%; margin:0px auto 0px auto;}
.w1000{ width:1000px; margin:0px auto 0px auto; overflow:hidden;}

.page_left{ width:250px; float:left; margin-right:10px;}
.page_right{ width:740px; float:left; background:#fff; margin-top:20px;}

/*header*/
#header{ width:100%; margin:0px auto 0px auto; height:95px; overflow:hidden;}
.header{ width:1000px; margin:0px auto 0px auto; height:95px;}
.header_logo{ float:left; margin-top:15px;}
.tel{ width:520px; overflow:hidden; float:right; height:95px; background:url(../images/tel.png) no-repeat right;}
.tel_en{ width:520px; overflow:hidden; float:right; height:95px; background:url(../images/tel_en.png) no-repeat right;}

.bdshare{ float:left; margin:20px 0px 0px 100px; overflow:hidden; width:420px;}
.tel_txt{ float:left; width:500px; margin-left:20px;}
.tel_txt a{ margin:0px 5px; text-decoration:none; color:#666;}
.tel_txt a:hover{text-decoration:none; color:#d91d1c;}

#menu{ width:100%; margin:0px auto 0px auto; height:42px; background:#064f98;}
.menu{ width:1000px; margin:0px auto 0px auto; height:42px;}
.menu ul{ width:990px; float:left; padding:0px 5px;}
.menu li{ width:110px; height:42px; float:left; text-align:center; font-size:14px; line-height:42px; color:#fff; font-weight:bold;}
.menu li a{ color:#fff; text-decoration:none;}
.menu li a:hover,.menu li.noChild a{ width:110px; color:#fff; float:left; height:42px; background:#3f59ba;}
.menu li.cur a{ color:#fff;}

/*banner*/
#banner{ width:100%; overflow:hidden; margin:0px auto 0px auto;}
.banner { width: 1000px; height: 415px; position: relative; margin: 0 auto;}
#focus {width: 1920px;height:415px;overflow: hidden;position:absolute; left:-470px; top: 0; }
#focus ul {height: 415px;position: absolute;}
#focus ul li {float: left;width: 1920px;height: 415px;overflow: hidden;position: relative;}
#focus ul li a { display: block; width: 1920px; height: 415px;}
#focus .btn {width:84px;height:11px; margin: 0 auto;}
#focus .pre {left:390px;background: url(../images/prev.png) no-repeat center center; }
#focus .next {right:390px;background: url(../images/next.png) no-repeat center center; }
#focus .preNext {width:31px;height:53px;position: absolute;top:184px;cursor: pointer;}
#focus .btn span { display:block; float:left;width:11px;height:11px;margin:0  5px;cursor: pointer; background: url(../images/d1.png) no-repeat center center;}
#focus .btn span.on {  background: url(../images/d2.png) no-repeat center center;}
#focus .dw { width: 1920px; height: 10px; position: absolute; bottom: 10px; left: 0;}

#main_box{ width:100%; margin:0px auto 0px auto; background: url(../images/main_bg.jpg) repeat-x; min-height:448px; overflow:hidden;}
.main_box{ width:1000px; margin:0px auto 0px auto; overflow:hidden;}

.in_product{ width:1000px; margin:10px auto 0px auto; overflow:hidden;}

.in_product_tit{ width:1000px; float:left; height:36px; line-height:36px; /*border-bottom:1px solid #d5d5d5; background:url(../images/tit.gif) no-repeat;*/}
.ht{font-size:16px; color:#333; font-weight:bolder; text-decoration:none; /*padding-left:20px;*/}
.xi{font-size:12px; font-family:"微软雅黑"; color:#989899; text-decoration:none;}

.in_product_con{ width:1000px; float:left; overflow:hidden; margin-top:10px; min-height:200px;}
.in_product_con ul{ width:1000px; float:left;}

.in_product_con li{ width:232px; float:left; margin:0px 5px; padding:4px 4px 0px 4px; background:url(../images/product_li.jpg) no-repeat; height:316px;}
.in_product_con li:hover{ width:232px; float:left; margin:0px 5px; padding:4px 4px 0px 4px; background:url(../images/product_li_hover.jpg) no-repeat; height:316px; cursor:pointer;}
.in_product_con li p{ width:232px; height:232px; float:left; margin-bottom:10px;}
.in_product_con li h1{ width:232px; line-height:24px; color:#333; font-size:14px; font-weight:normal; text-align:center;}
.in_product_con li h1 a{ color:#333; text-decoration:none;}
.in_product_con li h1 a:hover{ color:#fff; text-decoration:none;}

.in_news{ width:380px; float:left;}
.in_news_tit{ width:380px; float:left; height:36px; line-height:36px; /*border-bottom:1px solid #d5d5d5; background:url(../images/tit.gif) no-repeat;*/}

.col_news_list{ width:380px; float:left; margin-top:0px;}
.col_news_list ul{ width:380px; float:left;}
.col_news_list li{ width:360px; float:left; line-height:24px; background:url(../images/ico1.jpg) no-repeat 0px 8px; margin-bottom:2px; padding-bottom:2px; padding-left:20px; border-bottom:1px dashed #ddd;}
.col_news_list li span{ float:right; color:#666;}
.col_news_list li a{ color:#333; text-decoration:none;}
.col_news_list li a:hover{ color:#dc1f18; text-decoration:none;}

.in_about{ width:350px; float:left; margin:0px 15px;}
.in_about_tit{ width:350px; float:left; height:36px; line-height:36px;/* border-bottom:1px solid #d5d5d5; background:url(../images/tit.gif) no-repeat;*/}
.in_about_con{ width:350px; float:left;}
.in_about_con img{ margin:10px 0px 8px 0px;}
.in_about_con p{ line-height:24px;}
.in_about_con p a{ color:#dc1f18;}

.in_contact{ width:240px; float:left; overflow:hidden;}
.in_contact_tit{ width:240px; float:left; height:36px; line-height:36px; /*border-bottom:1px solid #d5d5d5; background:url(../images/tit.gif) no-repeat;*/}
.in_contact_con{ float:left; width:240px; background:url(../images/contact_bg.jpg) no-repeat right;}
.in_contact_con ul{ float:left; width:240px; padding-top:10px;}
.in_contact_con li{ width:240px; float:left; color:#333; line-height:24px;}

/**/
#page_banner{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_1.jpg) no-repeat 50% 0px;}
#page_banner2{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_2.jpg) no-repeat 50% 0px;}
#page_banner3{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_3.jpg) no-repeat 50% 0px;}
#page_banner4{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_4.jpg) no-repeat 50% 0px;}
#page_banner5{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_5.jpg) no-repeat 50% 0px;}
#page_banner6{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_6.jpg) no-repeat 50% 0px;}
#page_banner7{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_7.jpg) no-repeat 50% 0px;}
#page_banner8{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_8.jpg) no-repeat 50% 0px;}
#page_banner9{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_9.jpg) no-repeat 50% 0px;}

#page_banner_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_1en.jpg) no-repeat 50% 0px;}
#page_banner2_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_2en.jpg) no-repeat 50% 0px;}
#page_banner3_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_3en.jpg) no-repeat 50% 0px;}
#page_banner4_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_4en.jpg) no-repeat 50% 0px;}
#page_banner5_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_5en.jpg) no-repeat 50% 0px;}
#page_banner6_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_6en.jpg) no-repeat 50% 0px;}
#page_banner7_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_7en.jpg) no-repeat 50% 0px;}
#page_banner8_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_8en.jpg) no-repeat 50% 0px;}
#page_banner9_en{ width:100%; height:240px; margin:0px auto 0px auto; background:url(../images/1_9en.jpg) no-repeat 50% 0px;}

/*left right*/

.left_about_top{ width:250px; font-size:16px; color:#fff; font-weight:bold; float:left; text-align:center; background:#0154a4; height:40px; line-height:40px;}
.left_about_con{ width:248px; float:left; border:1px solid #ddd; border-top:none; background:url(../images/menuBg.png) no-repeat #efeded left 25px;}
.left_about_con ul{ width:206px; float:left; padding:20px 21px;}
.left_about_con li{ width:186px; padding:0px 0px 0px 20px; font-size:14px; float:left; margin-bottom:15px; background:url(../images/li.png) no-repeat; height:29px; line-height:29px;}
.left_about_con li:hover{ width:186px; padding:0px 0px 0px 20px; font-size:14px; float:left; margin-bottom:15px; background:url(../images/li2.png) no-repeat; height:29px; line-height:29px; cursor:pointer;}
.left_about_con li a{ color:#fff; text-decoration:none}

.left_contact{ width:248px; float:left; border:1px solid #ddd; background:#fff; border-top:none;}
.left_contact_top{ width:248px; float:left; height:35px; background:url(../images/left_contact_top.jpg) no-repeat; margin-top:5px;}
.left_contact_con{ width:248px; float:left; overflow:hidden; background:url(../images/kfe_bg.jpg) no-repeat bottom right;}
.left_contact_con img{ text-align:center; margin-left:15px;}
.left_contact_con ul{ width:228px; float:left; padding:10px;}
.left_contact_con li{ width:228px; float:left; line-height:24px;}

.right_box{ width:738px; float:left; border:1px solid #ddd; overflow:hidden;}
.right_box_top{ width:700px; height:32px; padding:13px 0px 0px 38px; float:left; background:url(../images/rigtop.jpg) no-repeat;}
.right_box_top span{ float:left;}
.right_box_top span a{ color:#333; text-decoration:none;}

.page_content{ width:718px; padding:10px; float:left; font-size:14px; line-height:24px; color:#333; min-height:516px;}
.page_culture{ width:718px; padding:10px; float:left; font-size:14px; line-height:24px; color:#333; min-height:516px; background:url(../images/culture.jpg) no-repeat;}

.news_box,.products_box,.viewbox,.message_box{ width:718px; padding:10px; float:left; margin:0px auto; overflow:hidden; min-height:516px;}
.news_content{ width:663px; float:left; line-height:32px; float:left; margin-top:8px; background:url(../images/about_li.jpg) repeat-x;}
.news_content h1{ float:left; width:653px; padding-left:10px; font-size:14px; color:#333; font-weight:bold; line-height:32px; overflow:hidden;}
.news_content span{ float:right;}
.news_content span a{ color:#666; font-weight:normal; font-size:12px; text-decoration:none;}
.news_content ul,.news_list ul{ width:718px; float:left; overflow:hidden;}
.news_content li,.news_list li{ width:708px; padding-left:10px; float:left; line-height:26px; font-size:14px; margin-bottom:5px; border-bottom:1px dashed #ddd; background:url(../images/ico5.gif) no-repeat 0px 10px;}
.news_content li span,.news_list li span{ float:right;}
.news_content li a,.news_list li a{ color:#666; text-decoration:none;}
.news_content li a:hover,.news_list li a:hover{ color:#137fda; text-decoration:none;}

.news_list{ width:718px; float:left; margin-top:8px;}
.pages{ width:718px; float:left; margin-top:10px;}

.viewbox table tr td{ line-height:24px;}

.message_box span{ padding-top:10px; line-height:24px; float:left; overflow:hidden; width:728px;}
.message_boxForm{ width:728px; float:left; margin-top:10px;}

.products_list ul{ width:718px; float:left;}
.products_list li{ width:214px; float:left; margin:0px 9px 10px; border:3px solid #f5f5f5; text-align:center;}
.products_list li a{ color:#666; text-decoration:none;}
.products_list li p{ width:214px; float:left; text-align:center; line-height:24px; background:#f5f5f5; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; color:#666;}

#article_title { float:left; width:100%; text-align:center; line-height:22px; margin-bottom:8px; padding-top:10px;}
#article_title h1{-x-system-font:none; color:#ff5000; font-family:"微软雅黑",arial; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:30px;}

#article_small{ float:left; color:#666; width:100%; padding-top:7px; text-align:center; background:#f8f8f8; border:1px dotted #ddd; padding-bottom:6px;}
#article_small span{ margin-right:8px; color:#666;}
#article_small span a{ color:#666;}
#article_small span a:hover{ color:#996600;}

.view_content{ font-size:14px; float:left; color:#000; line-height:24px; font-family:宋体; width:708px; padding-top:10px; min-height:400px;}
.handle{ width:708px; overflow:hidden; clear:both; float:left;}
.handle ul{ width:708px; float:left;}
.handle li{ width:354px; float:left; height:28px; line-height:28px; color:#666;}
.handle li.pre{ text-align:left;}
.handle li.next{ text-align:right; width:344px; padding-right:10px;}
.handle li a{ color:#666; text-decoration:none;}
.handle li a:hover{ color:#ff5000; text-decoration:none;}*/

.products_content{ width:728px; float:left; overflow:hidden; /*height:300px;*/ margin:10px 0px;}

/*底部样式*/
#footer{ width:100%; margin:10px auto 0px auto; background:#3e3e3e; overflow:hidden;}

.footer{ width:1000px; overflow:hidden; margin:30px auto 0px auto;}
.footer_l{ width:199px; float:left;}
.footer_r{ width:150px; float:left;}
.footer_c{ width:651px; float:left;}
.footer_cbox{ width:80px; float:left; margin:0px 6px 0px 7px;}

.footer_l h1{ width:199px; float:left; color:#fff; font-size:12px; text-align:left; font-weight:normal; line-height:24px; margin-bottom:5px;}
.footer_r h1{ width:150px; float:left; color:#fff; font-size:12px; text-align:left; font-weight:normal; line-height:24px; margin-bottom:5px;}

.footer_l ul{ width:199px; float:left;}
.footer_l li{ width:199px; float:left; line-height:24px; font-size:12px; color:#bfc3c9;}

.footer_cbox h1{width:80px; float:left; color:#fff; font-size:12px; text-align:center; font-weight:normal; line-height:24px; margin-bottom:5px;}
.footer_cbox ul{ width:80px; float:left;}
.footer_cbox li{ width:80px; float:left; line-height:24px; font-size:12px; color:#fff; text-align:center;}
.footer_cbox li a{ color:#bfc3c9; text-decoration:none;}
.footer_cbox li a:hover{ color:#fff; text-decoration:none;}

#bottom_box{ width:100%; margin:0px auto 0px auto; background:#202020; border-top:1px solid #3d444c; overflow:hidden;}
.bottom_box{ width:1000px; text-align:center; line-height:24px; padding:5px 0px; color:#909090; overflow:hidden; margin:0px auto 0px auto;}
.bottom_box a{ color:#909090; text-decoration:none;}