::-webkit-scrollbar {background:transparent;width:13px}
::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:#d6d6d6;border:3px solid transparent;border-radius:20px}
::-webkit-scrollbar-thumb:hover {background-color:#b8babd}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;-webkit-font-smoothing:antialiased;font-family:'PingFang SC','Helvetica Neue','Helvetica','Hiragino Sans GB','Microsoft YaHei','微软雅黑','黑体','Arial','sans-serif'}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1;font-size:14px;vertical-align:baseline;}
ul,li,dl,dt,dd {border:0 none;list-style: none outside none;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, form, input, button, textarea,em,i {margin: 0;padding: 0;font-style:normal;font-weight:normal;}
span {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-size: 14px;}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
hr {border-width:0 0 1px;border-bottom:1px solid #ccc}

.transition {transition:background .5s,color .5s;-moz-transition:background .5s,color .5s;-webkit-transition:background .5s,color .5s;-o-transition:background .5s,color .5s}
.transition-op {transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out}

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset}
button, input {
    line-height: normal;
    outline: none;
}
*, *::before, *::after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


.f0,.f-0{line-height: 0;font-size: 0}
img{margin:0; padding:0; border:0 none;}

.clear {clear:both;float:none;}
.clearfix {clear:both;float:none;display:block;zoom:1}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}


.ellipsis,.ellipsis li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* text align */
.text-c,.text-center,.txt-center {text-align: center !important;}
.text-l,.text-left,.txt-lt {text-align: left !important;}
.text-r,.text-right,.txt-rt {text-align: right !important;}

.text-over {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.over-hide {overflow: hidden;}

.d-inline,.inline-block{display: inline-block;*display: inline;*zoom: 1;}
.d-block{ display:block;}


.float-rt,.fr{float:right;}/* float right */
.float-lt,.fl{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative,.pos-rel{position:relative;}/* Position Relative */
.pos-absolute,.pos-abs{position:absolute;}/* Position Absolute */
.vertical-base{vertical-align:baseline;}/* vertical align baseline */
.vertical-top{vertical-align:top;}/* vertical align top */

.hide{ display:none;}
.show{ display:block;}

.bold{font-weight: bold;}
.font-normal{font-weight: normal;}
.font-bold{font-weight: bold;}
.f-c-99 {color: #999 !important;}
.f-c-66 {color: #666 !important;}
.f-c-ff66{color:#ff6600;}

.f12,.f-12 { font-size: 12px;}
.f14,.f-14 {font-size: 14px;}
.f16,.f-16 {font-size: 16px;}
.f18,.f-18 {font-size: 18px;}
.f20,.f-20 {font-size: 20px;}
.f22,.f-22 {font-size: 22px;}
.f30,.f-30 {font-size:30px !important;}
.f36,.f-36 {font-size:36px !important;}

.red-color {color: #fe615a;}
.price {font-size: 42px;font-weight: 700;}
.bg-white{background-color: #fff;}
.bg-ed{background: #ededed;}
.bg-f3{background-color: #f3f3f3}

.flex-align-center {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;}
.align-items-center{align-items:center;}
.align-items-baseline{align-items: baseline}
.space-between{justify-content:space-between;}
.justify-content-c{justify-content:center;}
.space-around{justify-content: space-around}
.flex,.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.flex-column{flex-flow:column}
.flex-row{flex-flow:row}
.flex-wrap{flex-wrap: wrap}
.flex-nowrap{flex-wrap: nowrap}
.flex-auto{flex: auto;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}

.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}

.pd-10{padding: 10px;}
.pd-15{padding: 15px;}
.pd-20{padding: 20px;}

.margin-auto{margin-left: auto;margin-right: auto;}

/*表单验证 红色框必填*/
.error {border: 1px solid #f11 !important;}

.w-1150 {width:1150px;height:100%;}
.img-100 img{width: 100%;}

a{text-decoration:none;color:#555555; }
/*a:visited {text-decoration:none;color:#83006F;}*/
a:hover {text-decoration:none;color:#da251d;}
a:active {text-decoration:none;color:#302F35;}





.radius-5{border-radius: 5px;}
.radius-5 img {border-radius:5px;transition:transform 3s;}
.radius-5 img:hover{border-radius:5px;transform:scale(1.1)}


.wrapper {width: 1150px;margin: 0 auto;}
.bread{ padding:20px 0; color:#666;}

.icon{background: url(/static/img/icon.png) no-repeat 0 0;display:inline-block;}


.image-view-container {
    overflow: hidden;
    position: relative;
    font-size: 0;
}
.loading-status {
    display: block;
    position: relative;
    background: #f5f5f6 url(/static/img/load-bg.png) 50% no-repeat;
    background-size: 60%;border-radius: 5px;
}



.header {width:100%;height:60px;position:fixed;top: 0;z-index:100;background:rgba(255,255,255,0.9);box-shadow: 2px 2px 2px rgba(0,0,0,0.25);}

.header .logo { float:left;display:inline-block;width:180px;/*height:50px;background:url(../img/logo.png) no-repeat 0 0;    background-size: 145px auto;*/}
.header .logo img{width: 80%;}

.header .header-right {position:absolute;top:19px;right:0;z-index:8;}
.header .header-right a {font-size:14px;color:#d9d9d9;}
.header .header-right a:hover {color:#fff;}
.header .menu { }
.header .menu li {display:inline-block;}
.header .menu li a {font-size:14px;display:inline-block;color:#3e3e3e;margin:0px 15px;transition:all .6s ease 0s;position:relative;}
.header .menu li.active a,.header .menu li a:hover {color:#e32235;}
.header .menu li a:before {width:0%;height:2px;position:absolute;left:50%;bottom:-10px;background:#e94831;content:'';transition:all .5s ease 0s;border-radius: 20px;height: 4px;}
.header .menu li a:hover,.header .menu li a.on {color:#e94831;}
.header .menu li a:hover:before,.header .menu li a.on:before {width:100%;left:0%;}
.header .menu li .hot {
    width: 22px;
    height: 14px;
    background: url(../img/hot.png?v=1) no-repeat;
    background-size: 22px 14px;
    position: absolute;
    top: -17px;
    right: 0px;
}


/*banner*/
.banner li { position: relative; }
.banner li .img { position: relative; padding-bottom: 90vh; height: 0; }
.banner li .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-size: cover; }
.banner .txt { position: absolute; left: 150px; top: 50%; height: 252px; margin-top: -126px; max-width: 480px; width: 50%; }
.banner .txt1 { line-height: 40px; margin-bottom: 24px; }
.banner .txt1 span { display: block; font-size: 36px; color: #fff; }
.banner .txt2 { line-height: 50px; margin-top: 15px; }
.banner .txt2 span { display: block; font-size: 30px; color: #fff; }
.banner .txt3 { line-height: 24px; }
.banner .txt3 span { display: block; font-size: 12px; color: #fff; text-transform: uppercase; }
.banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
.banner .swiper-pagination { position: absolute; left: auto; right: 56px; top: 50%; width: 9px; }
.banner .swiper-pagination .swiper-pagination-bullet { border: 1px solid #fff; opacity: 1; background: none; position: relative; width: 9px; height: 9px; margin: 8px 0px; overflow: hidden; }
.banner .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left: 0; width: 100%; background: #c9161e; top: 0; height: 100%; content: ""; border-radius: 50%; transform: translateY(100%); transition: all 0.3s ease 0s; }
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { transform: translateY(0); }

.banner li a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background: rgba(3, 3, 3, 0.1); }
.banner .line { height: 1px !important; overflow: hidden; }
.banner .line span { position: relative; display: block; float: left; width: 42px; height: 1px; line-height: 1; z-index: 9999; font-size: 0; overflow: hidden; background: none; }
.banner .line span:before { position: absolute; left: 50%; top: 0px; content: ""; width: 0; height: 1px; overflow: hidden; background: white; }
.banner .swiper-slide-active .line span:before { width: 100%; left: 0; transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }
.banner .txt1 { height: 50px; overflow: hidden; }
.banner .txt1 span { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateX(-100%); }
.banner .swiper-slide-active .txt1 span { transform: translateX(0); }
.banner .txt2 { max-height: 96px; overflow: hidden; }
.banner .txt2 span { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateX(-100%); }
.banner .swiper-slide-active .txt2 span { transform: translateX(0); }
.banner .txt3 { max-height: 41px; overflow: hidden; }
.banner .txt3 span { transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; transform: translateX(-100%); }
.banner .swiper-slide-active .txt3 span { transform: translateX(0); }
.banner .swiper-slide-active .img em { animation: scaleUpDown 1.2s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.mouse { position: absolute; left: 50%; bottom: 5%; text-align: center; width: 80px; text-align: center; margin-left: -40px; z-index: 999; }
.mouse:hover em { background-position: center bottom; }
.mouse:hover span { color: #e83428; }
.mouse em { display: block; margin: 0 auto 12px; background: url(../img/mouse.png) no-repeat center top; width: 24px; height: 38px; animation: 1s linear 0s normal none infinite running myfirst; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; }
.mouse span { display: block; font-size: 12px; color: #d1d0d0; line-height: 24px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; }

@keyframes myfirst {
    0% { transform: translateY(-5px); }
    50% { transform: translateY(0px); }
    100% { transform: translateY(-5px); }
}





.about-data {width:100%;height:100%;padding:0;margin:0;display:flex;padding-top:20px;}
.about-data li {width:16%;padding:0 20px;border-right:1px solid rgba(0,0,0,.1);}
.about-data li:nth-child(1) {padding-left:0;}
.about-data li:nth-child(6) {border-right:0;}
.about-data .inD-top {display:flex;overflow:hidden;color:#dc1c1d;}
.about-data .inD-top span {font-size:45px;font-family:Impact;}
.about-data .inD-cont p{color:#999999;font-size: 14px;margin-top: 10px;line-height: 20px}




.index_title { margin-bottom: 10px; margin-top: 50px; height: 130px; margin-left: auto;margin-right: auto;width: 1150px;}
.index_title .en { position: relative; display: block; position: relative; line-height: 1; font-size: 100px; color: #f7f7f7; text-transform: uppercase; font-family: 'helveticablack'; }
.index_title .en b { display: block; /*transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateX(-100%);*/ }
.index_title .cn { display: block; height: 50px; line-height: 50px; margin-bottom: 14px;margin-top: -90px; position: relative; font-size: 30px; color: #333333; }
.index_title .cn b { display: inline-block; /*transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: translateY(-20px); opacity: 0;*/ }
.index_title .line { position: relative; display: block; width: 30px; height: 3px; background: #e83428; overflow: hidden;  margin-top: 30px;}
.index_title .line:after {  width: 30px; height: 3px; position: absolute; left: 0; top: 0;content: ""; display: block; background-color: #c5c5c5; transform-origin: 0 0; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: scaleX(0); }

.index_title .cn b:nth-child(2n+1) { transform: translateY(20px); }
.index_title .cn b:first-child { margin-left: 0; }


.history{background: url("../img/i-3.jpg") no-repeat center top;    }
.history .bg{height:450px;background-color: rgba(255, 255,255, 0.8);padding: 15px 0;}
.history .bg li{float: left;width: 186.5px;}
.history .bg .year{height:50px;text-align: center;line-height: 50px;font-size: 20px;font-weight: 300;}
.history .bg .year-intro{height:45px;background-color: #e83428; line-height: 45px;text-align: center;color: #fff;font-size: 24px;}
.history .bg .year-content{line-height: 20px;padding: 10px;}
.team li {float:left;width:162px;margin:0 20px;position:relative;}
.team li img {position:absolute;left:2px;z-index:2;}
.team li .team-intro {margin-top:180px;}
.team li .team-intro h3 {font-size:18px;color:#2B7A83;font-weight:700;text-align:center;}
.team li .team-intro h3 span {font-size:12px;}
.team li .team-intro p {line-height:20px;margin-top:15px;font-size:14px;}
.service div {margin-bottom:20px;}
.service .big {width:220px;height:50px;display:inline-block;padding-right:10px;font-size:50px;color:#73b9bf;font-weight:400;text-align:right}
.service span {display:inline-block}


/***********inside page*************/
.ab-banner {background:no-repeat center top;padding:120px 0;background-attachment:fixed;}
.ab-banner h2 {font-size:36px;color:#fff;margin-bottom:20px;font-weight:normal;text-align:center;}
.ab-banner>div {width:50px;height:3px;background:#fff;margin:0 auto;margin-bottom:20px;}
.ab-banner h6 {text-align:center;font-weight:normal;color:#fff;font-size:14px;}

.breadnav li {margin:0px 15px 0px 15px;transition:all .6s ease 0s;position:relative;}
.breadnav li:last-child {margin-right:0px;}
.breadnav li a {transition:all .6s ease 0s;padding:15px 35px;display:block;position:relative;}
.breadnav li a:before {width:100%;height:100%;position:absolute;left:0px;top:0px;background:#e94831;content:'';transition:all .3s ease 0s;z-index:-1;opacity:0;visibility:hidden;-webkit-transform:scale(1.1);border-radius: 5px;}

.breadnav li:hover a:before,.breadnav li.active a:before {height:100%;opacity:1;visibility:visible;-webkit-transform:scale(1);}
.breadnav li:hover a {color:#fff;}
.breadnav li:after {width:1px;height:16px;display:block;position:absolute;left:-15px;top:50%;margin-top:-8px;background:rgba(0,0,0,.1);content:'';}
.breadnav li:nth-child(1):after {display:none;}
.breadnav .active a {color:#fff;}
.breadnav .active a i {margin-right:10px;}


.w235{float:left; width:235px;}
.w95{float:left; width:95px;}
.w260{float:left; width:260px;}
.w290{float:left; width:320px;}
.cont_aboutus {position: relative;padding: 0 20px 20px;overflow: hidden; background-color:#fff;font-size:14px;line-height:1.8;}
.cont_aboutus .item {display:none; overflow:hidden; -webkit-transtion:height 500ms; transtion:height 500ms;}
.cont_aboutus .item .subitem {margin-bottom:7px; height:209px; background-color:#f1eff1; overflow:hidden;}
.cont_aboutus .item .subitem img {float:left; margin-right:25px; width:154px; height:100%; }
.cont_aboutus .item .subitem h1 {margin:85px 0 10px 0; font-weight:bold; font-size:16px; color:#4c4c4c;}
.cont_aboutus .item .subitem p {padding-right:23px; line-height:18px; color:#4c4c4c;}

.body-title {font-size:36px;text-align:center;margin:40px 0;color:#2B7A83;}
.body-title .line {position:relative;display:inline-block;padding:0 20px;}
.body-title .line:before,.body-title .line:after {position:absolute;content:"";background:url("../img/left-line.png") no-repeat left top;right:100%;top:50%;width:247px;height:5px;}
.body-title .line:after {left:100%;background:url("../img/right-line.png") no-repeat left top;}
.title-introduce {display:block;font-size:16px;}
.about-ceo{margin-top:20px;}
.about-ceo .ceo-pic{ margin-top:20px; margin-left:30px;}

.cont_aboutus .fr-ceo{width:700px;margin-top:20px;}

.cont_aboutus .fr-ceo .title{font-size:28px; color:#666666; font-weight:700; margin-bottom:20px;}
.cont_aboutus .fr-ceo p.p-1{margin-bottom:10px; font-size:14px; line-height:24px;}
.cont_aboutus .fr-ceo  .line-1{border-bottom:1px solid #DADADA;margin-bottom:10px;}

.cont_aboutus .ceo{ margin-bottom:10px;}
.cont_aboutus .ceo ul{ float:left;margin-top:0px;}
.cont_aboutus .ceo li{ float:none; width:auto;height:24px;}
.cont_aboutus .ceo .zhiwu{ float:none; width:650px; line-height:20px;}
.cont_aboutus .tuandui{margin-top:20px; margin-left:10px;}
.cont_aboutus .tuandui li{ float:left; width:188px; margin-right:50px; margin-bottom:20px;}
.cont_aboutus .intro{margin-top:20px;}
.cont_aboutus .intro h3{font-size:18px; color:#2B7A83;font-weight:700; text-align:center}
.cont_aboutus .intro p{line-height:20px; margin-top:15px; font-size:14px;}
.cont_aboutus .newsPic{ padding:0 80px;}
.cont_aboutus .newsPic img{ margin:10px 0;}

.news .child a{display: block;}
.news .child:hover{box-shadow:0px 10px 60px rgba(0, 0, 0, 0.50);}
.news .child{margin-right:1%;width:24.25%;float:left;margin-bottom: 20px;transition: all 0.6s ease 0s;}
.news .child.no{margin-right:0;}
.news .child:nth-child(4n){margin-right:0;}
.news .child .childImg{width:100%;overflow:hidden;height: 150px;}
.news .child .childImg img{width:100%;height:100%;display: block;vertical-align:middle;}
.news .child .childContent{background:#f1f1f1;height: 218px;}
.news .child .childContent .c-content{padding:26px 5.4%;}
.news .child .childContent .title{line-height:32px;padding-bottom:6px;color:#333333;font-size:14px;font-weight:bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .child .childContent .time{line-height:24px;padding-bottom:26px;color:#B4B4B4;font-size:14px;}
.news .child .childContent .info{line-height:26px;color:#929292;font-size:14px;}

.news .child .childImg img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child .childContent{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child .childContent .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child .childContent .time{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child .childContent .info{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.news .child:hover .childImg img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .child:hover .childContent{background:#e94831;}
.news .child:hover .childContent .title{color:#fff;}
.news .child:hover .childContent .time{color:#fff;}
.news .child:hover .childContent .info{color:#fff;}

.detail .breadcrumb {font-size:12px;color:#9399a5;}
.detail .content{font-size: 14px;line-height: 2;}
.detail .content img{max-width: 100%;}
.newsTitle{width:100%; height:75px; border-bottom:1px solid #dadada; line-height:24px;}
.newsTitle .fl{ float:none;text-align:center;color: #969696; font-size:12px; margin-top:10px;}
.newsTitle .fl span{ color:#999999;}
.newsTitle h1{ text-align:center;font-size:18px; font-weight:bold;}





/************ gift *************/
.gift-list {margin-bottom:20px;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;overflow:hidden;}
.gift-list li {float:left;border-top:none;border-left:none;}
.giftbox {background-color:#fff;position:relative;width:25%;border:1px solid #e7e7e7}
.giftbox a{padding:0 12px;position:relative;display:block;height:340px;overflow:hidden;-webkit-transition:border ease .5s;transition:border ease .5s;border:4px solid transparent}
.giftbox:hover a{border:4px solid #f0f0f0}
.gift-list .giftimg {height: 150px;display: flex;align-items: center;justify-content:center;}
.gift-list .giftimg img {width: 60%;}
.giftbox-title {text-align:center;color:#333;line-height:24px;font-size:20px;}
.giftbox-info {margin-top:10px;line-height: 1.5}


.index-icon {
    background: url(../img/index-icon.png) no-repeat;
}
.clipper-service .kt-icon-g {margin:0}
.clipper-service {padding:10px 0 76px}
.clipper-service h2 {font-size:24px;padding-bottom:20px; text-align:center;}
.clipper-service li {float:left;width:127px;height:127px;margin-right:1px;text-align:center;background:#fff;position:relative; border-right:1px solid #fafafa;}
.clipper-service li a {width:127px;height:127px;position:absolute;left:0;top:0}
.clipper-service li i {width:36px;height:34px;display:inline-block;margin:36px 0 17px}
.clipper-service li p {font-size:14px;color:#333}
.clipper-service .icon-i1 {background-position:0 -110px}
.clipper-service .icon-i2 {background-position:-36px -110px}
.clipper-service .icon-i3 {background-position:-72px -110px}
.clipper-service .icon-i4 {background-position:-108px -110px}
.clipper-service .icon-i5 {background-position:-144px -110px}
.clipper-service .icon-i6 {background-position:-180px -110px}
.clipper-service .icon-i7 {background-position:-216px -110px}
.clipper-service .icon-i8 {background-position:-252px -110px}
.clipper-service .icon-i9 {background-position:-288px -110px}
.clipper-service li:hover {background-color:#47939B}
.clipper-service li:hover .icon-i1 {background-position:0 -150px}
.clipper-service li:hover .icon-i2 {background-position:-36px -150px}
.clipper-service li:hover .icon-i3 {background-position:-72px -150px}
.clipper-service li:hover .icon-i4 {background-position:-108px -150px}
.clipper-service li:hover .icon-i5 {background-position:-144px -150px}
.clipper-service li:hover .icon-i6 {background-position:-180px -150px}
.clipper-service li:hover .icon-i7 {background-position:-216px -150px}
.clipper-service li:hover .icon-i8 {background-position:-252px -150px}
.clipper-service li:hover .icon-i9 {background-position:-288px -150px}
.clipper-service li:hover p {color:#fff}
.clipper-service li.no-mgR {margin-right:0}



/********联系我们*******/
.contact-list {text-align:center;font-size:0;margin-top:50px;padding-bottom:67px;}
.contact-list ul {width:100%;height:100%;}
.contact-list li {width:32.3%;display:inline-block;*zoom:1;*display:inline;background:#fff;vertical-align:top;margin-left:10px;position:relative;padding-bottom:40px;}
.contact-list li .text {padding:0 37px;text-align:left;}
.contact-list li .text .top {font-size:16px;color:#333333;padding:10px 0;border-bottom:1px solid #ececec;}
.contact-list li .text .top strong {line-height:30px;}
.contact-list li .text .bot {padding:15px 0;font-size:14px;color:#666666;line-height:26px;word-break:break-all;word-wrap:break-word;}
.contact-list .li2 .text {padding-top:15px;}
.contact-list .li3 .text {padding-top:15px;padding-bottom:44%;}
.contact-list .li3 .email {display:block;position:absolute;left:0;bottom:0;width:100%;overflow:hidden;}
.contact-list .li3 .email img {-webkit-transition:all 1s;transition:all 1s;}
.contact-list .li3 .email:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.contact-list .li3 .email .txt {position:absolute;left:10%;bottom:33%;z-index:2;}
.contact-list .li3 .email .txt h4 {font-size:29px;color:#ffffff;line-height:39px;font-weight:normal;}
.contact-list .li3 .email .txt p {font-size:14px;color:#ffffff;line-height:20px;text-transform:uppercase;}



footer{position: relative;padding: 30px 0 10px;border-top: 1px solid #eee;margin-right: auto;margin-left: auto;}
footer .logo{width: 320px;}
footer .address{ float:left; width:270px;margin-top: 3px;}
footer .address span{ float:none;display:block;  width:auto; line-height:20px; color:#323232; font-size:12px; margin-bottom:5px;}
footer .address span b{ color:#bb0327; font-weight:normal;}
footer .address h3{font-weight: 700;margin-bottom: 5px;}

footer .qrcode{ float:right; margin-top:0px;}
footer .qrcode h1{margin-bottom:0px;}
footer .qrcode span{ display:block; text-align:center; color:#5a5a5a; font-size:12px; line-height:1;}

footer .link{width: 15%;}
footer .link h3{font-weight: 700;margin-bottom: 5px;}
footer .link li{line-height: 20px;}
footer .link li a{font-size: 12px;}


/****************page*****************/
.pageblue { padding:5px 3px 3px ; margin:3px;margin-left:0px; text-align:center; line-height:24px;}
.pageblue a { border:#dadada 1px solid;padding:4px 12px 4px 12px;margin-right: 3px;text-decoration: none;display: inline-block; color: #666666;font-size:14px;background-color:#f7f7f7; border-radius:5px;}
.pageblue a:hover {border: #e94831 1px solid; color: #333333;background-color:#ffffff;}
.pageblue a:active {border: #e94831 1px solid; color: #333333;background-color:#ffffff;}
.pageblue span.current {display: inline-block;border:#dadada 1px solid;padding:4px 12px 4px 12px;margin-right: 3px; color: #fff;font-size:14px;background-color:#e94831; border-radius:5px;}
.pageblue span.disabled {border: #cccccc 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px;color: #929292; margin-right: 3px; padding-top: 2px;}