@charset "utf-8";
html{color:#000;background:#FFF; font-size:14px; font-family:Microsoft YaHei;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;font-family:Microsoft YaHei;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section ,iframe {display: block}
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
body,button, input, select, textarea {font-size: 14px;line-height:1.5; font-family: "Microsoft Yahei","Arial",sans-serif;color:#333333}
button{border: 0}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
em, b, i, code, strong {font-style: normal;}
:-moz-ui-invalid:not(output) {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0}
th {text-align: inherit}
fieldset, img {border: 0}
img{vertical-align: middle}
del {text-decoration: line-through}
address, caption, cite, code, dfn, em, th, var {font-style: normal;}
ol, ul {list-style: none}
caption, th {text-align: left}
q:before, q:after {content: ''}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -.5em}
sub {bottom: -.25em}
a{text-decoration: none;color:inherit;}
a:hover {text-decoration: none;}
.clearfix:after,.clf:after{visibility: hidden; display: block;font-size: 0;content: '.'; clear: both;height: 0}
.clearfix,.clf{zoom: 1;}
.clear { font-size: 0;line-height: 0;height: 0;clear: both; visibility: hidden; overflow: hidden}
.fn-text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mt20{ margin-top:20px;}
.mt50{ margin-top:50px;}
.container{width: 1280px;margin-left:auto;margin-right: auto;}
.wsc-layoutCon{padding-top: 80px;padding-bottom:80px; margin-left:auto;margin-left: auto;}
.left-block{float:left;}
.right-block{float:right;}
.layout-side{width: 280px;}
.layout-content{width: 880px;}
.bgf6{background-color: #f6f6f6;}
.bgf0{background-color: #f0f0f0;}
/* btn */
.btn {display: inline-block; text-align:center;	width:220px; height: 50px; box-sizing: border-box; vertical-align: top; line-height: 50px;
	transition: 0.36s;	font-size: 15px; border-radius: 2px;}
.btnzy{width:320px; height:60px; font-size: 16px; line-height: 60px; display: inline-block; text-align:center;	 box-sizing: border-box; vertical-align: top; transition: 0.36s; border-radius: 2px;}
.btn-block {display: block;	width: 100%;}
.btn-online {background-color: #196db7;	color: #fff;}
.btn-online:hover {	background-color: #1692ff;}
.btn-more {	background-color: #1e50ae;	color: #fff;}
.btn-more:hover {background-color: #1e7dff; color: #fff;}
.btn-white {background-color: #fff;	color: #283C86;}
.btn-white:hover {	background-color: #1e50ae;	color: #fff;}
.btn-orangebd {	border:1px solid #196db7;	background-color: #196db7;	color: #fff;}
.btn-orangebd:hover {background-color:#1692ff;	color: #ffffff;}


/*search*/
.wsc-search{padding: 0px 0 40px;} 
	.search-form{width: 100%;}
		.search-form form{display: block;padding-right: 120px;}
			.search-form input{outline:none;width: 100%;height: 52px;box-sizing: border-box;border: solid 1px #eaeaea;background-color: #F6F6F6;padding:10px 20px;font-size: 14px;line-height: 30px;float: left;}
			.search-form input::placeholder{color: #BABABA;}
			.search-form input:focus{border-color: #D1D1D1;}
			.btn-search{margin-right: -120px;width: 120px;height: 52px;float: left;background: #196db7 url(../images/searchico.png) no-repeat center center;cursor: pointer;transition: 0.36s;}            
.wsc-search-main{margin: 20px auto 0;}
.sl-main{}
	.search-tab{height: 50px;line-height: 50px;border-bottom: 1px solid #e0e0e0;}
		.search-tab li{float: left;font-size: 15px;color: #666666;margin-left: 40px;position: relative;}
		.search-tab li:first-child{margin-left: 0;}
			.search-tab li span{font-size: 0;position: absolute;left: 0;right: 0;bottom: -1px;margin: auto;width: 0;height: 2px;transition: 0.36s;}
			.search-tab li a{display: block;}
		.search-tab .active span,.search-tab li:hover span{width: 100%;}
	.sl-count{line-height: 1;margin-top: 20px;color: #999999;}
	.wsc-search-none{}
		.search-none-tit{font-size: 18px;line-height: 1;color: #333333;margin-top: 40px;}
		.search-none-text{margin-top: 20px;color: #666666;line-height:30px;}
	.wsc-search-list{}
	.wsc-search-list .list-main{margin-top: 20px;}		
		
.hot-search {padding-left:34px;margin-top: 20px; font-size:14px;line-height:26px; background: url(../images/hot-search.png) no-repeat 0 center;}
.hot-search .item-dt {float: left;	color: #555; font-weight: bold;}
.hot-search .item-dd {float: left;	color: #666;}
.hot-search .item-dd a {margin-left: 10px;}
.hot-search .item-dd a:hover {color: #2148B1;}		

.index-block1{margin-top: -120px;}
.fix-block{ position: relative; overflow: hidden;}
.inb1-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.22);
    z-index: 2;
}
.inb1-video {
    height: 100%;  
}
.inb1-video video{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    background-size: cover;
    z-index: 0;left: 50%;transform: translate(-50%, 0%);
}
.inb1-main{
    position: absolute;
    text-align: center;
    height: 310px;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    z-index: 10;
}
.inb1-tit{
    font-size: 52px;
    line-height: 54px;

    color: #fff;
}
.inb1-text{
    font-size: 16px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 40px;
    text-align: center;
}
.inb1-btn{
    margin-top: 75px;
    font-size: 0;
}
.inb1-btn .btn{
    margin-left: 15px;
    width: 240px;
    height: 60px;
    line-height: 60px;
}
.inb1-btn .btn:first-child{
    margin-left: 0;
}
/* 产品展示 */
.index-block3{
    background: url(../images/cpzs-bg.jpg);
	padding: 80px 0 200px 0;

}

.inb3-tit{
    font-size: 36px;
    line-height: 32px;
    color: #000;
    text-align: center;
	margin-bottom:30px;
	font-weight:bold;
}
.inb3-text{
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 40px;
    text-align: center;
}

.slide-Modbox {	background: #f3f3f3;	padding: 1px 0 80px 0;}
.img-boxmain {width: 1280px;	margin: 40px auto;	overflow: hidden;}
.img-boxmain ul {width: 1280px;}


.img-boxmain ul li{float:left;width: 406.6px;	height:350px;	 margin-left:10px; margin-right:10px; margin-bottom:30px;}
.img-boxmain ul li span{display: block;width:406.6px; height:309px;box-shadow:3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; overflow: hidden;}
.img-boxmain ul li span img{width:590px; height:409px;transition: all 0.9s linear;}
.img-boxmain ul li:hover img{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);}
.img-boxmain ul li i{display: block;text-align: center; height:40px;font-size:18px; color:#000; line-height: 40px; font-weight:bold; }
.img-boxmain ul li.fr{margin-right: 20px;}
/* 首页服务 */
.index-block5{
    padding: 80px 0 90px;
    background-color: #F6F6F6;
}
.inb5-main{
    margin-top: 40px;
    overflow: hidden;
}
.inb5-box{
    margin: 0 -10px;
}
.inb5-main .item-box{
    width: 33.33%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
.inb5-main .item{
    padding: 60px 60px 60px 40px;
    background-color: #fff;
}
.inb5-main .tit{
    font-size: 24px;
    color: #333333;
    line-height: 32px;
    text-align: center;
}
.inb5-main .line{
    width: 30px;
    height: 2px;
    margin: 24px auto 0;
    background-color: #F08400;
}
.inb5-main .text{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-top: 24px;
}
.inb5-main .item-btn{
    margin-top: 50px;
    text-align: center;
}
.inb5-main .item-btn .btn{
    width: 240px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}
/* 公司简介 */
.index-block2{background: url(../images/gsjj-bg.jpg) no-repeat center top; background-size: cover;}
.inMain{ padding: 0 40px;  width: 1280px; margin: auto;}
.in-ctit{font-size: 40px;  line-height: 56px;  color: #333;  text-align: center;}
/*公司简介*/
.mgsjj{ width:100%; height:520px; background:url(../images/m1bg.jpg) no-repeat center top; padding-top:85px; margin-bottom:0px;}
.mgsjjc-tit{font-size:52px; line-height:104px; color:#000; text-align:center;}
.mgsjjc{ background-color:#ffffff; height:410px; padding:0 100px 30px;}
.mgsjjt{ text-align:center; padding:20px 0;}

.mgsjj3{ margin-bottom:30px; height:120px; overflow:hidden; 
    text-overflow: ellipsis; }
.mgsjj3 p{ text-indent:2em; color:#666666; line-height:24px;}

.mgsjj2{}
.mgsjj2 li{ width:213px; float:left; padding:10px 0 0;border-right:1px #333333 solid; text-align:center; margin-bottom:20px;}
.mgsjj2 li span{ width:50px; height:35px; margin:0px auto; display:block;}
.mgsjj2 h3{ font-size:16px; font-weight:normal; margin:10px auto 0; height:25px; line-height:25px; background:url(../images/m15.jpg) no-repeat center top; padding-top:10px;}
.mgsjj2 p{ line-height:20px; text-transform:uppercase; font-size:12px;}
.mgsjj2 li:hover{ cursor:pointer; }
.mgsjj2 li:hover a{ color:#333333;}
.mgsjj2 li .gsjj{ background:url(../images/m11.jpg) no-repeat 0 0;}
.mgsjj2 li:hover .gsjj{ background:url(../images/m11.jpg) no-repeat 0 -46px;}
.mgsjj2 li .qywh{ background:url(../images/m12.jpg) no-repeat 0 0;}
.mgsjj2 li:hover .qywh{ background:url(../images/m12.jpg) no-repeat 0 -51px;}
.mgsjj2 li .gsry{ background:url(../images/m13.jpg) no-repeat 0 0;}
.mgsjj2 li:hover .gsry{ background:url(../images/m13.jpg) no-repeat 0 -45px;}
.mgsjj2 li .spzx{ background:url(../images/m14.jpg) no-repeat 0 0;}
.mgsjj2 li:hover .spzx{ background:url(../images/m14.jpg) no-repeat 0 -52px;}
.mgsjj2 .nobg{ border:none;}
.mgsjjgd{width:150px; background-color:#196db7; height:40px; line-height:40px; text-align:center; margin:-20px auto auto;}
.mgsjjgd a{ color:#ffffff;}

/*现场-*/
.content{ width:1280px;margin: 0 auto; overflow:hidden;}


/* 产品展示 */
.index-block6{
    background: url(../images/cpzs-bg.jpg);
	padding: 80px 0 50px 0;
}


/*新闻动态*/
.news_bg{}
.news_t{height: 40px;width: 630px;margin:0 auto;padding: 28px 0 0 0;}
.news_t ul li{float: left;width: 190px;overflow: hidden; margin:0 10px;}
.news_t ul li a{font-size: 14px;color: #333; float: left; width: 188px; text-align: center; height: 38px; line-height: 38px; overflow: hidden;border:#ebebeb 1px solid;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;background:#196db7;border: #196db7 1px solid;}
.news02 dt b{display: block;font-size: 50px;}

.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dl dd h5 a:hover{ color: #1e50ae;}
.news_desc{font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden;padding: 5px 0 0;} 
.news02{ width:1300px; overflow:hidden; padding-bottom:30px; margin-left:-10px;}
.news02 dl{background: #fff; width:628px; height:108px; border: #ebebeb 1px solid; float:left; overflow:hidden; margin:20px 10px 0px 10px;}
.news02 dt{float:left;width:112px;border-right: #ebebeb 1px solid;height: 78px;text-align: center; font-size: 14px;color: #666;font-family:Arial, Helvetica, sans-serif;line-height: 34px;padding: 30px 0 0;}
.news02 dt b{color: #333;}
.news02 dd{width:450px;padding:12px 0 0 15px;float:left;}
.news02 dl:hover{border:#dedede 1px solid;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);} 
/*新 闻  end*/
/*anli*/
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
#halszhsm{clear:both; margin-top:50px;}
#halszhsm .tit{text-align:center;}
#halszhsm .tit img{margin:0 auto;}
#halszhsm .con li{float:left;}
#halszhsm .con li{width:366px;height:224px;margin:0 0px 12px 0px;overflow:hidden;position:relative;}
#halszhsm .con li a>img{width:366px;height:224px;transition: .1s transform;  transform: translateZ(0);}
#halszhsm .con li:hover a>img{transition: .3s transform;  transform: scale(1.1,1.1);}
#halszhsm .con li.one{width:520px;height:460px;margin-bottom:20px; }
#halszhsm .con li.one img{width:520px;height:460px;position:absolute;top:0;left:0;}
#halszhsm .con li.one a>div{background:#196db7;height:108px;position:absolute;bottom:0; width:520px;display:none;}
#halszhsm .con li.one:hover a>div{display:block;}
#halszhsm .con li.one div .z{color:#fff;float:left;position:absolute;z-index:2;left:20px; line-height:32px; width:350px; font-size:18px; font-weight:bold;}
#halszhsm .con li.one div .z span{font-size:14px; font-weight:100; line-height:28px;}
#halszhsm .con li.one div .m{position:absolute;right:10px;background:#d8d8d8;color:#000;width:106px;height:40px;line-height:40px;text-align:center;z-index:2;bottom:30px}
#halszhsm .con li.other{ margin-left:14px;}
#halszhsm .con li.other a>div{position:absolute;width:100%;height:100%;background:url(../images/huitou.png);top:0;left:0;text-align:center;color:#fff;display:none; }
#halszhsm .con li.other a>div img{margin:25px auto 0;}
#halszhsm .con li.other:hover a>div{display:block;}
.msbt{ font-size:18px; font-weight:900; line-height:40px;}
.ms{width:90%; margin-left:5%; line-height:28px;}
/* 优势*/
.ys_bgny{ background:url(../images/ys_bg.jpg) no-repeat top center; min-height:703px;}
.ys_ttny{ padding-top:70px; margin-bottom:30px; font-size:40px; color:#FFF; text-align:center;}
.ys_ttny p{ font-size:16px; font-weight:normal; margin-top:15px;}
.ys01ny{ background:url(../images/ys01_bg.png) repeat-x top center; width:19%; float:left; margin-right:1%; min-height:441px; padding:0 2.6%; line-height:33px;}
.ys_imgny{ text-align:center;}
.ys_tny{ text-align:center; font-size:18px; color:#000; padding-top:40px; padding-bottom:20px;}
.ys_moreny a{ display:block; width:155px; height:46px; line-height:46px; text-align:center; color:#FFF; font-size:15px; background:url(../images/ys_more.jpg) no-repeat top center; margin:20px auto;}
.ys_moreny a:hover{ color:#333;}
.ys_moreny a:visited{ color:#fff;}
.ys02ny{ background:url(../images/ys01_bg.png) repeat-x top center; width:19%; float:right; min-height:441px; padding:0 2.5%; line-height:33px;}
/*友链*/
.yqlj{}
.link{margin-top:20px;}
.link a{display:inline-block;margin-right:15px;border:1px solid #eaeaea;padding:10px 5px;font-size:13px;color:#666;border-radius:2px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}
/*在线咨询*/
.zxzx .liuyan_t{padding-top:30px;}
.zxzx{height:460px; background:url(../images/line.jpg) repeat-x top #f1f1f1; width:100%; }
.zxzx .conbox {height:500px;padding-top:5px;}

.zxzx .conbox .conleft {width:750px;height:420px; position:relative;color: #1e1e1e; margin-top:-70px;}

.flquction{ margin-top: 22px; height: 430px; overflow: hidden;}
.flquction dl{overflow: hidden; margin-bottom: 25px;}
.flquction dl dt{height: 25px; line-height: 25px; margin-bottom: 30px; background: url(../images/wen.png) no-repeat left center; padding-left: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.flquction dl dt a{font-size: 15px; color: #323232;}
.flquction dl dd{height:83px; line-height: 22px; font-size: 15px; color: #363636; position: relative; padding-left: 18px; padding-top: 17px; padding-right: 18px; padding-bottom: 12px; background: #fff;}
.flquction dl dd i{ width: 53px; height: 23px; background: url(../images/zx.png) no-repeat; position: absolute; left: 16px; top: -20px;}

.zxzx .conbox .conright {width:500px;}
.zxzx .conbox .conright .p1 {font-size: 15px;height: 53px;width:498px;border: 1px solid #1e1e1e;background: #fff;margin-bottom: 25px;}
.zxzx .conbox .conright .p1 input {display: block; border: none;width:498px;height: 53px;line-height: 53px;text-indent: 22px;}
.zxzx .conbox .conright .ljjm {display: block;height: 55px;line-height: 55px;text-align: center;background: #1e1e1e;font-size: 20px;color: #fff;}
/*内页留言*/
.Zcinfo—ny{ margin-bottom:0px; }
.Zcinfo—ny .containerly{overflow: hidden; background: url(../images/midline.png) no-repeat 528px 20px; padding-top: 30px; padding-bottom: 0px; margin:0 auto; width:1200px;}
.Zcinfo—ny_l{ float:right; width:610px;}
.Zcinfo—ny_r h4{width:100%; text-align:left; overflow: hidden; font-size:14px; font-weight:100;}
.Zcinfo—ny_l h4 img{display:block;}
.flquction—ny{ margin-top:2px; height:455px; overflow:hidden;}
.flquction—ny ul{line-height:30px; font-size:16px;}
.Zcinfo—ny_r{ width:495px;margin-top:0px;}
.Zcinfo—ny_r ul{overflow:hidden;}
.Zcinfo—ny_r ul li{height:45px; border: 1px solid #cbcbcb; background:#fff; margin-top:7px; }
.Zcinfo—ny_r ul li label{display: block; background: #fff; width: 48px; border-right: 1px solid #cbcbcb; height: 43px; float: left; display: inline-block; }
.Zcinfo—ny_r ul li img{display: block;}
.Zcinfo—ny_r ul li input{float: right; height:43px; font-size: 15px; color: #b7b7b7; outline: none; border: none; background: none; padding: 10px 0px 10px 10px; float: left; width: 302px;}
.Zcinfo—ny_r ul .tssm{height:78px;}
.Zcinfo—ny_r ul .tssm label{height: 76px;}
.Zcinfo—ny_r ul .tssm .wby{padding: 10px 10px; height: 58px; font-size:15px; color:#b7b7b7; width:401px; float:left;  border:none; outline:none;}
.Zcinfo—ny_r ul .submit{width: 100%; text-align: center; height: 50px; background: #00adfe; margin-top: 0px; border: none;}
.Zcinfo—ny_r ul .btnSubmit{width: 100%; height: 50px; cursor: pointer; font-size: 21px; color: #fff;}

.yqlj{ margin-top:25px;}
.yqljxz{ font-size:20px;}.yqljxz span{ font-size:15px; margin-left:10px;}
.link {height:100%;overflow:hidden;padding-top:30px; padding-bottom:5px; width:1300px; margin:0 auto;}
.link li{ height:40px; font:14px "Microsoft Yahei"; font-weight:bold; background:url(../images/link_h.gif) no-repeat left bottom; overflow:hidden;}
.link li span a{color:#ff7900; font-weight:normal;}
.link li i{ display:inline-block; font:14px "Microsoft Yahei";color:#666; padding:0 5px; font-weight:bold;}
.link li a{ color:#0462be;}
.link p{ line-height:22px; color:#666; padding-top:10px; font-family:"Microsoft Yahei"; padding-bottom:10px; font-size:12px;}
.link p a{ color:#666; padding:0 12px; display:inline-block;}






/*漂浮框*/
.yb_conct{position:fixed;z-index:9999999; top:300px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#196db7 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#196db7 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#196db7 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#196db7 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 0px 25px 25px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*book.asp*/
.bookadd1{margin:20px 0;}
.bookadd1 div{margin-bottom:15px;}
.bookadd1 .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd1 .label span{color:#f30;font-family:微软雅黑;}
.bookadd1 .enter{margin-left:120px;}
.bookadd1 .enter .ip{border:1px solid #ddd;padding:20px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd1 .enter .bnt{border:1px solid #1F92D1;background:#1F92D1;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd1 .enter label{display:block;}

/*面包屑导航*/
.breadcrumbs p{ padding-left:40px; height:45px; line-height:45px; font-size:15px;}
.breadcrumbs p:before{content:""; left:0; top:12px; width:30px; height:20px;}
.breadcrumbs p i{display:inline-block;width:5px; height:8px;background:url(../images/icons.png) no-repeat -57px -88px;}
.breadcrumbs a{display:inline-block; margin:0 5px; font-size:15px;}
.breadcrumbs p,.breadcrumbs a{color:#fff;}
.breadcrumbs a:hover{text-decoration:underline;}



/*参观工厂*/
.prxt ul{width:1180px; margin:0 auto; margin-top:50px;}
.prxt ul li{float:left;width:570px;height:464px; margin-left:10px; margin-right:10px;}
.prxt ul li span{display: block;width:570px; height:409px;box-shadow:3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; overflow: hidden;}
.prxt ul li span img{width:590px; height:409px;transition: all 0.9s linear;}
.prxt ul li:hover img{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);}
.prxt ul li i{display: block;text-align: center; height:40px;font-size: 14px; color:#333333; line-height: 40px;}
.prxt ul li.fr{margin-right: 20px;}

/*Page*/
.page{user-select:none; margin:20px auto;}
.page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:.05rem;}
.page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-.05rem;}
.page ul li:first-child,.page ul li:first-child a{border-radius:.1rem 0 0 .1rem;}
.page ul li:last-child,.page ul li:last-child a{border-radius:0 .1rem .1rem 0;}
.page ul li a{font-size:.7rem;display:block;padding:0 .65rem;line-height:1.75rem;color:#444;background:#fff;}
.page ul li a:not([href]){color:#999;cursor:not-allowed;}
.page ul li.active{border-color:#1890FF;background:#1890FF;}
.page ul li.active a{color:#fff;background:#1890FF;}
.page ul li.active a:hover{background:#1890FF;}
.page ul li:hover a{background:#f9f9f9;}
.page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.page-red ul li.active a{background:#ED4014;}
.page-red ul li.active a:hover{background:#ED4014;}
.page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.page-yellow ul li.active a{background:#F37B1D;}
.page-yellow ul li.active a:hover{background:#F37B1D;}
.page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.page-green ul li.active a{background:#19BE6B;}
.page-green ul li.active a:hover{background:#19BE6B;}
.page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.page-info ul li.active a{background:#2DB7F5;}
.page-info ul li.active a:hover{background:#2DB7F5;}
.page-mid ul li{margin-right:.3rem;}
.page-mid ul li{border-radius:.1rem;}
.page-mid ul li:first-child,.page-mid ul li:last-child{border-radius:.1rem;}
.page-center ul{display:flex;justify-content:center;align-items:center;}
.page-right ul{display:flex;justify-content:flex-end;}
.page-right{display:flex;}
.page-right .page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}




/*Carousel*/
.carousel{position:relative;}
.carousel-inner{position:relative;width:100%;overflow:hidden;}
.carousel-inner::after{display:block;clear:both;content:"";}
.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;}
.carousel-item img{width:100%;height:auto;}
.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block;}
.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{-webkit-transform:translateX(100%);transform:translateX(100%);}
.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
.carousel-prev,.carousel-next{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:0.5;transition:opacity 0.15s ease;}
.carousel-prev:hover,.carousel-prev:focus,.carousel-next:hover,.carousel-next:focus{color:#fff;text-decoration:none;outline:0;opacity:0.9;}
.carousel-prev{left:0;}
.carousel-next{right:0;}
.carousel-prev-icon,.carousel-next-icon{display:inline-block;width:1rem;height:1rem;background:no-repeat 50% / 100% 100%;}
.carousel-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");}
.carousel-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");}
.carousel-page{position:absolute;right:0;bottom:.5rem;left:0;z-index:15;display:flex;justify-content:center;list-style:none;}
.carousel-page li{box-sizing:content-box;flex:0 1 auto;width:2.5rem;height:.2rem;margin-right:.2rem;margin-left:.15rem;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;opacity:.5;transition:opacity 0.6s ease;}
.carousel-page .active{opacity:1;}
.carousel-control{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;background:rgba(0,0,0,.4);}
.carousel-control .carousel-title{flex:1;display:flex;color:#fff;line-height:2rem;padding:0 .5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.carousel-control .carousel-page{justify-content:flex-end;align-items:center;position:static;margin-right:.5rem;}
.carousel-control .carousel-page li{width:.5rem;height:.5rem;border-radius:50%;}
.carousel-pagenum{position:absolute;right:.25rem;bottom:.25rem;z-index:15;background:rgba(0,0,0,.3);color:#fff;padding:.15rem .5rem;border-radius:1rem;font-size:.5rem;}