/*================基本样式重置================*/

@charset "utf-8";
/*css reset*/
*{font-size:1rem;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,a, 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, dialog, figure, footer, header,hgroup, menu, nav, section,time,
mark, audio, video,input,button{margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
ul,ol,li{list-style-type:none;}
i,em{font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
a{text-decoration:none;}
b{font-weight: normal;}
i,em,span,b,img,a{display: block;}
body {  font-family: "Microsoft Yahei";  }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
input::-webkit-search-cancel-button{display: none;}/*清除谷歌浏览器下的 search 叉号*/
input::-ms-clear{display: none;}/*清除IE下的 search 叉号*/

textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

a,button,input,textarea{outline:none;
	/* -webkit-appearance:none; */
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input[type="text"]{-webkit-appearance:none;background:none;}
input[type="submit"]{-webkit-appearance:none;}
/* input[type="checkbox"]{border:1px solid #ccc;border-radius:0;} */
input[type="password"]{-webkit-appearance:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}

td,th{vertical-align:middle; }
.clear{clear:both;}
/*reset end*/
/*basic start*/
@media screen and (min-width:320px){html,body{font-size:10px;}}
@media screen and (min-width:480px){html,body{font-size:13px;}}
@media screen and (min-width:560px){html,body{font-size:15px;}}
@media screen and (min-width:640px){html,body{font-size:17px;}}
@media screen and (min-width:750px){html,body{font-size:20px;}}
@media screen and (min-width:800px){html,body{font-size:20px;}}
@media screen and (min-width:1024px){html,body{font-size:20px;}}

.bold{font-weight:bold;}
.rotate30{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.rotate-30{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.rotate45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.rotate-45{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.rotate180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}

* input::-moz-placeholder{color:#45d2e9;}
* input::-webkit-input-placeholder{color:#45d2e9;}
* input::-o-input-placeholder{color:#45d2e9;}
* input::-ms-input-placeholder{color:#45d2e9;}
/*========定义基础样式========*/
.hide { display:none;}
.vis{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }

.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text_over1{width: 100%;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.text_over2{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 2;
-o-box-orient: vertical;
}
.text_over3{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 3;
-o-box-orient: vertical;
}
.text_over4{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 4;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 4;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 4;
-o-box-orient: vertical;
}

.text_over5{overflow: hidden;
	text-overflow: ellipsis;
	display: -ms-box;
	-ms-line-clamp: 5;
	-ms-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 5;
	-moz-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -o-box;
	-o-line-clamp: 5;
	-o-box-orient: vertical;
	}
/*a标签鼠标hover高亮显示状态（可选用）*/
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } 
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }


/*主体宽度样式（可选用）如有新宽度，命名规则以小写w开头，后接具体宽度数据，例：*/
.w1200{width: 1200px; margin: 0px auto; }
.w1620{width: 84.375%;min-width: 1200px; margin: 0px auto; }
.w1600{width: 83.333%;min-width: 1200px; margin: 0px auto; }
.w1400{width: 72.91%;min-width: 1200px;  margin: 0px auto; }
body{padding-top: 1px;overflow-x: hidden;}

.m_header,.m_nav,.m_index,.m_footer{display: none;}
.header,.index,.footer{display: block;}



.content{margin-top: 140px;}
@media(max-width: 1201px){


    .m_header,.m_nav,.m_index,.m_footer{display:block;}
    .header,.index,.footer{display:none;}
    .content{margin-top: 4rem;}
    .w{margin:0 auto; width: 92%;}
}






.swiper-container {width: 100%;height: 100%;}
.swiper-slide {display: block;}



.header{position: fixed;left:0px;top: 0px;z-index: 2; width: 100%;height: 140px;background: url(../images/index/header_bac.png) left top no-repeat;background-size: 100% 100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-bottom: #d1d1d1 1px solid;}
.header_fixed{z-index: 21;}
.header .pos_q{position: relative;}
.header .logo{ position: relative;z-index: 8;width: calc(100% - 840px);height: 140px; }
.header .logo img{transition: all 0.5s; display: inline;max-width:calc( 100% - 1px);vertical-align: middle; -ms-interpolation-mode: bicubic;}
.header .logo span{display: inline-block;height: 140px;width: 1px;vertical-align: middle;}



.header .nav .ls{float: left;position: relative; margin-right: 90px;padding: 22px 0;height: 96px;}
.header .nav .clearfix{ position: relative; display: inline-block;}


.header .nav em{transition:all 0.4s; position: absolute;left: 0;top: 0; width: 1px;height: 0%;background: #a92821;}
.header .nav .fl{ margin:0 6px 0 8px;width: 20px;}
.header .nav .fl p{font-size: 18px;color: #333;}
.header .nav .fl i{transition:all 0.4s;margin:0 auto;width: 100%;height: 0px;background: url(../images/icon/icon_1.png) center bottom no-repeat;}
.header .nav img{transition:all 0.4s;float: left;margin-top: 4px;opacity: 0.5}

.header .nav a.clearfix:hover em,.header .nav .cur em{transition:all 0.4s;height: 100%;}
.header .nav a.clearfix:hover .fl i,.header .nav .cur .fl i{transition:all 0.4s;height: 9px;}
.header .nav a.clearfix:hover .fl p,.header .nav .cur .fl p{color: #a42117;}
.header .nav a.clearfix:hover img,.header .nav .cur img{transition:all 0.4s;opacity: 1;}

.header .nav .other em{transition:all 0.4s;height: 100%;}
.header .nav .other .fl i{transition:all 0.4s;height: 9px;}
.header .nav .other .fl p{color: #a42117;}
.header .nav .other img{transition:all 0.4s;opacity: 1;}


.header .nav .pos{display: none; position: absolute;left: 50%;top: 141px;transform: translateX(-50%); padding-bottom: 30px; background:#fff url(../images/index/nav_bac.jpg) left bottom no-repeat;background-size: 100% auto;}
.header .nav .pos i{opacity: 0; margin:-2px auto 30px; width: 18px;height: 3px;background: #1e6874;}
.header .nav .pos a{padding:0 40px; font-size: 16px;color: #444;text-align: center; line-height: 40px;white-space:nowrap;}
.header .nav .pos a:hover{color: #1e6874;}
.header .nav .ls:hover i{opacity: 1;}


.header .search{position: relative;z-index: 3; width: 30px;height: 140px;background: url(../images/icon/icon_2.png) right center no-repeat;cursor: pointer;
}
.header .search a{width: 100%;height: 100%;}
.header .search .pos{display: none; position: absolute;right: -44px;top:82px; padding: 1px; width:556px;height: 150px;background: url(../images/index/search_1.png) center no-repeat; }
.header .search .pos div{margin:46px auto 0; width: 480px;height: 48px; border-bottom: #ccc 1px solid;}
.header .search .pos div input{float: left; padding: 9px 0;width: 443px; height: 30px;line-height: 30px; font-size: 16px;color: #888;}
.header .search .pos div .but{float: left; width: 26px;height: 48px;background: url(../images/index/search_2.png) right center no-repeat;}

.header .search .pos div input::-moz-placeholder{color:#888;}
.header .search .pos div input::-webkit-input-placeholder{color:#888;}
.header .search .pos div input::-o-input-placeholder{color:#888;}
.header .search .pos div input::-ms-input-placeholder{color:#888;}

.header .nav_s{display: none; position: fixed;left: 0;top: 140px;width: 100%;border-top: #d1d1d1 1px solid;}
.header .nav_s ul{padding-bottom: 30px; margin-right: 30px;}
.header .nav_s ul li{float: left;width: 140px;min-height: 50px;background:#fff url(../images/index/nav_bac.jpg) left bottom no-repeat;background-size: 100% auto;}
.header .nav_s ul li i{opacity: 0; margin:-2px 0 20px 11px; width: 18px;height: 3px;background: #1e6874;}
.header .nav_s ul li a{ font-size: 16px;color: #444;line-height: 40px;text-align: center;}
.header .nav_s ul li a:hover{color: #1e6874;}
.header .nav_s ul li.on i{opacity: 1;}

.m_header{position: fixed;left: 0;top: 0;z-index: 9; width: 100%;height: 4rem;background: #fff;box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.m_header .ub{height: 4rem;}
.m_header .logo img{height: 3.15rem;}
.m_header .icon{width: 2.4rem;height: 4rem;background: url(../images/mobile/icon_1.png) right center no-repeat;background-size: 2.4rem auto;}

.m_nav{transition:all 0.6s;position:fixed;left: 100%;top: 0;z-index: 10; width: 100%;height: 100%;background: #1e6874;overflow-y:auto;  }
.m_nav .pic{position: relative;height: 6.1rem;text-align: center;}
.m_nav .pic img{display: inline-block;padding-top: 1.5rem; height: 3.15rem;}
.m_nav .pic i{position: absolute;right: 4%;top: 0; width: 2rem;height: 6.1rem;background: url(../images/mobile/icon_3.png) center no-repeat;background-size: 1.95rem auto;}
.m_nav .search{height: 4rem;background: #188ea1;}
.m_nav .search .but{float: left;width: 3.75rem;height: 4rem;background: url(../images/mobile/icon_4.png) center no-repeat;background-size: 1.55rem auto;}
.m_nav .search input{float: left;padding: 1rem 0; width: calc(100% - 4rem);height: 2rem;line-height: 2rem; font-size: 1.5rem;}
.m_nav .list{padding: 0 3.75rem;}
.m_nav .list li{border-bottom: #188ea1 1px solid;}
.m_nav .list li .tit{ background: url(../images/icon/icon_30.png) right center no-repeat;background-size: 1.05rem auto;}
.m_nav .list li .tit.cur{ background: url(../images/icon/icon_30s.png) right center no-repeat;background-size: 1.05rem auto;}
.m_nav .list li .tit a{padding: 1.45rem 0;}
.m_nav .list li .tit b{margin-bottom: 0.35rem; font-size: 1.5rem;color: #45d2e9;}
.m_nav .list li .tit i{font-size: 1rem;color: #188ea1;}
.m_nav .list li .lis{display: none;}
.m_nav .list li .lis div{ padding:1.45rem 4%;border-top:#188ea1 1px solid;}
.m_nav .list li .lis a{line-height: 4.1rem; font-size: 1.3rem;color: #45d2e9;}
.m_nav .list li.other .tit{background:none;}



.m_nav.on{transition:all 0.6s;left: 0%;}







.footer{width: 100%;background: #1d1d1d;}
.footer .t0{padding: 85px 0 46px; position: relative; width: 25%;}
.footer .t0 .lie{position: absolute;right: 0px;top: 0px;width: 1px;height: 100%;background: #4a4a4a;}
.footer .t1{width: 29.5%}
.footer .t1 .next{padding-right: 20px;}
.footer .t1 img{padding-bottom: 16px;width: 90%;}
.footer .t1 p{font-size: 14px;color: #fff;line-height: 32px;}
.footer .t1 .select{position: relative; margin-top: 28px;width: 200px; background: #333;}
.footer .t1 .tit{margin:0 auto;width: 168px;font-size: 14px;color: #fff;line-height: 39px;background: url(../images/icon/icon_6.png) right center no-repeat;cursor: pointer;}
.footer .t1 ul{display: none; position: absolute;left: 0px;bottom: 40px;z-index: 6;padding: 10px 0; width: 100%;background: #fff;border-bottom: #fff 1px solid;}
.footer .t1 ul li a{padding: 8px 10px 8px 16px; font-size: 14px;color: #595757;}
.footer .t1 ul li a:hover{color: #1e6874;}
.footer .ts{width: 11.9%;}
.footer .ts .next{width: 68%; border-top:#4a4a4a 1px solid; }
.footer .ts .tit{margin-top: 35px;font-size: 18px;color: #fff;font-weight: bold;}
.footer .ts ul{margin-top: 10px; width:186px; }

.footer .ts ul a{margin-right: 37px; font-size: 14px;color: #888;line-height: 30px;}
.footer .ts ul a:hover{color: #1e6874;}


.footer .t4{width: 11%;}
.footer .t4 .next{margin:0 auto; border-top:#4a4a4a 1px solid; }
.footer .t4 .next .pic{width: 100%;}
.footer .t4 .next img{margin: 39px auto 0;width: 100%;max-width: 130px;}
.footer .t4 .next p{margin-bottom: 6px;width: 100%;text-align: center; font-size: 14px;color: #fff;line-height: 46px;}
.footer .t4 .next .search{padding: 0 10px; background: #333;}
.footer .t4 .next .inp{width:calc(100% - 30px);}
.footer .t4 .next input{width: 100%; height: 39px;line-height: 39px; font-size: 12px;color: #888787;}
.footer .t4 .next .but{display: block;width: 25px;height: 39px;background: url(../images/icon/icon_7.png) center no-repeat;}


.footer .b{font-size: 14px;color: #595757;line-height: 67px;text-align: center; border-top:#4a4a4a 1px solid;}
.footer .b a{display: inline;color: #595757;}
.footer .b a:hover{color: #1e6874;}
@media (max-width:1401px){
	
}


.m_footer{background: #1d1d1d;}
.m_footer .t{padding: 2.6rem 0 1.2rem;}
.m_footer .t .list{margin-bottom: 0.8rem;}
.m_footer .t .list a{float: left;font-size: 1.2rem;color: #fff;}
.m_footer .t .list i{float: left;margin:0.3rem 1.4rem; width: 1px;height: 1.2rem;background: #4a4a4a;}
.m_footer .t p{font-size: 1.2rem;color: #fff;line-height: 2.4rem;}
.m_footer .c{margin-bottom: 1.2rem;}
.m_footer .c .fl{margin-right: 1.2rem; position: relative;}
.m_footer .c .fl i{width: 1.7rem;height: 1.7rem;background: url(../images/mobile/icon_5.png) center no-repeat;background-size: 1.7rem auto;}
.m_footer .c .pos{display: none; position: absolute;left: 0%;bottom: 2.3rem;width: 8rem;height: 8rem;}
.m_footer .c .pos img{width: 100%;}
.m_footer .c .icon{float: left; width: 1.7rem;height: 1.7rem;background: url(../images/mobile/icon_6.png) center no-repeat;background-size: 1.7rem auto;}




.m_footer .b{padding:1.5rem 0;border-top: #4a4a4a 1px solid;}
.m_footer .b p{font-size: 1.2rem;color: #fff;line-height: 2.1rem;}
.m_footer .b p a{color: #fff;}
/*.m_footer .b a{display: block;text-align: center;}
.m_footer .b a p{padding-left: 1.5rem; display: inline-block;background: url(../images/icon/beian.png) left center no-repeat;background-size: 1rem auto;}
*/



/*上下动*/
@keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
@-webkit-keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
@-moz-keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
@-ms-keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
/*高度变化*/
@keyframes Height {
    0% {height: 0px;}
    100% {height: 365px;}
}
@-webkit-keyframes Height {
    0% {height: 0px;}
    100% {height: 365px;}
}
@-moz-keyframes Height {
    0% {height: 0px;}
    100% {height: 365px;}
}
@-ms-keyframes Height {
    0% {height: 0px;}
    100% {height: 365px;}
}


/*由上方滑动下来且有渐显*/
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

/*由下方滑动上来 伴随着渐显*/
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
/*从左滑动出来 伴随着渐显*/
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}


/*从右滑动出来 伴随着渐显*/
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}



/*从左滑动出来 伴随着渐显*/
.fadeInLefts {
	-webkit-animation-name: fadeInLefts;
	animation-name: fadeInLefts
}
@-webkit-keyframes fadeInLefts {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-80px,0,0);
		transform: translate3d(-80px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLefts {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-80px,0,0);
		-ms-transform: translate3d(-80px,0,0);
		transform: translate3d(-80px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}


/*从右滑动出来 伴随着渐显*/
.fadeInRights {
	-webkit-animation-name: fadeInRights;
	animation-name: fadeInRights
}
@-webkit-keyframes fadeInRights {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(80px,0,0);
		transform: translate3d(80px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRights {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(80px,0,0);
		-ms-transform: translate3d(80px,0,0);
		transform: translate3d(80px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		-ms-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}



@media screen and (min-width:1201px){
	.typo:hover .blink {
	  -webkit-animation-name: textLink;
	  animation-name: textLink;
	  -webkit-animation-duration: .3s;
	  animation-duration: .3s;
	  -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  animation-timing-function: cubic-bezier(.785,.135,.15,.86);
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	}
}
.typo .blink {
  display: inline-block;
}  

.typo:hover .blink:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.typo:hover .blink:nth-of-type(2) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
}
.typo:hover .blink:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.typo:hover .blink:nth-of-type(4) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.typo:hover .blink:nth-of-type(5) {
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}
.typo:hover .blink:nth-of-type(6) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.typo:hover .blink:nth-of-type(7) {
  -webkit-animation-delay: .18s;
  animation-delay: .18s;
}
.typo:hover .blink:nth-of-type(8) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
}
.typo:hover .blink:nth-of-type(9) {
  -webkit-animation-delay: .24s;
  animation-delay: .24s;
}
.typo:hover .blink:nth-of-type(10) {
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
}
.typo:hover .blink:nth-of-type(11) {
  -webkit-animation-delay: .30s;
  animation-delay: .30s;
}
.typo:hover .blink:nth-of-type(12) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
}
.typo:hover .blink:nth-of-type(13) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
}
.typo:hover .blink:nth-of-type(14) {
  -webkit-animation-delay: .39s;
  animation-delay: .39s;
}
.typo:hover .blink:nth-of-type(15) {
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
}
.typo:hover .blink:nth-of-type(16) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
}
.typo:hover .blink:nth-of-type(17) {
  -webkit-animation-delay: .48s;
  animation-delay: .48s;
}
.typo:hover .blink:nth-of-type(18) {
  -webkit-animation-delay: .51s;
  animation-delay: .51s;
}
.typo:hover .blink:nth-of-type(19) {
  -webkit-animation-delay: .54s;
  animation-delay: .54s;
}
.typo:hover .blink:nth-of-type(20) {
  -webkit-animation-delay: .57s;
  animation-delay: .57s;
}
@-webkit-keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@keyframes textLink {
  0% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
  49.9% {
  opacity: 0;
  -webkit-transform: translateX(5px) scale(.5);
  transform: translateX(5px) scale(.5);
  }
  50% {
  opacity: 0;
  -webkit-transform: translateX(-5px) scale(1.5);
  transform: translateX(-5px) scale(1.5);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}







/*加载*/
.page_loading{position: fixed;left: 0px;top: 0px;z-index: 99999; width: 100%;height: 100%;background: #fff;
	-webkit-animation:Opacity 1s ease-in-out 2.1s forwards;
	   -moz-animation:Opacity 1s ease-in-out 2.1s forwards;
	    -ms-animation:Opacity 1s ease-in-out 2.1s forwards;
	        animation:Opacity 1s ease-in-out 2.1s forwards;}
.page_loading .next{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 100%;}
.page_loading .next p{margin-top: 40px; text-align: center;font-size: 18px;}
.page_loading .next p i{padding-left: 5px;}
.page_loading .mascot{position: relative;margin:0px auto 40px; width:92%;max-width: 507px; height: 92px;}
.page_loading .mascot .yu{position: absolute;left: 0px;top: 0px;width: 100%;height: 92px; background: url(../images/index/logos.png) left center no-repeat;background-size: 100% auto;}
.page_loading .mascot .ca{position: absolute;left: 0px;top: 0px;width: 0px;height: 92px; overflow: hidden;
	/*-webkit-animation:Width 2s ease-in-out infinite;
-moz-animation:Width 2s ease-in-out infinite;
-ms-animation:Width 2s ease-in-out infinite;
animation:Width 2s ease-in-out infinite;*/
-webkit-animation:Width 2s ease-in-out forwards;
-moz-animation:Width 2s ease-in-out forwards;
-ms-animation:Width 2s ease-in-out forwards;
animation:Width 2s ease-in-out forwards;}

.page_loading .mascot .ca i{width: 507px;height: 92px; background: url(../images/index/logo.png) left center no-repeat;background-size: 100% auto;}



	@keyframes Width {
		0% {width: 0;}
		100% {width: 100%;}
	}
	@-webkit-keyframes Width {
		0% {width: 0;}
		100% {width: 100%;}
	}
	@-moz-keyframes Width {
		0% {width: 0;}
		100% {width: 100%;}
	}
	@-ms-keyframes Width {
		0% {width: 0;}
		100% {width: 100%;}
	}
	
	
	@keyframes Opacity  {
		0% {opacity: 1;z-index: 9;}
		100% {opacity: 0;z-index: -1;}
	}
	@-webkit-keyframes Opacity {
		0% {opacity: 1;z-index: 9;}
		100% {opacity: 0;z-index: -1;}
	}
	@-moz-keyframes Opacity {
		0% {opacity: 1;z-index: 9;}
		100% {opacity: 0;z-index: -1;}
	}
	@-ms-keyframes Opacity {
		0% {opacity: 1;z-index: 9;}
		100% {opacity: 0;z-index: -1;}
	}


	#loading-center{width:100%;position:relative; height: 50px;}
	#loading-center-absolute{position:absolute;left:50%;top:0%;transform: translateX(-50%);}
	.object{float:left;margin-right:8px;color: #666;
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeIn;
    animation-name: fadeIn; }
	.object:last-child{margin-right:0}
	
	
	.object:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.08s}
	.object:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.16s}
	.object:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.24s}
	.object:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.32s}
	.object:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.4s}
	.object:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.48s}
	.object:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.56s}
	.object:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.64s}
	.object:nth-child(10){-webkit-animation-delay:.6s;animation-delay:.72s}
	.object:nth-child(11){-webkit-animation-delay:.7s;animation-delay:.8s}
	.object:nth-child(12){-webkit-animation-delay:.8s;animation-delay:.88s}
	.object:nth-child(13){-webkit-animation-delay:.9s;animation-delay:.96s}
	.object:nth-child(14){-webkit-animation-delay:1s;animation-delay:1.04s}
	.object:nth-child(15){-webkit-animation-delay:1.1s;animation-delay:1.12s}
	.object:nth-child(16){-webkit-animation-delay:1.2s;animation-delay:1.2s}
	.object:nth-child(17){-webkit-animation-delay:1.3s;animation-delay:1.28s}
	.object:nth-child(18){-webkit-animation-delay:1.4s;animation-delay:1.36s}

	

	/* @-webkit-keyframes object{50%{-ms-transform:translate(0,-20px);-webkit-transform:translate(0,-20px);transform:translate(0,-20px)}
	}
	@keyframes object{50%{-ms-transform:translate(0,-20px);-webkit-transform:translate(0,-20px);transform:translate(0,-20px)}
	} */
	
	@keyframes object  {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	@-webkit-keyframes object {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	@-moz-keyframes object {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}
	@-ms-keyframes object {
		0% {opacity: 0;}
		100% {opacity: 1;}
	}


	@media screen and (max-width:1201px){
		.page_loading .mascot{margin-bottom: 1rem; width: 25rem;}
		.page_loading .mascot .ca i{width: 25rem;}
		.object{float: none;display: inline-block;margin-right: 0.4rem;}

		#loading-center{ height: 2.6rem;}

		#loading-center-absolute{position:absolute;left:50%;top:50%;margin-top:0px;width:100%;text-align: center;}
		.page_loading .mascot,.page_loading .mascot .yu,.page_loading .mascot .ca,.page_loading .mascot .ca i{ height: 5rem;}



	}

	.bic_gray{
		filter: grayscale(108%);
-webkit-filter: grayscale(100%);
-moz-filter grayscale(100%);
-ms-filter:grayscale(100%):
-o-filter:grayscale(100%);
filter:progid:DXImageTransform,Microsoft,BasicImage(grayscale=1):
-webkit-filter:grayscale(1);
	}