@charset "utf-8";
/* CSS Document */
html,body,ul,li,img{ margin:0; padding:0; border:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
body{ color:#000; font-family:Calibri,Arial;}
.clear{ clear:both; height:0; line-height:0; display:block;}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}

/* index */
.index_bg{ width:100%; height:100%; position:absolute; background:url(../images/index_bg.jpg) #000;}
.index{ position:absolute; left:50%; top:50%; width:960px; height:450px; margin:-225px -480px;}
.index_01{padding-bottom:60px;}
.index_01l{ float:left; margin-left:295px;}
.index_01r{ float:left; margin-left:33px;}
.index_03{ width:120px; height:18px; margin:44px auto 0; color:#fff; font:14px/18px Calibri,Arial;}
.index_03 a{color:#fff;}
/* main */
.top{ width:1190px; height:135px; margin:0 auto;}
.top_l{ float:left; padding:18px 0 0 69px;}
.top_r{ float:right;}
.menu{ width:515px; height:24px; padding:35px 0;}
.menu>li{ float:left; width:100px; text-align:center; font:18px/24px Calibri,Arial;  position:relative;}
.menu>li a{ color:#000;}
.menu>li a:hover{ text-decoration:underline;}

.menu>li>ul{ display:none; position:absolute; left:15px; top:24px; padding-top:5px; width:150px; text-align:left; z-index:99;}
.menu>li:hover>ul{ display:block;}
.menu>li>ul>li{ font:14px/18px Calibri,Arial; padding:5px 10px; background:#eee; position:relative;}
.menu>li>ul>li:hover{ background:#ccc;}
.menu>li>ul>li>ul{ display:none; position:absolute; left:150px; top:0; width:150px; z-index:100; background:#fff;}
.menu>li>ul>li:hover>ul{ display:block;}
.menu>li>ul>li>ul>li{ font:12px/18px Calibri,Arial; padding:5px 10px; background:#eee; text-align:left;}
.menu>li>ul>li>ul>li:hover{ background:#ddd;}

.top_r2{height:20px;}
.top_r2a{ float:right; margin-right:15px; font:12px/18px "宋体";}
.top_r2b{ float:right; margin-right:50px;}
.top_r2c{ float:right;}
.top_r2c input{ margin:0; padding:0; width:190px; padding:0 5px; height:18px; font:12px/18px "宋体"; border:solid 1px #e3e3e3;}
.kv_bg{ position:relative;}
.kv_show{ display:none;}
.kv_show>div{ width:1190px; margin:0 auto;}
.kv_show>div>img{ width:100%;}
.kv_but{ position:absolute; bottom:20px; left:50%; margin-left:-20px;}
.kv_but>div{ float:left; margin-right:10px; cursor:pointer;}
.kv_but>div>.on{ display:none;}

.center{ width:1190px; margin:0 auto;}
.tit01{ padding:32px 0 20px 50px; font:18px/24px Calibri,Arial;}

/*20150111添加及修改 s*/
.main_pro{ width:100%; overflow-x:hidden; position:relative;}
.ban_left{ position:absolute; left:30px; top:50px; cursor:pointer;}
.ban_right{ position:absolute; right:30px; top:50px; cursor:pointer;}
.main_pro_div{ width:9999px;}
.main_pro_div li{ float:left;}
.main_pro img{ width:100%;}
/*20150111添加及修改 o*/

.cen2{ width:1152px; padding:0 19px;}
.hot_pro{ float:left; width:568px; margin:0 4px;}
.tit02{ padding:20px 10px 16px 30px; height:23px; font-size:18px; font-weight:bold; font-style:italic; text-decoration:underline;}
.hot_pro_2{ width:536px; height:155px; background:#f6f9f9; padding:20px 16px;}
.hot_pro_l{ float:left; width:108px;}
.hot_pro_r{ float:left; width:413px; padding-left:15px; font-size:16px; line-height:24px;}
.hot_pro_r span{ font-weight:bold; font-style:italic;}

.cen3{ padding:10px 9px 0;}
.cen3_l{ float:left; width:302px; height:406px; margin:0 14px; background:#ebfced; padding:20px 30px; font-size:14px; line-height:22px; font-family:Arial;}
.cen3_c{ float:left; width:445px; height:446px; margin:0 14px;}
.cen3_r{ float:left; width:280px; height:446px; margin:0 14px;}
.cen3_c img{ width:100%;}
.cen3_r img{ width:100%;}
.tit03{ font-size:18px; line-height:24px; font-style:italic;}
.cen3_img{ padding:15px 0;}
.cen3_img img{ height:40px;}
.cen3_more{ text-align:right; padding-top:20px; font-family:Calibri,Arial; font-size:14px; font-style:italic;}
.cen3_c1{ padding:0 10px; height:241px; font-size:18px; line-height:24px;}
.cen3_c1>div{ font-size:14px; line-height:24px;}
.tit04{ font-size:18px; padding:15px 0;}
.cen3_img2{ padding:30px 0 10px;}
.cen3_r2{ margin:0 0 0 10px; font-size:18px; line-height:32px;}
.cen3_r2 li{ font-size:14px; line-height:18px; padding:5px 0;}

.con_text{ position:relative; padding-top:30px;}


.bottom{ width:1190px; margin:0 auto;}
.bot1{ padding:42px 0 22px; border-bottom:solid 1px #b5b5b5;}
.bot1_l{ float:left; width:133px;}
.bot1_r{ width:1190px; background:#ddd; height:60px; padding:9px 0 4px; color:#666; font:12px/18px "宋体";}
.bot1_r>div{ margin-right:10px; float:right;}
.bot1_r_wz1{ width:50px; padding:3px 0;}
.bot1_r_wz2{ width:58px; padding:3px 0;}
.bot1_r_tb{ margin-bottom:35px;}
.bot2{ padding:35px 0; border-bottom:solid 1px #b5b5b5;}
.bot2>ul{ padding-left:20px; float:left;}
.bot2_ul1{ width:180px;}
.bot2_ul2{ width:160px;}
.bot2_ul3{ width:220px;}
.bot2_ul4{ width:260px;}
.bot2_ul5{ width:260px;}
.bot2 li{ font-size:18px; line-height:24px; padding:6px 0;}
.bot3{ padding:10px 20px; text-align:right;}

.bot2 a{ color:#000;}
.bot2 a:hover{ color:#0011e6;}

.ny_nav{ margin-left:40px;}
.ny_nav>div{ font-weight:bold; font-size:18px; line-height:24px; padding:6px 0; cursor:pointer;}

.cp_nav{ margin-left:10px;}
.cp_nav>div{ font-weight:bold; font-size:18px; line-height:24px; padding:6px 0; cursor:pointer;}
.cp_nav>div:hover{}
.cp_nav>ul{ padding:5px 0 5px 10px; display:none;}
.cp_nav>ul.on{ display:block;}
.cp_nav>ul li{ font-weight:normal; font-size:16px; line-height:18px; padding:4px 0;}
.ny_cen{ width:1190px; margin:0 auto; padding-top:50px;}
.ny_left{ float:left; width:270px;}
.ny_right{ float:left; margin-left:60px; width:860px; font:14px/24px Calibri,Arial;}
.ny_logo{ padding:0 0 40px 40px;}
.ny_right h1{ padding:10px 0; font-size:24px; line-height:30px; border-bottom:solid 1px #000;}
.ny_right h2{ padding:10px 0; font-size:18px; line-height:30px; border-bottom:solid 1px #000;}
.ny_right h4{ padding-top:20px; font-size:16px;}
.wz1{ font-size:14px; line-height:24px;}

.img1{ float:right; margin-left:10px;}
.img2{ float:right; margin:40px 0 0 10px;}
.img3{ width:100%; padding-top:30px; text-align:center;}
/*news*/
.new_bt{ margin-left:40px; width:700px; font:bold 24px/36px Calibri,Arial; padding:10px 0; border-bottom:solid 1px #000;}
.new_ul{ padding:30px 0;}
.new_ul li{ padding:12px 0 8px; font:14px/24px Arial; border-bottom:dashed 1px #ccc; font-style:italic;}
.new_ul li span{ float:right; font-style:normal; font-size:12px; color:#999;}

.ym{ text-align:center;}
/* about*/

.about_ban{ margin-top:50px; width:100%;}
.about_ban>img{ width:100%;}
.ny_bot_pic{ padding:30px 0 0 10px;}
.ny_bot_pic>div{ margin-top:10px;}
/* company*/
.com_cen{ width:1115px; padding-right:75px; margin:0 auto; padding-top:50px;}
/*project*/
.proj_text{ font-size:18px; line-height:32px;}
.proj_ul{ padding:10px 0;}
.proj_ul li{ font-size:14px; line-height:24px; font-style:italic;}
.proj_ul li a{ text-decoration:underline;}
/* product*/
.pro_ul li{ padding:30px 0;}
.pro_ul li img{ width:100%;}
.pro_ul2{ padding:20px 0;}
.pro_ul2 li{ float:left; width:180px; height:236px; text-align:center; margin:0 15px;}
.pro_ul2 li h5{ height:48px; padding:10px 0; line-height:24px; text-align:center;}
.pro_ul2 li>div{ width:180px; height:180px; line-height:180px; vertical-align:middle; display:table-cell; text-align:center;}
.pro_ul2 li img{ max-width:180px; max-height:180px;}
.pro_text{ float:left; width:730px;}
.pro_tk{ float:left; width:130px;}
.pro_tk li{ cursor:pointer;}
.pro_swf{ padding-bottom:30px;}
@media screen and (max-width: 1200px){

.top{ width:1000px;}
.top_l{ float:left; padding:18px 0 0 29px;}
.kv_show>div{ width:1000px;}
.center{ width:1000px;}

.cen2{ width:970px; padding:0 14px;}
.hot_pro{ width:477px;}
.hot_pro_2{ width:446px;}
.hot_pro_r{ width:323px; line-height:20px;}


.cen3_l{ width:270px; height:376px; margin:0 10px; padding:20px; font-size:12px; line-height:20px;}
.cen3_c{ width:372px; height:416px; margin:0 10px;}
.cen3_r{ width:240px; height:416px; margin:0 10px;}
.cen3_font1{ font-size:14px; line-height:26px;}
.cen3_font2{ font-size:13px; line-height:24px;}
.cen3_more{ font-size:12px;}
.cen3_c1{ font-size:16px; line-height:24px;}
.cen3_r2{ font-size:16px; line-height:32px;}
.cen3_r2 li{ font-size:12px;}
.tit04{ padding:10px 0;}

.bottom{ width:1000px;}
.bot1_r{ width:1000px;}
.bot2{ padding:25px 0;}
.bot2>ul{ padding-left:10px;}
.bot2_ul1{ width:160px;}
.bot2_ul2{ width:150px;}
.bot2_ul3{ width:200px;}
.bot2_ul4{ width:220px;}
.bot2_ul5{ width:220px;}
.bot2 li{ font-size:16px; line-height:20px;}


.ny_cen{ width:1000px;}
.ny_right{ margin-left:0; width:730px;}
.ny_right_com{ width:655px;}


.about_cen{ width:1000px;}
.com_cen{ width:925px;}

.pro_ul2 li{ float:left; width:160px; height:216px; text-align:center; margin:0 11px;}
.pro_ul2 li>div{ width:160px; height:160px; line-height:160px;}
.pro_ul2 li img{ max-width:160px; max-height:160px;}
.pro_text{width:600px;}

	}