@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei";margin:0;padding:0;}
.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:600px; height:400px;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#2fc7a0; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#e73980}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#e73980}

/*common*/
.wrap{ width:1220px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.top { height: 120px;position: fixed;top: 0px;width: 100%;z-index: 999}
.logo{ padding-top:30px; width:455px;}
.nav{ margin-right:7px; height:120px;}
.nav li{ margin-left:58px; line-height:120px; height:120px; float:left; position:relative;}
.nav li a{ font-size:18px; color:#1eae97;}
.nav_menu{ background-color: #1eae97; position: absolute;top: 120px;left: 0;text-align: center;width: 641px;height: 0; overflow: hidden; transition: all .6s ease; -webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;}
.nav_menu2{ left:-150px;}
.nav_menu3{ left:-250px;}
.nav_menu4, .nav_menu5{ right:0; left:auto;}
.nav_pic{ width:446px; height:192px;}
.nav_tit{ width:195px;}
.nav_icon{ height:93px; background-repeat:no-repeat; background-position:center center; margin-top:35px; background-image:url(../images/nav_icon1.png);}
.nav_icon1{ background-image:url(../images/nav_icon1.png);}
.nav_icon2{ background-image:url(../images/nav_icon2.png);}
.nav_icon3{ background-image:url(../images/nav_icon3.png);}
.nav_icon4{ background-image:url(../images/nav_icon4.png);}
.nav_icon5{ background-image:url(../images/nav_icon5.png);}
.nav_txt{ line-height:58px; text-align:center; font-size:20px; color:#ffffff;}
.nav li:hover .nav_menu{ height:192px;}

.fu01 {overflow:hidden; position: absolute; top:100%; width:100%; z-index:999; background-color:#ffffff;}

.index1{ background:url(../images/bg1.jpg) no-repeat center center; width:100%; height:760px;}
.title{ height:70px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/title1.png); margin-top:80px;}
.title1{ background-image:url(../images/title1.png);}
.index1_txt{ font-size:14px; color:#494949; line-height:24px; width:960px; margin:52px auto 36px;}
.index1_line{ width:81%; margin:0 auto; height:1px; background-color:#b1b7ba;}
.index1_adv{ width:1350px; margin:90px auto 80px;}
.index1_adv li{ float:left; width:450px; text-align:center;}
.adv_t{ height:58px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/adv_t1.png);}
.adv_t1{ background-image:url(../images/adv_t1.png);}
.adv_t2{ background-image:url(../images/adv_t2.png);}
.adv_t3{ background-image:url(../images/adv_t3.png);}
.adv_e{ font-size:14px; color:#e32107; text-transform:uppercase; line-height:45px; margin-top:10px;}
.adv_e span{display:inline-block;background-color:#a9d2d9;height:1px;width:54px;margin:0 8px;vertical-align: middle;}
.adv_c{ width:300px; margin:0 auto; font-size:14px; color:#237d9c; line-height:24px;}
a.index1_more{ width:106px; height:32px; line-height:32px; border-radius:32px; background-color:#ffffff; font-size:12px; color:#de261e; display:block; margin:0 auto;}

.top {background-image: url(../images/01.png); background-repeat: no-repeat; background-position: center top; height: 120px; position: fixed; top: 0px; width: 100%; z-index: 999}
.er_about{ height:540px; background-image:url(../images/about_jjbg.jpg); background-position:center center; overflow:hidden}

.i_about{ height:570px; background-image:url(../images/i_jjbg.jpg); background-position:center center; overflow:hidden}
.i_about_1{ height:172px; background-image:url(../images/i_about_line.jpg); background-position:center bottom; background-repeat:no-repeat}
.i_about_1_title{ text-align:center; font-size:36px; font-weight:bold; padding-top:70px;}
.i_about_1_t2{ text-align:center; color:#666; padding-top:15px;}
.i_about_1_t3{ text-align:justify; color:#666; margin-top:70px; padding-right:15px; font-size:16px; line-height:32px; height:224px; overflow-y:auto;}


.i_about_2{ font-size:18px; text-align:center; line-height:18px; padding-top:10px; color:#f08200}
.i_about_3{ font-size:14px; color:#777; text-align:center; line-height:24px; padding-top:20px; width:940px; margin:0 auto}
.i_about_4 ul li{ width:300px; float:left; color:#777; line-height:30px; font-size:16px}
.i_about_4 span{ font-size:48px; color:#d90024; padding-right:10px}
.i_jj_p p{ margin-top:20px; line-height:24px; text-indent:2rem}
.i_jj_bottom{ height:35px; background-image:url(../images/i_jj_bottom.png); background-position:center center; background-repeat:no-repeat; text-align:center; color:#c80614; line-height:35px; font-size:16px}
.about_ys2{ background-image:url(../images/youshi_2.jpg); height:385px; background-position:center center;}

/*底部样式*/
.foot{ height:320px; background-image:url(../images/foot_bg.jpg); background-position:center center; background-repeat:no-repeat}
.foot_width{ width:1360px; margin:0 auto; }
.foot_nav ul li { float:left; width:150px; font-size:16px; height:16px; border-right:1px solid #666666; text-align:center}
.foot_nav ul li a{ color:#333333}
.foot_nav_er{ padding-top:10px}
.foot_nav_er a{ font-size:14px; line-height:30px}
.foot_contact{ line-height:30px; color:#555}
.foot_contact a{ color:#333333}



.index2{ background:url(../images/bg2.jpg) no-repeat center center; width:100%; height:936px;}
.title2{ background-image:url(../images/title2.png);}
.pro_nav{ width:1535px; margin:84px auto 0;}
.pro_nav li{float:left;width:365px; margin-left:15px;background-color:#fafafa; transition: all .6s ease; -webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;}
.pro_en{ height:30px; background:url(../images/pro_en.png) no-repeat 50px center; margin-top:38px;}
.pro_tit{ line-height:30px; font-size:18px; color:#313131; margin:0 50px;}
.pro_txt{ margin:22px 50px 32px; font-size:12px; color:#6f6f6f; line-height:20px; height:60px; overflow:hidden;}
.pro_pic{ width:365px; height:312px;}
.pro_nav li:hover{ background-color:#166a79;}
.pro_nav li:hover .pro_en{ background-image:url(../images/pro_en1.png);}
.pro_nav li:hover .pro_tit, .pro_nav li:hover .pro_txt{ color:#ffffff;}

.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/container05_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;}
.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:26px 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;}
.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;}
.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%}

.index3{ background:url(../images/bg3.jpg) no-repeat center center; width:100%; height:672px;}
.title3{ background-image:url(../images/title3.png);}
.case_con{ width:1524px; margin:92px auto 0;}
.case_con li{ float:left; margin:0 6px; width:496px; background-color:#ffffff;}
.case_pic{ width:496px; height:299px;}
.case_txt{ line-height:66px; text-align:center; font-size:20px; color:#166a79; font-weight:bold;}

.footer{ background:url(../images/f_bg.jpg) no-repeat center center; width:100%; height:344px;}
.footer .wrap{ width:1420px;}
.f_l{ margin-top:66px; height:260px;}
.f_l li{ float:left; position:relative; line-height:50px; background:url(../images/f_line.png) no-repeat left center; text-align:center; width:158px;}
.f_l li.no{ background:none;}
.f_l li a{ font-size:16px; color:#545454;}
.f_l li .f_nav{ position:absolute; left:45px; top:50px; width:200px; text-align:left;}
.f_l li .f_nav a{ display:block; font-size:14px; color:#8c8c8c; line-height:30px;}
.f_r{ margin-top:66px; width:420px;}
.f_logo{ background:url(../images/f_logo.png) no-repeat center center; width:241px; height:52px;}
.f_txt{}
.f_tel{ line-height:55px; margin-top:24px; font-size:16px; color:#545454;}
.f_tel span{ font-size:24px; font-weight:bold;}
.f_adr{}
.f_adr, .f_adr p{ font-size:14px; color:#545454; line-height:30px;}
.f_copy{ line-height:1; margin-top:15px;}
.f_copy, .f_copy a{ font-size:14px; color:#545454;}
.f_zz{ display:block; margin-top:10px;}

.ej_banner{ width:100%; background-repeat:no-repeat; background-position:center center;}
.ej_banner1{ height:400px; background-image:url(../images/banner1.jpg);}
.ej_banner2{ height:556px; background-image:url(../images/banner2.jpg);}
.ej_banner3{ height:659px; background-image:url(../images/banner3.jpg);}
.ej_banner4{ height:401px; background-image:url(../images/banner4.jpg);}
.ej_banner5{ height:401px; background-image:url(../images/banner5.jpg);}

.prolist ul li{ margin-bottom:100px;}

.caselist ul li{ margin-bottom:100px;}

.contact{ width:1240px; margin:90px auto 110px;}
.con_l{ margin-left:35px; margin-top:60px;}
.con_en{}
.con_t1{ line-height:44px; margin-top:14px; font-size:30px; color:#676767;}
.con_t2{ line-height:32px; font-size:20px; color:#d0d0d0;}
.con_tel{ font-size:26px; color:#545454; line-height:96px; margin-top:10px;}
.con_tel span{ font-size:40px; font-weight:bold;}
.con_adr{}
.con_adr, .con_adr p{ font-size:24px; color:#545454; line-height:50px;}

.news_tui{ background-color:#F6F6F9; padding:46px 0 70px;}
.news_tui .wrap{ width:1280px;}
.tui_l{ width:702px; height:348px; position:relative;}
.tui_l .hd{ position:absolute; right:13px; bottom:0; z-index:999;}
.tui_l .hd ul{}
.tui_l .hd ul li{ float:left; width:25px; height:55px; background-image:url(../images/cir.png); background-repeat:no-repeat; background-position:center center; margin-left:3px; text-indent:999px; cursor:pointer;}
.tui_l .hd ul li.on{ background-image:url(../images/cir_on.png);}
.tui_l .bd{}
.tui_l .bd ul{}
.tui_l .bd ul li{}
.tui_tu{ width:702px; height:294px;}
.tui_zi{ background-color:#294957; line-height:54px; padding:0 20px; width:662px; font-size:16px; color:#ffffff;}

.tou_r{ width:498px; background-color:#ffffff; padding:22px 40px 8px;}
.tou_r li{ overflow:hidden; margin-bottom:40px;}
.tou_tit{ font-size:18px; color:#294957; line-height:36px;}
.tou_txt{ font-size:14px; color:#97a1a7; line-height:30px; height:30px; overflow:hidden;}

.news_list{ margin-top:50px; width:1280px;}
.news_list li{ margin-bottom:20px; overflow:hidden;}
.news_txt{ width:892px; height:197px; border:1px solid #E5E5E5;}
.news_time{ height:100%; padding:0 30px; border-right:1px solid #E5E5E5;}
.news_m{ font-size:24px; color:#166A79; line-height:60px; margin-top:44px;}
.news_line{ width:30px; height:1px; background-color:#166A79;}
.news_y{ font-size:14px; color:#999999; line-height:52px;}
.news_zi{ width:700px; margin-left:40px;}
.news_zi1{ font-size:24px; color:#666666; line-height:70px; margin-top:30px;}
.news_zi2{ font-size:14px; color:#666666; line-height:25px;}
.news_tu{ width:368px; height:199px;}
.news_list li:hover .news_time{ background-color:#294957; border-right:1px solid #294957;}
.news_list li:hover .news_m{ font-size:24px; color:#ffffff; line-height:60px; margin-top:44px;}
.news_list li:hover .news_line{ background-color:#ffffff;}
.news_list li:hover .news_y{ font-size:14px; color:#FFFFFF; line-height:52px;}
.news_list li:hover .news_zi1{ color:#294957; font-weight:bold;}

.about{ padding:55px 0 120px;}
.about_tit{ margin-top:0; background-image:url(../images/about_tit.png);}
.about_txt{ width:1290px; margin:80px auto;}
.about_txt, .about_txt p{ font-size:18px; color:#494949; line-height:34px;}
.container06{}
.container06 .w1200{ position:relative; width:1200px; margin:0 auto;}
.container06 .w1200:before{content:"";position:absolute;left:0;top:80px;width:100%;height:1px;border-bottom: #e5e5e5 1px solid; z-index:0}
.container06 .w1200:after{content:"";position:absolute;right:0;top:80px;width:0;height:1px;border-bottom:#2e2d28 1px solid;z-index:0;-moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out; z-index:0}
.container06 .w1200:hover:after{ left:0; width:100%;}
.container06 .w1200 .yuandian:before{ content:""; position:absolute; left:0; width:8px; height:8px; border:#e5e5e5 1px solid; border-radius:50%; background:#fff; top:76px; z-index:1}
.container06 .w1200 .yuandian:after{ content:""; position:absolute; right:0; width:8px; height:8px; border:#e5e5e5 1px solid; border-radius:50%; background:#fff; top:76px; z-index:1}
.container06 .w1200:hover .yuandian:before{ border:#2e2d28 1px solid;}
.container06 .w1200:hover .yuandian:after{ border:#2e2d28 1px solid; transition-delay:4s}
.container06 ul{font-size:0;overflow:hidden;text-align:center;position:relative;z-index:1;padding: 0 50px;}
.container06 ul li{width: 25%;display:inline-block; *display:inline; *zoom:1;text-align:center;position:relative;}
.container06 ul li .yuan{position:absolute;background: #fff url(../images/baiyuan.png) center no-repeat;width: 150px;height: 144px;left:50%;margin-left: -75px;top:0;mix-blend-mode: multiply;}
.container06 ul li .yuan01{ position:absolute; background:url(../images/baiyuan.png) center no-repeat; width:160px; height:50px; left:50%; margin-left:-80px; bottom:0; mix-blend-mode: multiply; }
.container06 ul li .img{width: 160px;height: 160px;line-height: 158px;display: inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:  relative;z-index: 10;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li .img img{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; margin-top:60px;}
.container06 ul li:hover .img img{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.container06 ul li span{position:absolute;left: 50%;margin-left: -45px;top: 132px;display:inline-block;width: 90px;height: 35px;line-height: 35px;font-size: 36px;color: #232425;z-index: 100;text-align: center;text-transform:uppercase;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;font-family: '苹方';}
.container06 ul li:before{content:"";position:absolute;width: 7px;height: 7px;left: 50%;margin-left: -50px;top: 141px;border: #d2d5d8 1px solid;-moz-border-radius: 4.5px;-webkit-border-radius: 4.5px;border-radius: 4.5px;z-index: 1000;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li:after{content:"";position:absolute;width: 7px;height: 7px;right: 50%;margin-right: -50px;top: 141px;border: #d2d5d8 1px solid;-moz-border-radius: 4.5px;-webkit-border-radius: 4.5px;border-radius: 4.5px;z-index: 1000;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container06 ul li h4{font-size: 18px;color: #1a4996;margin: 24px 0 12px;transition: 0.6s; font-weight:normal;}
.container06 ul li h5{font-size: 12px;color: #bcbcbc;text-transform:  uppercase;line-height: 14px; font-weight:normal;}

.culture{ background:url(../images/culture_bg.jpg) no-repeat center center; width:100%; height:835px;}
.culture_tit{ background-image:url(../images/culture_tit.png);}
.n_wenhua .content{ font-size:0; margin:60px -5px 0;}
.n_wenhua .content .box,.n_wenhua .content .center{ display:inline-block; margin:0 2.5px; vertical-align:top}
.n_wenhua .content .box{ width:295px; height:554px; position:relative; cursor:pointer}
.n_wenhua .content .box .img,.n_wenhua .content .box .img img{ width:295px; height:554px; overflow:hidden; transition:0.6s}
.n_wenhua .content .box .con{ position:absolute; top:0; left:0; width:295px; height:554px; transition:0.6s}
.n_wenhua .content .box .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:transparent 2px solid; transition:0.6s}
.n_wenhua .content .box .con h3{ margin-bottom:68px;}
.n_wenhua .content .box .con h5{ font-size:24px; color:#fff; margin-bottom:8px}
.n_wenhua .content .box .con p{ font-size:15px; color:rgba(255,255,255,0.7); line-height:30px;}
.n_wenhua .content .center{ width:600px;}
.n_wenhua .content .center .box00{ width:600px; height:275px; margin:0 0 5px; position:relative; cursor:pointer}
.n_wenhua .content .center .box00 .img,.n_wenhua .content .center .box00 .img img{ width:600px; height:275px; overflow:hidden; transition:0.6s;}
.n_wenhua .content .center .box00 .con{ position:absolute; top:0; left:0; width:600px; height:275px; transition:0.6s}
.n_wenhua .content .center .box00 .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:transparent 2px solid; transition:0.6s}
.n_wenhua .content .center .box00 .con h3{margin-bottom:25px;display: inline-block;}
.n_wenhua .content .center .box00 .con h3 img.img02{ display:none !important}
.n_wenhua .content .center .box00 .con h3 img{ vertical-align:middle;}
.n_wenhua .content .center .box00 .con h5{font-size:24px;color:#fff;margin-bottom: -7px;display: inline-block;vertical-align: middle;margin-left: 40px;}
.n_wenhua .content .center .box00 .con p{ font-size:15px; color:rgba(255,255,255,0.7); line-height:30px;}
.n_wenhua .content .box:hover .img img,.n_wenhua .content .center .box00:hover .img img{ transform:scale(1.06)}
.n_wenhua .content .box:hover .con h3,.n_wenhua .content .center .box00:hover .con h3 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}
.n_wenhua .content .box .con h3 img.img02{ display:none !important}
.n_wenhua .content .box:hover .con h3 img.img01{ display:none !important}
.n_wenhua .content .box:hover .con h3 img.img02{ display:inline-block !important}
.n_wenhua .content .center .box00:hover .con h3 img.img01{ display:none !important}
.n_wenhua .content .center .box00:hover .con h3 img.img02{display:inline-block !important;}
.n_wenhua .content .center .box00:hover .con h3{ display:block;}
.n_wenhua .content .center .box00:hover .con h5{ display:block; margin:0 0 8px 0}
.n_wenhua .content .box:hover .con{ background:#f6f7f7; }
.n_wenhua .content .center .box00:hover .con{ background:#f6f7f7;}
.n_wenhua .content .center .box00:hover .con h5{ color:#282828}
.n_wenhua .content .center .box00:hover .con p{ color:#787b7c}
.n_wenhua .content .box:hover .con h5{ color:#282828}
.n_wenhua .content .box:hover .con p{ color:#787b7c}
.n_wenhua .content .box:hover .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#1a4996 2px solid}
.n_wenhua .content .center .box00:hover .con:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#1a4996 2px solid}

.honor{ background-color:#f5f5f5; padding-bottom:80px; width:100%;}
.honor_tit{ background-image:url(../images/honor_tit.png);}
#certify {position: relative;width: 1123px;margin: 60px auto 0;}
#certify .swiper-container {padding-bottom: 60px;}
#certify  .swiper-slide {width: 334px;}
#certify  .swiper-slide img {width: 100%;display: block;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-prev {left: -40px;width: 60px;height: 111px;top:205px;background: url(../images/arrow-left.png) no-repeat right center;background-size: 100%;}
#certify .swiper-button-next {right: -40px;width: 60px;height: 111px;top:205px;background: url(../images/arrow-right.png) no-repeat right center;background-size: 100%;}
#certify .swiper-slide h5 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;text-align: center;color: #595959;margin-top: 30px;opacity: 0}
#certify .swiper-slide.swiper-slide-active h5 {opacity: 1}

.article{ margin:50px auto;}
.article, .article p{ font-size:16px; color:#333333; line-height:30px;}
.article p{ margin-bottom:10px;}

@media (max-width: 1600px){
	.index1{ background-size:auto 100%; height:570px;}
	.title{ height:52px; background-size:auto 100%; margin-top:60px;}
	.index1_txt{ width:800px; margin:39px auto 27px; line-height:20px;}
	.index1_adv{ width:1012px; margin:67px auto 60px;}
	.index1_adv li{ width:337px;}
	.adv_t{ height:43px; background-size:auto 100%;}
	.adv_e{ line-height:33px; margin-top:7px;}
	.adv_e span{width:40px;margin:0 6px;}
	.adv_c{ width:300px; line-height:20px;}
	a.index1_more{ width:80px; height:24px; line-height:24px; border-radius:24px;}
	
	.index2{ background-size:auto 100%; height:702px;}
	.pro_nav{ width:1151px; margin:63px auto 0;}
	.pro_nav li{width:273px; margin-left:11px;}
	.pro_en{ height:22px; background:url(../images/pro_en.png) no-repeat 37px center; margin-top:28px; background-size:auto 15px;}
	.pro_tit{ line-height:22px; font-size:16px; margin:0 37px;}
	.pro_txt{ margin:16px 37px 22px; line-height:16px; height:48px;}
	.pro_pic{ width:273px; height:234px;}
	.pro_pic img{ width:100%; height:100%;}
	
	.index3{ background-size:auto 100%; height:504px;}
	.case_con{ width:1143px; margin:69px auto 0;}
	.case_con li{ margin:0 4px; width:372px;}
	.case_pic{ width:372px; height:224px;}
	.case_pic img{ width:100%; height:100%;}
	.case_txt{ line-height:49px; font-size:14px;}
	
	.footer{ background-size:auto 100%; height:258px;}
	.footer .wrap{ width:1065px;}
	.f_l{ margin-top:49px; height:195px;}
	.f_l li{ line-height:37px; width:118px; background-size:2px 14px;}
	.f_l li a{ font-size:14px;}
	.f_l li .f_nav{left:33px;top:37px;}
	.f_l li .f_nav a{line-height: 24px; font-size:12px;}
	.f_r{ margin-top:49px; width:315px;}
	.f_logo{ background-size:100% 100%; width:180px; height:39px;}
	.f_tel{ line-height:41px; margin-top:18px; font-size:14px; color:#545454;}
	.f_tel span{ font-size:18px;}
	.f_adr, .f_adr p{ font-size:12px; line-height:22px;}
	.f_copy{ margin-top:11px;}
	.f_copy, .f_copy a{ font-size:12px;}
	.f_zz{ margin-top:7px; height:33px;}
	.f_zz img{ height:100%;}
	
	.prolist ul li{ margin-bottom:75px;}
	
	.caselist ul li{ margin-bottom:75px;}
}

.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: #1eae97; color: #fff;}