/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#222; background:#FFF;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"微软雅黑"}
h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#222; outline:none;}
input{ outline:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
i{ font-style:normal;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1220px; margin:0 auto; clear:both;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt90{ margin-top:90px;}


#header_box{ height:90px; background:rgba(255,255,255,1); clear:both; position:fixed; left:0; top:0; width:100%; -moz-box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; box-shadow:0px 0px 13px #666;}
.header{width:1300px; margin:0 auto; clear:both; position:relative;}
.header .logo img{ width:auto; height:90px; overflow:hidden; }
.search_box{ width:38px; height:38px; border-radius:6px; background:#eee; display:block; text-align:center; line-height:38px; font-size:22px; margin-right:40px; cursor:pointer; position:relative; z-index:101}
#search-form {-moz-transition: max-width, 0.5s; -o-transition: max-width, 0.5s; -webkit-transition: max-width, 0.5s; transition: max-width, 0.5s; position: absolute; top:25px; right:216px; width:100%; max-width: 0; overflow: hidden; background-color: #e5e5e5; border-radius:6px; z-index:101}
#search-form.open { height:38px; max-width:260px;}
#search-form fieldset {position: relative; margin: 0 50px 0 0; padding: 0; border: none;}
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height:38px;}
#search-form input[type="search"] { width: 100%; padding: 0 5px 0 16px; background: transparent; border: none;}
#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 38px; margin: 0; padding: 0; text-transform: uppercase; background: #eee; border: none; cursor: pointer; font-size:22px; border-radius:6px;}

.headers-box{display:block; position:fixed; top:0px; left: 0px; width: 100%; height:90px; z-index: 10;}
/* 透明导航：顶部深色蒙层，必须覆盖满 90px（含 logo 文字），末尾 22px 再渐隐，避免出现硬边 */
.header-box-black{ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.45)), color-stop(78%, rgba(0,0,0,0.45)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 78%, rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 78%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.45) 78%, rgba(0,0,0,0) 100%);
    z-index: 10;
    border-bottom: 0px !important;
}
/* logo 原图是深蓝/深灰，压在亮色 banner 上几乎看不见，这里在透明导航状态下统一反白 */
.header-box-black .logo img{ -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); }
#menu01{ display:inline-block; margin-left:40px; height:90px; line-height:90px;}
#menu01 li{ display:inline-block; float:left; width:100px; text-align:center; font-size:15px; margin-left:10px;}
#menu01 li a{ color:#fff; width:100px; white-space:nowrap; overflow:hidden; display:block;}
/* 当前栏目：原来用 #a7a25a 暗金色，压在亮色 banner 上会糊成一片，改为白字 + 金色下划线 */
#menu01 li.cur a{ color:#fff; position:relative;}
#menu01 li.cur a:after{ content:""; position:absolute; left:50%; margin-left:-11px; bottom:24px; width:22px; height:2px; background:#c9c37a; }
#nav{display:inline-block; margin-left:40px; height:90px; line-height:90px;}
#nav li{ display:inline-block; float:left; width:100px; text-align:center; font-size:15px; margin-left:10px; overflow:hidden}
#nav li a:hover,#nav li.cur a{ color:#a7a25a;}
#nav li a{  width:100px; white-space:nowrap; overflow:hidden; display:block;}
#nav li:hover{ overflow:visible;}
#nav ul > li { float: left; position: relative; }
#nav li ul { background:#fff; -moz-box-shadow:0px 5px 5px rgba(0,0,0,.18); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,.18); box-shadow:0px 5px 5px rgba(0,0,0,.18);}
#nav li ul li {width:140px; height:38px; line-height:38px; overflow:hidden; white-space:nowrap; margin:0;}
#nav li ul a { width:140px;  text-align:center; font-size:14px; color:#555;}
.nav3 ul > li:hover ul{ opacity:1; top:90px;}
.nav3 ul > li:hover ul li {height:38px; border-bottom:#eaeaea dashed 1px;}
.nav3 li ul {position: absolute; left:-20px; top:0px; opacity:0; transform:translate(0,0); transition:all .2s ease-in 0s; }
#nav li:hover .mainlevel{ color:#a7a25a;}


/*page2 动画*/
.page2 .fl{transition:1s; transform: translateX(-2000px);}
.page2.active .fl{transform:translateX(0px);}
.page2 .fr{transition:1s; transform: translateX(2000px);}
.page2.active .fr{transform:translateX(0px);}
/*关于我们*/
.about_box{ color:#FFF; height:auto; display:inline-block;}
.about_tt{ clear:both; overflow:hidden;}
.about_tt h2{ font-weight:normal; font-size:38px; float:left; display:block; margin-top:26px; letter-spacing:1px;}
.about_tt h3{ font-size:120px; color:rgba(255,255,255,.2); display:inline-block; text-transform:uppercase; float:left; margin-left:-66px; font-family:Arial;}
.about_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; margin-left:2px;}
.about_name{ font-size:22px; clear:both; overflow:hidden; height:44px; line-height:44px; background:#a7a25a; width:auto; display:inline-block; padding:0 20px; letter-spacing:1px; transform:translate(0,0); transition:all .4s ease-in 0s;}
.about_name:hover{ letter-spacing:5px;}
.about_item{position:absolute; left:23px; top:130px; width:550px; height:426px; display:block; padding-left:45px; background:url(../img/fd_01.png) left top no-repeat; overflow:hidden;}
.about_item h2{ font-size:24px; height:88px; line-height:88px; overflow:hidden;}
.about_item .txt{ font-size:15px; line-height:30px; height:240px; overflow:hidden; clear:both;}
.in_about_more {width:130px; height:36px; line-height:36px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_about_more a{ font-size:14px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.in_about_more:hover{ background:#a7a25a;}
.in_about_more:hover a{color:#fff}
.in_about_pic{ background:url(../img/abou_pic.png) left top no-repeat; width:540px; height:340px; overflow:hidden; padding-left:30px; padding-top:30px;}
.in_about_pic img{ width:540px; height:340px; overflow:hidden;}

/*page3 动画*/
.page3 .new_box{transition:1s; transform: translateY(-9999px);}
.page3.active .new_box{transform:translateY(0px);}
.page3 .pro_list{transition:1.3s; transform: translateY(9999px);}
.page3.active .pro_list{transform:translateY(0px);}
.page3 .pro_more{transition:1.5s; transform: translateY(9999px);}
.page3.active .pro_more{transform:translateY(0px);}

/*项目展示*/
.pro_box{ height:auto; overflow:hidden; color:#FFF;}
.pro_tt{ clear:both; overflow:hidden;}
.pro_tt h2{ font-weight:normal; font-size:38px; float:right; display:block; margin-top:24px; letter-spacing:1px;}
.pro_tt h3{ font-size:120px; color:rgba(255,255,255,.1); display:inline-block; text-transform:uppercase; float:right; margin-right:-66px; font-family:Arial;}
.pro_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; position:absolute; right:0;}

.pro_list{ clear:both; position:relative;}
.pro_list ul{ height:350px; overflow:hidden;}
.pro_list li{width:360px; height:300px; background:rgba(255,255,255,.2); float:left; display:inline-block; margin:0 16px 0 16px; padding:10px;transform:translate(0,0); transition:all .3s ease-in 0s;}
.pro_pic{ width:360px; height:240px; overflow:hidden;}
.pro_pic img{ width:360px; height:240px; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}
.pro_list li p{ width:360px; overflow:hidden; height:50px; line-height:50px; color:#FFF; font-size:18px; text-align:center; margin-top:10px;}
.pro_list li:hover{background:#a7a25a;}
.pro_list li:hover .pro_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.pro_list .prev,.pro_list .next{width:30px; height:56px; position:absolute; top:127px; cursor:pointer;}
.pro_list .prev{left:-66px;background:url(../img/btn_left.png) no-repeat; width:30px; height:56px; opacity:.5}
.pro_list .next{right:-78px; background:url(../img/btn_right.png) no-repeat; width:30px; height:56px; opacity:.5}
.pro_list .prev:hover,.pro_list .next:hover{opacity:1}
.pro_more {width:170px; height:46px; line-height:46px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:60px auto 0; }
.pro_more a{ font-size:15px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.pro_more:hover{ background:#a7a25a;}
.pro_more:hover a{color:#fff;}


/*page4 动画*/
.page4 .new_box{transition:1s; transform: translateY(-9999px);}
.page4.active .new_box{transform:translateY(0px);}
.page4 .new_list{transition:1.5s; transform: translateY(9999px);}
.page4.active .new_list{transform:translateY(0px);}
.page4 .new_more{transition:1.8s; transform: translateY(9999px);}
.page4.active .new_more{transform:translateY(0px);}

.new_box{ height:auto; color:#FFF; margin-top:70px;}
.new_tt{ clear:both; text-align:center;}
.new_tt h2{ font-weight:normal; font-size:38px; display:block; margin-top:24px; letter-spacing:1px;}
.new_tt h3{ font-size:120px; color:rgba(255,255,255,.1); text-transform:uppercase; font-family:Arial; margin-top:-110px;}
.new_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; position:absolute; left:585px;}

.new_list{ clear:both; overflow:hidden; color:#FFF;}
.new_list ul{ width:1240px;}
.new_list li{ width:560px; height:120px; padding:20px; overflow:hidden; background:rgba(0,0,0,.2); float:left; display:inline-block; margin:20px 20px 0 0; transform:translate(0,0); transition:all .4s ease-in 0s; }
.new_list li a{color:#FFF;}
.new_list li:hover{ background:rgba(0,0,0,.6);}
.new_list li:hover .date{ border-color:#a7a25a;}

.new_list li .date{line-height:50px; color:#e0e0e0; text-align:center; border: 3px solid rgba(214,206,206,0.5); font-size:18px; width: 114px; height: 114px; overflow:hidden;}
.new_list .date span {display: block; width: 100%; height:30px; line-height:44px; color: #fff; font-size:60px; text-align:center;}
.new_list li .cont{width:420px; height:114px; overflow:hidden;}
.new_list li .cont .nowti{ font-size:18px; line-height:30px; height:30px; overflow:hidden; white-space:nowrap;}
.new_list li .cont .tx{ font-size:14px; line-height:26px; color:#ccc; margin-top:8px;}
.new_list li .cont .nowti:hover a{ color:#a7a25a}
.new_more {width:170px; height:46px; line-height:46px; background:rgba(0,0,0,.2); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:50px auto 0; }
.new_more a{ font-size:15px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}
.new_more:hover{ background:rgba(0,0,0,.6);}
.new_more:hover a{color:#fff;}


/*page5 动画*/
.page5 .new_box{transition:1s; transform: translateY(-9999px);}
.page5.active .new_box{transform:translateY(0px);}
.page5 .swiper-container{transition:1.5s; transform: translateY(9999px);}
.page5.active .swiper-container{transform:translateY(0px);}
.page5 .swiper-button-prev{transition:2s; transform: translateX(-2000px);}
.page5.active .swiper-button-prev{transform:translateX(0px);}
.page5 .swiper-button-next{transition:2s; transform: translateX(2000px);}
.page5.active .swiper-button-next{transform:translateX(0px);}
.page5 .pro_more{transition:1.8s; transform: translateY(9999px);}
.page5.active .pro_more{transform:translateY(0px);}

/*成功案例*/
#certify{position: relative; margin-top:90px;}
#certify .swiper-container { padding-top:50px; height:420px; overflow:hidden;}
#certify  .swiper-slide {width: 520px; height: 420px; background:#fff;	box-shadow: 0 8px 30px rgba(0,0,0,.24);}
#certify  .swiper-slide img{width: 520px; height: 340px; overflow:hidden;}
#certify  .swiper-slide p {line-height:74px; padding-top: 0; text-align: center; color: #444; font-size:18px; white-space:nowrap; overflow:hidden; cursor:move}
#certify .swiper-button-prev {left:-30px; top:52%; width:45px; height:45px; background: url(../img/wm_button_icon.png) no-repeat; background-size: 100%; opacity:.4}
#certify .swiper-button-prev:hover { opacity:1}
#certify .swiper-button-next {right: -30px; top:52%; width: 45px; height: 45px;	background: url(../img/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; opacity:.4}
#certify .swiper-button-next:hover { opacity:1}


/*page6 动画*/
.page6 .new_box{transition:1s; transform: translateY(-9999px);}
.page6.active .new_box{transform:translateY(0px);}
.page6 .i_contact_ul{transition:1.3s; transform: translateY(9999px);}
.page6.active .i_contact_ul{transform:translateY(0px);}
.page6 #in_copy{transition:1.5s; transform: translateY(9999px);}
.page6.active #in_copy{transform:translateY(0px);}

.i_contact_ul{overflow:hidden; clear:both; margin:120px 0 80px 0;}
.i_contact_ul ul{ width:1220px;}
.i_contact_ul ul li{ float:left; width:285px; height:145px; padding:6px 0; background:rgba(255,255,255,.1); text-align:center; margin:0px 10px 0 10px; line-height:18px; font-size:14px; color:#fff; cursor:pointer;}
.i_contact_ul ul li a{ cursor:pointer; transform:translate(0,0); transition:all .3s ease-in 0s; display:block;}
.i_contact_ul ul li:hover{background:#a7a25a;}
.i_contact_ul ul li:hover a{ margin-top:-4px; display:block;}
.i_contact_ul ul li img{ width:44px; height:43px; display:block; margin:0 auto; margin-top:30px; margin-bottom:25px;}
.i_contact_ul ul li a{ width:94%; padding-left:3%; padding-right:3%; height:100%; display:block; color:#fff;}

/* 首页联系我们：服务热线/电子邮箱/地址 三个模块横向等分平铺（与内页底部一致），移动端在下面断点里改回竖排 */
.i_contact_ul ul.i_contact_ul_3{ width:100%; max-width:1220px; height:145px; margin:0 auto; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center;}
.i_contact_ul ul.i_contact_ul_3 > li{ float:none; width:auto; -webkit-box-flex:1; -webkit-flex:1 1 0; flex:1 1 0; margin:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* 内页底部“联系我们”：隐藏企业QQ后剩 3 项，横向等分平铺（不要用 .i_contact_ul_3，那是首页竖排样式） */
.i_contact_ul ul.i_contact_ul_3col{ width:100%; max-width:1220px; margin:0 auto; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center;}
.i_contact_ul ul.i_contact_ul_3col > li{ float:none; width:auto; -webkit-box-flex:1; -webkit-flex:1 1 0; flex:1 1 0; margin:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*copy*/
#in_copy{ position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,.1); line-height:58px; color:#FFF; clear:both; overflow:hidden; font-size:12px;}
#in_copy a{ color:#FFF;}
#in_copy a:hover{ color:#a7a25a; text-decoration:underline;}


/*右侧悬浮客服*/
.toolbar-item,.toolbar-layer{background:url(../img/toolbar.png) no-repeat; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1);}
.toolbar{position:fixed; right:3px; bottom:38%; z-index:1000;}
.toolbar a{ outline:none; cursor:pointer;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:2px;position:relative; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -372px;}
.toolbar-item-weixin:hover{background-position:0 -434px;}
.toolbar-item-kefu{background-position:0 -124px;}
.toolbar-item-kefu:hover{background-position:0 -186px;}
.toolbar-item-top{background-position:0 -248px;}
.toolbar-item-top:hover{background-position:0 -310px;}
.toolbar-item-phone{background-position:0 0px;}
.toolbar-item-phone:hover{background-position:0 -62px;}
.toolbar-layer{background:#FFF; padding:5px; width:140px; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.toolbar-item:hover .toolbar-layer1{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-layer1{background:#FFF; padding:20px 0; width:260px; text-align:center; overflow:hidden; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.foot_tel_icon01{ clear:both; overflow:hidden; display:block; height:30px; font-size:16px; line-height:30px; color:#444;}
.foot_telphone01{ font-size:30px; font-family:Impact; color:#a7a25a; margin-top:4px;}



/*page*/
#page_box{ background:#fbfbfb; clear:both; overflow:hidden; padding-bottom:30px;}
#page_top{ width:100%; height:90px; border-bottom:#ddd solid 1px; clear:both; overflow:hidden; padding-top:10px;}
.zy_top{ height:90px; line-height:90px; overflow:hidden; clear:both;}
.zy_top_left{ overflow:hidden;}
.zy_top_left span.en{color:#a7a25a; text-transform:uppercase; font-size:44px; font-family:Arial; font-weight:bold; float:left; overflow:hidden; white-space:nowrap;}
.zy_top_left span.cn{color:#444; text-transform:uppercase; font-size:32px; font-weight:600; float:left; margin-top:-4px; overflow:hidden; white-space:nowrap;}
.zy_top_left em{ font-family:Georgia; font-size:38px;color:#ff9c01; font-weight:bold; margin:0 12px; float:left; margin-top:-3px;}
.weizhi{ height:36px; line-height:36px; overflow:hidden; color:#444; text-align:right; font-size:13px;}
.weizhi em{ font-style:normal; margin-right:6px; font-size:18px;}
.weizhi a{ color:#555;}
.weizhi a:hover{ color:#a7a25a; text-decoration:underline;}
.weizhi01{ overflow:hidden; color:#444; text-align:right; font-size:13px;}
.weizhi01 em{ font-style:normal; margin-right:6px; font-size:18px;}
.weizhi01 a{ color:#555;}
.weizhi01 a:hover{ color:#a7a25a; text-decoration:underline;}
.page_nav{ clear:both; overflow:hidden; text-align:right; line-height:0; margin-top:5px;}
.page_nav li{ display:inline-block; width:110px; height:32px; line-height:32px; text-align:center; background:#555; border:1px solid #444; margin-left:10px;}
.page_nav li a{ color:#FFF; font-size:14px; display:block;}
.page_nav li:hover{ background:#a7a25a; border:1px solid #a7a25a;}
.page_nav li.on{ background:#a7a25a; border:1px solid #a7a25a;}

.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 30px 0px;}
.page_about_con img{ max-width:1220px; height:auto; width:expression(this.width > 1220px ? "1220px" : this.width); overflow:hidden;}
.con_title{ font-size:36px; color:#333; font-weight:bold; line-height:56px;}
.con_auth{ clear:both; height:34px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}
.con_auth span{ margin-right:25px;}
/**/
#in_bg04{ width:100%; overflow:hidden; clear:both; padding:50px 0 120px 0; position:relative;}

/*新闻动态*/
.list_pic{ width:200px; height:130px; overflow:hidden;}
.list_pic img{width:200px; height:130px; overflow:hidden;transform:translate(0,0); transition:all .4s ease-in 0s;}
.news_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.list_con{ width:946px; height:130px; overflow:hidden;}
.new_list{ clear:both; overflow:hidden;}
.news_list li{ padding:20px 20px 20px 20px; height:130px; margin:8px; overflow:hidden;}
.news_list li:hover{ -moz-box-shadow:0px 0px 8px rgba(0,0,0,.13); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.13); box-shadow:0px 0px 8px rgba(0,0,0,.13);}
.list_con_xx{ clear:both; overflow:hidden; font-size:14px; height:56px; line-height:28px; color:#787878; margin-top:6px;}
.list_con_au{ height:38px; line-height:38px; overflow:hidden; font-size:13px; color:#999;}
.list_con_au span{ margin-right:25px;}
.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}
.box_con_title{ height:32px; line-height:32px; overflow:hidden;}
.box_con_title a{font-size:17px; vertical-align: middle; color:#444;}
.box_con_title a:hover{color:#a7a25a;}
.news_list li:hover .list_con_au{ color:#a7a25a;}
.news_list li:hover .list_con_au span i{ color:#a7a25a;}

/*翻页*/
#page{margin:50px 5% 30px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#a7a25a; border:1px solid #a7a25a; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ccc; margin:5px 3px; display:inline; float:left; color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#a7a25a;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}

/*在线留言*/
.message_kk{ width:380px; height:48px; line-height:48px; background:rgba(102,102,102,.6); margin:10px 0px 20px 20px; color:#fff; font-size:14px; overflow:hidden;}
.message_name{ width:90px; float:left; display:inline; text-align:right; overflow:hidden; margin-right:3px;}
.message_input{ float:left; display:inline; width:235px;}
.message_input input{ width:235px; height:48px; border:0 none; color:#fff; background:none; }
.message_icon{ width:50px; height:48px; line-height:48px; overflow:hidden; float:right; display:inline; text-align:center;}
.message_icon em.name_icon{ font-size:30px; display:inline-block; margin-top:2px;}
.message_icon em.tel_icon{ font-size:24px; display:inline-block; margin-top:2px;}
.message_icon em.mail_icon{ font-size:26px; display:inline-block; margin-top:2px;}
.message_kk1{ width:1180px; height:220px; line-height:48px; background:rgba(102,102,102,.6); color:#fff; font-size:14px; clear:both; overflow:hidden; margin:0 20px;}
.message_textarea{ float:left; display:inline; width:1020px;}
.message_textarea textarea{ width:1020px; height:216px; background:none; line-height:1.6; padding:14px 0 8px 0; border:0 none; color:#fff; font-size:14px; font-family:"微软雅黑"; resize:none;}
.message_btn{ background:rgba(102,102,102,.6); color:#fff; width:150px; height:42px; font-size:15px; border:none; outline:none; cursor:pointer; margin:0 25px;}
.message_btn:hover{ background:#a7a25a; color:#FFF;}
.message_Tis{ color:#bdbdbd; height:52px; line-height:52px; font-size:14px;}


/*案例分类*/
.page_menu{ clear:both; overflow:hidden;}
.page_menu li{height:40px; width:140px; background:#FFF; overflow:hidden; float:left; display:inline-block; text-align:center; margin:6px 6px; }
.page_menu li a{ color:#666; display:block; font-size:14px; overflow:hidden; white-space:nowrap; border:#ddd solid 1px; height:38px; width:138px; line-height:38px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.page_menu li a:hover{ background:#a7a25a; border:#a7a25a solid 1px; color:#FFF;}
.page_menu li.on a{ background:#a7a25a; border:#a7a25a solid 1px; color:#FFF;}
/*成功案例*/
.case_list{ clear:both; overflow:hidden;}
.case_list ul{ width:1250px;}
.case_list li{ width:370px; height:318px; float:left; display:inline-block; overflow:hidden; background:#FFF; position:relative; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.08); box-shadow:0px 0px 8px rgba(0,0,0,.08); margin:26px 40px 20px 6px; transform:translate(0,0); transition:all .3s ease-in 0s;}
.case_pic{width:370px; height:252px; overflow:hidden;}
.case_pic img{width:370px; height:252px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.case_pic a{ display:block;}
.case_list li .case_name{ position:absolute; left:0; bottom:0px; width:370px; height:50px; padding:2px 0 8px 0;}
.case_list li p{ text-align:center; font-size:14px; color:#787878; white-space:nowrap; overflow:hidden;}
.case_list li p em{ font-size:17px; font-style:normal; height:50px; line-height:50px; color:#444; }
.case_list li:hover{-moz-box-shadow:0px 0px 8px rgba(0,0,0,.24); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.24); box-shadow:0px 0px 8px rgba(0,0,0,.24);}
.case_list li:hover .case_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

/*网站地图*/
.sitemap{ clear:both; overflow:hidden; padding-bottom:20px;}
.sitemap dl{ padding:14px 10px; width:1200px; border-bottom:#ddd dashed 1px;}
.sitemap dl dt{ height:58px; line-height:58px; clear:both; overflow:hidden;}
.sitemap dl dt a{ font-size:22px; font-weight: bold; color:#333;}
.sitemap dl dt a:hover{ color:#a7a25a;}
.sitemap dl dd a{font-size:16px; color:#555; margin-right:30px; height:34px; line-height:34px; overflow:hidden;}
.sitemap dl dd a:hover{ text-decoration:underline; color:#a7a25a;}

/* ==================== 响应式改造（方案A：PC 模板自适应，小屏不再切换 mobile 模板） ==================== */
/* 断点说明：
   >1320px  原桌面版样式，完全不变
   <=1320px 中屏/平板横屏：固定宽度改弹性
   <=768px  手机：汉堡菜单、单列布局、禁用 fullpage（index.htm 中 JS 判断） */

/* 汉堡按钮：桌面端隐藏 */
.nav_toggle{ display:none;}


@media screen and (max-width:1320px){
  .warp{ width:auto; max-width:1220px; margin-left:20px; margin-right:20px;}
  .header{ width:auto; max-width:1300px; padding:0 20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
  /* 内页新闻列表 */
  .news_list li{ height:auto; overflow:visible;}
  .list_con{ width:calc(100% - 210px); height:auto;}
  .list_con_xx{ height:auto; max-height:56px;}
  /* 案例列表 */
  .case_list ul{ width:auto;}
  .case_list li{ width:calc(33.333% - 30px); height:auto; margin:26px 15px 20px 15px;}
  .case_pic{ width:100%; height:auto;}
  .case_pic img{ width:100%; height:auto;}
  .case_list li .case_name{ width:100%;}
  /* 首页新闻四格 */
  .new_list ul{ width:auto;}
  .new_list li{ width:47%; height:auto;}
  .new_list li .cont{ width:calc(100% - 134px); height:auto;}
  /* 联系模块：平板上自动换行等分 */
  .i_contact_ul ul{ width:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center;}
  .i_contact_ul ul li{ float:none; width:auto; min-width:240px; -webkit-box-flex:1; -webkit-flex:1 1 240px; flex:1 1 240px; margin:0 10px 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
  /* 留言表单 */
  .message_kk1{ width:auto;}
  .message_textarea{ width:calc(100% - 120px);}
  .message_textarea textarea{ width:100%;}
  /* 正文图片不超宽 */
  .page_about_con img{ max-width:100% !important; width:auto; height:auto;}
  .page_about_con{ font-size:15px; line-height:2.2;}
  /* 网站地图 */
  .sitemap dl{ width:auto;}
}

@media screen and (max-width:768px){
  /* ---- 全局 ---- */
  html,body{ overflow:auto !important; height:auto !important;}  /* 覆盖 style.css 中为 fullpage 设置的 overflow:hidden */
  body{ font-size:14px;}
  #menu{ display:none;}          /* 右侧全屏导航圆点 */
  .mt90{ margin-top:60px;}
  /* 内页顶部通栏 banner（内联 360px 高，需 !important 覆盖） */
  .c.mt90{ height:160px !important; background-size:cover !important; background-position:center !important;}

  /* ---- 头部：统一白色导航 60px + 汉堡菜单 ---- */
  .headers-box, #header_box{ height:60px;}
  .header-box-black{ display:none !important;}                    /* 小屏统一用白底导航 */
  .header-white-box{ display:block !important; z-index:1001;}     /* 覆盖首页 JS 的 display:none */
  #header_box{ background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.12);}
  .header .logo img{ height:44px;}
  .nav_toggle{ display:block; position:absolute; right:12px; top:8px; width:40px; height:44px; cursor:pointer; z-index:1003;}
  .nav_toggle span{ display:block; width:24px; height:2px; background:#444; margin:5px auto; transition:all .3s;}
  .nav_toggle.nav_open span:nth-child(1){ transform:translateY(7px) rotate(45deg);}
  .nav_toggle.nav_open span:nth-child(2){ opacity:0;}
  .nav_toggle.nav_open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg);}
  #nav{ display:inline-block; margin-left:0; height:auto; line-height:normal;}
  #nav > ul{ display:none;}
  #nav.nav_open > ul{ display:block; position:fixed; top:60px; left:0; width:100%; max-height:calc(100vh - 60px); overflow-y:auto; background:#fff; box-shadow:0 8px 16px rgba(0,0,0,.15); padding:4px 0; z-index:1002;}

  /* 一级菜单：竖排（原样式 #nav ul > li 有 float:left，这里必须用同等/更高优先级覆盖） */
  #nav ul > li, #nav ul li{ display:block; float:none !important; width:auto; height:auto; line-height:46px; margin:0; text-align:left; overflow:visible; position:relative;}
  #nav ul li a.mainlevel{ display:block; width:auto; padding:0 50px 0 20px; font-size:16px; color:#333; white-space:normal; overflow:visible;}
  #nav ul li.cur > a.mainlevel{ color:#a7a25a; font-weight:bold;}
  #nav ul li a:hover, #nav ul li:hover .mainlevel{ color:#a7a25a;}
  #nav ul > li + li, #nav > ul > li + li{ border-top:1px solid #f2f2f2;}

  /* 一级菜单展开箭头（点箭头展开二级，点文字仍正常跳转） */
  #nav .nav_arrow{ display:block; position:absolute; right:0; top:0; width:50px; height:46px; cursor:pointer;}
  #nav .nav_arrow:after{ content:""; position:absolute; right:20px; top:20px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #b5b5b5; transition:transform .25s;}
  #nav li.sub_open > .nav_arrow:after{ transform:rotate(180deg); top:18px;}
  #nav li.sub_open > a.mainlevel{ color:#a7a25a;}

  /* 二级菜单：默认收起，展开后缩进在父项下方，整体向左对齐 */
  .nav3 li ul, #nav ul li ul{ position:static !important; left:0 !important; top:auto !important; opacity:1 !important; transform:none !important; box-shadow:none; display:none; background:#fafafa; border-top:1px solid #f2f2f2; padding:4px 0;}
  .nav3 ul > li:hover ul, #nav ul > li:hover ul{ top:auto !important;}
  #nav li.sub_open > ul{ display:block; -webkit-animation:navSubIn .22s ease-out; animation:navSubIn .22s ease-out;}
  @-webkit-keyframes navSubIn{ from{ opacity:0; -webkit-transform:translateY(-6px);} to{ opacity:1; -webkit-transform:translateY(0);} }
  @keyframes navSubIn{ from{ opacity:0; transform:translateY(-6px);} to{ opacity:1; transform:translateY(0);} }
  #nav ul li ul li{ width:auto; height:auto; line-height:40px; border-bottom:none; margin:0; float:none !important;}
  #nav ul li ul a{ display:block; width:auto; text-align:left; padding:0 20px 0 34px; color:#777; font-size:14px; border-left:2px solid transparent;}
  #nav ul li ul a:hover{ color:#a7a25a; border-left-color:#a7a25a;}

  /* ---- 首页第一屏 banner ---- */
  .banner{ height:100vh;}
  .content{ width:auto; max-width:1200px;}
  .product_box .content{ width:auto; max-width:1000px; left:0; margin-left:0;}
  .product_btns .content{ width:auto; max-width:1000px; margin-left:0;}

  /* 各屏入场动画依赖 fullpage 的 .active 类，小屏未启用 fullpage，统一复位为可见状态 */
  .page2 .fl,.page2 .fr,.page3 .new_box,.page3 .pro_list,.page3 .pro_more,
  .page4 .new_box,.page4 .new_list,.page4 .new_more,
  .page5 .new_box,.page5 .swiper-container,.page5 .swiper-button-prev,.page5 .swiper-button-next,.page5 .pro_more,
  .page6 .new_box,.page6 .i_contact_ul,.page6 #in_copy{ transform:none !important;}

  /* ---- 通用标题 ---- */
  .new_box{ margin-top:0;}
  .new_tt h2{ font-size:24px; margin-top:0;}
  .new_tt h2::after{ left:50%; margin-left:-25px; position:relative; display:block;}
  .new_tt h3{ font-size:46px; margin-top:-46px;}
  .about_tt h2{ font-size:24px;}
  .about_tt h3{ font-size:56px; margin-left:-30px;}

  /* ---- 第二屏 关于我们 ---- */
  .page2 .warp, .page3 .warp, .page4 .warp, .page5 .warp, .page6 .warp{ padding:45px 0 40px;}
  .about_box{ width:100%; float:none;}
  .about_item{ position:static; width:auto; height:auto; padding:10px 0 10px 15px; background:none; border-left:3px solid #a7a25a; overflow:visible;}
  .about_item h2{ height:auto; line-height:36px; font-size:18px;}
  .about_item .txt{ height:auto; font-size:13px; line-height:24px;}
  .in_about_more{ width:120px; height:34px; line-height:34px; margin-top:12px;}
  .in_about_pic{ float:none; width:100%; height:auto; padding:0; margin-top:20px;}
  .in_about_pic img{ width:100%; height:auto;}

  /* ---- 第三屏 项目展示 ---- */
  .pro_list{ margin-top:20px; overflow:hidden;}
  .pro_list ul{ height:auto;}
  .pro_list li{ width:300px; height:auto; margin:0 10px; padding:10px;}
  .pro_pic{ width:280px; height:auto;}
  .pro_pic img{ width:280px; height:auto;}
  .pro_list li p{ width:280px; height:40px; line-height:40px; font-size:14px; margin-top:8px;}
  .pro_list .prev,.pro_list .next{ display:none;}
  .pro_more{ margin-top:30px;}

  /* ---- 第四屏 新闻动态 ---- */
  .new_list li{ width:100%; padding:12px; margin:12px 0 0;}
  .new_list li .date{ width:70px; height:70px; line-height:24px; font-size:13px; border-width:2px;}
  .new_list .date span{ font-size:30px; height:30px; line-height:34px;}
  .new_list li .cont{ width:calc(100% - 80px); height:auto; margin-left:0; float:none; overflow:hidden;}
  .new_list li .cont .nowti{ height:auto; white-space:normal; line-height:22px; font-size:15px;}
  .new_list li .cont .tx{ margin-top:4px; height:48px;}
  .new_more{ margin-top:25px;}

  /* ---- 第五屏 成功案例 ---- */
  #certify{ margin-top:0;}
  #certify .swiper-container{ height:360px; padding-top:20px;}
  #certify .swiper-slide{ width:250px !important; height:360px;}
  #certify .swiper-slide img{ width:250px; height:175px;}
  #certify .swiper-slide p{ line-height:44px; font-size:14px; white-space:normal;}
  #certify .swiper-button-prev,#certify .swiper-button-next{ display:none;}

  /* ---- 第六屏 联系我们 + 版权 ---- */
  .i_contact_ul{ margin:30px 0 20px;}
  .i_contact_ul ul li{ min-width:0; margin:8px 0; width:100%;}
  .i_contact_ul ul li img{ margin-top:18px; margin-bottom:14px;}
  /* 桌上三列平铺的联系模块，手机上改回竖排：一行一张卡 */
  .i_contact_ul ul.i_contact_ul_3,
  .i_contact_ul ul.i_contact_ul_3col{ display:block; width:100%; max-width:100%; height:auto;}
  .i_contact_ul ul.i_contact_ul_3 > li,
  .i_contact_ul ul.i_contact_ul_3col > li{ display:block; width:100%; height:auto; min-height:145px; margin:8px 0; padding:6px 0;}
  #in_copy{ position:static; line-height:22px; padding:8px 0;}
  #in_copy .fl,#in_copy .fr{ float:none; text-align:center;}

  /* ---- 内页公共 ---- */
  #in_bg04{ padding:30px 0 60px;}
  #page_top{ height:auto; padding-top:0;}
  .zy_top{ height:auto; line-height:normal; padding:14px 0;}
  .zy_top_left span.en{ font-size:26px;}
  .zy_top_left span.cn{ font-size:18px; margin-top:-2px;}
  .zy_top_left em{ font-size:22px; margin:0 8px;}
  .zy_top .fr{ float:none;}
  .weizhi,.weizhi01{ text-align:left; height:30px; line-height:30px;}
  .page_nav{ text-align:left;}
  .page_nav li{ width:auto; padding:0 12px; margin-left:0; margin-right:8px;}
  .page_about_con{ padding:10px 0 20px; font-size:14px; line-height:2;}
  .con_title{ font-size:22px; line-height:34px;}
  .con_auth span{ margin-right:12px;}
  /* 内页新闻列表 */
  .news_list li{ padding:12px; margin:8px 0; height:auto;}
  .list_pic{ width:110px; height:74px;}
  .list_pic img{ width:100%; height:100%;}
  .list_con{ width:calc(100% - 130px); float:none; margin-left:0; height:auto;}
  .list_con_au span{ margin-right:10px;}
  /* 案例列表 */
  .case_list li{ width:calc(50% - 20px); margin:15px 10px;}
  .case_list li p em{ font-size:15px;}
  /* 案例分类标签 */
  .page_menu li{ width:calc(33.333% - 12px); margin:6px;}
  .page_menu li a{ width:auto; height:36px; line-height:36px;}
  /* 留言表单 */
  .message_kk{ width:100%; margin:10px 0; float:none;}
  .message_input{ width:calc(100% - 120px);}
  .message_input input{ width:100%;}
  .message_kk1{ height:auto; margin:10px 0;}
  .message_textarea{ width:calc(100% - 120px);}
  .message_textarea textarea{ width:100%; height:140px;}
  .message_btn{ width:130px; margin:0 10px;}
  /* 悬浮客服 */
  .toolbar{ right:0;}
  .toolbar-item{ width:42px; height:42px; background-size:260px;}
}

@media screen and (max-width:400px){
  .header .logo img{ height:36px;}
  .new_tt h3{ font-size:38px;}
  .new_tt h2{ font-size:20px;}
  #certify .swiper-slide{ width:240px !important;}
  #certify .swiper-slide img{ width:240px; height:170px;}
}