@font-face{font-family:Averta;src:url(fonts/Averta.woff2) format("woff2"),url(fonts/Averta.woff) format("woff"),url(fonts/Averta.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:Averta;src:url(fonts/bAverta.woff2) format("woff2"),url(fonts/bAverta.woff) format("woff"),url(fonts/bAverta.ttf) format("truetype");font-style:normal;font-weight:400}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
p, img, button, h1, h2, h3, h4, h5, h6, ul, li, ol, tbale, tr, td, input {margin: 0px;padding: 0px;border: none;list-style-type: none; font-weight:normal;}
blockquote, q{quotes:none;  }
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; cursor:pointer;transition: color 0.2s linear 0s;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;font:14px/1.5 "Averta", "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; }
p {word-wrap: break-word;}em{ font-style:normal;}
*{margin:0; padding:0; list-style:none; }
html, body {margin: 0;color: #666;font:14px/1.5 "Averta", "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0; text-align:left}
a{ color:#666;text-decoration:none; }
a:hover{ text-decoration:none;  color:#ee1d23;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
input:focus, input:hover,select:focus,textarea:focus{outline: 0;}

/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.hidden{ overflow:hidden}
.margin{ margin:0 auto;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:block;clear:both;}
.clear:after {content: '';display: table;clear: both;}
.clear_l{clear:left;} .clear_r{clear:right;}
.hide{display:none} .block{display:block !important;} .inline{display:inline !important;}
.txtcenter{vertical-align:middle;}
.prel{position:relative;}
.wrap{ width:1000px; margin:0 auto; position:relative;}
.relative {position: relative;}
.img img{width: 100%;vertical-align: bottom;}

.header {position: fixed; display: block; width: 100%; top: 0; left: 0;z-index: 300; height: 70px;    transition: all .2s ease;    -webkit-transition: all .2s ease;background: #ee1d23;}
.index .header{background:none; }
.index  .tshow{    background: #ee1d23;    transition: all .2s ease;    -webkit-transition: all .2s ease;}
.index .tshow .logo,.index .header .logob,.logo{display: none;}.index .tshow .logob,.index .logo{display: block;}

.w1600 { width: 84%; margin: 0 auto;}
.logo,.logob{padding: 20px 0; height: 36px;width:183px;}.imgno{height: 36px;width:183px;display:block;    margin-bottom: 25px;}.imgno img,.logo img,.logob img{width: 100%;}.header img{vertical-align: top;}
.lang{position: relative;color:#fff;display: block; height: 26px; line-height: 26px;margin-top:21px; padding-left:40px;vertical-align: middle;}
.lang:before{content: "";background: url(../images/lan.png) no-repeat;display: block;width: 26px;height: 26px; background-size: cover;position: absolute;left: 0;}
.lang:hover:before{content: "";background: url(../images/lan.png) no-repeat;background-size: cover;}.lang:hover{color:#fff;}
.index .lang:hover:before{background: url(../images/lan-r.png) no-repeat;background-size: cover;}.index .lang:hover{color:#ee1d23;}
.menu{ display: block; margin: 21px 50px 0;z-index: 999;}.menu .lang{display: none;}
.menu li{ float: left;padding: 0 20px;}.menu li a{font-size: 18px; color: #fff; position: relative;}.menu li a:hover{color:#fff;}.menu li a:after{content: '';position: absolute;width: 0;left:0;background:#fff; top: 26px;height: 1px;}.menu li a:hover:after{ width: 100%;}
.index .menu li a:hover{color:#ee1d23;}.index .menu li a:after{background:#ee1d23;}
.index .tshow .menu li a:after{content: '';background:#fff;}
.index .tshow .menu li a:hover{color: #fff;}
.index .tshow .lang:hover:before{content: "";background: url(../images/lan.png) no-repeat;background-size: cover;}.index .tshow .lang:hover{color: #fff;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:2%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{  height: 2px; background: #fff; display: block;width: 20px; position: absolute; z-index: 5; left: 5px;
    transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;
    -o-transform-origin: center; -ms-transform-origin: center;
    border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
.menu-handler .burger-2 {top: 15px; }
.menu-handler .burger-3 {top: 22px;}
.menu-handler.active .burger-1 { top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
/*banner*/
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.swiper-container-out,.banner,.banner .swiper-container{height: 100%;}
.pc-show{display: block;text-align: center;}.pc-show img{max-width: 100%;vertical-align: top;}.pro_content .pc-show img{max-height: 630px;}
.wap-show{display: none;}
.banner{background: #fff;width: 100%;overflow: hidden; }
.banner-dot{position: absolute;z-index: 9;text-align: center;bottom:36px;width: 100%;}
.banner-dot .swiper-pagination-bullet{opacity: 1; margin: 0 5px;width: 1px;background: #c9c9c9;height: 10px;border-radius: 0; }
.banner-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;height: 20px;}
.pro_content .banner-dot .swiper-pagination-bullet{background: #555;opacity: 0.5;width: 26px;height: 6px;}
.pro_content .banner-dot .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ee1d23;height: 12px;}
.banner-btn div{width: 48px;height: 48px;position: absolute;top:50%;margin-top: -24px;background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 10;cursor: pointer;border-radius: 100%;background: #f00;}
.banner-btn .swiper-btn-left{left: -50px;background-image: url("../images/btn1.png");}
.banner-btn .swiper-btn-right{right: -50px;background-image: url("../images/btn2.png");}
.banner-btn div:hover{background-color: #fff !important;}
.banner-btn .swiper-btn-left:hover{background-image: url("../images/btn1-1.png");}
.banner-btn .swiper-btn-right:hover{background-image: url("../images/btn2-1.png");}
.banner:hover .swiper-btn-left{left: 70px;}
.banner:hover .swiper-btn-right{right: 70px;}
.prolist:hover .swiper-btn-left{left: 30px;}
.prolist:hover .swiper-btn-right{right: 30px;}
.inn-box:hover .swiper-btn-left{left: 70px;}
.inn-box:hover .swiper-btn-right{right: 70px;}
.banner h1{margin-left: 60px;color: #ee1d23;font-size: 80px;font-weight: bold;}
.banner h2{font-size: 16px;color: #fff;font-weight: bold;margin: 30px 0 0 60px;}.banner h2 a{color: #fff;background: url(../images/dmore.png) left bottom no-repeat; display: block; line-height: 40px; }.banner h2 a:hover{color: #ee1d23;background: url(../images/dmore-h.png) left bottom no-repeat;}
.banner-btn div,.banner-dot .swiper-pagination-bullet,.menu li a:after,.menu-handler .burger,.nsmenu .back,.nsmenu .back:hover,.pmenu li ul,.pmenu li:hover ul{ transition: all .4s linear;}
/*list*/
.grid-row {list-style: none;-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;}
.grid-row::before {
    content: "";
    display: block;
    margin-bottom: 0;
}
.grid-row::after {
    content: "";
    display: table;
    clear: both;
}
.grid-row .grid-item{ width: 25%; float: left; overflow: hidden;position: relative;min-height: 1px;box-sizing: border-box;padding-left: 0px;
    padding-right: 0px;margin-top: 0px;}.grid-item a{display: block; position: relative;color: #000;overflow: hidden; }
.grid-item a:hover{color:#ee1d23;}
.grid-end a,.grid-end1 a{color: #fff;}.grid-end1 a:hover{color: #000;}
.grid-end1 h2{ position: absolute;font-size: 160px;font-weight: bold;top: 160px;left: 60px;line-height: 130px;}
.grid-item h3{  display: block;position: absolute;top: 0;left: 0;padding: 30px;font-weight: lighter;font-size: 26px;line-height: 1.2em;letter-spacing: -.02em;
color: inherit;white-space: nowrap;}
.grid-item img{width: 100%;transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
    transform: translateZ(0px);
    will-change: transform; overflow: hidden;vertical-align: bottom;}
.grid-item .img{}
.grid-item h2{transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;}
.grid-item a:hover img,.grid-item a:hover h2{transform: scale(1.05) rotate(0.001deg);}
/*prolist*/
.prolist{ background: #f8f8f8;overflow: hidden;}
.prolist h2 {color: #2b2b2b;letter-spacing: -.02em;margin-bottom: 30px;font-size: 26px;}

.cp-thumb, .cp-thumb__image {
    position: relative;
}
.cp-thumb__image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/placeholder.png);
}
.cp-thumb__image img{width: 100%; vertical-align: bottom;}
.cp-thumb__label {
    padding: 12px 10px;
    background-color: #ebebeb;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
}
.cp-thumb__label .title {
    display: block;
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -.02em;
    color: #ff282d;
    line-height: 1.2em;
}
.cp-thumb__label .subtitle {
    display: block;
    font-weight: lighter;
    font-size: 16px;
    letter-spacing: 0;
    color: #2b2b2b;
    line-height: 1.2em;
    white-space: normal;
    word-break: break-word;
	
}
 .cp-thumb:hover .cp-thumb__label {
    background-color: #ff282d;
}
.cp-thumb:hover .cp-thumb__label .subtitle,.cp-thumb:hover .cp-thumb__label .title,.cp-thumb:hover .cp-thumb__label .data {
    color: #fff;
}
.prolist .swiper-container{ width: 100%;}


@media (min-width: 768px){

	.cp-thumb__label {
    padding: 20px;
}
	.cp-thumb__label .title {
    font-size: 18px;
}
	.cp-thumb__label .subtitle {
    font-size: 18px;
}
}
@media (min-width: 1600px){.prolist {padding: 80px 30px 60px 30px;} 
	.cp-thumb__label .title {
    font-size: 22px;
}
}
/*内页*/
.alltitle{background: #ee1d23; color: #fff;padding: 80px 0 20px 0;}.alltitle p{font-size: 14px;font-weight: bold;}.alltitle h1{font-size: 45px;font-weight: bold;}
.product_list{background-color: #f8f8f8;padding: 60px 0 50px 0;}
.pmenu{width: 1600px;margin: 0 auto;}.pmenu li{display: inline-block;margin-right: 30px;position: relative;}.pmenu li a{display: inline-block;font-weight: bold;width: auto;padding: 15px 20px;font-size: 16px;border: 1px solid #d4d4d4;background: #fff;color: #ee1d23;}
.pmenu li a:hover,.pmenu li a.sel{background: #ee1d23;color: #fff;border: 1px solid #ee1d23;}
.pmenu li ul{width: 140px;position: absolute;left: 0;top: 56px;z-index: 999;    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-90deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
.pmenu li:hover ul{display: block;-webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);}.pmenu li ul li{margin: 0;}
.pmenu li ul li a{padding: 10px 20px;font-size: 15px;border:none;border-bottom:1px solid #d4d4d4;color: #666;min-width: 140px;display: block;}
.pmenu li ul li a:hover{background: #ee1d23;border:none;border-bottom:1px solid #ee1d23;}
.pro_con .pdmenu li ul li a{font-size: 16px;line-height: 1em;color: #6b6b6b;padding: 10px 0 10px 45px;}.pro_con .pdmenu li ul li a:hover,.pro_con .pdmenu li ul li a.on{color: #ee1d23;font-weight: bold}
.pro_con .pdmenu li ul li a:before{width: 4px; height: 4px;border-radius: 2px;left: 30px;top: 50%;margin: -3px 0 0;transform: scaleX(1);background: #6b6b6b;}
.pro_con .pdmenu li ul li a:hover:before,.pro_con .pdmenu li ul li a.on:before{background: #ee1d23;}
.list_content{ width: 1600px;margin: 0 auto;overflow: hidden;}.list_content ul{margin-right: -30px;}
.list_content li{margin: 30px 30px 0 0;float: left;width: 296px;}
.list_content .cp-thumb__label{background: #fff;height: 70px;overflow: hidden;}.list_content .cp-thumb__label .title{font-size: 18px;}
.product_list .prolist{width: 1600px;margin: 0 auto; padding: 60px 0 0;}
.product_list .prolist:hover .swiper-btn-left{left:0}
.product_list .prolist:hover .swiper-btn-right {right: 0;}
.nlist_content .cp-thumb__label{height: 100px; position: relative;}
.list_content .cp-thumb__label .data{-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;color: #ee1d23;font-size: 14px;letter-spacing: -.02em;line-height: 1.2;position: absolute;left: 20px;bottom: 20px;}
.nlist_content .cp-thumb__label .title{color: #666;font-size: 20px;}
.nlist_content li{width: 377.5px;}
.newsban {display: table;position: relative;width: 100%;height: 465px;background-size: cover;background-position: 50%;background-repeat: no-repeat;}
.nsmenu{padding: 26px 0 0;}
.nsmenu .back{padding: 16px 40px 16px 50px;font-size: 16px;font-weight: bold; color: #fff;margin-right: 30px;background:#959595 url(../images/bico.png) 20px center no-repeat;}
.nsmenu .back:hover{background:#fff url(../images/bicoo.png) 20px center no-repeat;color: #ee1d23;}
.newsban .pmenu{width: auto !important;}
.newsban h2{text-align: center;color: #ee1d23;font-size: 60px;font-weight: bold;padding: 30px 0 20px 0}.newsban h3{text-align: center;color: #ee1d23;font-size: 20px;}
.page_content {
   padding: 60px 0 80px 0;
    min-height: 120px;
    text-align: left;
    line-height: 26px;width: 1000px;
    margin: 0 auto;
    position: relative;font-size: 18px;
}
.pro_content{ min-height: 120px;line-height: 26px;font-size: 18px;}
.page_content p,.pro_content p{ line-height: 26px;}.page_content img{max-width: 100%;}
.page_content .message {
    border-bottom: 1px dotted #ddd;
    text-align: center;
    padding: 0 0 10px 0;
    margin: 15px 0 30px 0;
    font-size: 16px;
    color: #888;
}
.page_content .message .date {
    margin-left: 30px;
}

.page_content .page{ padding: 50px 0 0;}.page_content .page p,.page_content .other p{margin-bottom: 15px;}
.pdtitle{position: fixed;top: 70px;z-index: 10;width: 100%;padding: 0;}
.tscroll{} .tscroll h1{font-size: 32px;}
.tscroll h1{    -webkit-transform: scale(.66);
    transform: scale(.66);
    -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1) .3s;
    transition: all .5s cubic-bezier(.215,.61,.355,1) .3s;}
.tscroll p{opacity: 0;
    height: 0!important;
    -webkit-transition: height .5s cubic-bezier(.645,.045,.355,1) .3s,opacity .3s linear;
    transition: height .5s cubic-bezier(.645,.045,.355,1) .3s,opacity .3s linear;}
.alltitle h1,.alltitle p{-webkit-transition: all .5s cubic-bezier(.215,.61,.355,1) .3s;
    transition: all .5s cubic-bezier(.215,.61,.355,1) .3s;
    -webkit-transform-origin: left;
    transform-origin: left;}
.pro_con{padding: 240px 0 50px 0 ;}
.pro_all{width: 1600px;margin: 0 auto;position: relative;padding: 0 0 50px 0;overflow: hidden;}
.pdmenu{left: 8%;top: 240px;position: fixed;z-index: 300;background-color: #f8f8f8; padding-right: 20px;}
.pdmenu li a{    padding: 10px 0 10px 30px;    font-size: 18px;line-height: 1.2em;color: #2b2b2b;position: relative;display: block}
.pdmenu li a:hover,.pdmenu li a.selected{color: #ee1d23;font-weight: bold;}
.pdmenu li a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background-color: #ee1d23;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1);
    transition: transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1);
}
.pdmenu li a.selected:before,.pdmenu li a:hover:before {    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
		.navs.active{position: absolute;left: 0;bottom:0;top:auto;z-index: 1;}
.pro_content{width: 1260px; float: right}
.prodt {margin: 40px 0 0;}
.prodt h1 { font-size: 20px;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 20px;font-weight: bold;}
.pro_content .page {margin-top: 60px;border-top: 1px solid #eee;padding: 20px 0 0;}
.pro_content img{max-width: 100%;text-align: center;margin: 0 auto;}
table {
	border-left: 1px #000 solid;
	border-top: 1px #000 solid;
	line-height: 18px;
}
table tr {
	text-align: center;
}

 table td {
	border-right: 1px #000 solid;
border-bottom: 1px #000 solid;
text-align: center;
	padding: 10px; vertical-align: middle;
}
.prodt table {
	border-left: 1px #CFCFCF solid;
	border-top: 1px #D7D4C7 solid;
	line-height: 18px;
}
.prodt table tr {
	text-align: center;
}

.prodt table td {
	border-right: 1px #D7D4C7 solid;
border-bottom: 1px #D7D4C7 solid;
text-align: center;
	padding: 10px; vertical-align: middle;
}
.conmesg{padding: 20px 20px 40px 20px; margin: 60px auto 0 auto; border-top: 2px solid #ee1d23; background: #ebebeb; max-width: 960px;    height: 380px;}
.conmesg h2 {font-size: 18px;height: 40px; line-height: 40px; margin-bottom: 20px; background: #555; color: #fff; text-align: center; font-weight: bold;background:#0666ab; background-image: -webkit-linear-gradient(0deg, #0666ab, #0666ab);background-image: linear-gradient(0deg, #0666ab, #0666ab);}
.messgebox{width: 1120px;margin:  auto;max-width: 100%; }
.textBox li{float: left;width: 24.25%;background: #fff;margin-right: 1%;position: relative;margin-bottom: 7px;}
.msgcon .textBox li{width: 49.5%;}
.textBox li.last{margin-right: 0;}
.textBox li span{position: absolute;left: 18px;top:0;;line-height: 45px;font-size: 14px;}
.textBox li.areaBox{width: 100%;margin-right: 0;}
.inputBox{margin-left: 110px;}
.inputBox input{height: 45px;display: block;width: 100%;}
.areaBox .inputBox{margin-left: 86px;}
.areaDes{margin: 13px 13px 13px 0;}
.areaDes textarea{resize: none;display: block;width: 100%;height: 200px; font-family: "Averta", "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei",Arial, sans-serif;font-size: 16px;}
.lySubmit a{width: 49.5%;background: #a0a1a3;line-height: 44px;font-size: 16px;color: #fff; text-align:center;}
.lySubmit a:hover{background: #ec1d23;}
.proTitle h4{ line-height:60px;}
/*page*/

.dux-page{ text-align:center;}.dux-page{margin: 30px 0 0;}
.dux-page a{ display:inline-block; height:32px; line-height:32px; padding:0 14px; border:1px solid #ddd; margin:0; margin-left:-1px; cursor:pointer; font-size:14px;}
.dux-page a:hover,.dux-page a.active{ background:#ee1d23; color:#fff;border:1px solid #ee1d23;}

/*footer*/
.footer{border-top:1px solid #d4d4d4; padding: 70px 0 80px 0;}
.foot-con{width: 25%;line-height: 26px;}
.foot-con h3{font-weight: bold;padding: 0 0 25px 0;}
.foot-con ul{padding: 0 0 0 80px; clear: both;}.foot-con ul li{line-height: 26px;}
.shico ul{padding: 10px 0 0;}.shico li{float: left;}.shico li a{background: url(../images/ico.png) no-repeat;display: block;margin:0 50px 20px 0;width: 40px;height: 24px;text-indent: -9999px; }.shico li a span{text-indent: -9999px;display: none;}.shico li a.fico{ background-position: 4px 0;  }.shico li a.tico{background-position: -44px 0; }
.shico li a.inico{background-position: -103px 0; }.shico li a.yico{background-position: -159px 0; }.shico li a.pico{background-position: -219px 0; }.shico li a.igico{background-position: -275px 0; }
.shico li a:hover.fico{ background-position: 4px -24px;  }.shico li a:hover.tico{background-position: -44px -24px; }
.shico li a:hover.inico{background-position: -103px -24px; }.shico li a:hover.yico{background-position: -159px -24px; }.shico li a:hover.pico{background-position: -219px -24px; }.shico li a:hover.igico{background-position: -275px -24px; }
/*xiaoguo*/
.banner h1:nth-child(2){animation-delay: 300ms !important; font-size: 40px; color: #fff;font-weight:normal;}
.banner h2{animation-delay: 400ms !important;}
.slideInUp,.banner .swiper-slide-active h1{
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);  transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);  transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
.slideInRight{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight{
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInRight {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}

.slideInLeft,.banner .swiper-slide-active h2{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft{
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-s00px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInLeft {
    0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}