@charset "utf-8";
/* CSS Document */

body{ font-family:"Source Han Serif SC", sans-serif; font-size:14px; color:#0b0b0b; background:#fff;}
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{margin:0; padding:0;}


table{border-collapse:collapse;border-spacing:0;}
* {margin:0px;padding:0px; }
img{ margin:0; padding:0; border:none;}
fieldset{border:0;}
form,iframe{margin:0px;padding:0px;}
iframe{margim:0px;padding:0px;}
p{margin:0px;padding:0px;}
li,ol,ul {list-style:none;}
a img {border: 0 none;  margin: 0;  padding: 0;}
a {color:#4c4b4a; text-decoration:none;}
a:hover {color:#BA2221; text-decoration:none;}


.fl {float:left;}
.fr {float:right;}

.zt_yh { font-family:"Source Han Serif SC", sans-serif;}
.zt_st { font-family:"Source Han Serif SC", sans-serif;}
.clear {clear:both; height:0; font-size:0; line-height:0; padding:0; float:0;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;top:0px;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#171918;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/


/*案例切换*/

.tabbox2{width:100%;height:auto; font-family:"Source Han Serif SC", sans-serif; background:#; }
.tabbox2 .tab{overflow:hidden; background:#; padding:25px 0; width:100%; text-align:center; }
.tabbox2 .tab a{ text-decoration:none;color:#333; background:#f7f7f7; border:1px solid #ccc; margin-right:10px; 
               font-size:16px;}
.tabbox2 .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none; background:#;}
.tabbox2 .tab a.on{ color:#fff;text-decoration:none; background:#000; border:1px solid #000;}
.tabbox2 .content{overflow:hidden;height:700px;width:100%;position:relative;}
.tabbox2 .content ul{position:absolute;left:0;top:0;height:700px; }
.tabbox2 .content li{height:auto;float:left; padding:0 ;}
.tabbox2 .content li p{padding:5px 0 5px 10px;  font-size:14px;}
.tabbox2 .content li .con {width:100%; height:auto; border-bottom:1px solid #E7E7E7; padding:10px 0;}
.tabbox2 .content li .con h5{font-size:16px; line-height:16px; padding:10px 0 5px 10px; font-weight:bold;}
.tabbox2 .content li .con p {padding:5px 0 5px 10px;  font-size:14px;}

.case_line { width:100%; height:1px; background:#CCC; overflow:hidden; margin:5px 0;}


/*头部*/
.top {width:100%; height:auto; background:#fff; overflow:hidden;}
.top_logo {width:123px; height:35px; float:left;}
.top_logo img {width:66px; height:66px;}
.top_more {width:30px; height:30px; float:right;}
.top_more img {width:30px; height:30px;}
.header_banner {width:100%; height:auto; overflow:hidden;}
.header_banner img {width:100%; height:auto;}

/*头部结束*/

/*我们的服务*/

.main {width:95%;margin: auto; border-radius: 10px;height:auto;margin-top: 30px;padding-top: 20px;}
.main .title {width:90%; height:auto; margin:0 auto; }
.main .title h1 {font-size:18px; line-height:18px; margin-bottom:15px; text-align:center;}
.main .title h3 {font-size:14px; line-height:18px;text-align:center;}
.main .title p {font-size:15px; line-height:30px; margin-bottom:10px; text-align:center;}
.main .line {width:50px; height:2px; background:#020005; overflow:hidden; margin:0 auto; margin-bottom:10px;}

.main_more {width:40%;border-radius: 10px;border-radius: 1px #23d4e8 solid; height:auto;margin: auto; padding:8px 5%; text-align:center; background:#fff;border:1px #23d4e8 solid; font-size:15px; line-height:25px;margin-top: 15px;}
.main_more a {color: #23d4e8;}
.telss{width: 95%;margin:10px auto;}
.telss p img{width: 20px;height: 20px;}
.main1{
	background-color: #f1f1f1;
}
/* .service {width:100%; height:auto; overflow:hidden;}
.service ul {width: 95%;margin: auto;}
.service li {border-radius: 10px; height:auto; border:1px solid #D3CFD0; box-shadow: 1px 1px 5px #888888; padding:3%; text-align:center;border-radius: 10px;} 
.service_icon1 {width:50px; height:47px; }
.service_icon2 {width:50px; height:49px; margin:0 auto; margin-top:12px;}
.service_icon3 {width:50px; height:45px; margin:0 auto; margin-top:12px;}
.service_icon4 {width:40px; height:50px; margin:0 auto; margin-top:12px;}
.service li h3 {font-size:16px; line-height:16px; color:#3E3C3D; text-align:center; margin-bottom:10px; margin-top:20px; font-weight:bold;}
.service li p {font-size:14px; line-height:18px; color:#3a3a3a; text-align:left;}
.service_text{float: left;} */

.service{width: 95%;margin: 20px auto;}
.service ul li{margin: 10px 2.5%;background-color: #fff; box-shadow: 0px 0px 12px #aaa;border-radius: 5px;padding:15px 10px;}
.service ul li .service_icon1{float: left;padding: 7px;}
.service_icon1 {width:50px; height:47px; }
.service_text{display: table;}
.service li h3{font-size: 16px;}
.service li p {height: 38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 14px;line-height: 20px;margin-top: 5px;}

/*微信开发*/

.wechat {width:100%; height:auto; overflow:hidden; background:#0a0e17; padding-bottom:10px;}
.wechat .pic {width:100%; height:auto;}
  .wechat .title {width:90%; height:auto; overflow:hidden; padding:6% 5%;}
.wechat .title h1 {text-align: center; font-size:18px; line-height:22px; margin-bottom:12px; color:#fff;}
.wechat .title p {font-size:14px; line-height:20px; color:#fff;}
.wechat .text {width:90%; height:auto; padding:3% 5%;}
.wechat .text .box {font-size:16px; line-height:16px; color:#fff; }
.wechat .text .box h3 {font-size:16px; line-height:40px; margin-bottom:10px; color:#fff;}
.wechat .text .box .icon { float:left; margin-right:10px;}
.wechat .text .box .icon img {width:35px; height:35px; vertical-align:middle;}
.wechat .text p {font-size:14px; line-height:20px; color:#fff;}

/*小程序开发*/

.applet {width:100%; height:auto; overflow:hidden; padding:3% 0;}
.applet pic {width:100%; height:auto; }
.applet pic img {width:100%; height:auto;}
.applet .title {width:90%; height:auto; overflow:hidden; padding:6% 5%;}
.applet .title h1 {text-align: center;font-size:18px; line-height:22px; margin-bottom:12px; color:#0D1015;}
.applet .title p {font-size:14px; line-height:20px; color:#0D1015;}
.applet .text {width:90%; height:auto; padding:3% 5%;}
.applet .text .box {font-size:16px; line-height:16px; color:#0D1015; }
.applet .text .box h3 {font-size:16px; line-height:40px; margin-bottom:10px; color:#0D1015;}
.applet .text .box .icon { float:left; margin-right:10px;}
.applet .text .box .icon img {width:40px; height:40px; vertical-align:middle;}
.applet .text p {font-size:14px; line-height:20px; color:#0D1015;}


/*网站开发*/

.site {width:100%; height:auto; overflow:hidden; padding:7% 0; background:#0a0e17;}
.site pic {width:100%; height:auto; }
.site pic img {width:100%; height:auto;}
.site .title {width:90%; height:auto; overflow:hidden; padding:6% 5%;}
.site .title h1 {font-size:18px; line-height:22px; margin-bottom:12px; color:#fff;}
.site .title p {font-size:14px; line-height:20px; color:#fff;}
.site .texts{width: 95%;margin: auto;}
.site .text {width:50%; height:auto; float: left;}
.site .text .box {font-size:16px; line-height:16px; color:#fff; }
.site .text .box h3 {font-size:15px; line-height:40px; margin-bottom:10px; color:#fff;}
.site .text .box .icon { float:left; margin-right:0px;}
.site .text .box .icon img {width:40px; height:40px; vertical-align:middle;}
.site .text p {font-size:13px; line-height:20px; color:#fff;height: 120px;}
.text1{width: 93%;margin: auto;}
 
/*成功案例*/

.case {width:100%; height:auto; overflow:hidden; padding:3% 0;}
.main_nav ul{border: 1px #ededed solid;border-radius: 10px;background-color: #fff;box-shadow: 0px 0px 10px #f1f1f1;}


/*新闻中心*/

.main_news_list {width:100%; height:auto;  overflow:hidden;}
.main_news_list ul {}
/* .main_news_list ul li {width:94%; height:85px; padding:3% ; overflow:hidden; background:#F4F4F4; margin-bottom:10px;} */
/* .main_news_list ul li .date {width:20%; height:85px; background:#E0E0E0; text-align:center; float:left; margin-right:3%;} */
.main_news_list ul li .date .day {font-size:40px; color:#4E4E4E; display:block; margin-top:20px; margin-bottom:20px;}
.main_news_list ul li .date .month {font-size:14px; line-height:14px; padding:5px 0; }
/* .main_news_list ul li .text {width:77%; height:80px; float:left;} */
/* .main_news_list ul li .text h2 {font-size:15px; line-height:30px; margin-bottom:8px; color:#4e4e4f;} */
/* .main_news_list ul li .text p {font-size:14px; line-height:18px; color:#4e4e4f;} */

/*合作伙伴*/
.hzhb {width:100%; height:auto; overflow:hidden;}
.hzhb ul {}
.hzhb ul li {width:28.6%; height:60px; float:left; border:1px solid #EAEAEA; margin:2% 2%;}
.hzhb ul li img {width:100%; height:55px;}


/*<!--联系我们-->*/

.contact {width:100%; height:auto; padding:10px 0; overflow:hidden; }
.contact p {font-size:12px; line-height:28px; color:#201f24;  width:90%; padding:7px 5%;}
.contact .icon {width:40px; height:40px; margin-right:10px;}
.contact .icon img {width:25px; height:25px; vertical-align:middle;}
.contact .f_lx { font-size:14px; line-height:25px; color:#201f24;}

.foot {width:100%; height:auto; padding:8px 0; overflow:hidden; color:#fff; font-size:12px; text-align:center; line-height:20px; background:#1A1A1A;}


/*banner特效*/



.i-ban {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  height: 800px;
}
.i-ban ul, .i-ban li {
  width: 100%;
  height: 100%;
}
.i-ban li {
  background-size: cover !important;
  position: absolute;
  left: 100%;
  top: 0;
  overflow: hidden;
}
.i-ban li a{
  display: block;
  width: 100%;
  height: 100%;
}
.i-ban li .cent-cont {
  position: absolute;
  left: 10.5%;
  top: 50%;
  margin-top: -240px;
  color: #fff;
  z-index: 3;
}
.i-ban li .gray-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.i-ban li .word {
  color: #fff;
  font-size: 50px;
  line-height: 68px;
}
.i-ban li .word p {
  position: relative;
  overflow: hidden;
  height: 68px;
}
.i-ban li .word p .font-sign {
  position: relative;
  display: block;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .word span.line {
  display: block;
  height: 4px;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.i-ban li .word .font {
  display: block;
  position: relative;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/ico_16.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-ban li .link:hover {
  border: 1px solid white;
}
.i-ban li.active .word p .font-sign {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotate(0);
  transition: all 0.5s ease 0s;
}
.i-ban li.active .link {
  opacity: 1;
  filter: alpha(opacity=1);
  transition: all 0.3s ease 0.6s;
}
.i-ban li.active .link i {
  animation: downico 1.5s ease-out infinite;
}
.i-ban .btns {
  position: absolute;
  bottom: 76px;
  left: 10.5%;
  z-index: 10;
}
.i-ban .btns span {
  display: inline-block;
  width: 50px;
  height: 2px;
  margin-right: 10px;
  background-color: #3a333f;
  position: relative;
  cursor: pointer;
}
.i-ban .btns span i {
  display: block;
  height: 100%;
  position: absolute;
  width: 0;
  background-color: #918c94;
}

.i-m-ban {
  height: 500px;
  position: relative;
  overflow: hidden;
  display: none;
}
.i-m-ban ul {
  height: 100%;
}
.i-m-ban li {
  height: 100%;
  position: relative;
  background-size: cover !important;
}
.i-m-ban .cent-cont {
  position: absolute;
  width: 90%;
  left: 5.5%;
  top: 50%;
  margin-top: -240px;
  color: #fff;
}
.i-m-ban .word {
  color: #fff;
  font-size: 30px;
  line-height: 56px;
}
.i-m-ban .word p {
  position: relative;
  overflow: hidden;
  height: 56px;
}
.i-m-ban .word p .font-sign {
  position: relative;
  display: block;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-m-ban .word span.line {
  display: block;
  height: 4px;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.i-m-ban .word .font {
  display: block;
  position: relative;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-m-ban .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-m-ban .link i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/ico_16.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-m-ban li.swiper-slide-active .word p .font-sign {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotate(0);
  transition: all 0.5s ease 0s;
}
.i-m-ban li.swiper-slide-active .link {
  opacity: 1;
  filter: alpha(opacity=1);
  transition: all 0.3s ease 0.6s;
}
.i-m-ban li.swiper-slide-active .link i {
  animation: downico 1.5s ease-out infinite;
}
.i-m-ban .page-btns {
  position: absolute;
  bottom: 76px;
  left: 5.5%;
  z-index: 2;
  height: 2px;
}
.i-m-ban .page-btns span {
  display: inline-block;
  width: 50px;
  height: 2px;
  margin-right: 10px;
  background-color: #3a333f;
  position: relative;
  cursor: pointer;
  vertical-align: top;
}
.i-m-ban .page-btns span i {
  display: block;
  height: 100%;
  position: absolute;
  width: 0;
  background-color: #918c94;
}
.i-m-ban .page-btns .swiper-pagination-bullet-active i {
  transition: width 4s linear 0s;
}



@media (max-width: 1050px){
	.i-m-ban .cent-cont{
		margin-top: -200px;
	}
	.i-ban li .cent-cont{
		width: 90%;
		left: 5%;
	}
	.i-ban li .word{
		font-size: 30px;
		line-height: 56px;
	}
	.i-ban{
		display: none;
	}
	.i-m-ban{
		display: block;
	}
	
}
.font-sign {font-size:20px;}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide,
.swiper-wrapper {
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
}



.side * {
	padding: 0;
	margin: 0;
}

.side * {
	padding: 0;
	margin: 0;
}



.side ol,
.side ul {
	list-style: none
}

.side a {
	text-decoration: none;
	color: #686868
}

.side img {
	border: 0
}

.side {
	position: fixed;
	width: 70px;
	right: 0;
	top: 70%;
	transform: translateY(-50%);
	/* margin-top: -200px; */
	z-index: 200;
	/* border: 1px solid #e0e0e0; */
	background: #fff;
	border-bottom: 0
}

.side ul li {
	width: 100%;
	height: 78px;
	float: left;
	position: relative;
	/* border-bottom: 1px solid #e0e0e0; */
	color: #1b2a75;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	transition: all .3s;
	cursor: pointer
}

.side ul li:hover {
	background: #1b2a75;
	color: #fff
}

.side ul li:hover a {
	color: #fff
}

.side ul li i {
	height: 25px;
	margin-bottom: 1px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 25px;
	margin-top: 14px;
	transition: all .3s
}


.side ul li i.bgs3 {
	background-image: url('../../../images/mskj/right_pic2.png')
}

.side ul li i.bgs4 {
	background-image: url('../../../images/mskj/right_pic1.png')
}

.side ul li i.bgs6 {
	background-image: url('../../../images/mskj/right_pic6_on.png')
}


.side ul li:hover i.bgs3 {
	background-image: url('../../../images/mskj/right_pic2_on.png')
}

.side ul li:hover i.bgs4 {
	background-image: url('../../../images/mskj/right_pic1_on.png')
}


.side ul li .sidebox {
	position: absolute;
	width: 78px;
	height: 78px;
	top: 0;
	right: 0;
	transition: all .3s;
	overflow: hidden
}

.side ul li.sidetop {
	background: #1b2a75;
	color: #fff;
	border-bottom: 0;
}

.side ul li.sidetop:hover {
	opacity: .8;
	filter: Alpha(opacity=80)
}

.side ul li.sideewm .ewBox.son {
	width: 238px;
	display: none;
	color: #363636;
	text-align: center;
	padding-top: 235px;
	position: absolute;
	left: -238px;
	top: 0;
	/* background-image: url('../img/wxs.png'); */
	background-repeat: no-repeat;
	background-position: center center;
	/* border: 1px solid #e0e0e0; */
	background-color: #1b2a75;
}

.side ul li.sideetel .telBox.son {
	width: 240px;
	/* height: 237px; */
	display: none;
	color: #fff;
	text-align: left;
	position: absolute;
	left: -240px;
	top: 0;
	background: #1b2a75
}

.side ul li.sideetel .telBox dd {
	display: block;
	height: 118.5px;
	overflow: hidden;
	padding-left: 82px;
	line-height: 24px;
	font-size: 18px
}

.side ul li.sideetel .telBox dd span {
	display: block;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	margin-top: 32px;
	font-size: 18px
}

.side ul li.sideetel .telBox dd.bgs1 {
	background: url('../../../images/mskj/right_pic8.png') 28px center no-repeat;
	background-color: #1b2a75
}


.side ul li:hover .son {
	display: block !important;
	-webkit-animation: fadein 1s;
	animation: fadein 1s
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@media screen and (max-width: 768px) {
	html {
		margin-bottom: 50px;
	}

	.side {
		position: fixed;
		width: 100%;
		height: 50px;
		left: 0;
		top: auto;
		bottom: 0;
		right: auto;
		margin: 0;
		transform: translateY(0);
	}

	.side ul {
		width: 100%;
		height: 50px;
	}

	.side ul li.sidetop {
		/* display: none; */
		float: right;
	}

	.side ul li {
		width: 28%;
		height: 50px;
		font-size: 12px;
		line-height: 22px;
		position: static;
		cursor: pointer;
	}

	.side ul li * {
		cursor: pointer;
	}

	.side ul li i {
		height: 20px;
		margin-top: 5px;
		background-size: auto 20px;
	}

	/*tel*/
	.side ul li.sideetel:hover .son,
	.side ul li.sideewm:hover .son {
		display: block !important;
		-webkit-animation: fadein 1s;
		animation: fadein 1s
	}

	.side ul li.sideetel .telBox.son {
		width: 130px;
		height: auto;
		left: 50%;
		bottom: 50px;
		margin: 0 0 0 -150px;
		top: auto;
	}

	.side ul li.sideetel .telBox dd {
		width: 100%;
		height: 50px;
		font-size: 14px;
		padding-left: 40px;
		line-height: 50px;
		float: left;
		margin: 0 0 0 -30px;
	}

	.side ul li.sideetel .telBox dd span {
		display: none;
	}

	.side ul li.sideetel .telBox dd.bgs1 {
		background: url('../../images/mskj/right_pic8.png') 14px center no-repeat;
		background-color: #1b2a75;
		background-size: 20px auto;
	}


	.side ul li.sideewm .ewBox.son {
		width: 100px;
		left: 50%;
		margin: 0 0 0 -22%;
		bottom: 50px;
		top: auto;
		background-size: 100% 100%;
		padding-top: 100px;
	}
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	html {
		margin-bottom: 84px;
	}

	.side {
		padding-bottom: 34px;
		box-sizing: content-box;
	}
}