/*通用样式*/
*{ padding:0px; margin:0px;}
body{ font-size:14px; }
a{ text-decoration:none}
ul, li, dl, dd, dt, ol, form, input, p {margin: 0px; padding: 0px; list-style-type: none;}
img{ border:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 100%;}
.clearfix { *zoom : 1;}
.fl{ float:left;}
.fr{ float:right;}
.l{ float:left;}
.r{ float:right;}
.mar_top{ height:10px; line-height:0px; font-size:0}
.mar_top12{ height:12px; line-height:0px; font-size:0}
.mar_top2{ height:20px; line-height:0px; font-size:0}
.mar_top5{ height:50px; line-height:0px; font-size:0}
.mar_top7{ height:70px; line-height:0px; font-size:0}
.mar_top25{ height:25px}
.wrap{ width:1300px; margin:0 auto; } /*默认宽度*/

/*头部样式*/
.top { height:84px; position: fixed; top: 0px; width: 100%; z-index: 999; background-color:#FFFFFF}
.top_width{ width:1260px; margin:0 auto}
.logo{ padding-top:11px; width:424px;}
.nav ul{ overflow:hidden;}
.nav ul li{ font-size:18px; float:left; line-height:84px; text-align:center; width:110px}
.nav ul li a{ color:#5a5a5a;}
.nav ul li:hover{ background-color:#0BBA4F}
.nav ul li a:hover{ color:#fff; }
.top_con{ height:25px;}
.top_con ul li{ float:right; line-height:25px; margin-left:20px;  position: relative; font-size:16px; color:#0c5ec2}
.top_con ul li img{vertical-align:middle;}
.top_con_txt{ color:#0c5ec2; font-size:20px; font-weight:bold;}
.top_con_txt span{ font-size:14px; font-weight:normal;}
.none {width: 150px; height: 150px;  background: rgba(255, 255, 255, 1); position: absolute; top:30px; left:-62px; z-index:999; display: none }
.top_con ul li:hover .none{ display: block; text-align:center; line-height:150px;}
.nav_current{ background-color:#0BBA4F}
.nav ul li.nav_current a{ color:#FFFFFF}
.fu01 { background-color:#FFFFFF}

/*首页产品分类*/
.i_cp_list{ width:100%}
.i_cp_list ul li{ width:25%; float:left}
.i_cp_list_li_qf{background-color:#fafafa}
.i_cp_list ul li:hover{ background-image:url(../images/i_cp_li_hover.jpg);}
.i_cp_list_width{ width:68%; margin:0 auto; padding-top:80px; padding-bottom:70px;}
.i_cp_list_english{ font-size:1.6rem; font-weight:bold; color:#545454; line-height:1.65rem; padding-left:30%}
.i_cp_list ul li:hover .i_cp_list_english{ color:#FFFFFF}
.i_cp_list_title{font-size:2.2rem; color:#313131; padding-left:30%; padding-bottom:150px}
.i_cp_list ul li:hover .i_cp_list_title{ color:#FFFFFF}
.i_fl1{background-image:url(../images/i_flpic1.png); background-repeat:no-repeat; background-position:0 90px;}
.i_fl2{background-image:url(../images/i_flpic2.png); background-repeat:no-repeat; background-position:0 90px;}
.i_fl3{background-image:url(../images/i_flpic3.png); background-repeat:no-repeat; background-position:0 90px;}
.i_fl4{background-image:url(../images/i_flpic4.png); background-repeat:no-repeat; background-position:0 90px;}

/*首页关于我们*/
.i_about{ height:714px; background-image:url(../images/i_jj_ng.jpg); background-position:center top; background-repeat:no-repeat; overflow:hidden}
.i_about_con{ padding-left:100px; padding-top:300px;}
.i_about_zi{ width:400px; overflow:hidden; color:#FFFFFF; font-size:18px; line-height:33px; padding-left:60px}
.i_about_width{ width:900px; margin:0 auto; text-align:center; font-size:18px; height:466px}
.i_about_txt{ text-indent:2em; color:#707578; line-height:35px; padding-top:20px}
.i_about_topimg{ border-bottom:1px solid #7e9199; border-top:1px solid #7e9199; width:660px; margin:0 auto}
.i_about_big{ font-size:60px; font-weight:bold; text-align:center; color:#283f4f; padding-top:25px;}
.i_about_big span{ color:#f0c308}
.i_about_small{ font-size:16px; padding-bottom:35px;}
.i_about_english{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; letter-spacing:4px; color:#83878a; padding-top:15px}
.container03{ background-color:#edf4f7; height:325px}
.container03 ul{ padding-top:120px}
.container03 ul li{display:inline-block;width:24.5%;text-align:center;  position:relative; box-sizing: border-box;}
.container03 ul li:nth-child(1){ transition-delay:0.3s}
.container03 ul li:nth-child(2){ transition-delay:0.6s}
.container03 ul li:nth-child(3){ transition-delay:0.9s}
.container03 ul li:nth-child(4){ transition-delay:1.2s}
.container03 ul li:last-child{ border:none}
.container03 ul li:last-child:after{ display:none}
.container03 ul li .icon{ display:inline-block; text-align:left}
.container03 ul li h4{}
.container03 ul li h4 span{font-size: 16px;color:#324553;  margin-right:15px; vertical-align: bottom; position: relative;}
.container03 ul li h4 span.counter{font-size:120px; color:#166a79; margin-top:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.container03 ul li h6{font-size: 14px;color: #666; margin-top:10px; padding-top:0px;}

/*主页四块样式*/
.i_four{ height:360px; overflow:hidden}
.i_four ul li{ width:25%; height:515px; float:left; background-color:#f8f8f8}
.i_four ul li.if_last{ width:25%; height:515px; float:left; background-color:#fff}
.i_four_width{ width:71%; margin:0 auto; height:515px;}
.i_four_title{ font-size:25px; text-align:center; padding-top:20px;}
.i_four_padding_top{ height:35px}
.i_four_jj{ font-size:18px; color:#898989; line-height:35px; padding-top:15px}
.if_corlor1{ color:#898989}
.if_corlor2{ color:#333}
.if_corlor3{ color:#fff}
.if_1{ width:98px; height:100px; background-image:url(../images/four_1.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.if_2{ width:78px; height:100px; background-image:url(../images/four_2.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.if_3{ width:86px; height:100px; background-image:url(../images/four_3.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.if_4{ width:81px; height:100px; background-image:url(../images/four_4.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.i_four ul li:hover .if_1{ width:98px; height:100px; background-image:url(../images/four_1.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.i_four ul li:hover .if_2{ width:78px; height:100px; background-image:url(../images/four_2.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.i_four ul li:hover .if_3{ width:86px; height:100px; background-image:url(../images/four_3.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}
.i_four ul li:hover .if_4{ width:81px; height:100px; background-image:url(../images/four_4.png); background-position:center center; background-repeat:no-repeat; margin:0 auto}

/*主页新闻样式*/
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
.container05{position:relative;overflow:hidden;height: 820px; background-color:#ffffff;}
.container05 .left{position:absolute;top:0;bottom:0;left:0;right:50%;background: url(../images/news_bg.jpg) left top no-repeat;background-attachment:fixed;}
.container05 .left .box{width:600px;text-align: left;}
.container05 .left .box h2{ margin-bottom:38px; font-weight:normal;}
.container05 .left .box .title{ margin-bottom:55px; width:382px; background:none; height:auto; margin-top:0;}
.container05 .left .box .title .l h3{font-size: 26px;color: #fff;margin-bottom: 6px; position:relative; font-weight:normal;}
.container05 .left .box .title .l h5{font-size:14px;color:#ffffff;text-transform: uppercase; font-weight:normal; margin:0}
.container05 .left .box .title .r{padding: 30px 0 0;}
.container05 .left .box .title .r a{font-size:14px;color:#ffffff; position:relative}
.container05 .left .box .title .r a span{ position:relative; transition:0.36s}
.container05 .left .box .title .r a:before{content:"";position:absolute;right: -12px;top: -16px;background:url(../images/container05_yuan.png) center no-repeat;width:35px;height:35px;z-index: 0;}
.container05 .left .box ul li{ padding:20px 0}
.container05 .left .box ul li a .time{display:inline-block;width:75px;border-right:rgba(255,255,255,.1) 1px solid;vertical-align: top; position:relative}
.container05 .left .box ul li a .time:after{content:"";position: absolute;width:3px;height:0;background:#ffffff;right: -2px;top: 0;transition: 0.9s;}
.container05 .left .box ul li a .time h3{font-size:48px;color:#fff;font-weight:bold;margin-bottom: 10px;transition:0.9s ease; line-height:1;}
.container05 .left .box ul li a .time h6{font-size:14px;color:#fff;display: inline-block;transition:0.9s ease; font-weight:normal; line-height:1; margin-top:0}
.container05 .left .box ul li a .con{width:400px;display:inline-block;padding-left: 30px;}
.container05 .left .box ul li a .con h5{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease; font-weight:normal; line-height:1;}
.container05 .left .box ul li a .con p{ font-size:12px; line-height:20px; color:rgba(255,255,255,.6); height:40px; overflow:hidden; transition:0.9s ease}
.container05 .right{ width:50%}
.container05 .right ul li a{display: table;font-size:0;overflow:hidden;width: 100%;}
.container05 .right ul li a .img{width:50%;display: table-cell; overflow:hidden}
.container05 .right ul li a .img img{ width:100%}
.container05 .right ul li a .con{width:50%;display: table-cell;background: #f6f7f7;position:relative;z-index: 100;}
.container05 .right ul li a .con:before{ content:""; position:absolute; top:0; width:0; right:0; height:100%; background:#a40001; transition:0.9s ease}
.container05 .right ul li a .con:after{content:"";position:absolute;right: -20px;border-left:#f6f7f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;}
.container05 .right ul li:last-child a .con:after{content:"";position:absolute;right: 100%;border-right: #f6f7f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;border-left: none;}
.container05 .right ul li a .con .table{position:absolute;top:0;bottom:0;left:0;right:0;height: 410px;}
.container05 .right ul li a .con .time{display:inline-block;margin-bottom: 2rem;}
.container05 .right ul li a .con .time h3{font-size:30px;color:#218093;margin-bottom: 15px; transition:0.9s ease; font-weight:normal;}
.container05 .right ul li a .con .time h6{font-size:12px;color:#333333; text-transform:uppercase;padding-bottom: 25px;border-bottom:#1a4996 1px solid;display: inline-block; transition:0.9s ease; font-weight:normal; margin:0}
.container05 .right ul li a .con_li{ padding:0 8%}
.container05 .right ul li a .con_li h5{font-size:16px;color:#242424;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease; font-weight:normal;}
.container05 .right ul li a .con_li p{ font-size:14px; line-height:28px; color:#666666; overflow:hidden; margin-bottom:1rem; transition:0.9s ease}
.container05 .right ul li a .con_li h3 img{ transition:0.9s ease; overflow:hidden; width:auto}
.container05 .right ul li a .con_li h3 .img02{ transform:scaleX(0); width:0}
.container05 .left .box ul li a:hover .time:after{ height:100%}


/*主页案例样式*/

.i_case_bg{ height:700px; overflow:hidden; background-color:#f6f6f9}

.i_case_list{ width:1405px; height:485px; margin:0 auto; overflow:hidden}
.i_case_list ul{ width:1440px;}
.i_case_list ul li{ width:445px; margin-right:35px; float:left; height:380px;}
.i_case_img{ position:relative; width:445px;}
.i_case_title{ width:400px; height:235px; background-color:#f6f6f9; margin:0 auto; position:absolute; bottom:-170px; left:22px;}
.i_case_title a{ color:#333333}
.i_case_title:hover{ box-shadow: 0px 15px 5px #dbdbdb; background-color:#00a250; }
.i_case_title:hover a{ color:#FFFFFF}
.i_case_title1{ font-size:24px;}
.i_case_jj{ font-size:16px; color:#666666; line-height:28px; padding-top:30px; padding-bottom:40px;}
.i_case_title:hover .i_case_jj{ color:#FFFFFF}
.i_case_time{ background-image:url(../images/news_time.jpg); background-repeat:no-repeat; background-position:left center; padding-left:20px; color:#999}
.i_case_title:hover .i_case_time{ color:#FFFFFF}

/*底部样式*/
.foot{ height:370px; background-image:url(../images/foot_bg.jpg); background-position:center center; background-repeat:no-repeat}
.foot_width{ width:73%; margin:0 auto; height:306px; overflow:hidden}
.foot_contact{ font-size:17px; color:#666666; line-height:36px; padding-top:20px}
.foot_contact span{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#2a4a58; font-weight:bold}
.foot_nav ul li { float:left; width:115px; font-size:16px; height:15px; text-align:center; line-height:15px;}
.foot_nav ul li a{ color:#0d8a50}
.foot_nav_er{ padding-top:10px}
.foot_nav_er a{ font-size:12px; line-height:30px}
.foot_copy ,.foot_copy a{ line-height:63px; color:#999999}
.foot_copy img{ vertical-align:middle;}
.foot_right{ color:#666666; font-size:16px; padding-left:50px; line-height:35px; padding-top:30px;}

/*二级样式*/
.er_cp_list{ width:100%}
.er_cp_list ul li{ width:25%; float:left}
.er_cp_list_li_qf{background-color:#fafafa}
.er_cp_list_width1{ width:100%; margin:0 auto; padding-top:80px; }
.er_cp_list_width{ width:68%; margin:0 auto; padding-bottom:70px;}
.er_icon1{ background-image:url(../images/list_car1.png); background-repeat:no-repeat; background-position:10% 85px;}
.er_icon2{ background-image:url(../images/list_car2.png); background-repeat:no-repeat; background-position:10% 85px;}
.er_icon3{ background-image:url(../images/list_car3.png); background-repeat:no-repeat; background-position:10% 85px;}
.er_icon4{ background-image:url(../images/list_car4.png); background-repeat:no-repeat; background-position:10% 85px;}
.er_cp_list_english{ font-size:1.6rem; font-weight:bold; color:#545454; line-height:1.65rem; padding-left:30%}
.er_cp_list_title{font-size:2.2rem; color:#313131; padding-left:30%; padding-bottom:150px}
.box {position: relative; width:100%; height:100%;overflow: hidden;}
.cover{top:100%;left: 0; }
.cover,.cover1{transition: all .5s; position: absolute; width: 100%; height:100%; font-size: 24px; color: #fff; text-align: center; background-color: rgba(43 ,74 ,88, .9);}
.box:hover .cover {top: 0px;}
.cover1 {top: 0px; right:300px;}
.box:hover .cover1 {right:0px;}
.er_cp_list_lie ul{ padding-top:80px;}
.er_cp_list_lie ul li { width:100%; color:#FFFFFF; line-height:50px; height:50px}
.er_cp_list_lie ul li a{ color:#FFFFFF}
.classes{padding-top:250px;font-size:0;text-align:center}
.classes li{display:inline-block;line-height:26px;text-align:center;width:16%;border:1px solid #ebc460;width:126px;text-align:center;margin:0 30px;font-size:18px;border-radius:28px}
.classes li.curr{background:#ebc460}
.classes li a{color:#fff}
.classes li.curr a{color:#333}
.picslist{margin:30px auto}
.picslist li{float:left;margin:0 17.5px 30px;width:290px;overflow:hidden}
.picslist li a{ color:#333333}
.picslist li .imgs{background:#e8e8e8;width:290px;height:390px;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}
.picslist li .imgs img{display:block;margin:auto;max-width:290px;max-height:390px;width:auto;height:auto;-webkit-transition:transform 1.5s ease-out;transition:transform 1.5s ease-out}
.picslist li:hover .imgs img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.picslist li .txts{text-align:center;font-size:16px;line-height:24px;height:24px;overflow:hidden;margin-top:6px;-webkit-transition:all 1.5s ease-out;transition:all 1.5s ease-out}

.container04{ background-image:url(../images/aboutshuzi2.jpg); background-repeat:no-repeat}
.container04 ul{ padding-top:120px}
.container04 ul li{display:inline-block;width:33%;text-align:center;  position:relative; box-sizing: border-box;}
.container04 ul li:nth-child(1){ transition-delay:0.3s}
.container04 ul li:nth-child(2){ transition-delay:0.6s}
.container04 ul li:nth-child(3){ transition-delay:0.9s}
.container04 ul li:nth-child(4){ transition-delay:1.2s}
.container04 ul li:last-child{ border:none}
.container04 ul li:last-child:after{ display:none}
.container04 ul li .icon{ display:inline-block; text-align:left}
.container04 ul li h4{}
.container04 ul li h4 span{font-size: 18px; color:#324553;  margin-right:15px; position: relative;}
.container04 ul li h4 span.counter{font-size:220px; color:#474747; margin-top:0; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.container04 ul li h6{font-size: 16px;color: #666; margin-top:0px; padding-top:0px;}



.new_water_list{padding:30px 0}
.new_water_list li{width:50%;position:relative;left:1px;margin-left:-1px;float:left;height:auto;overflow:hidden;padding-bottom:46px}
.new_water_list_max{width:80%;margin:0 auto;text-align:center}
.new_water_list_max img{margin:0 auto}
.new_water_list_max h4{line-height:42px;font-size:24px;color:#464646;font-weight:normal}
.new_water_list_max p{line-height:24px;color:#979797;height:48px;overflow:hidden;font-size:14px}


.i_cpbg2{ background-image:url(../images/er_cp_bg.jpg); height:1080px; background-repeat:no-repeat; background-position:center top; overflow:hidden}
.i_cp_con2{ width:814px;}
.i_cp_con2 ul{ width:843px;}
.i_cp_con2 ul li{ width:252px; float:left; margin-right:29px; margin-bottom:13px; height:295px; background-color:#f6f6f6}
.i_cp_con2 ul li:hover{ width:252px; height:295px; background-color:#175eae}
.i_cp_width2{ width:1090px; margin:0 auto; overflow:hidden;}
.i_cp_con2 ul li:hover .i_cp_true_width_title a{ font-size:19px; color:#fff;}
.honors{ height:670px; overflow:hidden}
.honor{ position:relative; width:80%; margin:0 auto;}
.honor .hd{}
.honor .hd a{ display:block; position:absolute; top:50%; margin-top:-44px; width:64px;}
.honor .next{ right:0;}
.honor .prev{ left:0;}
.honor .bd{ width:92%; margin:0 auto;}
.honor .bd ul{ overflow:hidden;}
.honor .bd ul li{ float:left; width:33%;}
.honor .bd ul li a{ margin:0 5%; display:block;}
.ry_pic{ width:80%; margin:0 auto}
.ry_title{ text-align:center; padding-top:20px}
.er_about_txt{ font-size:15px; color:#333; text-align:left; padding-left:355px; padding-top:140px}
.er_about_txt p{ text-indent:2em; margin-top:15px; line-height:25px}
.er_about{ height:685px; background-image:url(../images/about_bg.jpg); width:100%;}
.about_wenhua{ width:1204px; margin:0 auto; overflow:hidden}
.about_wenhua ul{ width:1224px}
.about_wenhua ul li{ width:286px; margin-right:20px; float:left}
.about_wenhuatitle{ text-align:center; color:#5f5f5f; font-size:25px; padding-top:15px}
.about_wenhuacon{ text-align:center; color:#7c7c7c; font-size:14px; padding-top:5px}
.con_title{ font-size:22px; color:#666; border-bottom:1px solid #d2d2d2; padding-bottom:15px; text-align:center}
.con_jj{ font-size:16px; line-height:30px; color:#999999; padding-top:10px}
.con_body{ color:#666}
.con_body h1, h2{ display:inline}
.con_body h1{ font-size:48px; font-family:Arial, Helvetica, sans-serif; color:#0956b0}
.con_list ul{ padding-top:60px;}
.con_list ul li{ float:left; width:33%; text-align:center; font-size:16px; color:#666666}
.con_list ul li img{ padding-bottom:20px}
.shfw_bg{ background-image:url(../images/shfw_bg.jpg); height:969px; overflow:hidden}
.shfw_title{ background-image:url(../images/shfw_title.png); height:91px; background-position:left center; background-repeat:no-repeat; line-height:91px; font-size:32px; padding-left:60px; color:#6296d6; font-weight:bold}
.shfw_title span{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:40px}
.shfw_t1{ text-indent:2em; line-height:26px; color:#6296d6;}
.shfw_t2{text-indent:2em; line-height:26px; color:#6296d6; font-size:18px; padding-top:30px}
.er_news_list ul li{ border-bottom:1px dashed #CCCCCC; margin-bottom:30px}
.news_title a{ font-size:20px; color:#333333}
.news_jj{ color:#555; line-height:24px; padding-top:10px}
.news_time{ text-align:right; color:#999999; padding-bottom:20px; padding-top:30px}

.xx_title{ text-align:center; font-size:24px; border-bottom:1px dashed #CCCCCC; padding-bottom:20px}
.er_case_list{ width:1405px; margin:0 auto;}
.er_case_list ul{ width:1440px;}
.er_case_list ul li{ width:445px; margin-right:35px; float:left; height:480px;}
.er_case_img{ position:relative; width:445px;}
.er_case_title{ width:400px; height:235px; background-color:#f6f6f9; margin:0 auto; position:absolute; bottom:-170px; left:22px;}
.er_case_title a{ color:#333333}
.er_case_title:hover{ box-shadow: 0px 15px 5px #dbdbdb; }
.er_case_title1{ font-size:24px;}
.er_case_jj{ font-size:16px; color:#666666; line-height:28px; padding-top:30px; padding-bottom:40px;}
.er_case_time{ background-image:url(../images/news_time.jpg); background-repeat:no-repeat; background-position:left center; padding-left:20px; color:#999}
.er_sb_list{ width:1300px; overflow:hidden}
.er_sb_list ul{ width:1330px;}
.er_sb_list ul li{ width:413px; float:left; margin-right:30px; margin-bottom:30px; color:#333333}
.er_sb_list a{ color:#333333}
/*分页样式*/
.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}

@media (min-width: 1600px){
	.foot_width{ width:72%;}
}