body{ min-width:1270px;font: 14px/1.8 "Arial"; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); }
/*body{ min-width:1270px;font: 14px/1.8 "微軟正黑體","Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); }*/
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}

a{outline:none; text-decoration:none; color:#383838;} 
a:hover{ text-decoration:underline; color:#009f5d;outline:none; text-decoration:none;}


.wd{width:1280px;}
/*top*/
.top{width:1280px; margin: 0 auto}
.lvdunlogo{ text-align: left;height: 80px;width:225px;}
.menu{width:900px; top:0; line-height: 80px;}
.menu li{ float:left;  text-align: center;}
.menu li a{color:#333; display: block;font-size:16px;padding: 0 15px;}
.menu li a:hover{ background: #009f5d; display: block; color:#fff;}
.menu li.on{ background: #009f5d; display: block; color:#fff}
.menu li.on a{color:#fff;font-weight: bold;}
.navbg{  background: #fff;  height: 40px;  line-height: 40px; border-top:1px #ececec solid}
.nav{width:1280px;margin: 0 auto;}
.nav .ad{font-size:14px;}
.nav .fuwu{width:800px;font-size:14px; display: flex;justify-content:flex-end;}
.nav .fuwu li{ padding-left:35px;padding-right:35px;}
.nav .fuwu li.f1{ background: url("../images/t1.jpg") left no-repeat;}
.nav .fuwu li.f2{ background: url("../images/t2.jpg") left no-repeat;}
.nav .fuwu li.f3{ background: url("../images/t3.jpg") left no-repeat;}
.nav .fuwu li.f4{ background: url("../images/t4.jpg") left no-repeat;}
.nav .fuwu li.f5{ background: url("../images/t5.jpg") left no-repeat;}

.banben{height:80px;display: flex;flex-direction: column;justify-content:center;}
.banben a{display: block;text-align: center;width:55px;border: 1px solid #f3f3f3;font-size:15px}
/*首页店面轮播展示
 .lunbo-second{width: 1280px; }
 .lunbo-secondd-item{width: 100%;height: 100px;background-color: #2FBB3B;display: none;}
.aadd{position: absolute;top: 0; width: 40%;height: 100%;    }
.aadd-item{width:100%;height: 100%; }*/

/*首页*/
.sy_lm36{width:100%; text-align: center; margin:30px auto 0;font-size:26px; color: #2f2f2f; line-height: 60px}
.sy_en18{width:100%; text-align: center; margin:0px auto;font-size:18px; color:#b9b9b9; line-height: 28px }
.sy_tiao{width:100%; text-align: center; margin:0px auto;}

/*首页banner*/
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; height: calc(100vh); background-color: #f7f7f7; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .binbox{ position: absolute; left: 50%; top: 20%; width: 1200px; margin-left: -600px; color: #fff;}
.bin-c .img{ display: block;}
.bin-c .c{ font-family: "020-CAI978"; line-height: 1.5;}
.bin-c1 .t{ padding: 18px 0px 8px; margin-bottom: 25px; font-size: 24px; border-bottom: 1px solid #d8deef;}
.bin-c1 .t,.bin-c1 .c{ width: 440px; margin-left: 106px;}
.bin-c1 .c{ opacity: 0.6; filter: alpha(opacity=60);}
.bin-c2{ float: right; display: block;}
.bin-c2 .img,.bin-c2 .c{ float: right; display: inline-block;}
.bin-c2 .img{ margin-left: 18px;}
.bin-c2 .c{ margin-top: 62px;}
.bin-c3{ width: 524px; text-align: center; margin: 0px auto; font-family: "020-CAI978"; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);}
.bin-c3 .img{ margin: 0px auto; display: block;}
.bin-c3 .t{ font-size: 16px; line-height: 1.5; text-transform: uppercase;}
.bin-c3 .c{ padding-top: 14px;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .bin-c{ visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);}
.banner .slick-active .bin-c1{ -webkit-animation: fadeInR 1.2s 1; animation: fadeInR 1.2s 1;}
.banner .slick-active .bin-c2{ -webkit-animation: fadeInL 1.2s 1; animation: fadeInL 1.2s 1;}
.banner .slick-active .bin-c3{ -webkit-animation: fadeInT 1.2s 1; animation: fadeInT 1.2s 1;}
@-webkit-keyframes fadeInR{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInR{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes fadeInL{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInL{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes fadeInT{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInT{0%{opacity:0;-webkit-transform:translateY(300px);transform:translateY(300px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
.banner .slick-dots { top: 45%; left: 2%; bottom: auto; width: 12px; z-index: 504;}
.banner .slick-dots li { position: relative; display: block; width: 12px; height: 12px; margin: 0 0 25px; cursor: pointer;}
.banner .slick-dots li a { text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 12px; height: 12px; background: none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background:none #fe0000; }
.mouseBox{ position:absolute; left: 50%; margin-left: -56px; width: 112px; bottom: 25px; color: #fff; z-index: 800; text-align: center; cursor: pointer; font-family:"020-CAI978";}
.mouseBox .txt{ display: block; line-height: 1.2; margin-bottom: 15px;}
.mouseIco{ border-radius: 9px; width: 16px; height: 28px; border: 2px solid #fff; margin: 0px auto; display: block; position: relative;}
.mouseIco i{ width: 2px; height: 8px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}


/*首页产品分类*/
.xiangmu{ padding:0; margin: 0 auto;width:1280px; }
.xiangmu .pro_l{ width:100%; margin:0 auto 20px auto;}
.xiangmu .pro_l li{ height:100px;  float:left;  box-sizing:border-box; padding:39px 0 0 0; text-align: center}
.xiangmu .pro_l li a{ padding-top:15px; display:block }
.xiangmu .pro_l li a h2{ font-size:16px; color:#4d4c4c; line-height:35px; }
.pr_a{ width:24%; background:url(../images/a_a.png) no-repeat center 18px;}
.pr_b{ width:25%; background: url(../images/a_b.png) no-repeat center 18px;}
.pr_c{ width:25%; background: url(../images/a_c.png) no-repeat center 18px;}
.pr_d{ width:25%; background: url(../images/a_d.png) no-repeat center 18px;}
.pr_a.pr_crnt{ background:url(../images/a_a_h.png) no-repeat center 18px;}
.pr_b.pr_crnt{ background:url(../images/a_b_h.png) no-repeat center 18px;}
.pr_c.pr_crnt{ background:url(../images/a_c_h.png) no-repeat center 18px;}
.pr_d.pr_crnt{ background:url(../images/a_d_h.png) no-repeat center 18px;}

.xiangmu .pro_l li.pr_crnt a h2{  color:#009f5d;}
.xiangmu .pro_l li.pr_crnt a p{ color:#009f5d}


.product_index{ padding:0; margin: 0 auto;width:1280px; }
.f_con{position:relative; overflow:hidden; margin:0 auto}
.f_con li{float:left;  margin-bottom:14px;  position:relative; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;}
.f_con .cp_m{ width:95%; margin: 0 auto;position:relative; overflow:hidden;border:1px solid rgba(0,0,0,0.05);}
.f_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.f_con .cp_m:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.f_con .cp_k{ border:1px solid rgba(0,0,0,0.05);width:95%; margin: 0 auto;  }
.f_con .cp_k p{ color: #333; font-size:18px; line-height:75px; text-align: center}

.index_product .s_width{ position:relative; }
.chanpin_l{ width: 510px; position:relative; height:550px;  cursor: pointer;}
.chanpin_l .chanpin_l_pic{ width:510px; margin:0 auto; height:550px;  position:relative; overflow:hidden;}
.chanpin_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.chanpin_con{ width:740px; position:relative; overflow:hidden; background:#111110; height: 500px; padding-top: 50px; padding-left: 30px}
.pro_dd{ width:645px; margin:0 auto; position:relative; overflow:hidden;}
.chanpin_con .txt{width:300px;color:#fff}
.chanpin_con .txt .bt38{font-size:38px; font-family: Arial; line-height: 44px;}
.chanpin_con .txt .bt42{font-size:42px; line-height: 55px }
.chanpin_con .txt .shutiao{width:1px; height: 50px; background: #fff; margin: 10px 20px 30px }
.chanpin_con .txt p{font-size:14px; line-height: 28px}
.chanpin_con .txt .en_txt{font-size:12px;font-family: Arial; margin-top: 20px}
.chanpin_con .canshu{width:430px;}
.chanpin_con .canshu .list_canshu{width:360px; height: 60px;}
.chanpin_con .canshu .list_canshu li{float:left; margin-right: 10px; text-align: center;}
.chanpin_con .canshu .list_canshu li a{color:#fff;width:100px; height: 36px;line-height: 36px; border-radius:20px; background: #009f5d; display: block}
.chanpin_con .canshu .list_canshu li a:hover{color:#333; background: #fff}
.chanpin_con .canshu .pic{ margin-top:20px}

.xiangmu .huahai_l{ width:1000px; margin:0 auto; position:relative; z-index:2}
.xiangmu .huahai_l li{ width:366px; height:110px; border-right:1px solid #dedede; float:left; box-sizing:border-box; padding:45px 0 0 0 }
.xiangmu .huahai_l li:nth-child(3){ border-right:0 solid #dedede;}
.xiangmu .huahai_l li a{ padding-top:15px; display:block }
.xiangmu .huahai_l li a h2{ font-size:17px; color:#343434; line-height:35px; font-weight:normal;}

.cp_a{ background:#ececec url(../images/c_a.png) no-repeat center 12px;}
.cp_b{ background:#ececec url(../images/c_b.png) no-repeat center 12px;}
.cp_c{ background:#ececec url(../images/c_c.png) no-repeat center 12px;}
.cp_a.cp_crnt{ background:#d61411 url(../images/c_a_h.png) no-repeat center 12px;}
.cp_b.cp_crnt{ background:#d61411 url(../images/c_b_h.png) no-repeat center 12px;}
.cp_c.cp_crnt{ background:#d61411 url(../images/c_c_h.png) no-repeat center 12px;}
.xiangmu .huahai_l li.cp_crnt a h2{  color:#ffffff;}
.xiangmu .huahai_l li.cp_crnt a p{ color:#ffffff}

.index_h{width:100%;background:url("../images/cpbg.jpg") bottom repeat-x; height: 600px}
.index_huahai_con{ width:1280px; margin:0 auto; position:relative; z-index:1;}


/*首页关于我们*/
.sy_about_bg{background: url("../images/aboutbge.jpg") top repeat-x; height: 380px; padding-top: 50px; }
.sy_about{width:1280px; margin: 0 auto;}
.sy_about .video{width:500px; text-align: left}
.sy_about .jianjie{width:760px; text-align: left; color:#2f2f2f}
.sy_about .jianjie h2{ margin-top:0; }
.sy_about_list{width:100%;  margin-top:20px;}
.sy_about_list li{width:33.3%; float:left; text-align: center;transition-duration: 0.5s;}
.sy_about_list li .yuan{width:100px; height: 100px; border-radius:50%;margin: 0 auto; text-align: center; background: #b5b5b5; border: 10px #f1f1f1 solid;transition-duration: 0.5s;}
.sy_about_list li .yuan img{ padding-top:33px;transition-duration: 0.5s;}
.sy_about_list li:hover .yuan{background: #009f5d; border: 10px #75cda9 solid;transform: rotateY(180deg);}
.sy_about_list li span{font-size:18px;font-weight: bold; line-height: 35px;}
.sy_about_list li p{fot-size:14px; line-height: 30px; margin-top: 0}




/*首页热销hot_cp*/

.hot_cp{width:1280px; margin: 30px auto}
.hot_cp .hot{width:850px;}
.hot1_bg{width:850px; background:#f2f2f2; height: 510px}
.hot1{width:780px; margin: 0 auto; padding-top: 45px}
.hot1_r{width:480px; text-align: left;}
.hot1_r .title{font-size:24px;font-weight: bold; color:#019f5e; margin-bottom: 20px; background: url("../images/tiao2.png") right center no-repeat;width:160px}
.hot1_r p{font-size:15px; line-height: 30px; color: #3a3a3a}
.hot1_r img{max-width:100%}
.hot_cp .tuijian{width:395px;}

.huise{background:#f2f2f7;padding:45px 0 0 0;margin:25px 0 0 0}
.se_chanpin_con{width:1280px;margin: 0 auto;}
.se_chanpin_con ul{margin:0;display: flex;justify-content:flex-start; flex-wrap: wrap}
.se_chanpin_con li{width:32.5%; margin: 0 1.2% 28px 0; background: #f5f5f5; position:relative;cursor:pointer; text-align: center; transition: 0.5s; box-shadow:0 0 35px rgba(0,0,0,0.07); }
.se_chanpin_con li:nth-child(3n){ margin: 0 0 28px 0;}
.se_chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_chanpin_con li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_chanpin_con .pro_pic{ width:100%; position:relative; overflow:hidden; }
.se_chanpin_con .pro_text{ position: relative; padding:15px 24px 24px 24px;}
.se_chanpin_con .pro_text p{color:#515151; font-size:16px;line-height:45px; }
.se_chanpin_con .pro_text span{color:#666666; width:130px; border:1px solid rgba(0,0,0,0.1); margin: 0 auto; border-radius:50px;font-size:16px;line-height:35px; display: block;}



/*内页关于我们*/


.solutionTopList{ font-size:0; margin:0 -24px; padding:30px 0;width:1280px; margin: 0 auto}
.solutionTopList li{ display:inline-block; vertical-align:top; width:20%; padding:0 0px 15px; font-size:15px; text-align: center}
.solutionTopList li a{ display:block; height:100%; border:1px solid #c7c9cc; padding-bottom:20px; color:#000000; position:relative; overflow:hidden;}
.solutionTopList li a:after{ position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,159,93,0.9); display:block; content:""; z-index:-1; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.solutionTopIco{ padding:40px 0 20px;font-size:18px}
.solutionTopIco img{ margin:0 auto;}

.solutionTopList li a:hover,.solutionTopList li a.active{ color:#ffffff;}
.solutionTopList li a:hover img.shows,.solutionTopList li a.active img.shows{ display:none;}
.solutionTopList li a:hover img.hides,.solutionTopList li a.active img.hides{ display:block;}
.solutionTopList li a:hover:after,.solutionTopList li a.active:after{ top:0;}

.solutionBotList li{ font-size:0;}
.solutionImg{ float:left; width:50%; overflow:hidden;}
.solutionImg img{}
.solutionConbg{ float:left; width:50%; padding:100px 0 20px 80px; font-size:14px; color:#787878; line-height:30px; position:relative;}
.solutionBotList li:nth-child(2n) .solutionConbg:after{ position:absolute; right:30px; bottom:0; width:36px; height:36px; display:block; content:""; border:9px solid #dfdfdf; border-top:none; border-left:none;}
.solutionCon{ max-width:600px;}
.solutionBotTit{ position:relative; font-size:25px; color:#2b2b2b; border-top:1px solid #000000; display:inline-block; padding:10px 0 20px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.solutionBotTit span{ font-size:100px; color:#eeeeee; position:absolute; left:0; top:-50px; z-index:-1; font-weight:bold;}
.solutionBotIco{ width:16px; height:11px; background:url("../images/solutionBotIco.png") center center no-repeat; background-size:cover; margin:10px 0; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.solutionBotList li:nth-child(2n) .solutionImg{ float:right;}
.solutionBotList li:nth-child(2n) .solutionConbg{ padding:100px 80px 20px 0;}
.solutionBotList li:nth-child(2n) .solutionConbg .solutionCon{ float:right;}

.solutionBotList li:hover .solutionBotTit{ color:#701b2e;}
.solutionBotList li:hover .solutionBotIco{ transform:translateX(10px); -webkit-transform:translateX(10px);}

/*首页新闻*/
.sy_newsbg{ background: #f6f6f6;width:100%; height:650px; margin-top: 15px; padding-top: 30px}

.new_nr{height:300px; width:1280px; margin: 0 auto;background: #fff}
.new_nr li{height:300px; width: 1280px; margin-bottom: 10px; padding:5px}
.new_nr_t:hover{ background:#fff }
.new_nr li .lvtiao{background: #009f5d; height: 3px;width:60px; margin: 10px 0}
.new_nr_tt_z p{font-size:14px; color:#333; line-height: 23px;}
.new_nr li .more{background: #11161c; height: 33px; line-height: 33px;width:120px; text-align: center; margin-top: 25px; color:#fff}
.new_nr_tl{width:500px; height:300px ;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; border: 1px  solid #f1f1f1; float: left; }
.new_nr_tr{ height: 123px; width: 720px; float:left; margin-left: 20px; padding-top: 20px}
.new_nr_tt{font-size:24px;}


.newsnei_con{width:1280px; margin:0 auto 30px auto}
.newsnei_con li{float:left; padding:0; width:412px; height:260px; position:relative; overflow:hidden; background:#fff; margin:0 21px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.newsnei_con_l{ width:412px; height:200px; position:absolute; overflow:hidden; left:0; top:0}
.newsnei_con_l i{ font-style:normal;  display:block; line-height:35px; border-left:3px #009f5d solid; z-index:2; position:relative; font-size:18px; color:#333; margin:25px; padding-left: 15px}
.newsnei_con_l p{ padding: 0 25px 20px 25px}
.newsnei_con_l a{ width:412px; height:200px; z-index:3; display:block}

.newsnei_con_b{ width:412px; position:absolute; bottom:0;left:0; height:60px;  line-height: 60px; background:#ececec; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#009f5d url("../images/date.png"); padding-left:60px; color:#fff}

.newsnei_con li:hover {background: #ececec}
.newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:60px; font-size:14px; color:#fff}
.newsnei_con li:hover .newsnei_con_b{ height:60px; background:#282828;}
.newsnei_con li:hover .newsnei_con_b{ color:#fff}
.newsnei_list_t{ width:1280px; margin:0 auto; padding:160px 0 0 0}
.newsnei_list_t h2{ font-size:26px; color:#f9ac08; font-weight:normal; line-height:35px;}
.newsnei_list_t p{ line-height:65px; font-size:33px; font-weight:bold; color:#fff}
.newsnei_list_t .s_width{ font-size:14px; color:#fff; margin:0 0 20px 0}
.newsnei_list_t .s_width a{ font-size:14px; color:#fff}

.xinwen_list{ border:1px #f2f2f2 solid;width:1200px;}
.xinwen_list ul{ width:1200px; margin:0 auto; padding:10px 0}
.xinwen_list li{ width:150px; float:left; text-align: center; margin-right:20px ; background:url(../images/images/li.png) no-repeat right center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.xinwen_list li a{ line-height:50px; font-size:16px;}
.xinwen_list li:hover{ background:#23a81c; font-weight:bold; color:#ee800a}
.xinwen_list li:hover a{color:#fff}

.xinwen_list li.honor_li{ background:#23a81c; }
.xinwen_list li.honor_li a{ color:#fff}
.sylm_img{width:100%; margin:0 auto; text-align:center}

/*首页服务*/
.sy_fuwubg{ background: url("../images/fwbg.jpg") bottom center; height: 360px }
.sy_fuwu{width:1280px; margin: 0 auto;}
.sy_fuwu li{float:left;width:410px; text-align: center; height: 270px; color:#fff;transition-duration: 1.5s;}
.sy_fuwu li.fw1{ background: url("../images/fw1.jpg");transition-duration: 1.5s;}
.sy_fuwu li.fw2{ background: url("../images/fw2.jpg"); margin: 0 20px;transition-duration: 1.5s;}
.sy_fuwu li.fw3{ background: url("../images/fw3.jpg");transition-duration: 1.5s;}
.sy_fuwu li span{width:1px; height: 30px; background: #fff; margin: 0 auto;}
.sy_fuwu li h3{font-size:24px; padding-top:80px}
.sy_fuwu li p{font-size:12px; font-family:Arial; text-transform: uppercase}
.sy_fuwu li .more{
	width:30px; 
	height:30px; 
	text-align: center; 
	line-height:30px;
	border: 1px #fff solid; 
	margin: 0 auto; 
	border: 1px #fff solid; 
	margin-top: 20px; 
	border-radius:50%;
    transition: 0.3s; font-size:16px;
    -webkit-transition: 0.3s;
}



.sy_fuwu li .more:hover{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.sy_fuwu li:hover{background: #009f5d; border-radius:50px 0 50px 0;transform: rotateY(360deg);}

/*内页banner*/
.list-inline{width:82%; text-align: center; margin: 0 auto}
.hoursis { position: relative; }
.hoursimg { overflow: hidden; line-height: 0;width:100% }
.hoursimg img { display: block; width: 100%; height: auto; }

.hourbox { width: 100%; position: absolute; left:0%; top: 110px; }
.hourwr { padding-left: 136px; }
.hourwr small { display: block; color: #fff; font-size:42px; font-family: "Conv_HelveticaNeue-ThinCond"; line-height: 1.1; margin-bottom: 18px; }
.hourwr h3 { color: #11499b; font-size: 42px; line-height: 1.1; }
.hourwr h3 img { display: inline-block; vertical-align: middle; position: relative; }
.hourwr .leftdown { margin: 0; margin-top: 86px; }
.leftdown1 { border-color: #333399; }
.leftdown1 span { background: url(../images/arrow9.png) center no-repeat; }
.leftdown1:before { background: #333399; }
.leftdown1:hover span { background: url(../images/arrow3.png) center no-repeat; }



.addtel {
   
    position: relative;
    background: #fff;
    padding: 65px 0 65px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.insideW {
    width: 1280px;
    margin: 0px auto;
}


.traceas { position: absolute; right: 6%; top: 38%; padding-left: 32px; border-left: 1px solid #fff; width: 486px; min-height: 60px; }
.traceas p { color: #fff; font-size: 16px; }
.backto { padding: 0 32px 67px; background: #033fad; }
.backtop { padding: 86px 0 100px; background: #fff; position: relative; top: -32px; }
.five small { color: #fff; margin-bottom: 0; }

.babiesd .hourwr h5 {
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    margin-top: 16px;
}


/*首页区域门店展示*/
.sy_mendian{background: url("../images/md.jpg") center no-repeat; height: 726px; padding-top: 25px}

/*首页产品特点*/

.header-box {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    height: 74px;
}
.resistanced, .markefix { background-attachment: fixed; background-repeat: no-repeat; background-position: center; padding-bottom: 84px; margin-top: 44px; }
.markefix { padding-bottom: 390px; }
.resistanced .resistest, .markefix .resistest { position: relative; }

.build { margin-top: 50px; text-align: center; position: relative; }
.build-icon { text-align: center; position: relative; display: inline-block; margin: auto; margin-bottom: 82px; width: 300px;height:260px; }
.build-icon .build-icon-back {background: url(../images/acanthopanax1.png) center no-repeat;width: 300px;height: 300px;left:0;top:0;position: absolute;}
.build-icon .build-icon-front {display: block; width: 232px; height: 140px;  position: absolute; left: 55px; top: 64px; }
/*.build-icon .build-icon-front {display: block; background: url(../images/five.png) center no-repeat;width: 232px; height: 140px;  position: absolute; left: 55px; top: 64px; }
*/
.buildbanner { width: 600px; margin: auto; padding: 0 90px; display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative;}
.buildbanner .prev {display: block; width: 35px; height: 20px; text-indent: 9999px; overflow: hidden; position: absolute; background: url(../images/prev1.png) center no-repeat; left: 0; top: 34px; }
.buildbanner .prev:hover {background: url(../images/prev2.png) center no-repeat; left: -4px; }
.buildbanner .next {display: block; width: 35px; height: 20px; text-indent: 9999px; overflow: hidden; position: absolute; background: url(../images/next1.png) center no-repeat; right: 0; top: 34px; }
.buildbanner .next:hover {background: url(../images/next2.png) center no-repeat; right: -4px;  }
.buildbanner .content {width: 540px;display: flex;flex-direction: column;position: relative; }
.buildbanner .content .top {position: relative;width: 100%;height:91px;margin-bottom: 28px; background:#009f5d;color: #fff; text-align: center;font-size: 30px;user-select: none;}
.buildbanner .content .bottom {position: relative;width: 100%;display: flex;flex-direction: column;align-items: center; }
.buildbanner .content .bottom .title {display: block;line-height: 1;color: #fff;font-size: 14px;text-align: center;user-select: none; line-height25px}
.buildbanner .content .bottom .detail {text-align: center;color: #fff;font-size: 14px;user-select: none; }

.build-nuble { position: absolute; right: 32px; top: 62px; z-index: 10; width: 92px; height: 92px; border: 1px solid #a9a9a9; text-align: center; border-radius: 50%; padding-top: 18px; }
.build-nuble span { display: block; text-align: center; padding-bottom: 9px; position: relative; line-height: 1; color: #fff; font-size: 24px; font-family: "Arial"; margin-bottom: 9px; }
.build-nuble span:before { content: ""; width: 30px; height: 1px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
.build-nuble span:nth-child(2) { padding-bottom: 0; margin-bottom: 0; }
.build-nuble span:nth-child(2):before { display: none; }
.monafer { margin-top: 160px; text-align: center; }
.mon-list li { text-align: center; width: 200px; float: left; }
.mon-list li figure { display: block; width: 117px; height: 117px; border: 1px solid #a5a4a2; border-radius: 50%; margin: auto; margin-bottom: 24px; position: relative; }
.mon-list li figure img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.mon-list li span { display: block; margin: auto; color: #646464; font-size: 14px; width: 155px; }
.mon-list li:hover figure img { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }
.bodymore { position: relative; margin-top: -230px; padding: 0 56px; }

.resistest { position: absolute; left: 50%; margin-left: -660px; top: 0; padding-top: 66px; text-align: center; }
.resistest small { display: block; text-align: center; color: #969696; font-size: 30px; line-height: 1; font-family: "Conv_Helvetica-Condensed-Light"; margin-top: 28px; }
.resistest h3, .resistest h4 { text-align: center; color: #fff; font-size: 30px; line-height: 1.2; }
.resistest h4 { color: #fff; }
.resistest p { color: #fff; font-size: 14px; padding: 0 94px; margin-top: 54px; }




/*内页详情*/
.ny_xiangqing{width:1280px; margin: 0 auto}
.ny_xiangqing .pic{width:600px;}
.ny_xiangqing .txt{width:660px; text-align: left; color:#090909}
.ny_xiangqing .txt img{max-width:100%}
.ny_xiangqing .txt h2{font-size:28px;}
.wz_lm{font-size:16px; line-height: 40px; background: #009f5d; height: 45px; line-height: 45px;width:120px; text-align: center; color:#fff; margin-top: 15px}
.neirong{font-size:14px; line-height: 40px;}

#left_btn{ height:40px; width:20px; background:url(../images/images/lla.jpg) center no-repeat;}
#right_btn{ height:40px; width:20px; background:url(../images/images/llb.jpg) center no-repeat;}
.xiangce{ height:140px; width:600px; margin:5px auto;  }
.espcms_pro_title dd.espcms_pro_orderbotton{background-image: none;padding:8px 0px;border: none}
.espcms_pro_title dd.f15{font-size:20px;font-weight: bold; line-height:50px; color: #333}
.espcms_pro_photo{width:580px; border:#eeeeee 1px solid;}
.espcms_pro_photo li{ float:left; height:150px; width:186px; margin-right:10px;}
.espcms_pro_photo li img{width:186px;height:140px}
.espcms_pro_photo li a{ padding-left:20px;}
.miaoshu{ line-height:40px; padding:0 0 0 0; color:#fff; font-size:15px; background:#eee;}
.miaoshu span{  width:180px; background:#009f5d; display:block; text-align:center; text-indent: 0;}
.miaoshua{ line-height:40px; padding:0 0 0 0; color:#fff; font-size:16px; background:#eee;}
.miaoshua span{  width:180px; background:#40afff; display:block; text-align:center; text-indent: 0;}

/*厂景厂貌*/
.text-center {text-align: center;}
.mTitbg{ overflow:hidden; padding:5px 0;width:}
.mTitbg h2{ display:inline-block; position:relative; font-size:36px; color:#009f5d;font-weight: normal}
.mTitbg h2 p{ font-size:16px; color:#888; line-height:24px; font-family:Arial;}
.mTitbg h2:after,.mTitbg h2:before{ position:absolute; top:50%; width:85px; height:7px; background-repeat:no-repeat; display:block; content:"";}
.mTitbg h2:before{ left:-125px; background-image:url(../images/mTitbg1.png);}
.mTitbg h2:after{ right:-125px; background-image:url(../images/mTitbg2.png);}
.active .mTitbg h2:before{}

.networkBrief {
    font-size: 16px;
    color: #787878;
    line-height: 26px;
    padding: 0 6% 20px;
    text-align: center;width:1280px; margin: 0 auto;
}

.zibg{ background:#fff; padding:0px 0 0 0}
.zibg_t{ width:1240px; margin:0 auto; border-bottom:1px solid #ccc; line-height:70px; background:url(../images/images/zi_icon.png) no-repeat left top;}
.zibg_t  h2{ font-size:36px; padding:0 0 0 40px;}
.zibg_p{ text-align:center; line-height:35px; font-size:18px; color:#333; padding:40px 0 30px 0; background:url(../images/images/zi_p_bg.png) no-repeat center 30px;}


.se_pp { width:1300px; margin:0 auto;  padding:10px 0 10px 0}
.se_pp ul{ width:1300px;}
.se_pp li{float:left; padding:0; width:410px;margin:0 15px 25px 0; position:relative; overflow:hidden; background:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border:3px solid #f2f2f2;}

.se_pp li .p-img{ width:410px; height:308px;  text-align:center;  border-bottom:1px solid #ededed; background:#fff; overflow:hidden;}
.se_pp li .p-name{ text-align:center}
.se_pp li .p-name p{  line-height:90px; font-size:16px; color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.se_pp li .p-name span{ width:118px; height:35px; background:#c5182d; margin:0 auto; display:block; line-height:35px; text-align:center; color:#fff}
.se_pp li .p-img img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pp li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pp p{ font-size:16px; line-height:35px; color:#666;}
.se_pp p span{ font-size:17px;  color:#af1318;}


/*新闻动态*/
.classifysub{ font-size:0; padding:20px 0;width:720px; margin: 0 auto}
.classifysub li{ padding:0; margin:0; font-size:20px; padding:0 22px 9px; margin-bottom:6px; position:relative; float:left}
.classifysub li:after{ display:block; content:""; position:absolute; left:50%; margin-left:-8px; bottom:0px; opacity:0;
	width:0; 
    height:0; 
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:9px solid #313438;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
}
.classifysub li a{ display:block; font-size:18px; color:#2d2d2d; padding:5px 55px; line-height:36px; background:#eaeaeb; border-radius:4px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.classifysub li:hover a,.classifysub li.active a{ background:#313438; color:#ffffff;}
.classifysub li:hover:after,.classifysub li.active:after{ opacity:1;}

.se_news_con3{ padding:20px 0 20px 0;width:1280px; margin: 0 auto}
.se_news_con3 ul{ }
.se_news_con3 li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #ddd;padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.se_news_l{ width:290px; position:relative; overflow:hidden; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_con3 li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_news_m{ width:55px; padding:15px; position:relative; overflow:hidden; border:2px solid #009f5d; margin:0 0 0 60px; font-size:19px; color:#444; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;line-height: 24px;}
.se_news_m span{ display:block; font-size:16px; color:#777; width:37px; position:relative; overflow:hidden; height:24px;}


.se_news_r{ width: 760px; position: relative; z-index: 1000; margin:0 20px 0 0}
.se_news_r h2{  font-size:14px; color:#888; font-weight:normal; padding:0 0 15px 0}
.se_news_r h2 a{ font-size:15px; color:#333;   display:block; }
.se_news_r h2 a:hover{ color:#00489d;}
.se_news_r p{ line-height:28px; color:#666; padding:10px 0 10px 0}
.se_news_r .se_news_more3{ width:100px; border-bottom:1px solid #009f5d; line-height:30px; text-align:center; padding:15px 0 0 0}
.se_news_r .se_news_more3 a{ color:#009f5d; font-size:15px;}

.se_news_con3 li:hover .se_news_m{ background:#009f5d; color:#fff}
.se_news_con3 li:hover .se_news_m span{ color:#fff}
.se_news_con3 li:hover .se_news_r h2 a{color:#009f5d;}






.fenye{font-size:14px; line-height: 40px;  }
#pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px;}
.pagination {overflow: hidden;padding:10px 0px;font-size:14px;margin-bottom: 20px}
/*按钮色彩样式*/
.pagination a {border: #c2e2e7 1px solid;color: #444;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff;background-color: #666;overflow: hidden;}
.pagination span.current {border:#666 1px solid;color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #666;}

/*内页产品CP页面*/
.container {width: 1280px; margin: 0 auto}
.proTopBox{ background: url("../images/cp.jpg"); border-bottom:1px solid #e1e1e1;width:100%;height: 207px }
.proTop{ margin: 0 auto;position: absolute; height: 200px}
.proTop li{ font-size:18px; margin:0; padding:0; width:20%; float:left; }
.proTop li a{ padding:45px 0 55px; display:block; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; color:#fff}
.proTopImg{ text-align:center; padding:10px 0;}
.proTopImg img{ margin:0 auto; text-align: center}
.proTopName{ color:#1f1f1f; font-size:15px; margin:0;font-weight: normal;}
.proTop li a:after{ display:block; content:""; position:absolute; left:50%; bottom:-25px; margin-left:-11px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
width:0; 
height:0; 
border-left:11px solid transparent;
border-right:11px solid transparent;
border-top:10px solid #ffffff;
}
.proTop li a.active,.proTop li a:hover{ background:#c7c7c7;}
.proTop li a.active:after,.proTop li a:hover:after{ bottom:25px;}
.proTop li a.active img.shows,.proTop li a:hover img.shows{ display:none;}
.proTop li a.active img.hides,.proTop li a:hover img.hides{ display:block;}
.shows{ display:block;}
.hides{ display:none;}

.proBoxCon{ padding:0 80px 0 50px; position:relative;width:1240px; margin: 20px auto}
.proBoxCon:after{ display:block; content:""; position:absolute; left:0; top:0; width:27px; height:27px; border:7px solid #d8d8d8; border-right:none; border-bottom:none;}
.proBoxTit{ padding:25px 0;}

.proTitEn{ overflow:hidden; display:block; vertical-align:bottom;}
.proTitEn span{ font-size:18px; color:#282828; display:inline-block; position:relative;}
.proTitEn span:after{  display:block; content:""; width:67px; height:1px; background:#000000; font-size:0; position:absolute; right:-75px; top:50%;}
.proTit{ padding-top:10px;}
.proTit h3{ display:inline; font-size:34px; color:#000000; font-family:"FZLTZHK"; padding-right:15px;}
.proTit span{ padding:0 30px; font-size:20px; color:#080808;}
.proBox1Text{ font-size:14px; color:#727272; line-height:24px; padding:10px 0 30px;}


.proBoxTit2{ overflow:hidden; padding:10px 0 40px;}
.proBoxTit2 h3{ float:left; font-size:26px; color:#000000; padding-right:10px;}
.proBoxTit2 span{ float:left; font-size:16px; color:#b7b7b7; position:relative;}
.proBoxTit2 span:after{ position:absolute; left:0; bottom:-5px; width:44px; height:2px; font-size:0; background:#b5afaf; display:block; content:"";}

.proBox2Con{}
.proBox2ConList{ margin:0 -5px;}
.proBox2ConList li{ padding:0 5px 10px;}
.proBox2ConList li a{ display:block; height:100%; position:relative; overflow:hidden;}
.proBox2Img img{ width:100%;}
.proBox2Name{ position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; font-size:20px; color:#ffffff;}
.proBox2Name span{ display:inline-block; min-width:256px; padding:10px; line-height:32px; background:rgba(0,0,0,0.3); border-radius:5px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.proBox2Shadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.proBox2Ico{ position:absolute; left:50%; top:100%; margin-left:-16px; width:32px; height:32px; background:url(../images/proBox2Ico.png) center center no-repeat; background-size:cover; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.proBox2ConList li a:hover .proBox2Name span{ font-size:30px; background:rgba(0,0,0,0);}
.proBox2ConList li a:hover .proBox2Shadow{ background:rgba(0,0,0,0.7);}
.proBox2ConList li a:hover .proBox2Ico{ top:68%;}


/*产品详情*/
.pro02BoxTopCon{ font-size:12px; color:#969696; line-height:24px;width:100%;}
.pro02BoxTopCon p strong{ font-size:16px; color:#5d5b5b; font-weight:normal;}

.pro02BoxBotNav{ background:#d6d6d6; margin-bottom:40px;}
.pro02BotNav{ font-size:0; margin:0; padding:0;}
.pro02BotNav li{ margin:0; padding:0; min-width:20%; text-align:center; font-size:18px; color:#212020; line-height:66px; border-left:1px solid #c8c8c8; position:relative;float:left; cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro02BotNav li:first-child{ border-left:none;}
.pro02BotNav li:after{ position:absolute; left:50%; margin-left:-10px; bottom:0; opacity:0; display:block; content:"";
width:0; 
height:0; 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:11px solid #1c1d21;
transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;
}
.pro02BotNav li.active{ background:#1c1d21; color:#ffffff;}
.pro02BotNav li.active:after{ opacity:1; bottom:-11px;}
.pro02BotNav li:hover{ background:#1c1d21; color:#ffffff;}
.pro02BoxBotCon{ font-size:16px; color:#5a5a5a; line-height:24px;}
.pro02BoxBotCon .swiper-slide{ color:#5a5a5a;}
.pro02BoxBotConText{ padding:0 0 30px;}
.pro02BoxBotConText img{ margin:10px auto; max-width:100%;}
.pro02BoxTit{ font-size:30px; color:#3d3d3d; line-height:200%; padding:20px 0 10px;}
.pro02BoxBrief{ font-size:16px; color:#5a5a5a; line-height:24px; padding:0 26.5% 30px;}
.pro02BotImg3{ padding-bottom:20px;}
.pro02BotImg3 li{ padding-bottom:15px;}
.pro02BotImg3Con{ font-size:14px; color:#5a5a5a; line-height:24px; padding:0 23%;}
.pro02BotImg3Con h4{ font-size:26px; color:#3d3d3d; line-height:180%;}
.pro02BotImg5{ border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; font-size:0; padding:30px 0;}
.pro02BotImg5Con{ display:inline-block; vertical-align:middle; width:50%; padding:0 5%; font-size:16px; text-align:center;}
.pro02BotImg5Con h4{ font-size:30px; color:#3d3d3d; line-height:150%; padding:10px 0;}
.pro02BotImg5 img{ display:inline-block; vertical-align:middle; width:50%;}

.proBoxConImg{ margin:0 -4px;}
.proBoxConImg li{ padding:0 4px 8px;}
.proBoxConImg li img{ width:100%;}
.proBox1.gray .proBoxConImg{ margin:0 -14px;}
.proBox1.gray .proBoxConImg li{ padding:0 14px 14px;}
.pro3More{ font-size:16px; width:120px; height:42px; line-height:42px; background:#f4f4f4; border:1px solid #e5e5e5; display:block; margin:15px auto; text-align:center; color:#787878; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro3More:hover,.pro3More:focus{ color:#fff; background:#701b2e;}

.pro04bg .BreadNav{ padding-top:10px; padding-bottom:10px;}
.pro04bg .mTitbg{ padding-top:10px;}
.pro04List{ margin:0 -8px; padding-bottom:30px;}
.pro04List li{ padding:0 8px 30px;}
.pro04List li a{ display:block; height:100%; background:#ffffff; border:1px solid #e5e5e5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Img{ overflow:hidden;}
.pro04Img img{ width:100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Con{ border-top:1px solid #e5e5e5; padding:15px 20px; position:relative;}
.pro04Con:after{ display:block; content:""; position:absolute; right:20px; top:40%; margin-top:-13px; width:26px; height:26px; border-radius:50%; border:1px solid #a61838; text-align:center; font-size:26px; color:#a61838; font:normal normal normal 22px/24px FontAwesome; content: "\f105"; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Name{ font-size:20px; color:#323232; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04NameEn{ font-size:12px; color:#bebebe; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.pro04List li:first-child .pro04Name{ font-size:28px;}
.pro04List li:first-child .pro04Con{ padding:10px 42px 25px;}
.pro04List li:first-child .pro04Con:after{ display:none;}
.pro04Text{ font-size:16px; color:#787878; line-height:26px;}

.pro04List li a:hover{ border-color:#a61838;}
.pro04List li a:hover .pro04Img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.pro04List li a:hover .pro04Name{ color:#a61838;}
.pro04List li a:hover .pro04Con:after{ right:10px;}

/*区域展示*/
.se_dichan{}
.se_dichan .s_width{ padding: 0 0 0 ;margin:0 auto;width:1280px}
.se_dichan_pic{ width:1280px; height:635px; position:relative; overflow:hidden; z-index:2}
.se_dichan_pic li{float:left; width:1280px; height:600px; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#fff; cursor:pointer;}
.se_dichan_pic li div{ width:1280px; height:600px; position:absolute; overflow:hidden; left:0; top:0; z-index:1}

.se_dichan li p{ width:70%; height:130px; position:absolute; left:50%; margin-left:-35%; bottom:0; z-index:2; background:#fff; text-align:center; color:#333; font-size:15px;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.se_dichan li p span{ width:80%; line-height:80px; position:absolute; left:50%; margin-left:-40%; bottom:0; z-index:2; text-align:center; color:#333; font-size:16px;}
.se_dichan .tupian_zl{ position:absolute; left:600px; top:490px; width:18px; height:29px; background:url(../images/d_ll.png); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;  z-index:3; cursor:pointer;}
.se_dichan .tupian_zl:hover{ background:url(../images/d_ll_h.png)}
.se_dichan .tupian_zr{ position:absolute; right:600px; top:490px; width:18px; height:29px; background:url(../images/d_rr.png); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:3;  cursor:pointer;}
.se_dichan .tupian_zr:hover{ background:url(../images/d_rr_h.png)}


/*招商加盟*/
.xinjoin_bpp1 {
    color: #009f5d;
}
.font30 {
    font-size: 30px;
}
.jiameng_mendianbg { background: url("../images/jiamengmendian.jpg") center;height:630px;}
.jiameng_mendian{width:1280px; margin: 0 auto; color:#fff}
.jiameng_mendian h2{font-size:30px; padding-top: 60px;}
.jiameng_mendian h3{font-size:18px; background:#009f5d; height:40px; line-height: 40px; padding: 0 20px;width:160px; font-weight:normal}
.jiameng_mendian h4{color:#ccc;font-family:Arial; font-weight:normal; font-size:12px; line-height: 21px; margin-top: 20px}

.mendian_list{width:500px; margin-top: 20px}
.mendian_list li{width:180px; height:80px; border: 5px #fff solid; float:left; margin: 5px 10px 5px 0; padding-top: 30px; line-height: 30px; text-align: center}
.mendian_list li a{ color:#fff}
.mendian_list li div{font-size:20px; font-weight: bold}
.mendian_list li:hover{ background: #009f5d;border: 5px #009f5d solid; }

.width100 {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
}
.martop85 {
    margin: 25px 0;
}

.width100{width: 100%; overflow: hidden; font-size: 14px;}
.businessBan{ background:none; background-size:cover; padding-top:28px; overflow:hidden;}
.xinJoin_aBox{ color: #424242; line-height: 26px;}


.xinjoin_bBox{position: relative;}
.xinjoin_bBox .swiper-container{padding-top: 60px; margin-top: 15px;}
.xinjoin_bBox .swiper-slide{position: relative; padding-top: 75px;}
.xinjoin_bBtn{top: 0; margin-top: 0; width: 24px; height: 22px; background-size: 100% auto; z-index: 6;}
.xinjoin_bprev{  left: 50%; margin-left: -30px;}
.xinjoin_bext{  left: 50%; margin-left: 0;}
.xinjoin_bBoxa{width: 112px; height: 112px; position: absolute; z-index: 5; top: 0; left: 50%; margin-left: -56px; background-image: url(../images/xinzs_11.png); background-size: 100% auto;} 
.xinjoin_bBoxb{height: 326px; padding: 60px 2% 10px; border: 1px solid #cdcdcd; background-color: #ededed; background-image: url(../images/xinzs_12.jpg); background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; line-height: 30px; color: #2e2e2e;}
.xinjoin_cpp1{color: #4e4e4e; line-height: 36px; margin-top: 8px; margin-bottom: 32px;}
.xinjoin_cBox{position: relative;}
.xinjoin_cBox .swiper-container{padding-bottom: 40px;}
.xinjoin_cBox .swiper-pagination{bottom: 0;}
.xinjoin_cBox .swiper-pagination-bullet{background: #d2d2d2; opacity: 1;}
.xinjoin_cBox .swiper-pagination-bullet-active{background: #c40001;}
.xinjoin_cBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}
.xinjoin_dBox{margin: 0 -45px; }
.xinjoin_dBox ul{list-style: none;}
.xinjoin_dBox ul li{width: 23%; float: left; padding: 0 1%; margin-top: 40px; color: #7c7c7c; line-height: 24px;}
.xinjoin_dBox ul li:nth-child(4n+1){ clear: both;}
.xinjoin_dimg1{ margin: 10px auto; display: block;}
.xinjoin_dpp1{color: #353535;font-size:16px; line-height: 36px;}
.xinjoin_dpp2{ width: 50px; margin-bottom: 5px; height: 2px; background: #535353; display: inline-block;}
.xinjoin_dBox ul li:hover .xinjoin_dpp2{background: #009f5d; color:#009f5d}
.xinjoin_dBox ul li:hover .xinjoin_dpp1{ color:#009f5d}
.xinjoin_dBox ul li:hover .xinjoin_dimg1{
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both; 
	-o-animation: tada 1s .2s ease both; 
	-ms-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-o-keyframes tada{
0%{-o-transform:scale(1);}
10%, 20%{-o-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);}
100%{-o-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada{
0%{-ms-transform: scale(1);}
10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
100%{-ms-transform:scale(1) rotate(0);}
}
.xinjoin_eBox{list-style: none; margin-top: 20px;}
.xinjoin_eBox li{width: 20%; float: left; padding: 0 3px;}
.xinjoin_eBoxa{position: relative;  padding-top: 10px; padding-left: 40px; min-height: 64px;}
.xinjoin_epp1{color: #af0e32; position: absolute; line-height: 64px; left: 0; top: 0; font-family: arial; font-style: italic; width: 40px; text-align: center;}
.xinjoin_epp2{line-height: 24px; color: #3b3b3b; text-align: left;}
.xinjoin_fBox{margin-top: 40px; padding: 0 70px;}
.xinjoin_fBoxa{ padding: 0 24px; width: 50%; float: left;}
.xinjoin_fBoxb{color: #525252; line-height: 24px; padding-top: 100px;}
.xinjoin_fpp1{ margin-bottom: 25px;}
.businessBox13Lef h4{ font-family:"Microsoft YaHei";}
.businessBox13Rig textarea.form-control{height: 180px;}
.businessBox13{margin-bottom: 80px; margin-top: 30px;}
.xinjoin_gBox{margin-top: 32px; position: relative; padding-bottom: 75px;}
.xinjoin_gBox .swiper-container{position: relative;}
.xinjoin_gBox .swiper-container:after{ position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: #b7b7b7; content: ""; z-index: 0;}
.xinjoin_gBoxa{ padding: 0 5px; position: relative; width: 187px; height: 187px;}
.xinjoin_gBoxa:before{ position: absolute; left: 0; top: 50%; margin-top: -4px; width: 7px; height: 8px; background: url(../images/xinzs_67.jpg) no-repeat; background-size: 100% auto; content: ""; z-index: 6;}
.xinjoin_gBoxa:after{ position: absolute; right: 0; top: 50%; margin-top: -4px; width: 7px; height: 8px; background: url(../images/xinzs_65.jpg) no-repeat; background-size: 100% auto; content: ""; z-index: 6;}
.xinjoin_gBoxb{width: 100%; height: 100%; padding: 10px; border: 1px solid #b7b7b7; background: #fff; position: relative; z-index: 5; font-size: 14px; color: #665f5f; line-height: 20px;}
.xinjoin_gpp1{margin-top: 20px;}
.xinjoin_gBox .swiper-scrollbar{width: 90% !important; background: #b8b8b8; left: 5%; height: 1px; bottom: 0; top: auto; display: block !important;}
.xinjoin_gBox .swiper-scrollbar-drag{ display: block; margin-top: -15px; height: 32px; background: url(../images/xinzs_73.png) center no-repeat; background-size: 52px auto; transform: 0 !important;}


.index_hh{ position:relative;  padding:5px 0 80px 0}
.dichan{ display: flex; background:#f5f5f5;}
.dichan li{ width:calc(100%/3); float:left; position:relative; overflow:hidden; cursor:pointer;}
.dichan li div.dichan_bg{ width:100%; position:relative; z-index:1 }
.dichan li div.dichan_bg img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.dichan li:hover div.dichan_bg img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.dichan li .dichan_title{ width:55%; position:absolute; left:15%; top:25%; z-index:3}
.dichan li .dichan_title p{ line-height:42px; font-size:1vw; color:#fff; padding:0 0 0 25px; background:url(../images/dixiana.jpg) no-repeat left center;}
.dichan li .dichan_title i{ display:block; font-style:normal; line-height:22px; font-size:14px; color:#fff; padding:0 0 0 25px; opacity:0.6; text-transform:uppercase}
.dichan li .dichan_title span{ display:block; padding:25px 0 0 25px;}

.dichan li .dichan_hover{ width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:rgba(0,0,0,0.2); transition: all 0.3s;}
.dichan li:hover .dichan_hover{ background:rgba(0,0,0,0)}




.index_huahai_con{ width:1280px; margin:0 auto; height:580px; overflow:hidden; position:relative}
.index_huahai_con .huahai_l{ width:350px;}
.index_huahai_con .huahai_l li{ height:140px; margin-bottom:6px; box-sizing:border-box;}
.index_huahai_con .huahai_l li a{ padding:15px 25px; box-sizing:border-box; display:block }
.index_huahai_con .huahai_l li a h3{ font-size:18px; color:#171717; line-height:26px; }
.index_huahai_con .huahai_l li a p{ font-size:15px; color:#5f5e5e; line-height:27px;}
.cp_a{ background:#ececec}
.cp_b{ background:#ececec}
.cp_c{ background:#ececec}
.cp_d{ background:#ececec}
.cp_a.cp_crnt,.cp_b.cp_crnt,.cp_c.cp_crnt,.cp_d.cp_crnt{ background:#009f5d;}

.index_huahai_con .huahai_l li.cp_crnt a h3{  color:#ffffff;}
.index_huahai_con .huahai_l li.cp_crnt a p{ color:#ffffff}

.index_huahai_con .zong{ height:579px; width:921px; position: absolute;  top:0}
.index_huahai_con .chanpin_r{ height:579px;}

.index_huahai_con .wenzi{ width:393px; position:relative; height:351px; margin-top:116px;}
.index_huahai_con .wenzi p{ width:357px; height:351px; background:#fff; position:absolute; left:0; top:0; box-sizing:border-box; padding:65px 38px 0 38px; line-height:28px; font-size:15px; color:#565656}
.index_huahai_con .wenzi .wenzi_jian{ width:36px; height:92px; position:absolute; right:0; top:113px; background:url(../images/jian.jpg) no-repeat left top; transition: all 0.3s;}
.index_huahai_con .wenzi .wenzi_jian:hover{ background:url(../images/jian_h.jpg) no-repeat left top;}
.index_huahai_con .wenzi .wenzi_jian a{ display:block; width:36px; height:92px; }

/*内页联系我们*/
.ny_main{ width:1280px; margin:30px auto;}
.espcms_page_location{font-size:14px; height: 50px; line-height: 50px; border-bottom: 1px #ececec solid; margin-bottom: 30px}
.espcms_page_location p{width:1280px; margin: 0 auto; text-align: left;}
.addtop p {
    text-align: center;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
}

.ny_main p{font-size:15px; line-height: 28px;}
.ny_main img{max-width:100%;text-align: center; margin: 15px auto}
/*投诉建议*/
.liuyan_message{width:1280px; margin: 0 auto}
.main {
    width: 1280px;
    margin: 0 auto;
}

.join_back{ width:120px; margin: 20px auto 0; text-align: center; line-height: 44px;}
.join_back a{background:#019f5e; height: 44px;width:120px; display: block;color: #fff}
.join_back a:hover{background:#252428; }
/*服务列表*/
.gray {
    background: #f3f3f3;
}
.serviceTop{ font-size:0; margin:0; padding:30px 0;width:1280px; margin: 0 auto}
.serviceTop li{ display:inline-block; vertical-align:top; width:25%; padding-bottom:20px;}
.serviceTop li a{ display:block; height:100%; font-size:14px; color:#888787;}
.serviceTopIco{ display:inline-block; border-radius:50%; border:1px solid #c0c0c0; margin:0 auto; position:relative; overflow:hidden; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceTopIco > img{ padding:55px; margin:0 auto; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceTopIcoHov{ position:absolute; left:0; top:0; width:100%; height:100%;}
.serviceTopIcoHov > img{ padding:55px; margin:0 auto; transform:translateY(-100%); -webkit-transform:translateY(-100%); transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s;}
.serviceTopName{ font-size:18px; color:#0d0d0d; padding:5px 0; margin-top:20px;}
.serviceTop li a:hover .serviceTopIco{ background:#009f5d;}
.serviceTop li a:hover .serviceTopIco > img{ transform:translateY(-100%); -webkit-transform:translateY(-100%);}
.serviceTop li a:hover .serviceTopIcoHov > img{ transform:translateY(0%); -webkit-transform:translateY(0%);}

/*产品*/
.serviceBox{ padding:20px 0;}
.serviceTit{ padding:30px 0;}
.serviceTitH2{ font-size:24px; color:#000000;}
.serviceTitH2 img{ vertical-align:middle; margin-right:10px;}
.searchbox{ width:42.75%; margin-left:55px;}
.searchbox input,.searchbox .btn{ border-color:#c1c3c6; height:42px;}
.searchbox input{ background:#FFFFFF; border-top-left-radius:2px; border-bottom-left-radius:2px; font-size:14px; color:#959494; box-shadow:none; appearance:none; -webkit-appearance:none;}
.searchbox input:focus{ box-shadow:none; border-color:#c1c3c6;}
.searchbox .btn{ background:#e3e3e3; border-top-right-radius:2px; border-bottom-right-radius:2px; padding:6px 35px; font-size:14px; color:#777373;}

.serviceCen{ padding:0 0 20px;width:1280px;}
.serviceCen li{ padding-bottom:20px;float:left;width:50%}
.serviceCen li a{ display:block; height:100%; position:relative; overflow:hidden;}
.serviceCenImg{ overflow:hidden;}
.serviceCenImg img{ width:100%; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceCenShadow{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceCenText{ position:absolute; left:0; top:-50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; width:100%; font-size:18px; color:#ffffff; line-height:180%; text-align:center; padding:0 15px 0 35px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceLine{ position:absolute; left:50%; bottom:0; width:0; height:4px; background:#009f5d; font-size:0; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s;}
.serviceCenName{ position:absolute; left:0; width:100%; text-align:center; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:18px; color:#ffffff; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceCenName i{ width:22px; height:22px; border-radius:50%; font-size:16px; color:#000000; text-align:center; line-height:22px; margin-left:20px; background:#ffffff;}
.serviceCen li a:hover .serviceCenImg img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.serviceCen li a:hover .serviceCenShadow{ background:rgba(0,0,0,0.7);}
.serviceCen li a:hover .serviceLine{ left:0; width:100%;}
.serviceCen li a:hover .serviceCenText{ top:50%; opacity:1;}
.serviceCen li a:hover .serviceCenName{ top:150%; opacity:0;}

.serviceBot{ padding:50px 0;}
.serviceBotTit{ border-bottom:1px solid #e1e1e1; padding:20px 0;}
.serviceBotTit h2{ float:left; font-family:"FZLTZHK"; font-size:25px; color:#000000;}
.serviceBotTit a{ float:right; padding-top:5px; font-size:14px; color:#9c9797;}
.serviceBotTit a:hover{ color:#6f1c2f;}

.serviceBotLef{ padding-right:35px;}
.serviceBotLefList{}
.serviceBotLefList li{ padding:4px 0; border-bottom:1px solid #e1e1e1;}
.serviceBotLefList li a{ display:block; position:relative; padding:0 10px 0 20px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceBotLefList li a:before{ display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:0; background:#009f5d; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.serviceBotLefList li span{ font-size:16px; color:#000000; line-height:62px;}
.serviceBotLefList li i{ float:right; font-size:13px; color:#aeaeae; width:22px; height:22px; line-height:22px; border-radius:50%; border:1px solid #d6d6d6; text-align:center; margin-top:20px; margin-left:10px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}


.serviceBotLefList li a:hover{ background:#f4f4f4;}
.serviceBotLefList li a:hover:before{ height:100%; top:0;}
.serviceBotLefList li a:hover i{ background:#3e4347; color:#ffffff; border-color:#3e4347;}

.serviceBotRig{ padding-left:35px;}
.serviceBotRig .serviceBotLefList li i{ border:none; border-radius:0; font-size:22px;}
.serviceBotRig .serviceBotLefList li a:hover i{ background:none; color:#3e4346;}


.serviceBread{ padding:10px 0 30px;}
.serviceH2{ font-size:30px; color:#3d3d3d;}
.serviceWrap{ font-size:16px; color:#424141; line-height:30px; background:#ffffff;}
.serviceBrief{ padding:40px 0;}

.service01{ padding:20px 20px 60px; margin-bottom:50px;}
.serviceForm{ width:60%; margin:0 auto 50px;}
.serviceForm .form-group{ margin-bottom:25px;}
.serviceForm .control-label{ font-size:20px; color:#333333; padding-top:0;}
.serviceForm .form-control{ border-color:#c9c9c9; box-shadow:none; border-radius:2px; resize:none; appearance:none; -webkit-appearance:none;}
.selectBox{ padding:0; position:relative; z-index:1;}
.serviceSub{ background:#9e163e; border:none; color:#FFFFFF; font-size:14px; width:99px; height:32px; line-height:32px; padding:0;}
.serviceSub:hover,.serviceSub:focus,.serviceSub:active,.serviceSub:active:focus{ background:#9e163e; color:#FFFFFF;}

.contactTop{width:1280px; margin: 0 auto;}
.contactTopList{ margin:0 -10px;position: relative;}
.contactTopList li{ float:left; 
	background:#f3f3f3;
	width:31%; 
	text-align: center; 
	margin: 0 1%; 
	display:block; 
	height:100%; 
	padding:30px 0 30px;  
	color:#8e8e8e;}
.contactTopList h3{ font-size:20px; color:#333333; line-height:36px;}
.contactTopList li img{ margin:30px auto 0; 
	-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out; 
}

.contactTopList li img.cover{
-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);}


.dianmian{ background: url("../images/dianmian.jpg") center; height: 729px;width:100%}



/*ny_chanpin_show*/
.ny_chanpin_show{width:1280px; margin:25px auto; background:#fff; border:1px #ececec solid;position:relative}
.ny_chanpin_line{position:absolute;height:100%;width:1px;background:#ccc;top:0;left:210px;}
.ny_chanpin_left{ float:left;width:260px; }
.ny_chanpin_dispaly{ float:right;width:1020px;}
.ny_chanpin_dispaly img{ max-width:100%;}
.ny_lm28{font-size:20px; font-weight:bold; line-height:36px; padding-right:40px}
.ny_chanpin_list{width:170px;}
.ny_chanpin_list li{ position:relative;width:210px;line-height:70px;height:70px;cursor:pointer}
.ny_chanpin_name{margin-left:70px;z-index:30;position:relative; font-size:15px; }
.ny_chanpin_icon{position:absolute;width:30px;height:30px;top:20px;left:30px;z-index:20;}
.ny_chanpin_icon img{width:100%;height:100%;}
.ny_chanpin_bk{position:absolute;width:0;height:100%;background:#009f5d;top:0;left:0;z-index:10}
.ny_right_point{position:absolute;width:14px;height:14px;right:-7px;top:50%;margin-top:-7px;border-radius:50%;background-image:url(../images/images/radius10.png);background-position:50% 50%;background-repeat:no-repeat;background-size:1%;z-index:30}





/*联系我们品质保障*/
.pagePadding {
    padding: 110px 0px;
}
.bgfa {
    background-color: #fafafa;
}
@media screen and (min-width: 1025px)
.action.transYT50, .action.transYT502, .action.transYT20 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
@media screen and (min-width: 1025px)
.dly_2, .dly_2.u-text:after {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}
@media screen and (min-width: 1025px)
.transYT20 {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

/*联系我们服务流程*/
.fixedImg {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.pboxT {
    margin-bottom: 80px;
    color: #090103; height: 500px
    line-height: 1.5;
}
.inner { width: 1280px; margin: 0px auto;}
.fc { text-align: center;}


.service-list a:link, .service-list a:visited { color: #fff; }
.service-list a:active, .service-list a:hover { color: #fff; }
.service-list{ margin-left: -2%;}
.service-list li{ position: relative; float: left; display: block; width: 31.33%; margin:0 0 25px 2%; color: #fff; overflow: hidden;}
.service-list h4{ padding: 18px 0px 22px;  font-weight: normal; font-size: 24px; line-height: 1.5; transition: 0.3s; -webkit-transition: 0.3s;}
.service-list .con{ position: absolute; left: 0; top: 100%; padding: 0px 8%; height: 100%; width: 84%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); margin-top: -78px;}


@media (min-width: 992px)
.col-md-6 {width: 50%;}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-12 {width: 100%;}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}

@media (min-width: 992px)
.col-md-3 { width: 25%;}
@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-6 {    width: 50%;}
@media (min-width: 768px)
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
.col-xs-6 {width: 50%;}
.row { margin-right: -15px;margin-left: -15px;}

.list-unstyled {padding-left: 0; list-style: none;width:1280px;margin: 0 auto}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.pro04bg .BreadNav{ padding-top:10px; padding-bottom:10px;}
.pro04bg .mTitbg{ padding-top:10px;}
.pro04List{ margin:0 -8px; padding-bottom:30px;}
.pro04List li{ padding:0 8px 30px;}
.pro04List li a{ display:block; height:100%; background:#ffffff; border:1px solid #e5e5e5; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Img{ overflow:hidden;}
.pro04Img img{ width:100%; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Con{ border-top:1px solid #e5e5e5; padding:15px 20px; position:relative;}
.pro04Con:after{ display:block; content:""; position:absolute; right:20px; top:40%; margin-top:-13px; width:26px; height:26px; border-radius:50%; border:1px solid #a61838; text-align:center; font-size:26px; color:#a61838; font:normal normal normal 22px/24px FontAwesome; content: "\f105"; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04Name{ font-size:20px; color:#323232; line-height:36px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.pro04NameEn{ font-size:12px; color:#bebebe; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.pro04List li:first-child .pro04Name{ font-size:28px;}
.pro04List li:first-child .pro04Con{ padding:10px 42px 25px;}
.pro04List li:first-child .pro04Con:after{ display:none;}
.pro04Text{ font-size:16px; color:#787878; line-height:26px;}

.pro04List li a:hover{ border-color:#a61838;}
.pro04List li a:hover .pro04Img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.pro04List li a:hover .pro04Name{ color:#a61838;}
.pro04List li a:hover .pro04Con:after{ right:10px;}
/*footer*/
.end_bg{background:#282828; line-height: 60px; color: #fff;font-size: 16px;text-align: center;}
.end_body{margin:0 auto; color:#fff; padding-top: 30px;}
.end_left{width:360px;}
.end_left h3{ line-height:60px;}
.end_left p{font-size:14px; line-height: 28px;}
.end_right{width:860px; background: url("../images/2wm.png") right  no-repeat}
.end_right li{float:left}
.end_right .end_menu{width:180px;}
.end_right .end_menu dt{ line-height: 28px;font-weight:normal}
.end_right .end_menu a{color:#fff}
.end_right .end_menu a:hover{color:#ccc}
.end_right .end_menu h3{line-height:40px;font-size:18px}
.end_right  .tiao{ background: #009f5d;width:40px; height: 3px; margin: 0 0 10px 0 ;}

.sidebox{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:99}
.sidebox li{position:relative;cursor:pointer;margin-bottom:2px}
.sidebox a{display:block;width:50px;height:50px;margin-top:-1px;background-color:#3a435c;text-align:center;line-height:48px;color:#fff;position:relative;z-index:2;background:#009f5d}
.sidebox a:hover{background-color:#2f2f2f;color:#fff;border-color:#2f2f2f}
.sidebox .iconfont{font-size:20px}
.sidebox .cont{transition:all .4s;white-space:nowrap;
width:0;overflow:hidden;
height:50px;line-height:50px;
text-align:center;
background-color:#2f2f2f;color:#fff;
font-size:14px;position:absolute;right:100%;top:0
}
.sidebox li img{vertical-align:middle; padding-top: 15px}
.sidebox li:hover .cont{width:100px}
.sidebox li:hover a{background-color:#2f2f2f}
.sidebox li em{display:inline-block;width:100%;height:100%}
.sidebox .code .cont{height:auto;line-height:normal}
.sidebox .code .cont img{width:80px;height:80px}
.sidebox li.code:hover .cont{width:80px;padding:5px}

.espcms_piclist_slide21 {overflow: hidden;height:450px; width:100%; margin: 20px auto 25px}
.espcms_piclist_slide21 ul li{float: left;margin: 0 10px 15px 0;text-align: center; position:relative;}
.espcms_piclist_slide21 li .pic { width:300px; height:240px; margin:0 auto}
.espcms_piclist_slide21 li  .pic img { width:300px; height:240px;}
.espcms_piclist_slide21 li  p{ text-align:center; line-height:55px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide21 li  p a{ color:#444444; font-size:16px;}
.espcms_piclist_slide21 li p:hover{ background:#2b5eb7 }
.espcms_piclist_slide21 li p:hover  a{ color:#fff }
.espcms_piclist_slide21 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide21 li .case_more a{ color:#604a32;}
.espcms_piclist_slide21 li .case_more div a{ color:#a9a9a9;}
.ny_sb{width:500px; margin: 0 auto; text-align:center; padding-top:30px}
	


/*关于我们公司简介部分*/
.profile-box{ padding:20px 0; background:#fff; position:relative; }
.profile{ text-align:center;} 
.commont h3{ line-height:1; color:#666666; font-size:24px; font-weight:bold; text-align:center; margin-bottom:12px;}
.commont small{ display:block; text-align:center; line-height:1; text-transform:uppercase; color:#999999; font-size:12px; font-family:"Arial"; font-weight:bold;}
.companys{ display:inline-block; margin:auto; margin-top:6px;}
.company-info{ float:left; text-align:center;}
.company-info strong{ display:block; text-align:center; line-height:1; color:#009f5d; font-size:72px; font-weight:bold; font-family:"Futura-Md-BT";}
.company-info p{ color:#666666; font-size:14px; text-align:center; margin-top:6px; line-height:1;}
.compwr{ float:left; width:10px; height:10px; background:url(../img/arrow3.png) center no-repeat; margin:28px 62px 0;}
.profixdown{ margin-top:60px; text-align:center;}
.profixdown p{ text-align:center; color:#666; font-size:14px; width:1240px; margin:auto;font-family:Arial; line-height: 28px;}
.checkm{ width:166px; margin:20px auto;  border-radius:22px; border:2px solid #009f5d; position:relative;}
.checkm:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#009f5d; border-radius:18px; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:0.32s ease-in-out;}
.checkm a,.checkm span{ display:block; text-align:center; color:#009f5d; position:relative; z-index:4; font-size:14px; line-height:40px; height:40px;}
.checkm a b,.checkm span b{ display:inline-block; margin-left:26px; width:6px; height:9px; background:url(../img/arrow4.png) center no-repeat; margin-left:26px; transition:0.34s; position:relative; left:0;}
.checkm:hover:before{ visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.checkm:hover a,.checkm:hover span{ color:#fff;}
.checkm:hover a b,.checkm:hover span b{ background:url(../img/arrow5.png) center no-repeat; left:5px;}


/*关于我们页面资质荣誉*/
.honor-box{ background:#fff; position:relative;margin-bottom: 30px}
.honor{ margin-top:28px; position:relative;}
.honorimg{ width:50%; float:left; line-height:0;}
.honorimg img{ display:block; width:100%; height:auto;}
.honorlist{ width:50%; position:absolute; right:0; top:0; height:100%; background:url(../img/zz.jpg) center no-repeat;}
.honorwr{ width:602px; margin:auto; height:380px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.honortext{ height:144px; margin:0 8px;}
.honortext p{ color:#333333; font-size:15px; line-height:2;}

.honorfix{ position:relative;}

/*关于我们企业文化*/
.linian2 { padding: 0px 0px;width:1280px; margin: 0 auto}
.linianImg2 { width: 100%; margin: 0px auto; }
.linianImg2 li { float: left; display: block; width: 50%; position: relative; overflow: hidden; }
.linianImg2 .img { width: 100%; display: block; }
.linianImg2 .bg {  background: none rgba(0,159,93,0.9); position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .t { position: absolute; left: 8%; top: 6%; width: 84%; color: #323232; font-size: 16px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .t .by { font-size: 22px; color: #000; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .b { position: absolute; left: 100%; bottom: 7%; width: 80%; color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity: 0; }
.linianImg2 .b .bot { height: 1px; width: 62px; display: block; background-color: #fff; margin-bottom: 30px; }
.linianImg2 li:hover .t, .linianImg2 li:hover .by { color: #fff; }
.linianImg2 li:hover .bg { width: 100%; }
.linianImg2 li:hover .b { left: 8%; opacity: 1; }
