body,div,ul,li,ol,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,fieldset,form,textarea,p,th,td,button,blockquote,span,img{margin:0;padding:0;}
body{color:#666; width:100%; font-family:Arial,"微软雅黑"; font-size:12px;min-width: 1300px; background: #fff; line-height: 22px;}
fieldset,img,input,button{border:0;}
ul,li{list-style-type:none;}
a{ color:#666;text-decoration:none;}
a:hover{ color:#4a97e8; text-decoration: underline;}
.div1300{ width: 1300px; margin: 0 auto;}



/*index*/
#top{ float: left; width: 100%; height: 90px; background: url("../jpg/top_bj-2.jpg") no-repeat center top;}
#top h1{ float: left; margin: 13px 0 0 0;}
.top_ri{ float: right; width: 654px; padding: 11px 0 0 0;}
.top_ri p{ float: left; width: 100%; text-align: right; font-size: 20px; font-weight: bold; line-height: 34px; color: #fff;}


#banner{ float: left; width: 100%; height: 500px; background: url("../jpg/banner_bj-2.jpg") no-repeat center top;}
.banner_le{ float: left; width:650px;}
.banner_le dl{ float: left; width: 500px; padding: 0 130px 0 0; color: #fff; margin: 50px 0 0 0;}
.banner_le dl dt{ float: left; width: 100%; font-size: 64px; font-weight: bold; line-height: 80px; margin: 0 0 20px 0;}
.banner_le dl dd{ float: left; width: 100%; line-height: 46px; font-size: 24px;}
.banner_le p{ float: left; margin: 60px 0 0 0;}
.banner_le p a{ width: 140px; height: 50px; float: left; background: url("../jpg/more-2.jpg") no-repeat right center; line-height: 50px; padding: 0 0 0 28px; font-size: 20px; font-weight: bold; color: #1c599b; text-decoration: none;}
.banner_ri{ float: right; width:650px;}
.banner_ri dl{ float: right; width: 500px; padding: 0 0 0 130px; color: #fff; margin: 95px 0 0 0; text-align: right;}
.banner_ri dl dt{ float: left; width: 100%; font-size: 64px; font-weight: bold; line-height: 80px; margin: 0 0 20px 0;}
.banner_ri dl dd{ float: left; width: 100%; line-height: 46px; font-size: 24px;}
.banner_ri p{ float: right; margin: 60px 0 0 0;}
.banner_ri p a{ width: 140px; height: 50px; float: left; background: url("../jpg/more-2.jpg") no-repeat right center; line-height: 50px; padding: 0 0 0 28px; font-size: 20px; font-weight: bold; color: #1c599b; text-decoration: none;}


#i_news{ float: left; width: 100%; background: url("../jpg/news_bj-2.jpg") no-repeat center top; height: 160px; padding: 0px 0;}
/*#i_news_bg{ height: 160px;background: rgba(0, 0, 0, 0.3);z-index: 999;margin: 0 auto;}*/
.i_news_tit{ float: left; width: 100%; color: #fff; line-height: 36px; margin: 0 0 4px 0;}
.i_news_tit{ float: left; width: 100%; color: #fff; line-height: 36px; margin: 13px 0 4px 0;}
.i_news_tit p{ float: left; font-size: 22px; font-weight: bold;}
.i_news_tit span{ float: right;}
.i_news_tit span a{ color: #fff; font-size: 18px;}
.i_news_con{ float: left; width: 100%;}
.i_news_con li{ float: left; width: 100%; line-height: 30px; font-size: 18px; color: #fff;}
.i_news_con li p{ float: left; width: 950px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.i_news_con li p a{ color: #fff;}
.i_news_con li s{ float: right; text-decoration: none;}


#bottom{ float: left; width: 100%; background: url("../jpg/bottom_bj-2.jpg") no-repeat center top;}
.map{ float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #3985be;}
.map_le{ float: left; width: 470px;}
.map_le dl{ float: left; width: 100%;}
.map_le dl dt{ float: left; width: 68px; height: 72px; margin: 0 28px 0 0;}
.map_le dl dd{ float: left; width: 374px; font-size: 16px; font-weight: bold; color: #fff; line-height: 25px;}
.map_le ul{ float: left; width: 100%; margin: 25px 0 0 0;}
.map_le ul li{ float: left; width: 100%; line-height: 32px; font-size: 20px; color: #fff;}
.map_ri{ float: right; width: 648px;}
.map_ri dl{ float: left; width: 175px; margin: 0 0 0 40px;}
.map_ri dl dt{ float: left; width: 135px; text-align: center; line-height: 32px; padding: 0 0 10px 0; border-bottom: 1px solid #397eb5; font-size: 18px; font-weight: bold; color: #fff; margin: 0 0 10px 0;}
.map_ri dl dd{ float: left; width: 135px; line-height: 32px; font-size: 18px; text-align: center;}
.map_ri dl dd a{ color: #d5deea;}
.copyright{ float: left; width: 100%; font-size: 16px; color: #fff; line-height: 52px;text-align: center;}



#kef{ position: fixed; right: 0; bottom: 20%; width: 190px; border-radius: 10px 0 0 10px; background: #009ee8;}
.kef_con{ float: left; width: 150px; background: #fff; padding:10px; margin: 8px; border-radius: 5px; box-shadow: 0 0 5px #0077ae;}
.kef_con dl{ float: left; width: 100%;}
.kef_con dl dt{ float: left; width: 100%; line-height: 36px; font-size: 16px; color: #10a6ea; border-bottom: 2px solid #8cd9fc;}
.kef_con dl dd{ float: left; width: 100px; border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; font-size: 18px; background: url("../png/qq-2.png") no-repeat left center; padding: 0 0 0 24px;}
.kef_con dl dd a{ color: #009ae7;}
/*index*/



/*spring*/
#spring{ float: left; width: 100%; height: 500px; background: url("../jpg/banner_bj2-2.jpg") no-repeat center top;}
#machining{ float: left; width: 100%; height: 500px; background: url("../jpg/banner_bj3-2.jpg") no-repeat center top;}
.spring_ri{ float: right; width: 500px;}
.spring_ri dl{ float: left; width: 100%; margin: 18px 0 0 0;}
.spring_ri dl dt{ float: left; width: 100%; font-size: 26px; font-weight: bold; color: #fff; line-height: 46px;}
.spring_ri dl dd{ float: left; width: 100%; line-height: 22px; font-size: 16px; color: #fff;}
/*spring*/



/*products*/
#n_menu{ float: left; width: 100%; margin: 20px 0 0 0;}
#n_menu ul{ float: left; width: 1310px;}
#n_menu ul li{ float: left; width: 208px; height: 56px; margin: 10px 10px 0 0;box-shadow: 5px 5px 2px #a7a6a6;}
#n_menu ul li a{ float: left; width: 100%; text-align: center; line-height: 56px; background: #f0f0f0; font-size: 22px; font-weight: bold; color: #333; text-decoration: none;}
#n_menu ul li a.hov_1{ background: url("../jpg/n_menu_bj-2.jpg") repeat-x left top; color: #fff;}


#n_banner{ float: left; width: 100%; margin: 15px 0 0 0;}
#n_banner img{ float: left; width: 100%;}


#pro_con{ float: left; width: 100%;}
#pro_con ul{ float: left; width: 1315px;}
#pro_con ul li{ float: left; width: 248px; margin: 15px 15px 0 0;}
#pro_con ul li img{ float: left; width: 100%; box-shadow: 5px 5px 2px #a7a6a6;}

.page{ float: left; width: 100%; margin: 34px 0;}
.page dl{ float: left;}
.page dl dd{ float: left; width: 46px; height: 46px; margin: 0 10px 0 0;}
.page dl dd a{ float: left; width: 100%; line-height: 46px; font-size: 22px; text-align: center; background: #f0f0f0; border-radius: 50%; text-decoration: none; color: #666;}
.page dl dd a.hov_2{ background: url("../jpg/page_bj-2.jpg") repeat-x left top; color: #fff; font-weight: bold;}
.page p{ float: left; width: 122px; height: 46px; line-height: 46px; text-align: center; background: url("../jpg/page_bj-2.jpg") repeat-x left top; border-radius: 23px;}
.page p a{ width: 100%; height: 100%; float: left; font-size: 20px; color: #fff; text-decoration: none;}
/*products*/



/*products_1*/
#products_1{ float: left; width: 100%; margin: 10px 0 26px 0;}
.products_1_tit{ float: left; width: 1260px; background: url("../jpg/products_1_tit_bj-2.jpg") repeat-y left top; height: 60px; padding: 0 20px; line-height: 60px; font-size: 22px; font-weight: bold; color: #fff;}
.products_1_con{ float: left; width: 1210px; background: #f6f6f6; padding: 30px 45px;}
.products_1_c_img{ float: left; width: 100%;}
.products_1_c_img p{ float: left; width: 380px;height: 285px; margin: 0 20px 0 0;}
.products_1_c_img p img{ float: left; height: 285px;}
.products_1_c_con{ float: left; width: 100%;}
.products_1_c_c_tit{ float: left; width: 100%; margin: 25px 0 0 -25px; font-size: 22px; font-weight: bold; color: #333; line-height: 38px;}
.products_1_c_c_con{ float: left; width: 100%;}
.products_1_c_c_con p{ float: left; width: 100%; margin: 5px 0 0 0; font-size: 18px; line-height: 36px; color: #333;}
.products_1_c_c_con img{
    float: left; 
    max-width: 1210px;
    margin: 7px 10px 0 0;
}
.products_1_c_c_con p span{
    font-size: 18px;
}
/*products_1*/



/*superior*/
#superior{ float: left; width: 100%; margin: 20px 0;}
.superior_con{ float: left; width: 100%; padding: 0 0 20px 0;}
.superior_con_tit{ float: left; width: 100%; line-height: 50px; font-size: 22px; color: #1c599b; font-weight: bold;}
.superior_con_con{ float: left; width: 100%;}
.superior_con_con p{ float: left; width: 100%; margin: 0 0 20px 0; font-size: 18px; line-height: 36px; color: #333;}
.superior_con_con img{ float: left; max-width: 1210px;}
/*superior*/



/*company*/
#route{ float: left; width: 100%; height: 60px; margin: 20px 0 30px 0;}
.route_con{ float: left; width: 100%; border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 60px;}
.route_con a{ color: #333;}
.route_con a.ls{ color: #1c599b;}

#company{ float: left; width: 100%; margin: 20px 0 30px 0;}
.company_con{ float: left; width: 100%; padding: 0 0 30px 0;}
.company_con_tit{ float: left; width: 100%; line-height: 50px; font-size: 22px; color: #1c599b; font-weight: bold;}
.company_con_con{ float: left; width: 100%;}
.company_con_con_img{ float: left; width: 400px; height: 265px;}
.company_con_con_img img{ float: left; width: 100%;}
.company_con_con_ri{ float: right; width:800px; padding: 0 60px 0 0;}
.company_con_con_ri p{ float: left; width: 100%; line-height: 36px; font-size: 18px; color: #333; margin: 0 0 20px 0;}
.company_con_con_ri2{ float: right; width:800px; padding: 0 60px 0 0;}
.company_con_con_ri2 p{ float: left; width: 100%; line-height: 38px; font-size: 18px; color: #333; margin: 0 0 0 0;}
.company_con_con_ri2 div{margin-top: 26px;height: 276px;line-height: 2;padding-left: 20px;}
/*company*/



/*idea*/
.idea{ float: left; width: 100%;}
.idea_img{ float: left; width: 400px; height: 265px;}
.idea_img img{ float: left; width: 100%;}
.idea_ri{ float: right; width:800px; padding: 0 60px 0 0;}
.idea_ri p{ float: left; width: 750px; background: url("../png/q-2.png") no-repeat left center; padding: 0 0 0 50px; line-height: 86px; font-size: 20px; color: #333;}
/*idea*/



/*culture*/
.culture{ float: left; width: 100%;}
.cul{ float: left; width: 100%; margin: 0 0 10px 0;}
.cul p{ float: left; width: 400px; margin: 0 30px 0 0;}
.cul p img{ float: left; width: 100%;}
.cul dl{ float: left; width: 780px; margin: 40px 0 0 0;}
.cul dl dt{ float: left; width: 730px; background: url("../png/q-2.png") no-repeat left center; font-size: 30px; line-height: 50px; color: #1c599b; font-weight: bold; padding: 0 0 0 50px; margin: 0 0 20px 0;}
.cul dl dd{ float: left; width: 730px; padding: 0 0 0 50px; line-height: 36px; font-size: 20px; color: #333;}
/*culture*/



/*contact*/
.contact{ float: left; width: 100%;}
.contact_le{ float: left; width: 360px; height: 500px;}
.contact_le img{ float: left; width: 100%;}
.contact_ri{ float: left; width: 870px; border-top: 1px solid #e8eef5; margin: 0 0 0 40px;}
.cco{ float: left; width: 100%; border-bottom: 1px solid #e8eef5; padding: 20px 0;}
.cco dl{ float: left; width: 405px; margin: 0 30px 0 0; color: #333;}
.cco dl dt{ float: left; width: 100%; font-size: 18px; font-weight: bold; line-height: 38px;}
.cco dl dd{ float: left; width: 100%; font-size: 16px; line-height: 36px;}
/*contact*/



/*news*/
#news{ float: left; width: 100%; margin: 30px 0;}
.news_con{ float: left; width: 100%; padding: 0 0 30px 0;}
.news_con_tit{ float: left; width: 100%; line-height: 50px; font-size: 30px; color: #1c599b; font-weight: bold; margin: 20px 0;}
.news_con_con{ float: left; width: 100%;}
.news_con_con li{ float: left; width: 100%; line-height: 40px; font-size: 18px; color: #999;}
.news_con_con li p{ float: left; width: 950px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.news_con_con li p a{ color: #333;}
.news_con_con li s{ float: right; text-decoration: none; margin: 0 30px 0 0;}
/*news*/



/*news_1*/
#news_1{ float: left; width: 100%; margin: 30px 0;}
.news_1_con{ float: left; width: 100%; padding: 0 0 30px 0;}
.news_1_con_tit dl{ float: left; width:1270px;}
.news_1_con_tit dl dt{ float: left; width: 100%; font-size: 26px; color: #1c599b; font-weight: bold; line-height: 50px; margin: 0 0 10px 0;}
.news_1_con_tit dl dd{ float: left; width: 100%; line-height: 26px; color: #999; font-size: 16px;}
.news_1_con_con{ float: left; width: 1250px; margin: 10px 0 0 0;}
.news_1_con_con p{ float: left; width: 100%; margin: 10px 0 0 0; font-size: 18px; color: #333; line-height: 30px;}
.news_1_con_con p img{ float: left;max-width: 1250px;}
/*news_1*/