@charset "utf-8";
/* CSS Document */
body { font:14px "Conv_GEInspiraSans-Regular-v01","Arial","microsoft Yahei",sans-serif; color: #333;word-wrap: break-word; background-color: #fff; line-height: 1.2;display: flex;
  min-height: 100vh;flex-direction: column;}
/**{padding:0;margin:0;}*/
img{border:0; vertical-align: middle;}
ul,li{list-style:none;}
a{text-decoration:none;transition:all 0.4s;-webkit-transition:all 0.4s;color: #333;}
input,textarea {  border: 0; background:none; font:14px "Conv_GEInspiraSans-Regular-v01","Arial","microsoft Yahei",sans-serif;color: #333;width: 100%; outline: none;}
h2{font-weight:400;}
i{ font-style:normal;}
b{ font-weight:normal;}

/*字体*/
@font-face {
	font-family: 'Conv_GEInspiraSans-Regular-v01';
	src: url('../fonts/GEInspiraSans-Regular-v01.eot');
	src: local('☺'), url('../fonts/GEInspiraSans-Regular-v01.woff') format('woff'), url('../fonts/GEInspiraSans-Regular-v01.ttf') format('truetype'), url('../fonts/GEInspiraSans-Regular-v01.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*文本框默认颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.8; color: #333}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.8; color: #333}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.8; color: #333}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.8; color: #333}

/*回顶部*/
#top{position:fixed; bottom:25%; right:20px; display: none;border-radius:3px; cursor:pointer; width:50px; height:50px; background:#666 url(../images/top.png); transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; z-index:9999;}
#top:hover{background:#333 url(../images/top.png) 0px -50px;}

/* clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before, body:before, .in_head:before, .in_main:before, .in_foot:before, .in_wrap:before { content: ''; display: table }
.cf:after, after, .in_head:after, .in_main:after, .in_foot:after, .in_wrap:after { content: ''; display: table; clear: both }
.cf, .in_head, .in_main, .in_foot, .in_wrap { *zoom: 1 }
.in_main{flex:1;}
/*图片放大*/
.tr_sc{ overflow:hidden; display:block;}
/*.tr_sc img{transition:0.3s all; -webkit-transition:0.3s  all;}*/
/*.tr_sc:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}*/ /*修改新闻图片需要固定*/

/*其他公用*/
.in_wrap{width: 1400px; margin: 0 auto; box-sizing: border-box; padding: 0 20px;position: relative;left:0;top:0;}
.ww{word-wrap: break-word}
.one_hid {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*页码*/
.page{text-align:center;clear:both;font-size:18px;overflow:hidden; padding: 30px 0;}
.page a{display:inline-block;color:#333;line-height:23px;box-sizing:border-box;margin:0 3px; vertical-align: middle;}
/*.Ppagelist a{border-radius:20px;width:23px; height: 23px;}*/
/*.page a:hover,*/
.page .Pmodern{color:#515256;font-weight:700;border:1px solid #f5f4f9;width:30px;height:30px;line-height:28px;font-weight:700;background:#f5f4f9}
.Ppage{position: relative;}
.page .Pmodern::after{content:'';display:inline-block;width:30px;height:30px;border:5px solid #00ffad;border-width:0 0 4px 0;position:absolute;bottom:-7px;right:3px}
.page .PIndex .Pprev,
.page .PEnd .Pnext {background-color: #fe605f; background-repeat: no-repeat; width: 40px; height: 40px; border-radius: 20px; margin: 0 34px;}
.page .PIndex .Pprev {background-image: url(../images/in_arrow_left.png);}
.page .PEnd .Pnext {background-image: url(../images/in_arrow_right.png);}

.page .PIndex .Pprev.noClick,
.page .PEnd .Pnext.noClick {background-color: #ccc;}
/*.page .PIndex .Pprev:hover,
.page .PEnd .Pnext:hover {background-color:#333;}*/

/*padding 和 margin*/
.p1012 {padding: 0px 0 20px; box-sizing: border-box;}

/*bgColor*/
/*.bg_f1 {background-color: #fcf9fe;}*/
.bg_f1 {background-color: #fff;}
.bg_grad {
	background: #0a88de;
	background:-webkit-linear-gradient(right,#0a88de,#8a43dd);
	background:-o-linear-gradient(right,#0a88de,#8a43dd);
	background:-moz-linear-gradient(right,#0a88de,#8a43dd);
	background:linear-gradient(to right,#0a88de,#8a43dd);
}

/*公用头尾*/
/*头部*/
.in_head {width: 100%; box-sizing: border-box;height:110px;z-index: 999;background:#4D4F65;} /*linear-gradient(270deg,rgba(50,38,168,1) 0%,rgba(80,48,199,1) 100%)*/
.head_tab_box {position:absolute;right:0;top:30px;text-align: right;font-size:20px;z-index: 99;}
.head_tab_box .li {display: inline-block; vertical-align: top; position: relative;transition:all 0.4s;-webkit-transition:all 0.4s; padding-bottom: 3px;}
.head_tab_box a {
  display: inline-block;
  color: #797787;
  line-height: 1.8;
  padding: 0 10px;
  cursor: pointer;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.head_tab_box .li ol {
  position: absolute;
  top: 30px;
  right: -10px;
  text-align: left;
  border: 1px solid #fff;
  background: #fff;
  padding: 10px;
  width: 230px;
  box-sizing: border-box;
  display: none;
  /* background-color: #f8f8f8; */
  border-radius: 2px;
  padding: 16px;
  margin: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.head_tab_box .li ol a {padding: 0 3px;}
.head_tab_box .li:hover ol {display: block;}
/*.head_tab_box a:first-child::after{*/
/*  content: "|";*/
/*  padding-left: 20px;*/
/*  color: #797787;*/
/*}*/


.head_logo {display: block; float: left;margin-right:20px;margin-top:-7px}
/* height: 30px;margin-right:40px;margin-top: 5px;*/
.head_nav_box {overflow: hidden;height: 110px;line-height: 110px;}
.head_logo img {width: 159px;height: 100%;min-height:auto;}
.head_nav_box .head_nav {float: left;top: 40%;}
.head_nav .li {float: left; padding: 0 16px;}
.head_nav .li .selectedStyle {color: #FFFFFF; font-size: 20px; display: block; line-height: 1; border-bottom: 2px solid transparent; padding-bottom: 5px;}
/*.head_nav .li.one a,.head_nav .li a:hover {color:#fff;border-bottom-color: #fff;}*/
.head_nav .li.one .selectedStyle, .head_nav{
  position: relative;
  color: #00FFAA;
}
.selectedStyle{
  content:'';
}
.head_nav .li .selectedStyle:hover{
  color: rgba(1, 255, 171, .8);
}
/*选中左上右下边框效果*/
.head_nav .li.one .selectedStyle::before{
  content: "";
  display: inline-block;
  width: 27px;
  /* height: 7px; */
  border: 5px solid #00FFAA;
  border-width: 8px 0px 0px 2px;
  /* margin-bottom: 3px; */
  /* margin-left: 10px; */
  position: absolute;
  /* left: -19px; */
  top: -44px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}
.head_nav .li.one .selectedStyle::after{
  /*content:'';*/
  /*display: inline-block;*/
  /*width: 7px;*/
  /*height: 7px;*/
  /*border: 5px solid #3B2CC3;*/
  /*border-width: 0px 2px 2px 0px;*/
  /*margin-bottom: 3px;*/
  /*margin-left: 10px;*/
  /*position: absolute;*/
  /*bottom: -4px;*/
  /*right: -9px;*/
}
/*选中左上右下边框效果*/
.head_nav_box .search{float: left;margin-left: 20px;display: inline;}
.head_nav_box .search input{width:250px;height:36px;border-radius:25px;border:1px solid #AF9AFF;color:#AF9AFF;padding:0 15px;font-size: 18px;}
.head_nav_box .search input::-webkit-input-placeholder {color: #aab2bd;font-size: 18px;}
/*尾部*/
.in_foot {color: #fff;}
.in_foot1 {background: #5030C7; background:linear-gradient(270deg,rgba(50,38,168,1) 0%,rgba(80,48,199,1) 100%); padding: 64px 0 50px;}
.foot_list {display: inline-block; vertical-align: top; padding-right: 20px; box-sizing: border-box; width: 29%;}
.foot_list.foot_list4 {width: 12%;}
.foot_list_tit {font-size: 30px; margin-bottom: 30px;}
.foot_list li{line-height:2;}
.foot_list a {color: #B3A6FF;font-size: 16px;}
.in_foot2 {color:#B3A6FF;background: #2c3040;border-top: 1px solid #e4e2f2; padding: 25px 0 27px;}
.foot_copy {font-size: 16px;text-align: center;color: #93959d;}
/*分享*/
.foot_share_box .bdshare-button-style0-24 a {padding-left: 40px; height: 40px;transition:all 0s;-webkit-transition:all 0s; background-image: url(../images/in_foot_icon1.png); background-position: 0 0;margin: 0 14px 14px 0;}
.foot_share_box .bdshare-button-style0-24 .bds_linkedin {background-image: url(../images/in_foot_icon2.png);}
.foot_share_box .bdshare-button-style0-24 .bds_twi {background-image: url(../images/in_foot_icon3.png);}

/*首页*/
.index_ban_box {text-align: center; background-size: cover; background-repeat: no-repeat;background-position: top center; padding: 80px 0px 80px 0px; box-sizing: border-box;}
.index_ban_pic {text-align: center;position: relative;}
.index_ban_pic img {max-width: 100%;}
.index_ban_btn_learn_more{display:inline-block;width:160px;height:50px;background:#0fa;box-shadow:0 8px 10px 0 rgb(0 169 113 / 50%);border-radius:25px;position:absolute;bottom:10%;left:18%;cursor:pointer;font-size:22px;font-weight:500;color:#464a62;line-height:50px}
.index_num_box {background: #fffeff;color: #B3A6FF;font-weight:bold;font-family: 'Avenir-Black',Avenir;}
.index_num {overflow: hidden;padding: 0px 1px;}
.index_num_top{padding-bottom: 40px; text-align: center;}
.index_num_top h4{font-size:40px;}
/*color:#fff;*/
.index_num_ul {margin: 0 -55px 0 -90px;}
.index_num_ul .li{float: left;width: calc(25% - 20px);box-sizing: border-box;background: #F4F3FC;text-align: center;height: 320px;
  margin: 0px 10px;}
.index_num_ul .li span {display: block; font-size: 26px;color:#000;padding-top: 40px;}
.index_num_ul .num_style {font-size: 75px;color:#998BFF;white-space: nowrap;}
.index_num_ul .num_style b {font-weight: normal; font-size: 60px;}
.index_num_ul .num_intro {font-size: 24px; line-height: 1.25; margin-top: 15px;}
/*首页-What we can do for you*/
.index_service_box{font-size:20px;color:#797787;line-height:1.5;height:680px;}
.index_service_box .in_wrap{overflow:hidden;}
.index_service_main{width:100%;float:left}
.index_service_img{float: left;width: 35%;}
.index_service_img img{height: 100%;background-size: cover;width: 400px;padding-top: 200px;}
.index_service_tit{text-align: center;}
.index_service_tit span{display: inline-block;}
.index_service_tit h4{font-size:50px;color: #fff;font-family: Avenir-Black,Avenir;background: #4d5065;}
/*.index_service_tit h4::before{content:"";width: 80px;height: 28px;display: inline-block;border-top: 1px solid #3B2CC3;border-radius: 5px 0px 0px 5px;border-left: 1px solid #3B2CC3;}*/
/*.index_service_tit h4::after{content:"";width: 80px;height: 28px;display: inline-block;border-bottom: 1px solid #3B2CC3;border-radius: 0px 5px 5px 0px;border-right: 1px solid #3B2CC3;}*/
.index_service_list {overflow: hidden;margin-top:60px;}
.index_service_list li{float:left;width:50%;box-sizing: border-box; padding: 0 40px 50px 40px;display:inline-block;vertical-align:top;}
.index_service_list li:nth-child(3){clear: both}
.index_service_list li h4{font-size:24px;color:#353738;padding: 20px 0;font-weight:normal}
.index_service_list li p{color: #797787;font-size: 16px;}
.arrow_icon {
	position: absolute;
	width: 40px;
  	height: 40px;
  	border-radius: 20px;
  	background-color: #3628ac;
  	background-position: center center;
  	background-repeat: no-repeat;
  	z-index: 10;
  	cursor: pointer;
}

.arrow-left {
  background-image: url(../images/in_arrow_left.png);
}
.arrow-right {
	background-image: url(../images/in_arrow_right.png);
}
.index_service_swiper .arrow_icon {
	top: 50%;
	margin-top: -40px;
}
.index_service_swiper .arrow-left {
	left: -77px;
}
.index_service_swiper .arrow-right {
  right: 37px;
}
.arrow_icon.arrow_noSlide{
	background-color: #000;
}

/*.index_four_bg{background-size: contain;height: 520px;margin: 2%;}*/

/*手风琴效果*/
/*margin:50px auto;*/
.accordion{width:100%;height:466px;overflow:hidden;}
.accordion ul{width:100%;display:table;table-layout:fixed;margin:0;padding:0}
.accordion ul li{display:table-cell;vertical-align:bottom;position:relative;width:16.666%;height:466px;background-repeat:no-repeat;background-position:center center;transition:all 500ms ease}
.accordion ul li .accordin_wrapper{display:block;overflow:hidden;width:100%;position: absolute;top:20%;}
.accordion ul li .accordin_wrapper a{width:360px;display:block;height:auto;position:relative;z-index:3;vertical-align:bottom;padding:15px 20px;box-sizing:border-box;color:#fff;text-decoration:none;font-family:'Lato',sans-serif;transition:all 200ms ease}
/*.accordion ul li div a *{opacity:0;margin:0;width:100%;text-overflow:ellipsis;position:relative;z-index:5;white-space:nowrap;overflow:hidden;-webkit-transform:translateX(-20px);transform:translateX(-20px);-webkit-transition:all 400ms ease;transition:all 400ms ease}*/
.accordion ul li .accordin_wrapper a h2{font-family:"Montserrat", sans-serif;}
.accordion ul li .accordin_wrapper a p{
  top: 160px;
  /*width: 200px;*/
  /*font-size: 13.5px;*/
  color: #BABFE1;
  padding-right: 20px;
}
.accordion_title{font-size:30px;margin: 6px 0px 10px 0px;}
.accordion ul li:nth-child(1){
background: #686A83;
}
.accordion ul li:nth-child(2){
  background: #54576F;
}
.accordion ul li:nth-child(3){
  background: #41455C;
}
.accordion ul li:nth-child(4){
  background: #383D54;
}
.accordion ul:hover li{
  width: 20%;
}
/*.accordion ul:hover li:hover{*/
/*  width: 60%;*/
/*}*/
/*What we can do for you触碰没效果*/

.accordion ul:hover li:hover a{
  /*background: rgba(0, 0, 0, 0.4);*/
  /*width: 50%;*/
  /*float: right;*/ /*What we can do for you触碰没效果*/
}
.accordion ul:hover li:hover a *{
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  /*margin: 6px 0px 10px 0px;*/
}
.accordion ul:hover li{width:20%}
/*.accordion ul:hover li:hover{width:60%}*//*What we can do for you触碰没效果*/
/*.accordion_content{width: 100%;word-break: break-all;}*/
/*.accordion ul:hover li:hover a{background:rgba(0,0,0,0.4)}*/
.accordion ul:hover li:hover a *{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
@media screen and (max-width:600px){.accordion{height:auto}
.accordion ul li,.accordion ul li:hover,.accordion ul:hover li,.accordion ul:hover li:hover{position:relative;display:table;table-layout:fixed;width:100%;-webkit-transition:none;transition:none;height: 360px;}}
/*手风琴效果end*/
/*首页-news*/
.shadow-1:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:inherit;height:inherit;z-index:-2;-webkit-border-radius:inherit;-webkit-background-clip:padding-box;-moz-border-radius:inherit;-moz-background-clip:padding;border-radius:inherit;background-clip:padding-box;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)}
.shadow-1:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:inherit;height:inherit;z-index:-2;-webkit-border-radius:inherit;-webkit-background-clip:padding-box;-moz-border-radius:inherit;-moz-background-clip:padding;border-radius:inherit;background-clip:padding-box;pointer-events:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.16);box-shadow:0 2px 10px 0 rgba(0,0,0,0.16)}
.swiper-pagination-bullet-active{width: 20px;border-radius: 50px;}
.swiper-pagination-clickable .swiper-pagination-bullet{background: #fff;margin: 0px 4px;border-radius: 50px;width: 20px;}
.index_news_box {padding-bottom:105px; background-color: #323039; overflow: hidden;}
.index_news_tit {font-size: 30px; color: #2831a5;margin-bottom: 27px;}
.index_news_swiper .swiper-container {overflow: inherit;margin-left: -25px;overflow:hidden;}
.index_news_swiper .swiper-slide { box-sizing: border-box;}
.index_news_slide {display: block;background-color: #fefbff; border-radius: 10px; overflow: hidden; height: 438px;position: relative;}
.in_news_pic {}
.in_news_pic img {width: 100%;min-height:198px;}
.in_news_con {padding: 20px 20px 25px;background: #fefbff;}
.in_news_tit{font-size:30px;line-height:34px;min-height:66px;max-height:136px;overflow:hidden;margin-bottom:15px;color:#44475b;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 /*新闻标题超过两行省略*/
.in_news_intro {font-size: 20px; line-height: 24px; max-height: 240px;overflow: hidden; margin-bottom: 26px;color:#797787;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} /*增加新闻简短描述超过三行时省略*/
.in_news_time {font-size: 16px; line-height: 20px; padding-bottom:14px; background-color: #fefbff; box-sizing: border-box; font-weight: normal; width: 100%;color:#AAA9AE;}

.index_news_swiper { position: relative;}
.index_news_swiper .pagination {
  position: absolute;
  left: 0;
  bottom:-2rem;
  text-align: center;
  width: 100%;
  line-height: 0;
}
.index_news_swiper .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #c8c8c8;
  margin: 0 5px;
  cursor: pointer;
}
/*.index_news_swiper .swiper-visible-switch {*/
/*  background: #eee9fd;*/
/*}*/
.index_news_swiper .swiper-active-switch {
  background: #998BFF;
}

.index_news_swiper .arrow_icon {
	/*background-color: #000;*/
	bottom: 0;
}
.index_news_swiper .arrow-left {
	left: 0;
  bottom: -4rem;
}
.index_news_swiper .arrow-right {
	right: 0;
  bottom: -4rem;
}
.index_news_swiper .arrow_icon.arrow_noSlide {
	background-color: #ccc;
}

/*首页-Zeasn partner*/
.index_join_box {background-color:#fcf9fc;}
.index_join_box_con{
	/*background: url(../images/index_join_box_con.jpg) left top no-repeat;*/
	overflow: hidden;
	background-size: auto 100%;
	height: 260px;
	padding-top:130px;
}
.common_tit_bg{background:#B3A6FF;height:2px;width:50px;font-size:0;display: block;margin:0 auto 20px}
.common_tit_bg1{background:#3628AC;height:2px;width:50px;font-size:0;display: block;margin:0 auto 10px}

.index_join_left {float: left; box-sizing: border-box; color: #353738;}
.index_join_right {float: right; width: 240px;}
.index_join_right a{background:#0fa;margin-bottom:23px;text-align:center;display:inline-block;color:#47485a;width:180px;font-weight:700;line-height:40px;box-sizing:border-box;border-radius:30px;font-size:16px;box-shadow:0 1px 3px rgba(0,0,0,.3),0 5px 12px rgba(0,0,0,.22)}
.index_join_right a:nth-child(2){background: #40505d;color: #00FFAA;}
/*.index_join_right a:nth-child(2):hover {*/
/*  background-color: #998aff;*/
/*  color: #fff;*/
/*}*/
/*.index_join_right a:hover{color:#3527AB;}*/
.index_join_tit {font-size: 50px; line-height: 1;margin-left:50px;font-weight: bold;}
.index_join_intro {font-size: 30px; margin: 24px 0 0 50px;color:#A09FA9;}

/*About Us*/
.lm_ban_box {background: center no-repeat; background-size: cover; height: 668px; box-sizing: border-box; padding-top: 0px;}
.lm_ban_tit{text-align:center;font-size:72px;color:#fff;font-family:Avenir-Black,Avenir;margin-top:50px}
.about_part1 {margin:80px auto;background: right top no-repeat;background-size: cover;padding:0px 80px;box-sizing: border-box;}
.about_part1 .about_intro {padding: 10px 0; line-height: 1.45; font-size: 22px;color:#333}
.about_part1 .about_intro_con {margin-top:30px;}
.about_part1 .about_intro h2 {font-size: 50px; color: #3628AC;font-weight:bold;line-height:66px;}
.about_part1 .about_intro h2 {font-size: 50px; color: #3628AC;font-weight:bold;line-height:66px;}
.cf h2{font-size:80px;text-align:center;font-weight:700;color:#323039;font-family:Avenir-Heavy,Avenir}
.about_part2 {overflow: hidden;background: #323039;padding:80px 0;}
.about_part2_tit {font-size:40px; line-height: 1;color:#fff;text-align: center;font-weight: bold;font-family: Avenir-Black,Avenir;}
.about_part2_ul {box-sizing: border-box; margin:80px -120px 0;}
.about_part2_ul .li {float: left; width: 33.3%;color: #B3A6FF; padding: 0 120px; box-sizing: border-box; margin: 15px 0;margin-left: -1px; }
.about_part2_ul .about_tit2 {font-size: 40px; line-height: 1.2;color:#FFE94B;}
.about_part2_ul .about_intro2 {font-size: 24px; line-height: 30px; height: 90px; overflow: hidden;margin: 30px 0 18px;}

/*Contact Us*/
.contact_box {background-size: cover;/*background-attachment: fixed;*/background-repeat: no-repeat;background-position: top center;}
.contact_box:nth-child(odd){background: #323039;}
.contact_box:nth-child(even){background: #f2f2f5;}

.contact_ul .li {float: left; width: 100%; box-sizing: border-box;}
/*.contact_ul .li1 {padding-right: 40px;}*/
/*.contact_ul .li2 {padding-left: 40px;}*/
.contact_form_box {width: 50%;height: 755px; overflow: hidden; box-sizing: border-box;border-radius: 16px; padding:50px 50px 0px 50px;margin:0 auto;} /* background: #fff; border: 2px solid #3628AC; */
.contact_form_tit {font-size: 48px; margin-bottom: 15px;color:#44475B;text-align: center;}
.contact_form_span {font-size: 16px;color:#797787;text-align: center;}
.contact_form {margin-top: 50px;}
.contact_form dl{border: 1px solid #E0DFE3; border-radius: 30px; padding:0 20px 0px 48px; margin-bottom: 10px;}
.contact_form dt {float: left; width: 85px; font-size: 18px; line-height: 50px;text-align: left;}
.contact_form dt label {display: block;cursor: pointer;color: #44475B;}
.contact_form dd {margin-left: 85px;}
.contact_form dd input {height: 50px; line-height: 50px; font-size: 18px;}
.contact_form dd textarea {resize: none; font-size: 18px; line-height: 25px; margin: 15px 0; height: 135px;}
.contact_form .form_submit {margin-top: 20px; width: 223px; border: 2px solid #fff; border-radius: 30px; background: #3628AC; overflow: hidden;}
.contact_form .form_submit input {color: #fff; font-size: 30px; text-align: center; height: 65px; line-height: 65px; cursor: pointer;}

.contact_ul .li1 .contact_form_box { color: #fff; background-size: cover;} /*background:#3628AC;*/
.contact_ul .li1 dl {border: 1px solid #E0DFE3;background:#fff;position: relative;}
.contact_ul .li1 input,.contact_ul .li1 textarea {color: #44475B;}
.contact_ul .li2 input,.contact_ul .li2 textarea {color: #797787;}
.contact_ul .li2 .contact_form_tit {color:#fff;}
.contact_ul .li2 .contact_form_span {color:#B0AFB9;}
.contact_ul .li2 .contact_form dl{position: relative;border-color: #e6e6e6;}
.contact_ul .li2 .contact_form dt label{color:#B0AFB9;}
.contact_ul .li2 .contact_form .button-style{background: #00FFAA;}
.contact_ul .li2 input, .contact_ul .li2 textarea{color: #fff;}
/*Contact Us*/
/*.contact_form .form_submit:hover {background:#ff  f; border:1px solid #3628AC;}*/
/*.contact_form .form_submit input:hover {background:#fff; color: #3628AC;}*/

/*news*/
.news_list_ul {margin: 0 0 0 -25px;}
.news_list_ul .li {float: left; width: 33.33%; box-sizing: border-box; padding: 0 0 25px 25px;}

/*newsDetail*/
.detail_ban_box {background-size:100% 100%; /*background-attachment: fixed;*/background-repeat: no-repeat;background-position: top center;}
/*.news_detail_box {padding: 30px 0 140px;}*/
.news_detail_print {text-align: right;}
.news_detail_print a {display: inline-block; padding-left: 30px; line-height: 22px; background: url(../images/detail_printIcon.png) left top no-repeat;}
.news_detail {padding: 35px 200px;}
.news_detail .news_tit {font-size: 40px; margin-bottom: 14px;}
.news_detail .news_time {font-size: 13px; font-weight: bold;margin-bottom: 40px;}
.news_detail_con{font-size:18px;line-height:1.67;width:55%;display:inline;float:right;color: #797787;}
.news_detail_con img {max-width: 100%; margin: 10px 0;}
/*.left_icon{background:url("../images/new_detail_icon.jpg")}*/


/*Resource center*/
/*.resource_nav_ul{padding: 20px 0px;}*/
.resource_box {background-size: 100% auto; background-position: top center; background-repeat: no-repeat; padding:50px 0;background: #fff;}
.resource_nav {position: relative; float: left; width: 310px;box-sizing: border-box;background: #fff;}
.resource_nav a {display: block; color: #44475B;line-height:1;}
.resource_nav .li_tit {
  padding: 12px 30px 10px 30px;
  font-weight: bold;
  font-size: 24px;
}
.visiable_name{
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.resouce_nav_second_ul{
  /*padding-top: 20px;*/
}
.resource_nav a{
  position: relative;
}
.resource_nav .li_tit b img{margin: -11px 0 0 5px;}
.resource_nav .submenu li {font-size: 18px; line-height: 24px;padding-left: 30px;
  width: 80%;}
.resource_nav .submenu li a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 1rem;
  line-height: 30px;}
.resource_nav .submenu li.active a,
.resource_nav .submenu li a:hover {color:#00FFAA;background: #f3f3f6;}
.resource_nav .submenu {display: none;}
/*.resource_nav .open .li_tit{color:#4C39CE;background: url('../images/li_tit_open.png') no-repeat left center;}*/
.resource_nav .open .li_tit{color:#00FFAA;background: #f3f3f6;border-left: 4px solid #00FFAA;}
.resource_nav .open .down_arrow{display: none;}
.resource_nav .open .submenu {display: block;margin:1rem 0px;}
.resource_con {overflow: hidden; font-size: 20px;color:#797787;line-height: 1.5; padding-bottom:65px;padding-left: 40px;}
.resource_con h1 {color: #44475B; font-size: 26px; font-weight: bold; margin: 2em 0 30px;text-align: left;}
.resource_con img {max-width: 100%;}
.resource_con a {color: #3628AC;}

.open > a::after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 5px solid #00FFAA;
  border-width: 2px 0px 0px 2px;
  transform: rotate(45deg);
  margin-bottom: 2px;
  margin-left: 10px;
  position: absolute;
  z-index: 99;
  top: 22px;
}
.down_arrow::after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 5px solid #353738;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  margin-bottom: 8px;
  margin-left: 10px;
}


/*Forums*/
.develop_box {text-align: center; padding: 70px 0; font-size: 24px; line-height: 1.25;}
.develop_box h1 {font-size: 50px; font-weight: bold; color:#3628AC; margin: 0 auto; padding-bottom:10px;}
.develop_box p {margin: 0 auto; padding: 10px 50px;text-align:left;}
.develop_box img {max-width: 100%; margin-top: 30px;}

/*Search*/
.search-box{padding:40px 0;position:relative;left:0;top:0;background:#fff}
.search-input{width:700px;height:60px;border-radius:30px;border:1px solid #482ebf;font-size:22px;color:#482ebf;line-height:1;padding:0 60px 0 40px}
.search-btn{background:url(../images/btn-search.png) no-repeat;display:block;width:24px;height:24px;position:absolute;left:750px;top:58px;cursor:pointer}
.search-list{width:100%;float:right;margin-bottom:2rem;margin-top: 80px;}
.search-list-menu{font-weight:700;float:left;width:30%;margin-top: 50px;}
.search-list-menu li{font-size:20px;color:#353738;margin-right:40px;text-align:left;cursor:pointer;padding:0 10px;line-height:50px;height:50px}
.search-list-menu li label{line-height:50px;}
.search-list-menu li.on{color:#01ffaa;position:relative;background:#f3f3f6;border-left:4px solid #01ffaa}
.search-list-con{padding-top:25px;width:70%;float:right}
.search-list-con li{line-height:1.5;font-size:20px;color:#797787;padding:20px 0 40px 0}
.search-list-con li a{color:#44475B;font-size:30px;font-weight:bold;font-family: Avenir-Heavy,Avenir;}
.search-list-con li a:hover{text-decoration:none;}
.sl-time{padding:10px 0;font-size:16px;color:#aaa9ae}
.sl-middle-line{border-bottom:1px solid #e1e1e7;display:block}
.search-list-con li .sl-con{width:95%;overflow:hidden;text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#797787}

/*首页*/
.head_tab_box a:hover {color: #2584b2;}
.foot_list_ul a:hover {color: #2584b2;}
/*.index_join_right a:hover {background-color: #fff; color: #998aff;}*/


/*PC display*/
.ip_nav {display: none;}
.phone_nav{display:none;}

/*--1600--*/
@media screen and (max-width:1600px){/*--1260--*/
	.in_wrap {width: 1360px;}
	/*首页*/
	.index_num_top{padding: 40px 0px;}
	.index_num_ul {margin: 0 -16px 0 -58px;}
	/*.index_num_ul .li {padding: 0 20px 140px 58px;}*/
	.index_service_swiper {width: auto;}
	.index_service_slide {width: 50%;padding: 60px 158px 30px 40px;}

	/*AboutUs*/
	.about_part2_ul {margin: 40px -65px 0;}
	.about_part2_ul .li {padding: 0 65px;}

	/*news*/
	/*.in_news_time {height: 61px;}*/

	/*newsDetail*/
	.news_detail {padding: 35px 100px;}
  .formRedRequired{color:red;font-size:30px;position:absolute;left:30px;line-height:64px}
}

/*--ipad横--*/
@media screen and (max-width:1320px){/*--1320--*/
	/*头部*/
	/*底部*/
	.index_join_box {padding: 32px 0 40px;}
	.index_join_box_con{
		height: 200px;
		padding-top:40px;
	}
	.index_join_tit {font-size: 30px;}
	.index_join_intro {font-size: 20px; margin-top: 15px;}
	.index_join_right{float:none;margin-left:50px;width:350px;clear: both;padding-top:20px;}
	.index_join_right a {float:left;width: 140px;line-height: 45px;font-size: 20px;margin-right: 15px;border-radius: 5px;}
	.in_foot1 {padding: 40px 0 16px;}
	.foot_list_tit {font-size: 24px;margin-bottom: 24px;}
	.foot_list a {font-size: 15px;margin-bottom: 13px;}
	.in_foot2 {padding: 20px 0 22px;}
	.foot_copy {font-size: 15px;}

	/*首页*/
	.index_ban_box {padding: 140px 0 50px;}
	.index_ban_tit {font-size: 96px; width: 640px;}

	.index_num_top{padding: 80px 0 60px;}
	.index_num_ul {margin: 0 -12px 0 -46px;}
	.index_num_ul .li {padding: 0 18px 120px 50px;}
	.index_num_ul .li span {font-size: 24px;}
	.index_num_ul .num_style {font-size: 72px;}
	.index_num_ul .num_style b {font-size: 48px;}
	.index_num_ul .num_intro {font-size: 20px;margin-top: 10px;}


	.index_news_box {padding: 90px 0 80px;}
	.index_news_box .in_wrap {padding: 0 60px;}
	.index_news_tit {font-size: 24px;margin-bottom: 22px;}
	.index_news_swiper .swiper-container {margin-left: -20px;}
	/*.index_news_swiper .swiper-slide {padding-left: 20px;}*/
	.in_news_con {}
  .in_news_tit {font-size: 24px;line-height: 28px;max-height: 112px; margin: 0 10px 10px 0;display:block;text-overflow: ellipsis;white-space: nowrap;}
	.in_news_intro {font-size: 15px;line-height: 22px;max-height: 220px;}
	.index_news_slide {height: 440px;}



	/*公共样式*/
	.lm_ban_box {height: 340px; padding-top: 160px;}
	.lm_ban_tit {font-size: 56px;}
	.in_wrap {max-width:1320px;}
	/*About Us*/
	.about_part1 {margin:60px auto;padding: 0px;}
	.about_part1 .about_intro {line-height: 1.35; font-size:19px;}
	.about_part1 .about_intro_con {margin-top:25px;}
	.about_part1 .about_intro h2 {font-size: 40px;line-height:50px;}


	.about_part2 {padding: 80px 0; background-size: 80% auto;}
	.about_part2_tit {font-size: 42px;padding: 12px 0 48px;}
	.about_part2_ul {margin: 0 -50px;}
	.about_part2_ul .li {padding: 0 50px;}
	.about_part2_ul .about_tit2 {font-size: 32px;}
	.about_part2_ul .about_intro2 {font-size: 20px;line-height: 24px;height: 72px;margin: 24px 0 15px;}
	/*Contact Us*/
	.contact_box {background-size: cover;}
	.p1012 {padding: 80px 0 96px;}
	.contact_form_box {height: 640px; }
	.contact_ul .li1 .contact_form_box {background-size: cover;}
	.contact_ul .li1 {padding-right: 30px;}
	.contact_ul .li2 {padding-left: 30px;}
	.contact_form_tit {font-size: 40px;margin-bottom: 12px;}
	.contact_form_span {font-size: 20px;}
  .formRedRequired{color:red;position: unset;font-size: inherit;line-height: 36px;}
	.contact_form {margin-top: 40px;}
	.contact_form dl {padding: 0 15px;border-radius: 8px;}
	.contact_form dt {width: 70px;font-size: 16px;line-height: 45px;}
	.contact_form dd {margin-left: 75px;}
	.contact_form dd input {height: 45px;line-height: 45px;font-size: 16px;}
	.contact_form dd textarea {font-size: 16px; line-height: 24px;margin: 12px 0;height: 110px;}
	.contact_form .form_submit {width: 180px;border-radius: 8px;}
	.contact_form .form_submit input {font-size: 24px;height: 55px;line-height: 55px;}
  /*news Detail*/
	.detail_ban_box {padding-top: 0px;}
	.news_detail_box {padding: 24px 0 110px;}
	.news_detail {padding: 28px 80px;}
	.news_detail .news_tit {font-size: 32px;margin-bottom: 10px;}
	.news_detail_con {padding: 28px 0;font-size: 16px;line-height: 1.5;}
	.head_tab_box{top:5px;}
	/*Resource Center*/
	/*.resource_box {padding-bottom: 50px;}*/
	.resource_nav .li_tit {font-size: 18px;}
	.resource_nav .submenu li {font-size: 14px;line-height: 18px;}
	.resource_con {padding-bottom: 50px;font-size: 16px;}
	.resource_con h1 {font-size: 40px;}
  .con_image{
    float: none;
    padding: 0px;
  }
	/*news*/
	.news_list_ul .li {padding: 0 0 20px 20px;}
	.page {padding: 25px 0;}

	/*Forums*/
	.develop_box {padding-top: 56px; font-size: 20px;}
	.develop_box h1 {font-size: 40px; width: 590px; padding: 8px 0;}
	.develop_box p {padding: 8px 20px;}
	.develop_box img {margin-top: 24px;}
	/*newsDetail*/
	.news_detail_print {display: none;}
	/*Search*/
	.search-box{padding:10px 0;}
	.search-input{width:90%;margin: 0 auto;height: 50px;font-size:18px;padding:0 30px 0 20px;}
	.search-btn{left:auto;right:45px;top:23px;}
	.search-list-menu{border-bottom: solid 2px #EBEBEB;height:50px;font-weight: bold;}
	.search-list-menu li{margin-right: 30px;}
	.search-list-menu li label{line-height: 46px;}
	.search-list-con{padding-top: 15px;}
	.search-list-con li{font-size: 16px;padding:15px 0;}
	.search-list-con li a{font-size:22px;}

  .grid{grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));}
}
/*--ipad竖--*/
@media screen and (max-width:1002px){/*--768--*/
	/*手机导航*/
	.phone_nav{display: block;}
	.body_on{overflow:hidden; width:100%; height:100%; position:fixed; left: 0; top: 0;}

	/*头部*/
	.phone_nav .top{background:#4D4F65;height: 50px; position:relative; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 0 20px; z-index:999;box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.22);}
	.phone_nav .top .a{float: left; height: 30px; margin: 10px 0;}
	.phone_nav .top .a img{height:100%;}
	.phone_nav .top .but{ float:right; width: 25px; height: 25px; margin:10px 0; display: block;}
	.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background:#fff; display: block; position: relative; transition: 0.4s;}
	.phone_nav .top .but i:before,
	.phone_nav .top .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #fff; transition: 0.4s;}
	.phone_nav .top .but i:before{ margin-top: -7px;}
	.phone_nav .top .but i:after{ margin-top: 7px;}

	/*背景*/
	.phone_nav .box{ width:100%; height: 100%; background-color: rgba(0,0,0,.85); position: fixed; left: 0; top: 0; z-index: 998; transform: translateX(100%); transition: 0.7s; }
	.phone_nav .box_con{ margin:50px 20px 10px 20px; overflow-x: hidden;}

	/*列表*/
	.phone_nav .box_con ul{ border-bottom: 1px solid rgba(225,225,225,0.7);}
	.phone_nav .box_con li{ border-bottom: 1px solid rgba(225,225,225,0.7); padding: 15px 10px; position: relative;}
	.phone_nav .box_con li a{color:#fff; font-size: 16px; display: block; line-height: 30px;}
	.phone_nav .box_con li:last-child{border-bottom: 0; }
	.phone_nav .box_con ol{display: none; padding-top: 10px;}
	.phone_nav .box_con .a_zk{position:absolute; right:0; top:15px; width: 30px; height: 30px; transition:0.4s;  transform: rotate(-90deg);
	background: url(../images/a_ico_nav.png) center no-repeat;}
	.phone_nav .box_con .a_zk_on{transform: rotate(0deg);}

	/*打开样式*/
	.phone_on .top .but i:before{ transform: rotate(45deg); margin: 0;}
	.phone_on .top .but i:after{ transform: rotate(-45deg); margin: 0;}
	.phone_on .top .but i{ background:none;}
	.phone_on .box{transform: translateX(0%);}

	/*头部*/
	.in_head {display: none;}
	/*尾部*/
	.index_join_box {padding: 25px 0 30px;}
	.index_join_box_con{
		height: 200px;
		padding-top:40px;
	}
	.index_join_tit {font-size: 30px;}
	.index_join_intro {font-size: 20px; margin-top: 15px;}
	.index_join_right{float:none;margin-left:50px;width:350px;clear: both;padding-top:20px;}
	.index_join_right a {float:left;width: 140px;line-height: 45px;font-size: 20px;margin-right: 15px;border-radius: 5px;}
	.in_foot1 {padding: 30px 0 12px;}
	.foot_list_tit {font-size: 20px;margin-bottom: 16px;}
	.foot_list a {font-size: 14px; margin-bottom: 10px;}
	.foot_list {width: 28%;}
	.foot_list.foot_list4 {width: 14%;}
	.in_foot2 {padding: 15px 0 17px;}
	.foot_copy {font-size: 14px;}

	/*首页*/
	.index_ban_box {padding: 40px 0;}
	.index_ban_tit {font-size: 76px;width: 510px;}
	.index_num_top{padding: 60px 0 40px;font-size:30px;}
	.index_num_ul {margin: 0 -12px 0 -25px;}
	.index_num_ul .li {padding: 0 18px 60px 50px;}
	.index_num_ul .li span {font-size: 20px;}
	.index_num_ul .num_style {font-size: 50px;}
	.index_num_ul .num_style b {font-size: 38px;}
	.index_num_ul .num_intro {font-size: 16px;}
	.index_news_box {padding: 70px 0 60px;}

	.index_service_box{font-size:18px;height:auto;padding-bottom:10px;}
	.index_service_main{width:100%;float:none}
	.index_service_img{display:none}
	.index_service_tit{background: #4d5065;}
	.index_service_tit h4{font-size:28px;}
  .index_service_title{font-size: 40px;color: #fff;font-weight: bold;}
	.index_service_list {margin-top:50px;}
	.index_service_list li{float:none;width:100%; padding: 0 20px 30px 20px;}
	.index_service_list li h4{font-size:22px;padding: 10px 0;}

	/*公共样式*/
	.lm_ban_box {height: 270px; padding-top: 110px;}
	.lm_ban_tit {font-size: 44px;}

	/*About Us*/
	.about_part1 {margin:40px auto;padding:0px;}
	.about_part1 .about_intro {font-size: 15px;}
	.about_part1 .about_intro_con {margin-top:20px;padding: 2rem 0rem;width: 100%;}
	.about_part1 .about_intro h2 {font-size: 24px;}
  .about_intro_con p {white-space: pre-wrap;}
	.about_part2 {padding: 60px 0;}
	.about_part2_tit {font-size: 30px;padding: 10px 0 38px;}
	.about_part2_ul {margin: 0 -25px;}
	.about_part2_ul .li {padding: 0 25px;}
	.about_part2_ul .about_tit2 {font-size: 26px;}
	.about_part2_ul .about_intro2 {font-size: 16px;line-height: 20px;height: 60px;margin: 20px 0 12px;}

	/*Contact Us*/
	.p1012 {padding: 60px 0 70px;}
	.contact_ul .li1 {padding-right: 10px;}
	.contact_ul .li2 {padding-left: 10px;}
	.contact_form_box {height: 640px;padding: 50px 50px 0px 50px;}
	.contact_form_tit {font-size: 32px;margin-bottom: 8px;}
	.contact_form_span {font-size: 16px;}
	.contact_form {margin-top: 30px;}
	.contact_form dl {padding: 0 12px;border-radius: 5px;}
	.contact_form dt {width: 65px;font-size: 14px;line-height: 36px;}
	.contact_form dd {margin-left: 70px;}
	.contact_form dd input {height: 36px;line-height: 36px;font-size: 14px;}
	.contact_form dd textarea {font-size: 14px;line-height: 20px;margin: 10px 0;height: 100px;}
	.contact_form .form_submit {width: 144px;border-radius: 5px;}
	.contact_form .form_submit input {font-size: 20px;height: 45px;line-height: 45px;}
  /*.formRedRequired{line-height: 36px;}*/
	.contact_form .formError {margin-left: -40px;}

	/*news Detail*/
	.detail_ban_box {padding-top: 0px;}
	.news_detail_box {padding: 20px 0 80px;}
	.news_detail {padding: 22px 40px;}
	.news_detail .news_tit {font-size: 26px;margin-bottom: 8px;}
	.news_detail_con {padding: 22px 0;font-size: 15px;}
  .con_image{
    float: none;
    padding: 0px;
  }
	.head_tab_box{top:5px;}
	/*Resource Center*/
	.resource_nav {width: 240px; padding: 20px 0 40px;margin-right: 20px;margin-top: -30px;border-radius: 5px;}
	.resource_nav .li_tit {padding: 8px 12px;}
	.resource_con {padding-bottom:40px;font-size: 15px;}

	/*Forums*/
	.develop_box {padding-top: 45px; font-size: 16px;}
	.develop_box h1 {font-size: 32px; width: 470px; padding: 5px 0;}
	.develop_box p {padding: 5px 20px;}
	.develop_box img {margin-top: 20px;}

	/*Search*/
	.search-box{padding:10px 0;}
	.search-input{width:90%;margin: 0 auto;height: 50px;font-size:18px;padding:0 30px 0 20px;}
	.search-btn{left:auto;right:45px;top:23px;}
	.search-list-menu{border-bottom: solid 2px #EBEBEB;height:50px;font-weight: bold;}
	.search-list-menu li{margin-right: 30px;}
	.search-list-menu li label{line-height: 46px;}
	.search-list-con{padding-top: 15px;}
	.search-list-con li{font-size: 16px;padding:15px 0;}
	.search-list-con li a{font-size:22px;}
}
/*--手机横--*/
@media screen and (max-width:758px){/*--480--*/
	/*手机导航*/
	.phone_nav .top {padding: 0 15px;}
	.phone_nav .box_con {margin: 50px 15px 10px 15px;}
	.phone_nav .box_con li a {font-size: 15px;}
	.phone_nav .box_con li {padding: 10px;}
	.phone_nav .box_con .a_zk {top: 10px;}
	.phone_nav .box_con ul {padding-top: 10px;}

	/*移动端显示*/
	.ip_nav {display: block;}
	.in_wrap {padding: 0 12px;width: 100%;}
	/*底部*/
	.index_join_box_con{
		height: 160px;
		padding-top:40px;
	}
	.index_join_left {float: none;width: 100%;}
	.index_join_right {float: none; width: 100%;padding-top: 20px;text-align: left;}
	.index_join_tit {font-size: 24px;}
	.index_join_intro {font-size: 16px;margin-top: 10px;}
	.index_join_right a {width: 112px; line-height: 36px;font-size: 16px;margin: 0 12px 0 0;}
	.in_foot1 {display: none;}
	.in_foot2 {padding: 12px 0 14px;}
	.foot_copy {text-align: center;}

	/*首页*/
	.index_ban_box {padding: 32px 0;}
	.index_ban_tit {font-size: 50px;width: 350px;}

	.index_num_top{padding: 40px 0 20px;}
	.index_num_top h4{font-size:30px;}
	.index_num_ul {margin: 0;}
	.index_num_ul .li {float: none; width: 100%;padding: 15px 10px 25px; border-left: none; border-bottom: 1px solid rgba(153,153,153,0.3); height: auto; margin: 0 0 15px;}
	.index_num_ul .li:last-child {border-bottom: none;}
	.index_num_ul .li span {font-size: 20px;}
	.index_num_ul .num_style {font-size: 50px;}
	.index_num_ul .num_style b { font-size: 40px;}
	.index_num_ul .num_intro {font-size: 16px;}

	.index_news_box {padding: 55px 0 45px;}
	.index_news_box .in_wrap {padding: 0 12px;}
	.in_news_time {padding: 10px 0 20px;height: 50px;}

	/*首页-What we can do for you*/
	.index_service_box{font-size:16px;height:auto}
	.index_service_main{width:100%;float:none}
	.index_service_img{display:none}
	.index_service_tit{padding-top:30px;}
	.index_service_tit h4{font-size:25px;}
	.index_service_list {margin-top:50px;}
	.index_service_list li{float:none;width:100%; padding: 0 20px 30px 20px;}
	.index_service_list li h4{font-size:20px;padding: 10px 0;}

	/*栏目页ban*/
	.lm_ban_box {height: 220px;padding-top: 90px;}
	.lm_ban_tit {font-size: 34px;}

	/*About Us*/
	.about_part1 {margin:30px auto;padding: 0px;}
  .cf h2{font-size:40px; }
	.about_part1 .about_intro {font-size: 14px;padding: 20px;}
	.about_part1 .about_intro_con {margin-top:16px;}
	.about_part1 .about_intro h2 {font-size: 20px;line-height:1;}
	.about_part2 {padding: 48px 0;}
	.about_part2_tit {font-size: 20px;padding: 8px 0 10px;}
  .about_part2_tit{margin-bottom: 2rem;}
  .grid__item .card img{width: 90px;height: 90px;}
	.about_part2_ul {margin: 0;}
	.about_part2_ul .li {padding: 0; width: 100%; float: none; border-left: none; border-bottom: 1px solid rgba(153,153,153,0.3);}
	.about_part2_ul .li:last-child {border-bottom: none;}
	.about_part2_ul .about_intro2 {font-size: 15px;line-height: 20px;height: auto;margin: 10px 0 20px;}
	.about_part2_ul .about_tit2 {font-size: 22px;}

	/*Contact Us*/
	.p1012 {padding: 48px 0 56px;}
	.contact_ul .li {float: none; width: 100%;}
	.contact_ul .li1 {padding: 0 0 10px;}
	.contact_ul .li2 {padding: 10px 0 0;}
	.contact_form_box {padding: 50px 50px 0px 50px; width:100%;height: auto;}
  /*Contact US样式*/

	/*news Detail*/
  .con_image{
    float: none;
    padding: 0px;
    width: 100%;
  }
	/*Resource Center*/
	/*导航*/
	.resource_nav {width: 100%;padding: 0; margin: 10px 0;border-radius: 0; float: none;}
	.ip_nav a {padding: 15px; font-size: 16px; position: relative;}
	.ip_nav a span {position: absolute; right: 15px;}
	.ip_nav a span img {transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
	.ip_nav_anm a span img {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.resource_nav_ul {padding: 10px 0 20px;}

	.resource_box {padding: 30px 0;}
	.resource_con {padding: 20px 0;font-size: 14px;}

	/*news*/
	.news_list_ul .li {width: 100%;}
	.page {padding: 20px 0; font-size: 16px;}
	.page .PIndex .Pprev,
	.page .PEnd .Pnext {width: 30px; height: 30px; background-size: cover;margin: 0 20px;}
	/*.Ppagelist a {width: 20px;height: 20px;line-height: 20px;}*/
	.Ppagelist {display: none;}

	/*Forums*/
	.develop_box {padding-top: 35px;}
	.develop_box h1 {font-size: 30px; max-width: 100%;}
	.develop_box p {max-width: 100%;}
	.develop_box img {margin-top: 16px;}

	/*Search*/
	.search-box{padding:10px 0;}
	.search-input{width:90%;margin: 0 auto;height: 50px;font-size:14px;padding:0 30px 0 20px;}
	.search-btn{left:auto;right:45px;top:23px;}
	.search-list-menu{border-bottom: solid 2px #EBEBEB;height:40px;font-weight: bold;}
	.search-list-menu li{margin-right: 30px;}
	.search-list-menu li label{line-height: 46px;}
	.search-list-con{padding-top: 15px;}
	.search-list-con li{font-size: 14px;padding:10px 0;}
	.search-list-con li a{font-size:18px;}


}
/*--手机竖--*/
@media screen and (max-width:470px){/*--320--*/
	/*手机导航*/
	.phone_nav .top {padding: 0 10px;}
	.phone_nav .box_con {margin: 50px 10px 10px 10px;}
	.phone_nav .box_con li a {font-size: 14px;}
	/*首页*/
	.index_ban_box {background-size: cover;}
	.index_ban_tit {width: 300px; font-size: 40px;}
	/*.index_ban_pic {padding: 0 5px;}*/

	.index_num_top{padding:30px 0 20px;}
	.index_num_top h4{font-size:25px;}
	.index_num_ul {margin: 0 -28px 0 -40px;}
	.index_num_ul .li{ padding: 0 28px 20px 45px;}
	.index_num_ul .li span {font-size: 15px;}
	.index_num_ul .num_style {font-size: 45px;}
	.index_num_ul .num_style b { font-size: 30px;}
	.index_num_ul .num_intro {font-size: 12px;}

	.index_news_box {padding: 45px 0 35px;}
	.index_news_tit {margin-bottom: 20px;}
  .index_news_swiper .swiper-slide {width:100%}

	/*首页-What we can do for you*/
	.index_service_box{font-size:16px;height:auto}
	.index_service_main{width:100%;float:none}
	.index_service_img{display:none}
	.index_service_tit{padding-top:0px;}
	.index_service_tit h4{font-size:25px;}
	.index_service_list {margin-top:50px;}
	.index_service_list li{float:none;width:100%; padding: 0 20px 30px 20px;}
	.index_service_list li h4{font-size:20px;padding: 10px 0;}

	/*栏目页ban*/
	.lm_ban_box {height: 320px !important;padding-top: 0px;}
	.lm_ban_tit {font-size: 26px !important;margin-top: 40px;}
  .column_items{display:inline !important;width: 100%;min-height: 300px;text-align: left;}
  .index_ban_pic img{margin-left: 0px !important;}
	/*About Us*/
	.about_con_box {background: #fff;}
	.about_part1 {margin:20px auto;padding:0px;}
	.about_part2 {padding: 20px 0 40px;}
  .index_ban_pic img{background-size: 100% 100% !important;width: 100% !important;;}
	/*Contact Us*/
	.p1012 {padding: 40px 0 50px;}
	.contact_form_box{padding: 50px 50px 0px 50px; width: 100%;}
	.contact_form_tit {font-size: 26px;}
	.contact_form {margin-top: 25px;}
	.contact_form .form_submit {width: 120px;}
	.contact_form .form_submit input {font-size: 18px;height: 42px;line-height: 42px;}
  .accordion ul:hover li:hover a{width: 100%;}
  .accordion ul li .accordin_wrapper a p{width: 100%;}
	/*news Detail*/
	.detail_ban_box {padding-top: 0px;}
	.news_detail_box {padding: 12px 0 40px;}
	.news_detail {padding: 15px 5px;}
	.news_detail .news_tit {font-size: 20px;}
	.news_detail_con {padding: 15px 0;}

	/*Forums*/
	.develop_box {font-size: 15px;}
	.develop_box h1 {font-size: 20px;}

	/*Search*/
	.search-box{padding:10px 0;}
	.search-input{width:90%;margin: 0 auto;height: 40px;font-size:14px;padding:0 30px 0 15px;}
	.search-btn{left:auto;right:20px;top:20px;}
	.search-list-menu{border-bottom: solid 2px #EBEBEB;height:40px;font-weight: bold;}
	.search-list-menu li{margin-right: 30px;}
	.search-list-menu li label{line-height: 36px;}
	.search-list-con{padding-top: 15px;}
	.search-list-con li{font-size: 14px;padding:10px 0;}
	.search-list-con li a{font-size:18px;}
}
/*首页country*/
.image_middle_country{background-image:url(../images/Country.png);width:84px;height:84px;background-size:contain;background-repeat:no-repeat;margin:0 auto}
.image_middle_endUser{background-image:url(../images/End_user.png);width:84px;height:84px;background-size:contain;background-repeat:no-repeat;margin:0 auto}
.image_middle_MAU{background-image:url(../images/MAU.png);width:84px;height:84px;background-size:contain;background-repeat:no-repeat;margin:0 auto}
.image_middle_DAU{background-image:url(../images/DAU.png);width:84px;height:84px;background-size:contain;background-repeat:no-repeat;margin:0 auto}
.searchIcon{height:100%;background:url(../images/searchTermIcon.png) no-repeat;background-size:60%;display:block;background-position:center}

/*首页轮播大图*/


/*top样式*/
.searchWrapper{position:relative;top:-6px}
.searchTerm:focus{color:#00b4cc}
.searchTrigger{cursor:pointer;background:0 0;margin:0;padding:0;outline:0;border:1px solid transparent;color:#fff;font-size:16px;outline:0}
.searchInsert{text-indent:10px}
.wrap{width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.head_tab_box{top:35px;right:-2rem}
.head_tab_box span{position:absolute;top:28%;margin:0 auto;right:82px;font-size:14px;color:#fff}
/*::selection{background:#212129}*/
.search-wrapper{position:absolute;transform:translate(-20%,-30%);top:40%;right:12%}
.search-wrapper .input-holder{height:50px;width:50px;overflow:hidden;background:rgba(255,255,255,0);border-radius:6px;position:relative;transition:all .3s ease-in-out}
.search-wrapper.active .input-holder{width:450px;border-radius:50px;background:#686b7e;transition:all .5s cubic-bezier(0,.105,.035,1.57)}
.search-wrapper .input-holder .search-input{width:100%;height:50px;padding-right:100px;opacity:0;position:absolute;top:-10px;left:10px;background:0 0;box-sizing:border-box;border:none;outline:0;font-family:"Open Sans",Arial,Verdana;font-size:16px;font-weight:400;color:#fff;transform:translate(0,60px);transition:all .3s cubic-bezier(0,.105,.035,1.57);transition-delay:.3s}
.search-wrapper.active .input-holder .search-input{opacity:1;transform:translate(0,10px)}
.search-wrapper .input-holder .search-icon{width:50px;height:50px;border:none;border-radius:50%;background:#686b7e;padding:0;outline:0;position:relative;z-index:2;float:right;cursor:pointer;transition:all .3s ease-in-out}
.search-wrapper.active .input-holder .search-icon{width:50px;height:50px;border-radius:30px;float:left;background:0 0}
.search-wrapper .input-holder .search-icon span{width:22px;height:22px;display:inline-block;vertical-align:middle;position:relative;transform:rotate(45deg);transition:all .4s cubic-bezier(.65,-.6,.24,1.65)}
.search-wrapper.active .input-holder .search-icon span{transform:rotate(-45deg)}
.search-wrapper .input-holder .search-icon span::after,.search-wrapper .input-holder .search-icon span::before{position:absolute;content:''}
.search-wrapper .input-holder .search-icon span::before{width:4px;height:11px;left:9px;top:18px;border-radius:2px;background:#fff}
.search-wrapper .input-holder .search-icon span::after{width:14px;height:14px;left:0;top:0;border-radius:16px;border:4px solid #fff}
.search-wrapper .close{position:absolute;z-index:-1;top:30%;right:20px;width:25px;height:25px;cursor:pointer;transform:rotate(-180deg);transition:all .3s cubic-bezier(.285,-.45,.935,.11);transition-delay:.2s}
.search-wrapper.active .close{right:-50px;transform:rotate(45deg);transition:all .6s cubic-bezier(0,.105,.035,1.57);transition-delay:.5s}
.search-wrapper .close::after,.search-wrapper .close::before{position:absolute;content:'';background:#fff;border-radius:2px}
.search-wrapper .close::before{width:5px;height:25px;left:10px;top:0}
.search-wrapper .close::after{width:25px;height:5px;left:0;top:10px}
.searchTriggerStyle{display:block;font-size:18px;position:absolute;right:0;top:-60%;color:#fff;display:inline-block;margin-right:5%;cursor:pointer}
/*弹窗*/
/*登录弹窗*/
/*button{display:block;margin:5% auto 0;background:0 0;border:2px solid #444;padding:5px 10px}*/
span.md-close12{margin-top:40px}
.md-close12{width:20px;height:20px;position:absolute;right: 0px;top: 0px;cursor: pointer;}
.md-close12::after,.md-close12::before{content:'';width:2px;height:20px;background:#848290;position:absolute;right:10px}
.md-close12::before{transform:rotate(45deg)}
.md-close12::after{transform:rotate(-45deg)}
.md-modal12{margin:auto;position:fixed;top:20%;left:0;right:0;hegiht:769px;max-width:796px;min-width:320px;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:20px}
.md-show{visibility:visible}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(228,240,227,.8);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show~.md-overlay{opacity:1;visibility:visible}
.md-effect-12 .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show.md-effect-12~.md-overlay{background-color:rgba(64, 70, 92, .6);}
.md-effect-12 .md-content,.md-effect-12 .md-content h3{background:0 0;text-align: center;font-size: 30px;margin: 20px;color: #44475B;}
.login_body{margin:20px;}
.md-content h3{padding-bottom: 20px;border-bottom: 1px solid #D9DADD;font-weight: bold;}
.md-show.md-effect-12 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
/*登录弹窗 end*/
/*注册弹窗*/
span.md-close13{margin-top:40px}
.md-close13{width:20px;height:20px;position:absolute;right: 0px;top: 0px;cursor: pointer;}
.md-close13::after,.md-close13::before{content:'';width:2px;height:20px;background:#848290;position:absolute;right:10px}
.md-close13::before{transform:rotate(45deg)}
.md-close13::after{transform:rotate(-45deg)}
.md-modal13{margin:auto;position:fixed;top:10%;left:0;right:0;hegiht:769px;max-width:796px;min-width:320px;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:20px}
.md-show{visibility:visible}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(228,240,227,.8);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show~.md-overlay{opacity:1;visibility:visible}
.md-effect-13 .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show.md-effect-13~.md-overlay{background-color:rgba(64, 70, 92, .6);}
.md-effect-13 .md-content,.md-effect-13 .md-content h3{background:0 0;text-align: center;font-size: 30px;margin: 20px;color: #44475B;}
.login_body{margin:20px;}
.md-content h3{padding-bottom: 20px;border-bottom: 1px solid #D9DADD;font-weight: bold;}
.md-show.md-effect-13 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
/*注册弹窗 end*/
/*找回密码弹窗*/
span.md-close14{margin-top:40px}
.md-close14{width:20px;height:20px;position:absolute;right: 0px;top: 0px;cursor: pointer;}
.md-close14::after,.md-close14::before{content:'';width:2px;height:20px;background:#848290;position:absolute;right:10px}
.md-close14::before{transform:rotate(45deg)}
.md-close14::after{transform:rotate(-45deg)}
.md-modal14{margin:auto;position:fixed;top:20%;left:0;right:0;height:auto;max-width:796px;min-width:320px;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:20px}
.md-show{visibility:visible}
.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(228,240,227,.8);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show~.md-overlay{opacity:1;visibility:visible}
.md-effect-14 .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.md-show.md-effect-14~.md-overlay{background-color:rgba(64, 70, 92, .6);}
.md-effect-14 .md-content,.md-effect-14 .md-content h3{background:0 0;text-align: center;font-size: 30px;margin: 20px;color: #44475B;}
.login_body{margin:20px;}
.md-content h3{padding-bottom: 20px;border-bottom: 1px solid #D9DADD;font-weight: bold;}
.md-show.md-effect-14 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
/*找回密码弹窗 end*/
/*响应式样式*/
/*1024px*/
@media all and (min-width: 480px) and (max-width: 1280px) {
  .md-modal13{overflow:scroll;height:489px;max-width:456px;min-width:220px;overflow-x: hidden;overflow-y: scroll;-ms-overflow-style: none; overflow: -moz-scrollbars-none;}
  .material label{white-space:nowrap;-webkit-transform:scale(.5);transform:scale(.5)!important}
  .material input{padding:3px 0 8px!important}
  .md-modal13::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
  .layui-form-radio>i{margin-right:8px;color:#c2c2c2;font-size:16px!important}
  .layui-form-radio *{font-size:14px!important}
  #msform .fieldset_group{padding:0!important}
  .arrow-box{display:block}
  .content_wrapper{overflow:scroll!important;padding:20px 0!important;max-height:200px!important;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
  #progressbar li{font-size:13px!important}
  .relative_eco{margin-left: 40px !important;}
}
@media all and (min-width: 768px) and (max-width: 1024px) {}
@media all and (min-width: 480px) and (max-width: 768px) {}
@media all and (max-width: 480px) {}
/*弹窗*/
/*material button*/
/*main#st-main{background:#3f51b5;width:100%;height:100vh;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}*/
main.st-main .material-button{margin-top: 10px;width:60%;padding:3px 0 5px 0;border-radius:25px;font-size:80%;font-family:Roboto,sans-serif;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;background:#393E55;border:0;box-shadow:0 3px 6px rgba(0,0,0,.3);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden}
main.st-main .material-button:hover{box-shadow:0 6px 8px -3px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
main.st-main .material-button:focus{outline:0}
.taint{display:block;position:absolute;background:rgba(130,177,255,.5);border-radius:100%;-webkit-transform:scale(0);transform:scale(0)}
.taint.drop{-webkit-animation:ripple .65s linear;animation:ripple .65s linear}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}
}
@keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}
}
/*material button*/
/*top样式*/

/*注册、登录、找回密码输入框样式*/
.material{position:relative;padding:0;margin:5px;border:none;margin-top:15px}
.material input{box-sizing:border-box;width:100%;padding:8px 1px 8px;margin:12px 0 10px;border:none;border-radius:0;box-shadow:none;border-bottom:1px solid #ddd;font-size:14px;font-weight:400;outline:0;cursor:text}
.material input::-webkit-input-placeholder{-webkit-transition:color .3s ease;transition:color .3s ease}
.material input:not(:focus)::-webkit-input-placeholder{color:#bfb5b5;font-size:14px}
.material hr{content:'';display:block;position:absolute;bottom:0;left:0;margin:0;padding:0;height:2px;border:none;font-size:1px;will-change:transform,visibility;visibility:hidden;z-index:10}
.material input:focus~hr{-webkit-transform:scaleX(1);transform:scaleX(1);visibility:visible}
.material label{-webkit-transform:scale(.7);transform:scale(.7);font-family:Avenir-Medium,Avenir;position:absolute;top:5px;left:0;font-size:150%;color:#353738;-webkit-transform-origin:0 -150%;transform-origin:0 -150%;pointer-events:none}
input:-internal-autofill-selected{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#353738}
.intro{font-family:PingFangSC-Regular,PingFang SC;color:#797787;font-size:16px}

/*Sign up 表单样式*/
#msform{margin:0 auto;text-align:center;position:relative}
#msform .fieldset_group{border:0 none;border-radius:3px;padding:20px 30px;box-sizing:border-box;position:relative}
#msform .fieldset_group:not(:first-of-type){display:none}
/*#msform input,#msform textarea{padding:15px;border:1px solid #ccc;border-radius:3px;margin-bottom:10px;width:100%;box-sizing:border-box;font-family:montserrat;color:#2c3e50;font-size:13px}*/
#msform .action-button{width:100px;background:#27ae60;font-weight:700;color:#fff;border:0 none;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
/*#msform .action-button:focus,#msform .action-button:#msform input, #msform textareahover{box-shadow:0 0 0 2px #fff,0 0 0 3px #27ae60}*/
.fs-title{font-size:15px;text-transform:uppercase;color:#2c3e50;margin-bottom:10px}
.fs-subtitle{font-weight:400;font-size:13px;color:#666;margin-bottom:20px}
#progressbar{margin-bottom:30px;overflow:hidden;counter-reset:step}
#progressbar li{list-style-type:none;color:#bcbcc3;font-size:16px;width:33.33%;float:left;position:relative;font-family: Avenir-Medium,Avenir;}
#progressbar li.active{color:#47485A;}
#progressbar li:before{content:counter(step);counter-increment:step;width:20px;line-height:20px;display:block;font-size:10px;color:#fff;background:#d9dadd;font-weight:700;border-radius:3px;border-radius:25px;margin:0 auto 5px auto}
#progressbar li:after{content:'';width:70%;position:absolute;border-top:2px dashed #d9dadd;left:-35%;top:9px;z-index:-1}
#progressbar li:first-child:after{content:none}
#progressbar li.active:after{color: #47485A;border-radius: 25px;}
#progressbar li.active:before{background: #00FFAA;color: #47485A;border-radius: 25px;}
#progressbar li.active:after{border-top:2px dashed #00FFAA;}
/*Sign up 表单样式end*/

.arrow-box{margin: 0 auto;width:40px;height:40px;position:relative;border-radius:50%;border: 2px solid #797787;cursor: pointer;display: inline-block;}
.arrow-box-right{width:10px;height:10px;border-top:2px solid #797787;border-right:2px solid #797787;transform:rotate(45deg);margin:auto;position:absolute;top:0;left:15px;bottom:0}
.arrow-box-stick{width:16px;background-color:#797787;height:2px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0}
.arrow-box-left{width:10px;height:10px;border-top:2px solid #797787;border-right:2px solid #797787;transform:rotate(-135deg);margin:auto;position:absolute;top:0;left:12px;bottom:0}