/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px "Arial","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",sans-serif; color: #666;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
.header ul, .header ol, .header li {
	list-style: none;
}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}


/*表单弹框*/
.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;}


/**/
/*body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}*/
.content{ width:1200px; margin:0 auto;}

.case_r dl dt img,.product ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover,.product ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/**/
/*.super{padding: 110px 0 135px;}*/
.sup_tit{font-size: 38px;color: #333;height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
.sup_tit a{color: #333;}
.ys_desc{font-size: 13px;color: #666;line-height: 30px;text-align: center;padding: 25px 0 0;height: 130px;}
.ys_four{height: 150px;}
.ys_four li{width: 300px;float: left;padding: 13px 0 0 55px;box-sizing: border-box;position: relative;transition: all 0.5s;}
.ys_four li:before{content: "";width: 1px;height: 80px;background: #dfdfdf;position: absolute;top: 0;left: 0;}
.ys_four li em{width: 54px;height: 48px;display: block;float: left;line-height: 0;overflow: hidden;padding: 0 10px 0 0;}
.ys_four li em img{width: 54px;height: 48px;}
.ys_four li span{display: block;float: left;font-size: 14px;color: #333;line-height: 24px;}
.ys_four li i{display: block;}
.ys_four li:first-child:before{background: none;}
.ys_four li:hover{transform: translateY(-10px);}
.ys_four li:hover img{animation: flipInY 1s;}

/*.sup-ul{height:690px;}*/
.sup-ul ul li{float:left; width:24%;height:690px; position: relative;overflow: hidden;border-radius: 0 160px 160px 0;border: #fff 1px solid;border-left: none;margin-left: -11%;box-sizing: border-box;}
.sup-ul ul li .default{width:100%; height:100%; background:rgba(0,0,0,0.6);transition: .5s; box-sizing: border-box;}
.sup-ul ul li .default span{display: block;width: 100%;text-align: center;font-size: 24px; color:#fff;line-height: 36px;overflow: hidden;}
.sup-ul ul li .default b{display: block;font-weight: normal;}
.sup-ul ul li .default em{display: block; line-height: 0;width: 44px;height: 44px;margin: 1.3rem auto 0;}
.sup-ul ul li .default em img{width: 44px;height: 44px;}
	.sup-ul ul li .hover {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: 0;
		opacity: 0;
		background-image: linear-gradient(0deg, rgba(0,0,0,.9), transparent, transparent);
	}
.sup-ul ul li .hover .sup-xc{width: 75%;height: 150px;position: absolute;bottom: -160px;left: 18%; transition: .5s;color: #fff;z-index: 3;}
.sup-ul ul li .hover .sup-xc h5{font-size: 30px;height: 44px;line-height: 44px;overflow: hidden;position: relative;padding-left: 16px;margin-bottom: 6px;}
.sup-ul ul li .hover .sup-xc h5:before{content: "";width: 4px;height: 22px;background: #e1161a;position: absolute;top: calc(50% - 11px);left: 0;}
.sup-ul ul li .hover .sup-xc p{font-size: 16px;line-height: 22px;}
.sup-ul ul li.cur{width:71.9% !important;}
.sup-ul ul li.cur .default{opacity: 0;}
.sup-ul ul li.cur .hover{opacity: 1;}
.sup-ul ul li.cur .hover .sup-xc{bottom: 0;}
.sup-ul ul li.sup-li-last{border-radius: 0;}

/*案例*/
.case{padding:0 0 110px;}
.case_l{width: 290px;padding: 25px 0 0;}
.case_l ul li{height: 70px;line-height: 70px;overflow: hidden;position: relative;}
.case_l ul li a{font-size: 16px;color: #333;}
.case_l ul li a:hover,.case_l ul li.cur a{color: #e1161a;}
.case_r{padding: 45px 0 0;width: 1270px;margin-right: -360px;position: relative;}
.case_list{display: block;border-bottom: #dcdcdc 1px solid;position: relative;float: left;margin-right: 45px;width: 780px;}
.case_list:before{content: "";width: 0;height: 1px;background: #e1161a;position: absolute;bottom: 0;left: 0;-webkit-transition:all .5s;transition:all .5s;}
.case_list:hover:before{width: 100%;}
.case_r dl dt{width: 780px;height: 439px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 780px;height: 439px;}
.case_r dl dd{padding: 24px 0 0;position: relative;height: 180px;}
.case_r dl dd h5{width: 350px;font-size: 18px;color: #333;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.case_desc{font-size: 15px;color: #666;line-height: 28px;padding: 10px 0 0;}
.case_r dl dd em{width: 17px;height: 17px;display: block;line-height: 0;background: #bfbfbf;position: absolute;top: 30px;left: 370px;}
.case_r dl dd em img{width: 17px;height: 17px;}
.case_r dl dd:hover h5{color: #e1161a;font-weight: bold;}
.case_r dl dd:hover em{background: #e1161a;}
.case_btn{position: absolute;bottom: 10px;left: -290px;}
.case_btn a{display: block;float: left;line-height: 0;width: 46px;height: 46px;border-radius: 50%;margin-right: 25px;-webkit-transition:transform .3s;transition:transform .3s;}
.case_btn img{width: 46px;height: 46px;border-radius: 50%;}
.case_btn a:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}

/*解决方案*/
.plan{background: #eee;height: 1028px;}
.plan_t,.plan_con{width: 1200px;position: absolute;top: 85px;left: calc(50% - 600px);z-index: 1;}
.plan_t ul{padding: 80px 0 0;}
.plan_t ul li{height: 125px;float: left;position: relative;width: 300px;}
.plan_t ul li:before{content: "";width: 40px;height: 1px;background: #bfbfbf;position: absolute;bottom: 0;left: 0;}
.plan_t ul li:after{content: "";width: 0;height: 1px;background: #e1161a;position: absolute;bottom: 0;left: 0;z-index: 1;-webkit-transition:all .5s;transition:all .5s;}
.plan_t ul li a{font-size: 20px;color: #333;display: block;line-height: 30px;}
.plan_t ul li em{width: 70px;height: 55px;line-height: 0;overflow: hidden;display: block;margin-bottom: 15px;}
.plan_t ul li em img{width: 70px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.plan_t ul li:hover:after,.plan_t ul li.on:after{width: 40px;}
.plan_t ul li:hover a,.plan_t ul li.on a{color: #e1161a;font-weight: bold;}
.plan_t ul li:hover em img,.plan_t ul li.on em img{margin-top: -55px;}
.plan_t ul li:hover i,.plan_t ul li.on i{font-weight: normal;}
.plan_m{position: absolute;bottom: 0;left: 0;}
.plan_qie{display: block;width: 100%;line-height: 0;}
.plan_m img{display: block;width: 100%;}
.plan_con:before{content: "";width: 680px;height: 1px;background: #d6d6d6;position: absolute;top: 150px;left: 0;}
.plan_con h5{font-size: 30px;color: #333;height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.plan_con h5:hover,.plan_con ul li:hover{color: #e1161a;}
.plan_con p{padding-top: 10px;width: 525px;font-size: 15px;color: #666;line-height: 30px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}
.plan_con ul{padding: 60px 0 0;width: 400px;}
.plan_con ul li{font-size: 16px;color: #333;line-height: 40px;}
.plan_con span{display: block;font-size: 15px;color: #fff;width: 95px;text-align: center;height: 35px;line-height: 35px;background: #e1161a;overflow: hidden;margin-top: 50px;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {.plan_con{top: 200px;}}
@media screen and (min-width: 1280px) {.plan_con{top: 230px;}}
@media screen and (min-width: 1366px) {.plan_con{top: 270px;}}
@media screen and (min-width: 1440px) {.plan_con{top: 310px;}}
@media screen and (min-width: 1600px) {.plan_con{top: 270px;}}
@media screen and (min-width: 1720px) {.plan_con{top: 350px;}}
@media screen and (min-width: 1920px) {.plan_con{top: 460px;}}

/*产品中心*/
.product{padding: 100px 0 70px;width: 90%;margin: 0 auto;}
.product .sup_tit{font-size: 32px;}
.product ul{padding: 50px 0 0;}
.product ul li{width: 23.8%;float: left;margin-right: 1.6%;margin-bottom: 30px;border-radius: 20px;}
.product ul li em{display: block;width: 100%;line-height: 0;overflow: hidden;border-radius: 20px 20px 0 0;}
.product ul li img{display: block;width: 100%;}
.product ul li span{display: block;width: 96%; padding:0 2%; text-align: center;font-size: 18px;color: #333;height: 65px;line-height: 65px;border-radius:0 0 20px 20px;background: #eee;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product ul li:hover span{background: #e1161a;color: #fff;}
.product ul li:nth-child(4n){margin-right: 0;}

/*团队*/
.team{}
.team:before{content: "";width: 570px;height: 1px;background: #f1f1f1;position: absolute;top: 335px;left: -360px;}
.team_tit{font-size: 42px;color: #333;font-weight: normal;line-height: 60px;height: 120px;position: absolute;top: 20px;left: 0;}
.team_tit i{display: block;}
.team_l{width: 1010px;}
.team_qie{display: block;}
.team_l dl{width: 1010px;height: 765px;}
.team_l dl dt{width: 465px;float: right;line-height: 0;position: relative;overflow: hidden;}
.team_l dl dt img{width: 465px;height: 765px;}
.team_l dl dt:before{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.team_l dl dt:hover:before{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.team_l dl dd{width: 505px;float: left;padding: 260px 0 0;background: url(../images/team_ico01.gif) no-repeat 0 165px;}
.team_l dl dd h5{font-size: 24px;color: #333;font-weight: normal;height: 75px;line-height: 75px;overflow: hidden;}
.team_l dl dd h5 i{font-size: 14px;color: #999;font-family:Arial, Helvetica, sans-serif;text-transform:capitalize;padding-left: 20px;}
.team_desc{padding: 20px 0 0;}
.team_l dl dd p{font-size: 15px;color: #666;line-height: 24px;padding:5px 0 0 32px;background: url(../images/team_ico02.gif) no-repeat 0 10px;}
.team_r{width: 138px;padding: 140px 0 0;}
.team_r ul li{width: 138px;height: 103px;line-height: 0;overflow: hidden;}
.team_r ul li a{position: relative;display: block;width: 100%;}
.team_r ul li a:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;}
.team_r ul li img{width: 138px;height: 103px;}
.team_r ul li:first-child a:before{background: none;border: #e1161a 3px solid;box-sizing: border-box;}
.team_lico,.team_rico{width: 33px;height: 17px;line-height: 0;position: absolute;right: 52px;cursor: pointer;}
.team_lico img,.team_rico img{width: 33px;height: 17px;}
.team_lico{top: 95px;}
.team_rico{top: 585px;}

/*荣誉资质*/
.honor{background: url(../images/honor_bg.jpg) no-repeat center 0;height: 35rem;overflow: hidden;padding: 5rem 0 0;background-size: 100% 40rem;}
.honor_list01{padding: 2.5rem 0 0;}
.honor_list01 ul li{font-size: 16px;color: #333;background: url(../images/honor_ico01.png) no-repeat 0 center;height: 2.9rem;line-height: 2.9rem;padding-left: 20px;float: left;margin-left: 35px;}
.honor_list01 ul li i{display: block;background: url(../images/honor_ico02.png) no-repeat right center;padding-right: 20px;}
.honor_list01 ul li:first-child{margin-left: 0;}
.honor_list01 ul li:nth-child(4){margin-left: 60px;}
.honor_list02{width: 88%;margin: 0 auto;padding: 3.8rem 0 0;}
.honor_qie ul li{width: 16.4%;float: left;line-height: 0;margin-left: 0.32%;-webkit-transition:transform .3s;transition:transform .3s;padding-top: 5px;}
.honor_qie ul li img{display: block;width: 100%;}
.honor_qie ul li:first-child{margin-left: 0;}
.honor_qie ul li:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.honor_num{padding: 3rem 0 0;width: 100px;margin: 0 auto;}
.honor_num ul li{float: left;width: 12px;height: 12px;background: #bfbfbf;text-indent: -9999px;border-radius: 12px;margin-right: 10px;cursor: pointer;-webkit-transition:all .5s;transition:all .5s;}
.honor_num ul li.on{background: #e1161a;width: 44px;}

/**/
.news{padding: 90px 0 100px;}

.news_l{width: 700px;padding: 40px 0 0;}
.news_tit{height: 38px;line-height: 38px;border: #bfbfbf 1px solid;border-radius: 30px;}
.news_tit:before{content: "";width: 6px;height: 6px;background: #bfbfbf;position: absolute;top: -3px;left: 15px;border-radius: 50%;-webkit-transition:all .5s;transition:all .5s;}
.news_tit:after{content: "";width: 6px;height: 6px;background: #bfbfbf;position: absolute;bottom: -3px;right: 15px;border-radius: 50%;-webkit-transition:all .5s;transition:all .5s;}
.news_tit:hover:before{left: 85px;}
.news_tit:hover:after{right: 85px;}
.news_tit a{font-size: 18px;color: #333;display: block;font-weight: normal;}

.news01{width: 700px;height:135px; border-bottom:1px solid #bfbfbf;}
.news01 h5{width: 150px;text-align: center;position: absolute;top: 0;left: 0;}
.news01 dl{width: 700px;}
.news01 dl dt{height: 42px;line-height: 42px;overflow: hidden;}
.news01 dl dt a{font-size: 18px;color: #303030;font-weight: bold;padding: 0 0 0 170px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;}
.news01 dl dt a:hover{color: #e62020;}
.news_desc{font-size: 14px;color: #666;line-height: 25px;height: 52px;overflow: hidden;padding: 10px 0 0;}
.news01 dl dd span{display: block;line-height: 26px;margin-top: -26px;margin-left: 550px;}
.news01 dl dd span a{font-size: 14px;color: #e62020;font-weight: bold;}

.news02{width: 700px;padding: 10px 0 0;}
.news02 dl{width: 700px;height:104px; margin-top:12px;}
.news02 dl dt{width:186px; height:104px; float:left; overflow:hidden;}
.news02 dl dt img{width:186px; height:104px; transition:.5s;}
.news02 dl:hover dt img,.wd_pic:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news02 dl dd{width:450px; float:left; padding-top:15px; padding-left:20px;}
.news02 dl dd h5{height: 24px;line-height: 24px;overflow: hidden;}
.news02 dl dd h5 a{font-size: 16px; color:#000;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display:block;}
.news02 dl dd h5 a:hover{color: #e62020;}
.news02 .news_desc{font-size: 13px;color: #666;line-height: 20px;height: 40px;overflow: hidden;padding: 5px 0 0;}
.news02 dl dd span{display: block;line-height: 20px;margin-top: -20px;margin-left: 300px;}
.news02 dl dd span a{font-size: 13px;color: #777;font-weight: bold;}
.news02 dl.cur{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}
.news02 dl.cur dd span a{color: #e62020;}

.news03{width: 700px;padding: 20px 0 0;}
.news03 ul li{height: 48px;line-height: 48px;overflow: hidden;}
.news03 ul li a{font-size: 15px;color: #666;display: block;float: left;width: 520px;height: 48px;line-height: 48px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/news_ico01.gif) no-repeat 0 center;padding: 0 0 0 40px;}
.news03 ul li a:hover{ background:url(../images/news_ico02.gif) no-repeat 0 center;font-weight: bold;}
.news03 ul li span{display: block;float: right;font-size: 14px;color: #999;width: 100px;text-align: right;}

.news_r{width:384px; height:618px;margin-top: 40px;padding: 22px 26px 0;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: relative;}
.news_r:before{content: "";width: 7px;height: 27px;background: #e62020;position: absolute;top: 28px;left: 0;}
.wd_t{width: 100%;display: inline-block;}
.wd_t h5{width: 250px;text-align: center;position: relative;}
.wd_t .news_tit:hover:before{left: 125px;}
.wd_t .news_tit:hover:after{right: 125px;}
.wd_t span{float: right;line-height: 40px;}
.wd_t span a{font-size: 14px;color: #666;text-transform: uppercase;}

.wd_pic{width:384px; height:216px;line-height: 0;overflow: hidden;margin-top: 12px;margin-bottom: 10px;}
.wd_pic img{width:384px; height:216px; transition:.5s;}

.wd_m dl{width: 384px;height: 90px; border-bottom:1px solid #eee;padding: 15px 0 0;}
.wd_m dl dt{height: 26px;line-height: 26px;overflow: hidden; background:url(../images/wen.gif) no-repeat 0 center;padding: 0 0 0 32px;}
.wd_m dl dt a{font-size: 16px;color: #383839;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.wd_m dl dt a:hover{color: #e62020;}
.wd_m dl dd{height: 48px;line-height: 24px;overflow: hidden;background:url(../images/da.gif) no-repeat 0 10px;padding: 8px 0 0 32px;}
.wd_m dl dd a{font-size: 13px;color: #9a9a9a;display: block;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; }

/*友情链接*/
.f_link{height: 70px;line-height: 70px;background: #e00f1b;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 24px;color: rgba(255,255,255,0.6);width: 150px;position: relative;}
.f_link b:before{content: "";width: 0;height: 0;position: absolute;top: calc(50% - 4px);right: 0;z-index: 5;
border-left:6px solid rgba(255,255,255,0.6); 
border-top:6px solid transparent;
border-bottom:6px solid transparent;
}
.f_link b i{padding-left: 10px;}
.f_link p{font-size: 16px;color: rgba(255,255,255,0.6);float: right;width: 1030px;}
.f_link p a{font-size: 16px;color: rgba(255,255,255,0.6); padding:0 10px 0 0;}
.f_link p a:hover{color: rgba(255,255,255,0.8);}

/**/

@media screen and (max-width:1500px) {
	.sup-ul ul li .hover .sup-xc h5{font-size: 24px;height: 38px;line-height: 38px;}
	.sup-ul ul li .hover .sup-xc p{font-size: 12px;line-height: 20px;}
	
	.plan{height: 850px;}
	.plan_t{top: 60px;}
	.plan_t ul{padding: 60px 0 0;}
}

@media screen and (max-width:1600px) {
	.sup-ul ul li .hover .sup-xc h5{font-size: 24px;height: 38px;line-height: 38px;}
	.sup-ul ul li .hover .sup-xc p{font-size: 14px;line-height: 22px;}
}

@media screen and (max-width:1440px) {
	.sup-ul ul li .hover .sup-xc h5{font-size: 24px;height: 38px;line-height: 38px;}
	.sup-ul ul li .hover .sup-xc p{font-size: 12px;line-height: 20px;}
}

/**/
@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}
@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}