.clearFix:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; }

.top { width: 100%; background: #01419a; height: 2px; }

#header { width: 1200px; margin: auto; }
#header .logo { float: left; margin-top: 25px; }
#header #nav { float: left; width: 730px; margin-left: 70px; }
#header #nav .snav_list { float: left; width: 104px; cursor: pointer; text-align: center; position: relative; padding-top: 50px; padding-bottom: 10px; }
#header #nav .snav_list a { display: inline-block; }
#header #nav .snav_list ul { position: absolute; left: -23px; top: 75px; width: 150px; background: #FFFFFF; display: none; z-index: 5; }
#header #nav .snav_list ul li { padding-bottom: inherit; line-height: 36px; border-bottom: solid 1px #ccc; }
#header #nav .snav_list ul li a { color: #666; }
#header #nav .snav_list ul li:hover { background: #29599D; }
#header #nav .snav_list ul li:hover a { color: #FFFFFF; }
#header #nav li:hover { background: #9bd17e; }
#header #nav li:hover a { color: #FFFFFF; }
#header .language { float: right; margin-top: 50px; }
#header .language a { font-size: 14px; color: #666666; }
#header .language a:hover { color: #01419A; }

.banner_box { width: 100%; height: 610px; margin-top: 10px; position: relative;overflow: hidden; }
.banner_box #banner { width: 1920px; height: 610px; margin: auto; position: absolute; left: 50%; top: 0; margin-left: -960px; }
.banner_box #banner .prev { width: 60px; height: 60px; border-radius: 30px; border: solid 2px #CCCCCC; color: #29599d; background: rgba(255, 255, 255, 0.5); position: absolute; left: 360px; top: 280px; z-index: 2; text-align: center; line-height: 60px; font-size: 36px; }
.banner_box #banner .next { width: 60px; height: 60px; border-radius: 30px; border: solid 2px #CCCCCC; color: #29599d; background: rgba(255, 255, 255, 0.5); position: absolute; right: 360px; top: 280px; z-index: 2; text-align: center; line-height: 60px; font-size: 36px; }
.banner_box #banner ul { width: 180px; margin: auto; position: absolute; left: 50%; bottom: 30px; margin-left: -80px; }
.banner_box #banner ul li { width: 16px; height: 16px; border: solid 3px #01419a; float: left; margin-right: 15px; z-index: 3; border-radius: 10px; cursor: pointer; }
.banner_box #banner ul li:nth-of-type(5n) { margin-right: 0; }

.sabout_box .satitle h1, .factory_box .factory .sftitle h1, .sproduct_box .ptitle h1, .snews_box .snewscenter .snitle h1 { font-size: 24px; margin-bottom: 20px; }

.sabout_box .satitle div, .factory_box .factory .sftitle div, .sproduct_box .ptitle div, .snews_box .snewscenter .snitle div { width: 66px; height: 2px; background: #9BD17E; margin: auto; margin-bottom: 10px; }

.sabout_box .satitle p, .factory_box .factory .sftitle p, .sproduct_box .ptitle p, .snews_box .snewscenter .snitle p { font-size: 14px; line-height: 24px; }

.sabout_box { width: 1200px; margin: auto; margin-top: 60px; }
.sabout_box .satitle { text-align: center; }
.sabout_box .satitle h1 { color: #333333; }
.sabout_box .satitle p { color: #999999; }
.sabout_box .sabout { width: 1200px; height: auto; margin-top: 30px; }
.sabout_box .sabout .saleft { float: left; width: 5px; height: 60px; background: #01419A; margin-top: 20px; }
.sabout_box .sabout .saimg { float: left; width: 358px; height: 350px; background: #f1f1f1; }
.sabout_box .sabout .saimg strong { display: block; text-align: center; margin-top: 20px; color: #999999; margin-bottom: 10px; }
.sabout_box .sabout .saimg h2 { font-weight: bold; color: #798ebb; font-size: 18px; font-style: italic; text-align: center; }
.sabout_box .sabout .saimg p { text-align: center; color: #999999; margin-top: 10px; margin-bottom: 10px; }
.sabout_box .sabout .sabox { float: left; margin-top: 20px; width: 837px; height: 350px; }
.sabout_box .sabout .sabox .saboxtop { width: 306px; height: 58px; background: #01419A; }
.sabout_box .sabout .sabox .saboxtop strong { display: block; padding-top: 10px; color: #FFFFFF; margin-bottom: 8px; padding-left: 30px; font-size: 12px; }
.sabout_box .sabout .sabox .saboxtop h3 { color: #FFFFFF; font-size: 15px; padding-left: 30px; }
.sabout_box .sabout .sabox .saboxtop div { width: 66px; height: 1px; background: #FFFFFF; margin-top: 8px; margin-left: 30px; }
.sabout_box .sabout .sabox p { width: 837px; padding-left: 30px; font-size: 16px; line-height: 24px; color: #666666; margin-top: 30px; }
.sabout_box .sabout .sabox .saico { width: 837px; margin-top: 40px; }
.sabout_box .sabout .sabox .saico .more { float: left; margin-left: 30px; margin-top: 20px; }
.sabout_box .sabout .sabox .saico ul { float: right; width: 600px; height: 50px; margin-top: 10px; }
.sabout_box .sabout .sabox .saico ul li { float: left; font-size: 12px; width: 120px; padding-left: 60px; overflow: hidden; height: 50px; margin-right: 10px; line-height: 18px; padding-top: 5px; }
.sabout_box .sabout .sabox .saico ul .sico1 { background: url(../img/water.png) left center no-repeat; }
.sabout_box .sabout .sabox .saico ul .sico2 { background: url(../img/heater.png) left center no-repeat; }
.sabout_box .sabout .sabox .saico ul .sico3 { background: url(../img/trophy.png) left center no-repeat; }

.factory_box .factory .fmore, .snews_box .snewscenter .nmore { width: 1200px; margin: auto; margin-top: 60px; margin-left: 905px; }

.factory_box { width: 100%; height: 585px; margin-top: 60px; position: relative;overflow: hidden; }
.factory_box .factory { width: 1920px; margin: auto; position: absolute; left: 50%; top: 0; background: url(../img/factroy_pic.jpg) left center no-repeat; margin-left: -960px; height: 585px; }
.factory_box .factory .sftitle { text-align: center; padding-top: 60px; }
.factory_box .factory .sftitle h1 { color: #FFFFFF; }
.factory_box .factory .sftitle p { color: #ececeb; }
.factory_box .factory .factory_pic { width: 1200px; margin: auto; margin-top: 80px; }
.factory_box .factory .factory_pic a { float: left; width: 300px; height: 216px; }

.sproduct_box { width: 1200px; margin: auto; margin-top: 60px; }
.sproduct_box .ptitle { text-align: center; }
.sproduct_box .ptitle h1 { color: #333333; }
.sproduct_box .ptitle p { color: #999999; }
.sproduct_box .pnav { width: 888px; margin: auto; margin-top: 30px; }
.sproduct_box .pnav li { float: left; border: solid 1px #CCCCCC; padding: 5px 30px 5px 30px; line-height: 24px; font-size: 14px; color: #01419a; cursor: pointer; }
.sproduct_box .pnav .current { border: none; background: #9BD17E; color: #F1F1F1; border: solid 1px #9BD17E; transition: 0.3s; }
.sproduct_box .EN_pnav { width: 1100px; margin: auto; margin-top: 30px; }
.sproduct_box .EN_pnav li { float: left; border: solid 1px #CCCCCC; padding: 5px 30px 5px 30px; line-height: 24px; font-size: 14px; color: #01419a; cursor: pointer; }
.sproduct_box .EN_pnav .current { border: none; background: #9BD17E; color: #F1F1F1; border: solid 1px #9BD17E; transition: 0.3s; }
.sproduct_box .RU_pnav { width: 1100px; margin: auto; margin-top: 30px; }
.sproduct_box .RU_pnav li { float: left; border: solid 1px #CCCCCC; padding: 5px 20px 5px 20px; line-height: 24px; font-size: 14px; color: #01419a; cursor: pointer; }
.sproduct_box .RU_pnav .current { border: none; background: #9BD17E; color: #F1F1F1; border: solid 1px #9BD17E; transition: 0.3s; }
.sproduct_box .pbox { width: 1200px; height: 350px; margin-top: 60px; display: none; }
.sproduct_box .pbox li { float: left; width: 260px; margin-right: 48px; border: solid 1px #e5e5e5; height: 350px; overflow: hidden; }
.sproduct_box .pbox li img { width: 260px; height: 164px; overflow: hidden; }
.sproduct_box .pbox li h4 { text-align: center; font-size: 16px; color: #01419A; margin-top: 20px; }
.sproduct_box .pbox li p { width: 230px; font-size: 12px; color: #666666; line-height: 20px; margin: auto; margin-top: 10px; height: 80px; overflow: hidden; }
.sproduct_box .pbox li a { display: block; width: 30px; height: 30px; border-radius: 15px; background: rgba(1, 65, 154, 0.5); color: #FFFFFF; line-height: 30px; text-align: center; margin: auto; margin-top: 20px; margin-bottom: 20px; }
.sproduct_box .pbox li a:hover { background: #01419a; transition: 0.51s; }
.sproduct_box .pbox li:nth-of-type(4n) { margin-right: 0; }

.snews_box { width: 100%; height: 620px; margin-top: 60px; position: relative; overflow: hidden;}
.snews_box .snewscenter { width: 1920px; height: 620px; margin: auto; position: absolute; left: 50%; top: 0; margin-left: -960px; background: url(../img/news_bg.jpg) left center no-repeat; }
.snews_box .snewscenter .snitle { text-align: center; padding-top: 60px; }
.snews_box .snewscenter .snitle h1 { color: #FFFFFF; }
.snews_box .snewscenter .snitle p { color: #ececeb; }
.snews_box .snewscenter .snews_list { width: 1200px; margin: auto; margin-top: 60px; }
.snews_box .snewscenter .snews_list ul { width: 1200px; }
.snews_box .snewscenter .snews_list ul li { width: 510px; float: left; margin-right: 180px; height: 70px; margin-bottom: 30px; }
.snews_box .snewscenter .snews_list ul li .snleft { float: left; width: 72px; height: 72px; border: solid 3px #9bd17e; border-radius: 39px; }
.snews_box .snewscenter .snews_list ul li .snleft h5 { font-size: 24px; color: #FFFFFF; text-align: center; margin-top: 10px; }
.snews_box .snewscenter .snews_list ul li .snleft span { display: block; font-size: 14px; text-align: center; color: #FFFFFF; margin-top: 6px; }
.snews_box .snewscenter .snews_list ul li .snright { float: right; width: 410px; }
.snews_box .snewscenter .snews_list ul li .snright h6 { font-size: 14px; color: #FFFFFF; font-size: 16px; line-height: 24px; width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.snews_box .snewscenter .snews_list ul li .snright p { font-size: 14px; color: #FFFFFF; line-height: 20px; width: 410px; }
.snews_box .snewscenter .snews_list ul li .snright:hover h6 { color: #9bd17e; transition: 0.2s; }
.snews_box .snewscenter .snews_list ul li .snright:hover p { color: #9bd17e; transition: 0.2s; }
.snews_box .snewscenter .snews_list ul li:nth-of-type(2n) { margin-right: 0; }

.footer_box { width: 100%; height: 100%; background: #01419A; padding-bottom: 60px; z-index: 50; }
.footer_box .footer { width: 1200px; margin: auto; }
.footer_box .footer .fleft { width: 920px; float: left; margin-top: 60px; }
.footer_box .footer .fleft dl { float: left; padding: 0 30px 0 30px; }
.footer_box .footer .fleft dl dt { font-size: 18px; line-height: 40px; border-bottom: solid 1px #9BD17E; color: #FFFFFF; margin-bottom: 10px; }
.footer_box .footer .fleft dl dd { font-size: 14px; line-height: 30px; }
.footer_box .footer .fleft dl dd a { color: #999999; }
.footer_box .footer .fleft dl dd a:hover { color: #9BD17E; }
.footer_box .footer .fleft dl .ddcurrent { padding-left: 18px; width: 260px; }
.footer_box .footer .fleft dl .ddico1 { background: url(../img/ip.png) left 8px no-repeat; }
.footer_box .footer .fleft dl .ddico2 { background: url(../img/phone.png) left center no-repeat; }
.footer_box .footer .fleft dl .ddico3 { background: url(../img/mail.png) left center no-repeat; }
.footer_box .footer .fleft dl .ddico4 { background: url(../img/www.png) left center no-repeat; }
.footer_box .footer .fright { width: 250px; float: right; padding-right: 30px; margin-top: 60px; }
.footer_box .footer .fright .fewa { float: left; }
.footer_box .footer .fright .fewa img { width: 120px; height: 120px; margin: auto; }
.footer_box .footer .fright .fewa span { font-size: 14px; display: block; line-height: 36px; color: #FFFFFF; text-align: center; }
.footer_box .footer .fright ul { float: right; width: 35px; }
.footer_box .footer .fright ul li { margin-bottom: 10px; width: 35px; height: 35px; }
.footer_box .footer .fright ul li .bds_weixin { width: 35px; height: 35px; background: url(../img/weixin.png) center center no-repeat; transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .fright ul li .bds_weixin:hover { width: 35px; height: 35px; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .fright ul li .bds_tsina { width: 35px; height: 35px; background: url(../img/sina.png) center center no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .fright ul li .bds_tsina:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .fright ul li .bds_tqq { width: 35px; height: 35px; background: url(../img/tenxun.png) center center no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .fright ul li .bds_tqq:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .fright ul li .bds_qzone { width: 35px; height: 35px; background: url(../img/qq.png) center center no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .fright ul li .bds_qzone:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .frightCurrent { width: 200px; float: right; padding-right: 30px; margin-top: 60px; }
.footer_box .footer .frightCurrent .fewa { float: left; }
.footer_box .footer .frightCurrent .fewa img { width: 120px; height: 120px; margin: auto; }
.footer_box .footer .frightCurrent .fewa span { font-size: 14px; display: block; line-height: 36px; color: #FFFFFF; text-align: center; }
.footer_box .footer .frightCurrent ul { float: right; width: 35px; }
.footer_box .footer .frightCurrent ul li { margin-bottom: 10px; width: 35px; height: 35px; }
.footer_box .footer .frightCurrent ul li .bds_weixin { width: 35px; height: 35px; background: url(../img/weixin.png) center center no-repeat; transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .frightCurrent ul li .bds_weixin:hover { width: 35px; height: 35px; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .frightCurrent ul li .bds_tsina { width: 35px; height: 35px; background: url(../img/sina.png) center center no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .frightCurrent ul li .bds_tsina:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .frightCurrent ul li .bds_tqq { width: 35px; height: 35px; background: url(../img/tenxun.png) center center no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .frightCurrent ul li .bds_tqq:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.footer_box .footer .frightCurrent ul li .bds_qzone { width: 35px; height: 35px; background: url(../img/qq.png) center center no-repeat; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; }
.footer_box .footer .frightCurrent ul li .bds_qzone:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }

.copyright { width: 100%; height: 100%; background: #333333; }
.copyright p { font-size: 14px; color: #FFFFFF; line-height: 36px; text-align: center; }

.subbanner_box { width: 100%; height: 306px; position: relative; margin-top: 10px;  overflow: hidden;}
.subbanner_box img { width: 1920px; height: 306px; margin: auto; position: absolute; left: 50%; top: 0; margin-left: -960px; }

.sub_aboutbox { width: 1200px; margin: auto; position: relative; left: 0; top: -80px; }
.sub_aboutbox .sub_left { float: left; width: 250px; background: rgba(255, 255, 255, 0.7); }
.sub_aboutbox .sub_left h2 { font-size: 24px; font-weight: bold; color: #01419A; padding: 35px 0 0 10px; }
.sub_aboutbox .sub_left ul { width: 250px; padding-top: 30px; }
.sub_aboutbox .sub_left ul li { width: 250px; line-height: 50px; height: 50px; background: rgba(255, 255, 255, 0); border-bottom: solid 1px #CCCCCC; }
.sub_aboutbox .sub_left ul li a { float: left; color: #666666; font-size: 14px; padding-left: 10px; display: inline-block; width: 100%; height: 100%; background: url(../img/rarrow1.png) 90% center no-repeat; }
.sub_aboutbox .sub_left ul li:hover { background: #01419a; transition: 0.2s; }
.sub_aboutbox .sub_left ul li:hover a { color: #FFFFFF; background: url(../img/rarrow2.png) 90% center no-repeat; }
.sub_aboutbox .yingyin { float: left; background: url(../img/yingyin.png); width: 20px; height: 630px; }
.sub_aboutbox .sub_right { float: right; width: 870px; padding-top: 110px; }
.sub_aboutbox .sub_right .sApic { width: 870px; height: 150px; }
.sub_aboutbox .sub_right h3 { font-size: 18px; color: #666666; line-height: 50px; margin-top: 20px; border-bottom: solid 2px #9BD17E; margin-bottom: 30px; }
.sub_aboutbox .sub_right .line { width: 100px; height: 2px; background: #01419A; position: relative; left: 0; top: -32px; }
.sub_aboutbox .sub_right p { font-size: 14px; color: #999999; line-height: 24px; }
.sub_aboutbox .sub_right .newslist { width: 870px; }
.sub_aboutbox .sub_right .newslist li { border: solid 1px #E5E5E5; width: 870px; height: 168px; margin-bottom: 30px; }
.sub_aboutbox .sub_right .newslist li img { width: 183px; height: 128px; float: left; margin-top: 20px; margin-left: 20px; }
.sub_aboutbox .sub_right .newslist li .nlist { float: right; width: 630px; }
.sub_aboutbox .sub_right .newslist li .nlist h4 { font-size: 16px; color: #666666; margin-top: 20px; }
.sub_aboutbox .sub_right .newslist li .nlist h4 a { float: left; width: 480px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sub_aboutbox .sub_right .newslist li .nlist h4 span { float: right; width: 96px; height: 18px; font-size: 12px; color: #FFFFFF; line-height: 18px; text-align: center; background: url(../img/timepic.png) left center no-repeat; }
.sub_aboutbox .sub_right .newslist li .nlist p { font-size: 14px; color: #999999; line-height: 24px; height: 70px; overflow: hidden; margin-top: 20px; width: 600px; margin-right: 20px; }
.sub_aboutbox .sub_right .newslist li .nlist .newsmore { display: block; width: 100px; height: 22px; font-size: 14px; border: solid 1px #798EBB; background: rgba(255, 255, 255, 0); border-radius: 11px; color: #999999; text-align: center; line-height: 22px; }
.sub_aboutbox .sub_right .newslist li:hover { border: solid 1px #29599D; transition: 0.5s; }
.sub_aboutbox .sub_right .newslist li:hover h4 a { color: #01419A; transition: 0.5s; }
.sub_aboutbox .sub_right .newslist li:hover .newsmore { background: #01419a; color: #FFFFFF; transition: 0.5s; }
.sub_aboutbox .sub_right .pagelist { width: 870px; margin-top: 30px; }
.sub_aboutbox .sub_right .newsubtitle { width: 870px; }
.sub_aboutbox .sub_right .newsubtitle h4 { font-size: 18px; color: #01419A; text-align: center; line-height: 36px; margin-top: 20px; }
.sub_aboutbox .sub_right .newsubtitle p { width: 870px; line-height: 24px; border-top: solid 1px #798EBB; border-bottom: solid 1px #798EBB; height: 24px; text-align: center; margin-top: 10px; margin-bottom: 30px; }
.sub_aboutbox .sub_right .newsubtitle p span { font-size: 12px; color: #666666; margin-right: 5px; }
.sub_aboutbox .sub_right .productlist { width: 870px; }
.sub_aboutbox .sub_right .productlist li { width: 271px; float: left; margin-right: 25px; border: solid 1px #e5e5e5; margin-bottom: 60px; }
.sub_aboutbox .sub_right .productlist li img { width: 273px; height: 150px; }
.sub_aboutbox .sub_right .productlist li h4 { font-size: 14px; color: #666666; margin-bottom: 20px; margin-top: 20px; text-align: center; }
.sub_aboutbox .sub_right .productlist li a { display: block; width: 100px; height: 20px; color: #999999; border: solid 1px #999999; border-radius: 10px; margin: auto; font-size: 12px; margin-top: 20px; margin-bottom: 20px; line-height: 20px; text-align: center; }
.sub_aboutbox .sub_right .productlist li:nth-of-type(3n) { margin-right: 0px; }
.sub_aboutbox .sub_right .productlist li:hover { border: solid 1px #29599D; transition: 1s; }
.sub_aboutbox .sub_right .productlist li:hover h4 { color: #01419A; transition: 1s; }
.sub_aboutbox .sub_right .productlist li:hover a { border: none; background: #01419A; color: #FFFFFF; transition: 1s; }

/*# sourceMappingURL=index.css.map */