@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
html{min-width:1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#333;}
h1,h2,h3,h4,h5,h6,font{font-size:14px; font-weight:normal;}
ul,ol{list-style:none;}
img{border:0px;margin:0;padding:0;}
em,i,strong{font-style:normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing:0;}
body{background:#fff;overflow-x: hidden;overflow-y: auto;}
*{padding:0px; margin:0px}
div{margin:0; padding:0; border:0;}
p{margin:0;}
b,strong{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{list-style: none outside none;}
/*链接*/
a{text-decoration:none; color:#333; background: transparent; outline:none}
a:focus{outline:none;}
a:hover,a:active{color:#127a44; text-decoration:none;}
a:visited{text-decoration:none;}
/*表单*/
form{margin: 0;}
button,input,select,textarea{font-size: 100%; /* Correct font size not being inherited in all browsers. */ margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */ vertical-align: baseline; /* Improve appearance and consistency in all browsers */ *vertical-align: middle; /* Improve appearance and consistency in all browsers */}
button,select{text-transform: none;}
input{line-height: normal; border:none;}
textarea{-moz-box-sizing: border-box; background: #dddddd;border: 1px solid #999999;width:99%;}
/*其它*/
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp{font-size: 1em;}
pre{margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
small{font-size: 80%;}
sub,sup{font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
dl{margin: 1em 0;}
dd{margin:0;}
audio:not([controls]){display: none; height: 0;}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red{color: #F00 !important;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/*其它*/
.hidden{display:none;}
/*必须输入，主要*/
.required{color:red; font-weight:bold;}
.form_text_verifycode{width:80px;}
.form_radio{width:auto; border:0;}
.form_checkbox{width:auto; border:0}
/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
#header_main, #top_main, #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
.transs{-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
/*网站头部*/
header{width:100%;position:fixed;transition:1s;z-index: 999;}
header.on{background: rgba(0,0,0,.7);transition:1s;}
header .w1200{display:table;/* padding: 20px 0; */}
header .w1200 div{display:table-cell;vertical-align:middle;}
header .logo{text-align:left;font-size:0px;}
header .logo a{display:block;}
header .nav{text-align:right;}
header .nav ul{list-style:none;font-size: 0;}
header .nav ul li{display:inline-block;margin-left: 50px;}
header .nav ul li a{font-size:16px;color: #fff;transition: 1s;display: block;position: relative;line-height: 115px;}
header .nav ul li a::after {content: '';position: absolute;bottom: 0;width: 0;height: 3px;background: #fbdd16;left: 0;transition:1s;}
header .nav ul li a:hover::after,header .nav ul li a.navdown::after{width:100%;transition:1s;}
header .nav ul li a:hover,header .nav ul li a.navdown {color: #fbdd16;transition: 1s;font-size:18px;font-weight:bold;}
/*网站大图*/
.tem_banner{position:relative}
.tem_banner.inside {/* margin-top: 100px; */}
.tem_banner.inside .flash{font-size:0}
.tem_banner.inside img{width:100%;height:100%}
.tem_banner .swiper-slide{position:relative;background:#000;overflow:hidden;font-size:0}
.tem_banner .swiper-slide .img{position:relative;width:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover}
.tem_banner .swiper-slide .txt{position:absolute;left: 0;top: 35%;z-index:111;width: 100%;text-align: center;font-size: 16px;}
.tem_banner .swiper-slide .txt .pd {display: inline-block;text-align: right;}
.tem_banner .swiper-slide .txt h2 {color: #fff;font-size: 48px;transition:1s;opacity:0}
.tem_banner .swiper-slide.swiper-slide-active .txt h2 {transition:1s;opacity:1;transition-delay:.4s;}
.tem_banner .swiper-slide .txt ul {list-style: none;font-size: 0;transition:1s;opacity:0}
.tem_banner .swiper-slide.swiper-slide-active .txt ul {transition:1s;opacity:1;transition-delay:.8s;}
.tem_banner .swiper-slide .txt ul li {display: inline-block;font-size: 18px;color: #fff;padding: 0 25px;position: relative;line-height: 28px;}
.tem_banner .swiper-slide .txt ul li::after {content: '';position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #fff;}
.tem_banner .swiper-slide .txt ul li:first-child::after {display: none;}
.tem_banner .swiper-slide .txt ul li:last-child {padding-right: 0;}
.tem_banner .swiper-slide .img img{width:100%}
.tem_banner .swiper-container-horizontal>.swiper-pagination-bullets{transition:.5s;position:absolute;z-index:1;bottom:5%;text-align:center;font-size: 0;}
.tem_banner .swiper-pagination span{width: 20px;height: 20px;border-radius:100%;opacity:1;background:0 0;margin:0 5px;outline:0;background: #fff;}
.tem_banner .swiper-pagination span.swiper-pagination-bullet-active{background: #127a44;}
.index .index_title{width:100%;text-align:center;margin-bottom: 40px;}
.index .index_title h2{position:relative;color:#183063;font-size:40px;line-height: 64px;z-index:1;}
.index .index_title h2 i{font-weight: bold;font-style:inherit;color: #127a44;}
.index .index_title h2 span{position:absolute;font-size:90px;line-height: 144px;font-family:'Cambria Math';color:#eaeaea;text-transform:uppercase;font-style:italic;z-index:-1;top:-44px;left: 0;width: 100%;text-align: center;}
.index .index_title p{font-size:24px;color:#2e2e2e;display:block;margin-top:2px}
.index .tab{text-align: center;padding-bottom: 30px;}
.index .tab a{padding: 0 15px;height: 35px;line-height: 35px;background: #127a44;font-size: 16px;display: inline-block;margin: 0 10px;color: #fff;}
.index .tab a:hover{color: #127a44;background: #fbdd16;}
.index .floor_1_main{background:url(../images/flo1.jpg) repeat-x left bottom #fff;padding-top:80px;padding-bottom:80px;}
.ipro{position: relative;}
.ipro .bd{overflow: hidden;}
.ipro .item{float: left;width: 290px;display: block;margin-bottom: 22px;margin-right: 22px;position: relative;background: #fff;border: 1px solid #ddd;transition: all 0.2s linear 0s;}
.ipro .item:hover{background: #127a44;}
.ipro .item a{display: block;position: relative;}
.ipro .item a.img{width: 250px;height: 178px;margin: 20px;margin-bottom: 0;overflow: hidden;position: relative;}
.ipro .item img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%;height: 100%;display: block;}
.ipro .item:hover img{transform: scale(1.06, 1.06);}
.ipro .item a.txt{color: #333;line-height: 50px;position: relative;}
.ipro .item h3{font-weight: normal;text-align: center;font-size: 16px;}
.ipro .item em{right:30px;top:28px;width:10px;height:16px;background-position: -248px 0;display: block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: none;}
.ipro .item:hover em{background-position: -268px 0;}
.ipro .item:hover .txt{color: #fff;}
.item_mask{width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;display: none;}
.item_link_icon{display: block; width:45px; height:45px; text-align: center; background-position:-100px -156px;line-height: 38px;position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.ipro .item:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.ipro .item:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}
a.btn{width: 40px;height:40px;display: block;position: absolute;top:28%;cursor: pointer;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
a.btn.prev{background-position:-100px -50px;left: -5%;}
a.btn.next{background-position:-190px -50px;right:-5%;}
a.btn.prev:hover{background-position:-145px -50px;}
a.btn.next:hover{background-position:-236px -50px;}
.index .floor_5_main{background:url(../images/flo5.jpg) no-repeat center top;height: 818px;overflow: hidden;}
.index .floor_2{padding: 60px 0 40px 0;position: relative;}
.index .icase{overflow:hidden;}
.index .icase .list{zoom: 1;width: 100%;}
.index .icase .list li{float: left;margin-right: 20px;margin-bottom: 20px;border: 1px solid #ddd;background: #fff;transition: all 0.2s linear 0s;}
.index .icase .list li:nth-child(4n){margin-right: 0;}
.index .icase .list li .img {width: 243px;height: 180px;overflow: hidden;display: block;position: relative;cursor: pointer;margin: 20px;margin-bottom: 0;box-sizing: border-box;}
.index .icase .list li .img img {width: 100%;height: 100%;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;}
.index .icase .list li .img .on{width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;display: none;}
.index .icase .list li .img .on i {width: 65px;height: 65px;background-position: -150px -147px;position: absolute;left: 50%;top: 50%;margin-top: -32px;margin-left: -32px;}
.index .icase .list li .p {color: #333;display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;text-align: center;}
.index .icase .list li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.index .icase .list li:hover .on{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.index .icase .list li:hover{background: #127a44;}
.index .icase .list li:hover .p{color: #fff;}
/*三大优势*/
.tem_index_sumo{width:100%;padding: 30px 0 60px 0;}
.tem_index_sumo .sumo_title{text-align: left;padding-right: 0;}
.tem_index_sumo .sumo_title p{font-size:15px;color:#555;text-transform:capitalize;display:block}
.tem_index_sumo .sumo_title span{font-size:32px;color:#555;display:block;line-height:36px}
.tem_index_sumo .list{width:100%}
.tem_index_sumo .list .top{width:100%;display:table;margin-bottom:65px}
.tem_index_sumo .list .top>div{display:table-cell;vertical-align:middle}
.tem_index_sumo .list .top .left{position:relative}
.tem_index_sumo .list .top .left .img{width:100%;font-size:0;box-shadow:1px 1px 4px #ddd}
.tem_index_sumo .list .top .left .img img{width:100%}
.tem_index_sumo .list .top .left .txt{position:absolute;bottom:0;right:0;background:#fff;width:590px}
.tem_index_sumo .list .top .left .txt .pd{padding:30px 20px;font-size: 16px;}
.tem_index_sumo .list .top .left .txt .pd b{font-size: 24px;}
.tem_index_sumo .list .top .right{text-align:right;width:307px;padding-left:35px}
.tem_index_sumo .list .top .right .title{text-align:center;background: #127a44;color:#fff;height:238px;width:100%;display:table;}
.tem_index_sumo .list .top .right .title .pd{display:table-cell;vertical-align:middle}
.tem_index_sumo .list .top .right .title h2{font-size:60px;line-height: 96px;font-family:Impact;font-weight:400;}
.tem_index_sumo .list .top .right .title p{font-size:36px;line-height: 57px;}
.tem_index_sumo .list .top .right .title span{font-size:15px;text-transform:capitalize}
.tem_index_sumo .list .top .right .img{font-size:0}
.tem_index_sumo .list .top .right .img img{width:100%}
.tem_index_sumo .list .min{display:table;width:100%;overflow: hidden;}
.tem_index_sumo .list .min>div{display:table-cell;vertical-align:middle;}
.tem_index_sumo .list .min .left{width: 600px;padding-right:55px;font-size:0;}
.tem_index_sumo .list .min .left img{width:100%}
.tem_index_sumo .list .min .right .txt{display:block}
.tem_index_sumo .list .min .right .txt .title,.tem_index_sumo .list .bot .left .title{width:100%;font-size:0;}
.tem_index_sumo .list .min .right .txt .title>div,.tem_index_sumo .list .bot .left .title>div{display:inline-block;vertical-align:middle}
.tem_index_sumo .list .min .right .txt .title .num,.tem_index_sumo .list .bot .left .title .num{font-size:60px;font-family:Impact;color: #127a44;margin-right:20px;}
.tem_index_sumo .list .min .right .txt .title .sumo_title{padding-right: 0;background: url(../images/quality_img.jpg) no-repeat right center;padding: 5px 100px 5px 0;}
.tem_index_sumo .list .min .right .txt .name,.tem_index_sumo .list .bot .left .name{font-size:24px;color:#555;font-weight:700;margin:20px 0 30px}
.tem_index_sumo .list .min .right .txt .con,.tem_index_sumo .list .bot .left .con{color:#555;font-size:16px;line-height:29px}
.tem_index_sumo .list .bot{width:100%;display: table;overflow: hidden;}
.tem_index_sumo .list .bot>div {display: table-cell;vertical-align: middle;}
.tem_index_sumo .list .bot .left {padding-top:60px}
.tem_index_sumo .list .bot .right {text-align: right;font-size:0}
.xunpan{width: 100%;background: url(../images/xunpan.jpg) no-repeat center top;height:124px;}
.xunpan .zixun{width:200px;height:40px;padding:5px;text-align:center;background: #fff;position:absolute;right:0;top:60px;margin-top: -24px;
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.xunpan .zixun a{width:188px;height:38px;line-height:38px;display:block;margin:0 auto;color:#125d27;font-size:20px;font-weight:bold;border: 1px solid #125d27;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
/*.xunpan .zixun:hover{animation: flipInY 1.2s ease-out forwards;-webkit-animation: flipInY 1.2s ease-out forwards;}*/
.xunpan img{display:block;padding-top:38px;max-width:100%;padding-bottom:20px;}
.xunpan .tel{width:310px;background:url(../images/telbg.png) no-repeat left top;height:40px;line-height:40px;color:#125927;font-size:30px;text-align:center;margin-right:5px;font-family:arial;display:inline-block;text-indent:14px;}
.xunpan strong{display: inline-block;color: #fff;font-weight: normal;font-size: 28px;padding-right: 10px;font-family:"You Yuan";}
.floor_4_main{background: #f0f0f0 url(../images/fl4.jpg) no-repeat center top;background-size: 1920px 930px;height: 800px;overflow: hidden;width: 100%;}
.index .floor_4,.indnews{padding: 60px 0 40px 0;overflow: hidden;position: relative;}
.index .floor_4 .textlist .list{width: 108%;}
.index .floor_4 .textlist{position: relative;overflow: hidden;margin-bottom: 20px;}
.index .textlist li{position: relative;float:left;width:378px;margin-right:28px;transition: all 0.2s linear 0s;border: 1px solid #ddd;background: #fff;}
.index .textlist li a{display: block;padding:30px;padding-bottom: 10px;color: #333;}
.index .textlist li .img{width:320px;height: 240px;overflow: hidden;cursor: pointer;position: relative;}
.index .textlist li .img img{width:100%;height:100%;transition: all 0.3s ease-out 0s;display:block;}
.index .textlist li:hover .img img{transform: scale(1.2, 1.2);}
.index .textlist li h3{font-size:20px;line-height:40px;padding-top:12px;text-align: center;}
.index .textlist .desc{line-height:24px;overflow:hidden;margin-bottom:5px;cursor:pointer;padding-top: 10px;display: none;}
.index .textlist span{position: absolute;bottom: 30px;left: 50%;margin-left: -60px;display:block;color:#fff;font-family:arial;width:120px;height:30px;line-height:30px;background:#127a44;text-align: center;display: none;}
.index .textlist li:hover{background:#127a44;border:1px solid #127a44;color:#fff;}
.index .textlist li:hover a{color: #fff;}
.index .textlist li:hover span{background:#fbdd16;color:#127a44;}
.floor_4 .hd{text-align: center;padding-top: 20px;}
.floor_4 .hd a.btn{position: relative;top: auto;display: inline-block;margin: 0 5px;}
.floor_4 .hd a.btn.prev{left: auto;}
.floor_4 .hd a.btn.next{right: auto;}
.index .more{margin-top:40px;}
.index .more .line{display:block;width:500px;height:1px;margin-top:24px;background:#ccc;}
.index .more .look_more{display:block;width:198px;height:48px;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;transition:all .5s;}
.index .more .look_more:hover{background:#127a44;color:#fff;transition:all .5s;border:1px solid #127a44;}
.newsBox{width:650px;overflow: hidden;position: relative;}
.newsBox .hd{height:15px; overflow:hidden; position:absolute; right:16px; bottom:10px; z-index:10;}
.newsBox .hd ul{overflow:hidden; zoom:1; float:left;}
.newsBox .hd ul li{float:left;margin-right:6px; width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.newsBox .hd ul li.on{background:#f9e012; color:#fff;}
.newsBox .bd{position:relative;width:650px;z-index:0;overflow: hidden;}
.newsBox .bd li{zoom:1;vertical-align:middle;position: relative;}
.newsBox .bd img{width: 650px;height: 376px;display:block;transition: all 0.3s ease-out 0s;}
.newsBox .bd li h3{display: block;font-size:20px;padding-left:28px;padding-top: 30px;}
.newsBox .bd li .txt{background: #127a44 url(../images/green80.png) repeat left top;color: #fff;left: 0;bottom:0;width:100%;height:150px;z-index: 5;display: none;}
.newsBox .bd li p{padding:0 28px;}
.newsBox .bd li .time{font-size:16px;padding-right:30px;padding-top:28px;}
.txtlistbox{width:520px;}
.txtlistbox li{border-bottom:1px solid #ddd;padding: 17px 0 0;position: relative;}
.txtlistbox li:first-child{padding-top: 0;}
.txtlistbox li a{display:block;padding-bottom: 11px;}
.txtlistbox li h3{font-size:18px;display:inline-block;+display: inline;*zoom: 1;}
.txtlistbox li p{font-size:14px;line-height: 23px;height: 46px;color: #333;}
.txtlistbox li span{display: block;color: #333;}
.txtlistbox li em{width: 15px;height: 15px;display:inline-block;background-position: -304px 0;+display: inline;*zoom: 1;}
.txtlistbox li:before{position: absolute;bottom:-1px;left: 0;height: 1px;content: "";width: 0;background: #127a44;transition: width .6s ease-out;}
.txtlistbox li:hover:before{width: 100%}
/*关于我们*/
.tem_index_about{width:100%;padding: 30px 0 60px 0;}
.tem_index_about .list{width:100%;display:table}
.tem_index_about .list>div{width: 600px;height: 370px;box-sizing: border-box;}
.tem_index_about .list .left{float: left;background:#f5f5f5;padding: 40px;}
.tem_index_about .list .left h2{font-size:18px;font-weight: bold;color:#333;padding-bottom:20px;border-bottom:1px solid #e2e2e2;margin-bottom:18px;}
.tem_index_about .list .left p{font-size: 14px;color:#666;line-height: 28px;text-align: justify;}
.tem_index_about .list .left .click{display:block;width:100%;text-align:left;font-size:0;margin-top: 10px;}
.tem_index_about .list .left .click a{display:inline-block;vertical-align:top;width:145px;height:36px;line-height:36px;text-align:center;background: #f9e012;border-radius:20px;font-size:15px;color:#fff;margin-right:15px;}
.tem_index_about .list .left .click a:first-child{background: #127a44;}
.tem_index_about .list .right{float: right;}
.tem_index_about .list .right img{width: 100%;height: 100%;}
/*合作伙伴*/
.tem_index_partner{width:100%;padding: 80px 0 60px;background: #f3f3f3;}
.tem_index_partner .list{width:100%;text-align: center;overflow: hidden;}
.tem_index_partner .list .img{float: left;width: 232px;height: 82px;margin-right: 10px;margin-bottom: 10px;overflow: hidden;}
.tem_index_partner .list .img:nth-child(5n){margin-right: 0;}
.tem_index_partner .list  img{width: 100%;height: 100%;overflow:hidden;transition:1.5s;box-shadow: 1px 1px 3px #d0d0d0;}
.tem_index_partner .list .img:hover img {transition: 1.5s;transform: scale(1.1);}
/* 亮光 */
/*hvr-highLight*/
.hvr-highLight{overflow: hidden; position: relative;}
.hvr-highLight:before{content: ""; position: absolute; width:80px; height:320px; top: 0; left: -136px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg);transform: skewX(-32deg);}
.hvr-highLight:hover:before{-webkit-transition: left 1.1s; -moz-transition: left 1.1s; -ms-transition: left 1.1s; transition: left 1.1s; left:750px;}
.hvr-highLight:hover{opacity: .9\0; filter: alpha(opacity=90);}
.zhizao .goback{width:60px;height:60px;display: block;position: absolute;right:2%;top:2%;background: url(../images/guan.jpg) no-repeat center;}
/*底部信息*/
/*tem_footer*/
.tem_footer{width:100%}
.tem_footer .top{background:#3f3f3f;padding:45px 0 10px;color:#8c8c8c}
.tem_footer .top .content{width:100%;display:table}
.tem_footer .top .content>div{display:table-cell;vertical-align:middle}
.tem_footer .top .content .fl>div{display:table-cell;vertical-align:top}
.tem_footer .top .content .fl .contact{width:410px}
.tem_footer .top .content .fl .contact .mob{font-size:30px;line-height: 48px;color:#fff;font-weight:700;letter-spacing:1px;padding-left:55px;background:url(../images/foot_tel.png) no-repeat left center;margin-bottom: 0;}
.tem_footer .top .content .fl .contact .con{font-size:14px;color:#8c8c8c;line-height: 24px;}
.tem_footer .top .content .fl .nav>ul{display:table-cell;width: 155px;list-style:none;border-left:1px solid #585858;padding-bottom:8px;text-align: center;}
.tem_footer .top .content .fl .nav ul:last-child{border-right:1px solid #585858}
.tem_footer .top .content .fl .nav ul li a{display:block;color:#8c8c8c;line-height:30px;font-size: 14px;transition:1s;}
.tem_footer .top .content .fl .nav ul li a:hover{transition:1s;color:#fff}
.tem_footer .top .content .fl .nav ul li:first-child a{color:#fff;font-size: 15px;font-weight:700;}
.tem_footer .top .content .fr{width: 155px;text-align: right;}
.tem_footer .top .content .fr .item{display:inline-block;vertical-align:middle;}
.tem_footer .top .content .fr .item .img{width: 130px;height: 130px;}
.tem_footer .top .content .fr .item .img img{display: block;width: 100%;height: 100%;}
.tem_footer .top .content .fr .item p{font-size:14px;color:#fff;text-align:center;line-height:40px}
.tem_footer .top .link{margin: 15px 0 0;font-size: 0;}
.tem_footer .top .link a{color:#8c8c8c;display: inline-block;margin-right: 20px;font-size: 14px;transition: 1s;}
.tem_footer .top .link a:hover {color: #fff;transition: 1s;}
.tem_footer .top .link a:first-child {margin: 0;}
.tem_footer .bot{background:#282828;color:#8c8c8c;font-size:14px;padding:15px 0}
.tem_footer .bot .w1200{display:table}
.tem_footer .bot .w1200>div{display:table-cell;vertical-align:middle}
.tem_footer .bot a{color:#8c8c8c}
.tem_footer .bot .fr{text-align:right}
.float-right-box{width: 200px;position: fixed;right: 0;top: 50%;margin-top: -127px;background-color: #191919;z-index: 1000;transition: width 0.3s ease 0s;}
.float-right-box.on{width: 50px;}
.float-right-box .top-list{width: 100%;}
.float-right-box .top-list ul{width: 100%;}
.float-right-box .top-list li{width: 100%; position: relative; border-bottom: 1px solid #3b3b3b; transition: background 0.3s ease 0s; height: 50px;}
.float-right-box .top-list a{display: block; width: 100%;}
.float-right-box .top-list .ico{display: inline-block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; transition: background 0.3s ease 0s; z-index: 2;}
.float-right-box .top-list .ico1{background: url(../images/ico_58.png) no-repeat center #191919;}
.float-right-box .top-list .ico2{background: url(../images/ico_59.png) no-repeat center #191919;}
.float-right-box .top-list .ico3{background: url(../images/ico_60.png) no-repeat center #191919;}
.float-right-box .top-list .ico4{background: url(../images/ico_61.png) no-repeat center #191919;}
.float-right-box .top-list .ico5{background: url(../images/ico_62.png) no-repeat center #191919;}
.float-right-box .top-list .ico7{background: url(../images/ico_69.png) no-repeat center #191919;}
.float-right-box .top-list .stt{display: inline-block; font-size: 14px; line-height: 50px; color: #fff; transition: color 0.3s ease 0s; position: absolute; left: 28px; top: 0; z-index: 1; width: 222px;cursor: pointer;}
.float-right-box .top-list li:hover .stt{color: #15191e;}
.float-right-box .top-list li:hover .ico1{background: url(../images/ico_58_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico2{background: url(../images/ico_59_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico3{background: url(../images/ico_60_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico4{background: url(../images/ico_61_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico5{background: url(../images/ico_62_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico7{background: url(../images/ico_69_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover{background-color: #fff;}
.float-right-box .top-list .return-webtop .stt{font-family: "Arial"; font-weight: bold;}
.float-right-box .bot-share{position: relative; height: 50px;}
.float-right-box .bot-share a{display: inline-block; width: 50px; height: 50px; float: left; transition: background 0.3s ease 0s; margin: 0; padding: 0;}
.float-right-box .bot-share .share{width: 200px; position: absolute; left: 0; top: 0; z-index: 1;}
.float-right-box .bot-share .sina{background: url(../images/ico_63.png) no-repeat center;}
.float-right-box .bot-share .wx{background: url(../images/ico_64.png) no-repeat center;}
.float-right-box .bot-share .more{background: url(../images/ico_66.png) no-repeat center;border:0 none;}
.float-right-box .bot-share a:hover{background-color: #525354;}
.float-right-box .bot-share .share-ico{background: url(../images/ico_67.png) no-repeat center #191919; width: 50px; height: 50px; display: inline-block; cursor: pointer; z-index: 2; position: relative;}
.float-right-box .top-list li .weix{position: relative;}
.float-right-box .sidebox{position:absolute;right: 200px;top:0;transition: all 0.1s ease 0s;width: 153px;z-index:10;display:none;background:#191919;}
.float-right-box .sidebox img{width: 143px;height: 143px;display:block;margin:5px auto;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family: ADELE; src: url("../font/ADELE.eot"); src: url("../font/ADELE.eot?#iefix") format("eot"), url("../font/ADELE.ttf") format("truetype");}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
/*悬浮客服*/
#float{z-index: 9999;position: absolute;display: block;top: 160px;left: 0;}
#float .wrap{margin-bottom: 2px;position: relative;cursor: pointer;background: #18863d;border-left: 5px solid #6B147D;z-index: 999;}
#float .wrap:hover{background: #6B147D;}
#float .ico{padding: 15px 0;width: 60px;display: block;line-height: 60px;text-align: center;color: #FFF;font-size: 30px;}
#float .content{min-height: 60px;min-width: 190px;width: auto;position: absolute;left: 60px;top: 0;display: none;background: #18863d;}
#float .content img{width: 190px;height: 190px;}
#float .content a{color: #FFF;}
#float .qq .content{line-height: 60px;padding: 0 20px;font-size: 30px;color: #FFF;}
#float .qrcode .content{padding: 5px;}
#float .phone .content{line-height: 60px;padding: 0 20px;font-size: 24px;color: #FFF;}
#float .custom .content{line-height: 60px;padding: 0 20px;font-size: 28px;color: #FFF;text-align: center;}