/*reset*/

:focus{outline:0;}

body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}

em{font-style:normal;}

img{border:none; height: auto; max-width:100%}

li,ul,ol{list-style:none;}

a{text-decoration:none; color:#333;}

input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 

body{overflow-x:hidden; }

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}

a:focus {outline: none;}

.table-responsive{ overflow-x:auto;}

iframe{max-width:100%;}

h1,h2,h3,h4,h5 { margin: 0; padding: 0;}









/*share*/

body{font-size:14px;font-family:"微软雅黑";color:#666; line-height:24px;}

.bold{font-weight:bold;}

.clearfix:before, .clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}



@media only screen and (max-width: 992px) {

	.row {margin-right: 0; margin-left: 0; }

}





@font-face {

    font-family: 'fontawesome';

    src:url(../font/fontawesome-webfont.eot);

    src: url(../font/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),

	 url(../font/fontawesome-webfont.svg#fontawesome-webfont) format('svg'),

	 url(../font/fontawesome-webfont.woff) format('woff'),

	 url(../font/fontawesome-webfont.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Billboard-Regular';

    src:url(../font/Billboard-Regular.eot);

    src: url(../font/Billboard-Regular.eot?#iefix) format('embedded-opentype'),

	 url(../font/Billboard-Regular.svg#Billboard-Regular) format('svg'),

	 url(../font/Billboard-Regular.woff) format('woff'),

	 url(../font/Billboard-Regular.ttf) format('truetype');

    font-weight: normal;

    font-style: normal;

}





*:link,*:visited,*:hover,*:active,*:focus{

 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;

 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}





.main_top  { text-align: center;}

.main_top .image img { max-width: 100%;}

.main_top  em { display: inline-block; font-size: 30px; color: #404040; margin-top: 18px; }



@media only screen and (max-width:992px ) {

	.main_top .image img { max-width: 55%;}

	.main_top  em { font-size: 24px;}

}

@media only screen and (max-width:768px ) {

	.main_top .image img { max-width: 350px;}

	.main_top  em { font-size: 18px;}

}



@media only screen and (max-width:480px ) {

	.main_top .image img { max-width: 86%;}

	.main_top  em { font-size: 14px;}

}



@media only screen and (min-width:1300px ) {

	.header .container { width: 1270px;}

}



@media only screen and (min-width:1400px ) {

	.header .container { width: 1370px;}

}







/*index*/



.top_phone { float: right; margin-top: 19px;}

.top_phone img { margin-right: 0px; margin-top: -4px;}

.top_phone a { font-size: 18px; font-weight: bold; color: #f8a608; margin-left: 10px}

.top_phone a:hover { text-decoration: none;}

.top_lx { float: right; background: #f8a608;  border-radius: 20px; margin-right: 22px; margin-top: 11px; display:none}

.top_lx img { margin-right: 3px; margin-top: -3px;}

.top_lx a { color: #fff; display: inline-block; height: 40px; line-height: 40px; padding: 0 16px;}

.top_lx a:hover { text-decoration: none;}

.header{padding:0px 0 0 0; }

.large .header{transition:all .5s; }

.header > .container{position:relative;}

#logo{display:inline-block;float:left;vertical-align:middle; padding-top: 5px;}

#logo h1{display:inline-block;margin:0;padding:0;}

#logo img{max-width:170px;width:auto;height:auto;transition:all .5s; }





/* Sizes for the bigger menu */

header{width: 100%;z-index: 999999;padding: 0; }

header.large{ padding: 17px 0;}

header.small{left:0;top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.15);    position: fixed;
    background: #fff; }

header.small  #logo img { max-width: 180px; padding-top: 11px;}

header.small  .mainmenu nav > ul > li > a { padding: 25px 0;}

header.small .mainmenu ul li > ul li > a { padding: 8px 10px;}

header.small .large_top{ display: none;}

header.small .mainmenu > ul > li > a { padding: 14px 0; color: #333;}

header.small .mainmenu ul >li.v_xiala>a:after { top:26px;}

header.small #logo { padding-top: 0;}

header.small .top_lx { margin-top: 16px;}

header.small  .top_phone { margin-top: 24px;}



@media only screen and (min-width: 992px) {	

	header.small {position: fixed; background: #fff;}	

	 header.small .search_box { margin-top: 12px;}

	}













@media only screen and (max-width:1300px ) {

.top_phone a  { font-size: 14px;}

.top_phone img { max-width: 20px;}

.mainmenu>nav>ul>li { margin: 0 8px;}

.top_lx a { padding: 0 12px;}

}



@media only screen and (max-width:1200px ) {

	header.large { padding: 10px 0;}

	

}





@media only screen and (max-width: 992px) {

	header.large{border:none; padding: 0;}

	header.large .header,.header{padding:12px 0 13px;z-index:6;position:relative;}

	.header .container{width:100%;}

	.header .row{margin:0;}

	.header #logo,header.small #logo,header.large .header.page_header #logo{padding:0;position:relative;z-index:9999999;margin-right:10px;float:left; }

	#logo img,header.small #logo img { max-width: 150px; padding-top: 0;}

	header.small .attr-nav,.attr-nav{padding-top:0;position:absolute;right:15px;top:-2px;z-index:9999999;display:inline-block;border-radius:50%;}

	.search_box{position:absolute;left:0;top:0;width:100%;z-index:99999999;margin:0;max-width:100%;border:none;}

	.top-search h4{display:block;}

	.top-search,header.small .top-search { display: none; width:100%;top:44px;position: absolute; border-radius:0;z-index:9999999;background:#fafdff;padding-top:0;}

	.top-search .form-control{background:#fff;border:1px solid #e5e5e5;}

	.hcon{display:none;}

	.header .logo .war img,header.small .header .logo .war img{max-width:60px;}

	

	.top_lan,.top_call { margin: 0px;}

	.top_lan li a,.top_call p, .top_call a { color: #999999;}

	.mobile-menu-area { margin-top: 0px;}

	header.large .header{transition:all 0s;}

	.search i {    background: url(../images/top_ser.png) no-repeat center center;}

}



@media only screen and (max-width:768px ) {

	.top_call { display: none; margin-right: 0; }

	.top_lan li { margin-right: 0; margin-left: 15px;} 

	.top-search { width: 100%; max-width: 100%;}

	.top_phone,.top_lx { display: none;}

}



@media only screen and (max-width: 480px) {

	.header{padding:10px 0;}

	

	

}





/*******bootstrap-touch-slider********/

.slide_content{position:relative;z-index:4;}

/* SVG wrap */

.bs-slider{

    overflow: hidden;

    position: relative;

}

/*.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}*/

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.40);

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100% !important;

}

/*************************Slide effect**********************/

.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

	top:auto;

    bottom: 0;

    z-index: 100;

    color: #333;

    display: block;

    cursor: pointer;

    overflow: hidden;

    text-shadow: none;

    position: absolute;

    background: transparent;

	right:200px;

	left:auto;

	top:48%;bottom:auto;right:auto;left:auto;border-radius:25%;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

	border:1px solid #e5e5e5;

}

.control-round .carousel-control {

	margin: 0 20px;

	

	border: 0;

	border-radius: 40px;

	width: 60px;

	height: 60px;

	

	-webkit-transition: width 0.3s, background-color 0.3s;

	transition: width 0.3s, background-color 0.3s;

	opacity:0.8;

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

}

.control-round .carousel-control.right{padding-left:15px;}

.control-round .carousel-control.left{left:-80px;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.control-round .carousel-control.right{right:-80px;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.slide_content:hover .control-round .carousel-control.left{left:30px;}

.slide_content:hover .control-round .carousel-control.right{right:30px;}



.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    border: 0px transparent;  opacity: 1;

}

.control-round .carousel-control.left{margin-right:81px;}

.control-round .carousel-control.left:before{font-family:FontAwesome;content:"\f104"; position: absolute; top: 0px; left: 25px; color: #fff; line-height: 60px; text-align: center; font-size: 40px;}

.control-round .carousel-control.right:before{font-family:FontAwesome;content:"\f105";position: absolute; top: 0px; color: #fff; right: 25px; line-height: 60px; text-align: center; font-size: 40px;}





.carousel-control .icon-wrap {

	position: absolute;

	width: 32px;

}



.carousel-control.left .icon-wrap {

	left: 15px;

}

.carousel-control.right .icon-wrap {

	right: 15px;

}





/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    right: 49%;

    bottom: 3%;

   /* left: auto;

    width: 90%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;

	margin-right:-50px;*/

}

.indicators-line > .carousel-indicators li{

    padding: 0;

    width: 14px;

    height: 14px;

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative; 

    margin-right: 5px;

    z-index: 10;

    cursor:pointer;

    border: 2px solid #fff;

	background:#222;

	

}



.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

    margin: 1px 5px 1px 1px;

    background-color: #0d73d3;

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

	 border: 2px solid #fff;



}

/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: left !important;

}

.slide_style_center {

    text-align: center !important;

}



/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/



@media (max-width:992px) {

	.slide_content{overflow:hidden;}

	.slide_content:hover .control-round .carousel-control.left{left:-30px;}

.slide_content:hover .control-round .carousel-control.right{right:-30px;}



	.control-round .carousel-control{top:40%;}

	.control-round .carousel-control {width: 50px;height: 50px;}

	.control-round .carousel-control.left:before{ line-height: 50px; left: 20px;}

.control-round .carousel-control.right:before{ right: 20px; line-height: 50px; }



}



@media only screen and (max-width:768px ) {

	.control-round .carousel-control {top: 40%;}

	.slide_content:hover .control-round .carousel-control.left{left:-20px;}

.slide_content:hover .control-round .carousel-control.right{right:-20px;}



}



@media (max-width:488px) {

		.carousel-control{font-size:16px;}

		.control-round .carousel-control {width: 40px;height: 40px;}

	.control-round .carousel-control.right{right:-50px; padding:10px 20px 10px 30px;}

	.control-round .carousel-control.left{left:-50px;padding:10px 20px 10px 30px;}

		.slide_content:hover .control-round .carousel-control.left{left:-50px;}

.slide_content:hover .control-round .carousel-control.right{right:-50px;}

	.indicators-line > .carousel-indicators{display:none;}

	.control-round .carousel-control.left:before {line-height: 40px;left: 31px; }

	.control-round .carousel-control.right:before {line-height: 40px; right: 31px; }

}







.Service_bg { margin-top: 68px; overflow: hidden;}

.Service_bg .container_1400 { max-width: 1370px; margin: 0 auto;}

.Service_bg .main_top { position: relative; }

.Service_bg .main_top .box { display: inline-block; padding: 20px 40px;}

.Service_bg .main_top:before { content: ""; position: absolute; width: 15px; height: 15px; background: url(../images/title_line.png) no-repeat left top;}

.Service_bg .main_top:after { content: ""; position: absolute; bottom: 0; width: 15px; height: 15px; background: url(../images/title_imgB.png) no-repeat right bottom;}





.Service_bg .nav-tabs {margin-top: 50px;  text-align: center; width: 100%; border-bottom: 1px dashed rgba(191,191,191,0.8) ; margin-bottom: 30px; padding: 0 65px 20px;}

.Service_bg .nav-tabs > li.active > a, .Service_bg .nav-tabs > li.active > a:hover, .Service_bg .nav-tabs > li.active > a:focus { background-color: #fff;

    border: 0px solid #ddd;

    border-bottom-color: transparent; }

.Service_bg .nav-tabs > li { float: left; display: inline-block; width: 20%;}

.Service_bg .nav-tabs > li  .image { width: 54px; height: 54px; float: left; border-radius: 100%; margin-right: 20px; border: 2px solid #0089fa;}

.Service_bg .nav-tabs > li:nth-child(2)  .image { border: 2px solid #fe002b;}

.Service_bg .nav-tabs > li:nth-child(3)  .image { border: 2px solid #fea900;}

.Service_bg .nav-tabs > li:nth-child(4)  .image { border: 2px solid #00a753;}

.Service_bg .nav-tabs > li:nth-child(5)  .image { border: 2px solid #fea900;}

.Service_bg .nav-tabs > li  .image img { max-width: 100%;}

.Service_bg .nav-tabs > li .main { text-align: left; border-right:1px dashed rgba(191,191,191,0.8)}

.Service_bg .nav-tabs > li .main em { font-size: 18px; font-weight: bold; color: #383838; display: inline-block;}

.Service_bg .nav-tabs > li .main div { font-size: 14px; color: #666; margin-top: 8px;} 

.Service_bg .nav-tabs > li.active > a em { color: #0089fa;}

.Service_bg .nav-tabs > li > a:active em, .Service_bg .nav-tabs > li > a:hover em, .Service_bg .nav-tabs > li > a:focus em { color: #0089fa;  }

.Service_bg .nav-tabs > li:nth-child(2) > a:active em, .Service_bg .nav-tabs > li:nth-child(2) > a:hover em, .Service_bg .nav-tabs > li:nth-child(2) > a:focus em { color: #fe002b; }

.Service_bg .nav-tabs > li:nth-child(3) > a:active em, .Service_bg .nav-tabs > li:nth-child(3) > a:hover em, .Service_bg .nav-tabs > li:nth-child(3) > a:focus em { color: #fea900; }

.Service_bg .nav-tabs > li:nth-child(4) > a:active em, .Service_bg .nav-tabs > li:nth-child(4) > a:hover em, .Service_bg .nav-tabs > li:nth-child(4) > a:focus em { color: #00a753; }

.Service_bg .nav-tabs > li:nth-child(5) > a:active em, .Service_bg .nav-tabs > li:nth-child(5) > a:hover em, .Service_bg .nav-tabs > li:nth-child(5) > a:focus em { color: #fea900; }

.Service_bg .nav-tabs > li > a , .Service_bg .nav-tabs > li > a:hover , .Service_bg .nav-tabs > li > a:focus  {  background: #fff; border: 0; padding: 10px ;  display: block;}

.Service_bg .nav-tabs > li:hover { }



.Service_bg  .tab-content  .left { width: 50%; float: left; padding-right: 40px;}

.Service_bg  .tab-content  .right { width: 50%; float: left;}

.Service_bg  .tab-content  .left .p1 { color: #413d3e; font-size: 18px;}



.Service_bg  .tab-content  .left  em {transition: all .5s; display: inline-block; font-size: 24px; font-weight: bold; margin: 20px 0 26px;}

.Service_bg  .tab-content  .left .line { width: 85px; height: 4px; background: #0465ea; margin-bottom: 20px;}

.Service_bg  .tab-content  .left .text { font-size: 14px; line-height: 34px; max-height: 68px; overflow: hidden; color: #666666; max-width: 665px;letter-spacing:1px; margin-bottom: 30px;}

.Service_bg  .tab-content  .left ul li { list-style: none; width: 50%; float: left; font-size: 14px; color: #666666; margin-bottom: 15px;}

.Service_bg  .tab-content  .left ul li i { font-size: 16px; color: #fea900; margin-right: 10px;}

.read_more { font-size: 16px; margin-top: 10px; color: #fff; display: inline-block; line-height:24px ; padding: 8px 20px; background: #0465ea; letter-spacing: 2px;}

.read_more:hover { text-decoration: none; background: #fe002b; color: #fff;}

.Service_bg  .tab-content .right img  { max-width: 100%; height: auto;}





@media only screen and (max-width:1430px ) {

	.Service_bg .container_1400 { max-width: auto; width: 100%; padding: 0 30px; margin: 0 auto;}

	.Service_bg .nav-tabs { padding: 0 0 20px;}

}



@media only screen and (max-width:1200px ) {

	.Service_bg .nav-tabs > li { text-align: center;}

	.Service_bg .nav-tabs > li .image { margin-right: 10px; float: none; margin: 0 auto 10px;}

		.Service_bg .nav-tabs > li a { padding: 10px 5px; }

	.Service_bg .nav-tabs > li > a, .Service_bg .nav-tabs > li > a:hover, .Service_bg .nav-tabs > li > a:focus { padding: 10px 5px;}

	.Service_bg .nav-tabs > li .main { text-align: center;}

	.Service_bg .nav-tabs > li .main em { margin-bottom: 5px;}

}



@media only screen and (max-width:992px ) {

	.Service_bg  { margin-top: 40px;}

	.Service_bg .nav-tabs {  margin-top: 25px;}

	.Service_bg .tab-content .left { padding-right: 30px;}

	.Service_bg .container_1400 {padding: 0 15px; }

	.Service_bg .main_top:before {top: 0; left:24%;  }

.Service_bg .main_top:after {bottom: 0; right: 23%;}

.Service_bg .main_top .box { padding: 10px 0; display: inline-block;}

}



@media only screen and (max-width:768px ) {

	.Service_bg .tab-content .left { width: 100%; padding-right: 0; margin-bottom: 30px;}

	.Service_bg  .tab-content .right { width: 100%;}

	.Service_bg .nav-tabs > li .main em { font-size: 14px; white-space:nowrap}

		.Service_bg  .tab-content  .left .line  { width: 40px; height: 3px; margin-top: 5px;}

.Service_bg .nav-tabs > li a { padding: 10px; text-align: center;}

	.Service_bg .nav-tabs > li > a, .Service_bg .nav-tabs > li > a:hover, .Service_bg .nav-tabs > li > a:focus { padding: 10px;}

	.Service_bg .nav-tabs { text-align: center; margin-top: 15px;}

	.Service_bg .nav-tabs > li { float: none;  display: inline-block; width: auto;}

	.Service_bg .nav-tabs > li .main div { white-space:nowrap;}

	

	.Service_bg .tab-content .left .p1 { font-size: 14px;}

	.Service_bg .tab-content .left em { font-size: 16px; margin: 10px 0;}

	.Service_bg .tab-content .left .text { line-height: 24px; max-height: 48px;}

	.Service_bg .main_top:before {display: none;}

.Service_bg .main_top:after {display: none;}


.Service_bg .nav-tabs > li .main div{ display:none}
.Service_bg .nav-tabs > li .main{ border-right:none}


}

@media only screen and (max-width:550px ){
	
	.Service_bg .nav-tabs > li{ width:30%}
	
	}

@media only screen and (max-width:384px ){.Service_bg .nav-tabs > li{ width:48%}}




@media only screen and (max-width:488px ) {

	.Service_bg  .tab-content  .left ul li { width: 100%;}

	.Service_bg .main_top .image img { max-width: 260px;} 

}



.Adv_bg {padding-top: 77px; margin-top: 65px; background: url(../images/Adver_bg.jpg) no-repeat center center; background-size:cover ; background-attachment: fixed; }



.Adv_bg .left { width: 50%; float: right; text-align: center;}

.Adv_bg .left img { max-width: 100%; height: auto; margin-bottom: 0px;}

.Adv_bg .right { width: 50%; float:right; padding-left: 40px; overflow: hidden; padding-top: 10px;}

.Adv_bg .right .box {max-width: 715px; padding-right: 15px;} 

.Adv_bg .right  .UL1 { list-style: none; }

.Adv_bg .right  .UL1 li { list-style: none; float: left; margin-right: 20px;  }

.Adv_bg .right  .UL1   .textli {color: #fea900; font-size: 26px; margin-right: 0; padding-top: 12px;}

.Adv_bg .right  .text2 {margin-top: 15px; color: #fcfdfd; line-height: 30px; max-height: 60px; overflow: hidden;}

.Adv_bg .right  .UL2 { list-style: none; margin-top: 30px;}

.Adv_bg .right  .UL2 li {padding-left: 90px; margin-bottom: 26px;}

.Adv_bg .right  .UL2 li:nth-child(1) { background: url(../images/adv_01.png) no-repeat left center;}

.Adv_bg .right  .UL2 li:nth-child(2) { background: url(../images/adv_02.png) no-repeat left center;}

.Adv_bg .right  .UL2 li:nth-child(3) { background: url(../images/adv_03.png) no-repeat left center;}

.Adv_bg .right  .UL2 li .title {display: inline-block; font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 5px;}

.Adv_bg .right  .UL2 li .text { color: #dfe0e0; font-size: 14px; line-height: 30px; max-height: 60px; overflow: hidden; padding-right: 28px; letter-spacing:1px;}

.Adv_bg .right  .UL2 li .title:hover { text-decoration: none; color: #f8a608;}

@media only screen and (max-width:992px ) {

	.Adv_bg  {  padding: 40px 15px 0; overflow: hidden; margin-top: 40px;}

	.Adv_bg .left { width: 100%; margin-bottom: 0px;}

	.Adv_bg .right { width: 100%; max-width: 100%;padding: 0; margin-bottom: 10px;}

	.Adv_bg .right .box { width: 100%;max-width: 100%; padding: 0;}

	

}





@media only screen and (max-width:768px ) {

	.Adv_bg .right .UL2 li .text { padding-right: 0;}

	.Adv_bg .right .UL2 li .title {font-size: 16px;} 

	.Adv_bg .right .UL2 li .text { line-height: 24px; max-height: 48px;}

		.Adv_bg .right .UL1 li { margin-right: 0;}

	.Adv_bg .right .UL1 li img { max-width: 80%;}

	.Adv_bg .right .UL1 .textli { font-size: 16px;}

	.Adv_bg .right .UL2 li { padding-left: 70px; }

	.Adv_bg .right  .UL2 li:nth-child(1) {background-size:40px;}

	.Adv_bg .right  .UL2 li:nth-child(2) {background-size:50px;}

	.Adv_bg .right  .UL2 li:nth-child(3) {background-size:35px;}

}



@media only screen and (max-width:768px ){.Adv_bg .left{ display:none}}



.case_bg { padding-top: 90px; overflow: hidden; }

.case_bg ul { list-style: none; padding: 0 5px; margin-top: 60px;}

.case_bg ul li { width: 25%; float: left; padding: 0 5px; margin-bottom: 18px;}

.case_bg ul li .image {overflow: hidden; position: relative;   padding: 0px 2px 5px; box-shadow: 0px 0px 10px 0px rgba(110, 110, 110, 0.15);}

.case_bg ul li .image:before {content: ""; position: absolute; height: 15px; width: calc(100% - 4px);  background: url(../images/case_libg.png) no-repeat left top; background-size:cover ; }

.case_bg ul li .image img { width: 100%; height: auto; max-width: 100%; padding-top: 15px;}

.case_bg ul li .image .black {transition: all .5s; position: absolute; top: 0px; left: 0px;  display: block; width: 100%; height:100%; background: rgba(254,169,0,0.0);}

.case_bg ul li .image .black:before { content: ""; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; border: 1px solid rgba(255,255,255,0.0);}

.case_bg ul li .image .main {transition: all .6s; position: absolute; width: 100%; top: 200%; left: 0; padding: 0 20px; transform: translate(0%,-50%);-webkit-transform:translate(0%, -50%);

 -moz-transform:translate(0%, -50%);-ms-transform: translate(0%, -50%);  

-o-transform: translate(0%, -50%); text-align: center;  } 

.case_bg ul li .image .main > a  {display: inline-block; font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; color: #fff; font-weight: bold; margin-bottom: 20px;}

.case_bg ul li .image .main .text { font-size: 14px; color: #fff; line-height: 24px; max-height: 48px; overflow: hidden;}

.case_bg ul li:hover .image .black {background: rgba(4,101,234,0.7); }

.case_bg ul li:hover  .image .black:before { border: 1px solid rgba(255,255,255,0.4);}

.case_bg ul li:hover .image  .main { top: 50%;} 

.case_bg ul li .image .main a:hover { text-decoration: none;}

.case_bg  .read_moreBox { text-align: center; margin-top: 5px;}





@media only screen and (max-width:992px ) {

	.case_bg { padding-top: 40px; }

	.case_bg ul { margin-top: 30px;}

	.case_bg .main_top .image img { max-width: 480px;}

}



@media only screen and (max-width:768px ) {

	.case_bg ul li  { width: 50%;}

	.case_bg ul li .image .main > a { font-size: 14px; margin-bottom: 10px;}

	.case_bg ul li .image .main .text  { font-size: 12px;}

	.case_bg .main_top .image img { max-width: 440px;}

}



@media only screen and (max-width:480px ) {

	.case_bg .main_top .image img { max-width: 320px;}

}



@media only screen and (max-width:350px ) {

	.case_bg ul li .image .main .text { display: none;}

}



.new_bg { overflow: hidden; margin-top: 70px;}

.new_bg ul { list-style: none; margin-top: 60px;}

.new_bg ul li { width: 50%; float: left; margin-bottom: 50px; padding-right: 44px;}

.new_bg ul li:nth-child(2n+2)  { padding-left: 50px;}

.new_bg ul li .time { float: left; text-align: right; margin-right: 30px;}

.new_bg ul li .time .day { font-size: 30px; color: #525151; line-height: 30px;}

.new_bg ul li .time  .year { color: #666666; margin-top: 14px;}



.new_bg ul li .main .title {display: block;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 18px;  overflow: hidden; word-break: break-word;text-transform: capitalize;} 

.new_bg ul li .main .text {font-size: 14px; margin-top: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #8f8e8e; word-break: break-word; }

.new_bg ul li:nth-child(1) .main .title {padding-left: 35px; position: relative;}

.new_bg ul li:nth-child(2) .main .title {padding-left: 35px; position: relative;}

.new_bg ul li:nth-child(1) .main .title:before {display: inline-block; position: absolute; margin-right: 10px; line-height: 25px; text-align: center; width: 25px; height: 25px; border-radius: 4px; content: ""; background:  url(../images/hot.png) no-repeat left center;  left: 0;}

 .new_bg ul li:nth-child(2) .main .title:before {display: inline-block;position: absolute;margin-right: 10px; line-height: 25px; text-align: center; width: 25px; height: 25px; border-radius: 4px; content: ""; background:  url(../images/hot.png) no-repeat left center;  left: 0;}

 .new_bg ul li .main .title:hover  { color: #fea900; text-decoration: none;}

@media only screen and (max-width:992px ) {

	.new_bg { margin-top: 40px;} 

 	.new_bg ul li { padding-right: 20px; margin-bottom: 30px;}

 	.new_bg ul li:nth-child(2n+2) { padding-left: 20px;}

 	.new_bg .main_top .image img { max-width: 320px;}

 	.new_bg ul li .time .day { font-size: 24px;}

 	.new_bg ul li .main .title { font-size: 16px; padding: 5px 0;}

 	.new_bg ul { margin-top: 30px;}

 }

  

 @media only screen and (max-width:768px ) {

 	

 	.new_bg ul li  { width: 100%; padding-right: 0;}

 	.new_bg ul li:nth-child(2n+2) { padding-left: 0px;}

 	.new_bg .main_top .image img { max-width: 300px;}

 	.new_bg ul li .main .text { margin-top: 6px;}

 }

 

 @media only screen and (max-width:480px ) {

 	.new_bg .main_top .image img { max-width: 240px;}

 	.new_bg ul li .time  { margin-right: 20px;}

 	.new_bg ul li .time .day { font-size: 18px;}

 }

 .partner_bg { padding-top: 35px; overflow: hidden;}

 .partner_bg  .left {padding: 33px 0 65px 15px;  width: 50%; float: left; background: url(../images/hezuo_bg.jpg) no-repeat center center; background-size:cover ;}

 .partner_bg  .left .box { max-width: 520px; width: 100%; float: right;}

 .partner_bg  .left .top {}

 .partner_bg  .left .top em { font-size: 40px; font-weight:bold ; line-height: 40px; text-transform: capitalize;}

  .partner_bg  .left .top p { font-size: 20px; color: #5a5959; margin-top: 4px;}

.partner_bg  .left .top .line { width: 96px; height: 6px; background: #fea900; margin-bottom: 22px; margin-top: 5px;} 

 

 .partner_bg  .left .top .text { color: #666; line-height: 26px;}



 

 

.numbers{position:relative; padding:18px 0 ; margin-top: 20px; }

.numbers .fk { position: absolute; left: 0; top: 0; width: 156px; height: 100%; border: 3px solid #000000; border-right: 0;}

.numbers .fk:before { content: ""; position: absolute; right: 0; top: 0; width: 3px; height: 16px; background: #000; }

.numbers .fk:after { content: ""; position: absolute; right: 0; bottom: 0; width: 3px; height: 16px; background: #000; }



.numbers__one{padding:9px 15px; position:relative; padding-left: 127px; }

.numbers__one:after{ position:absolute; width:50px; height:1px; content:''; top:60px; right:-10px;}



.numbers__num ,.numbers__add {color:#fea900;  font-size:60px; font-family: "Billboard-Regular"; line-height:50px;  overflow: hidden; display: inline-block;}

.numbers__box { position: relative;}

.number__desc{color:#535353; text-transform: capitalize; font-size:14px; line-height:16px; height: 16px; overflow: hidden;}







.partner_bg .right .image { display: none;}

.partner { position: relative; margin-top: 60px;  }

 .partner_bg  .right {float: left; padding-right: 15px;  height: 100%;  width: 50%; position: absolute; max-width: 613px; left: 50%;  }



.partner_bg  .right img { max-width: 100%; height: auto;}

.partner_bg  .right ul {margin-top:1px; height: 100%; overflow: hidden; border-top: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1; }

.partner_bg  .right ul li {background: rgba(255,255,255,0.8); text-align: center; border: 1px solid #f1f1f1; border-left: 0; padding:10px 2px ;box-sizing: border-box; list-style: none; height: calc(100% / 6 + 1px); width: 33.333333%; float: left; overflow: hidden; margin-top: -1px;}

.partner_bg  .right ul li img { max-width: 100%; height: auto; vertical-align: middle; }

.partner_bg  .right ul li:last-child { padding-top: 26px;}





@media only screen and (max-width:992px ) {

	.numbers_bg { padding: 30px 0;}

	.partner_bg .main_top .image img { max-width: 260px;} 

	.partner_bg  .right ul li { padding-top: 18px;}

	.partner { margin-top: 30px;}

}



@media only screen and (max-width:768px) {

	.partner_bg { padding-top: 20px;}

	.partner_bg .left {width: 100%; margin-bottom: 20px; padding-bottom: 20px; float: none; position: relative; }

	.partner_bg .left .box { max-width: 100%;}

	.numbers__one .img { width: 70px; height: 70px;}

.numbers__one { width: 50%; float: left; text-align: center; padding-left: 0; margin-bottom: 20px;}

.partner_bg .left .top { text-align: center;}

.partner_bg .left .top .line { margin: 20px auto; width: 40px; height: 3px;}

.numbers { margin-top: 0;}

.numbers .fk { width: 40px; display: none;}

.partner_bg .right {padding-left: 15px; width: 100%; margin-bottom: 30px; text-align: center;float: none; max-width: 100%; position: relative; left: 1px; height: auto;}

.partner_bg  .right ul { display: none;}

.partner_bg  .right ul li:last-child { padding:30px 10px 31px;} 

.partner_bg .right  ul { width: 100%; }

.partner_bg .right .image { display: block; margin: 0 auto; }

.partner_bg .right img { }

.partner_bg .main_top .image img { max-width: 240px;} 

.partner_bg  .right ul li { padding-top: 5px;} 

}



@media only screen and (max-width:480px) {

	.numbers__one .img { width: 50px; height: 50px;}

.numbers__one { width: 50%;}

.numbers__num, .numbers__add { font-size: 36px; line-height:36px; height: 36px;}

.partner_bg .main_top .image img { max-width: 200px;}  

}

 

 

 



/*footer*/

.footer .top {padding-top: 30px; background: #151515; padding-bottom: 20px; }

.footer .top ul {max-width: 1400px; margin: 0 auto; }

.footer .top ul li   {list-style: none; display: inline-block; margin:0 35px; text-align: left; padding-left: 53px; background-repeat:no-repeat ; background-position:left center; color: #fff; margin-bottom: 20px;}

.footer .top ul li em { font-size: 16px; font-weight: bold;}

.footer .top ul li .text {margin-top: 4px; color: rgba(255,255,255,0.6); text-transform: uppercase;}

@media only screen and (max-width:1300px ) {

	.footer .top ul li { margin: 0 20px;}

}

@media only screen and (max-width:1200px ) {

	.footer .top ul li { margin: 0 10px 20px; padding-left: 40px; }

}

@media only screen and (max-width:992px ) {

	.footer .top ul  { padding: 0 50px;}

	.footer .top ul li { width: 50%; float: left; margin: 0 0 30px;padding-left: 50px; }

}

.footer .bottom { margin-left: 90px;}



.footer{ overflow: hidden; position: relative; background: url(../images/fot_bg.jpg) no-repeat center center; background-size:cover ;}

.footer .container { position: relative; z-index: 2;}



.footer .fot_title{display:block;margin-bottom:20px;padding-top: 12px; text-transform:uppercase;position:relative; }

.footer .fot_title em{font-size:18px;line-height: 20px; font-weight: bold; margin-top: 40px;display:block;position:relative;z-index:5;color:#ffffff;text-transform:uppercase;padding-bottom:5px;}



.footer ul{list-style:none;}

.icon-minus-sign:before {content:"-";font-family:'FontAwesome';}

.icon-plus-sign:before {content: "+";font-family:'FontAwesome';}

.fot_title .column_icon_toggle {display: none;}



.fot_con1{padding-right:76px;float:left;width:22%; }

.fot_con1  .fot_title em { display: none;}

.fot_con1 .text { color: #fea900;font-size:18px; margin: 16px 0 13px;}

.fot_con1 .fot_phone a {padding-left: 10px; color: #fea900;font-size:20px;}

.fot_con1 .fot_phone a:hover { text-decoration:none ;}

.fot_con1 ul li{margin-bottom:20px;color:#c4e2ff;font-size:14px;line-height:24px;padding-left:0px; margin-top: 20px; opacity: 0.7;}

.fot_con1 ul li a{color:#cccccc;font-size:14px;line-height:18px;}

.fot_con1 ul li a:hover{color:#fea900; text-decoration: none;}

.fot_con1 ul li i {color:#cccccc; font-size:18px; margin-right: 12px;} 

.fot_con1 ul li:hover i {color:#fea900;}

.fot_con1 ul li:hover { opacity: 1;}





.fot_nav{float:left;width:13%;padding-right:60px;}

.fot_nav li{margin-bottom:14px;}



.fot_nav li a{color:#d7d2d2;font-size:14px;line-height:18px;text-transform:capitalize; }

.fot_nav li a i {padding-right: 10px; transition:all .3s; 

-ms-transition:all .3s; 

-moz-transition:all .3s; 

-webkit-transition:all .3s; 

-o-transition:all .3s;}

.fot_nav li:hover i {padding-left: 6px;}

.fot_nav li a:hover{color:#fea900;}



.fot_nav2{float:left;width:15%;}

.fot_nav2 ul li{margin-bottom:14px; text-transform: capitalize;}

.fot_nav2 li a i {padding-right: 10px;transition:all .3s; 

-ms-transition:all .3s; 

-moz-transition:all .3s; 

-webkit-transition:all .3s; 

-o-transition:all .3s; }



.fot_nav2 ul li a{color:#d7d2d2;font-size:14px;line-height:18px; text-transform: capitalize;}

.fot_nav2 ul li a:hover{color:#fea900;}



.fot_con2{padding-right:0px;float:left;width:50%; }

.fot_con2 ul li { list-style: none; padding: 0 5px; margin-bottom:10px;}

.fot_con2 ul li > p { color: #fea900; margin-bottom:5px;}

.fot_con2 ul li div  { color: #d7d2d2; line-height: 30px;}

.fot_con2 ul li div p { display: inline-block;}













.copy{ margin-top: 6px;}

.copy p {display:inline-block;text-transform:capitalize;color:rgba(255,255,255,0.34);font-size:14px;}

.copy a {color:rgba(255,255,255,0.34);font-size:14px;display:inline-block;margin:0 5px; }

.copy a:hover{color:#fff;}



.foot_bot{padding:20px 0 32px; text-align: center; border-top:1px solid rgba(255,255,255,0.09);margin-top:40px; position: relative;}

.copy{color:#c4e2ff;font-size:12px;display:block;}

.copy a{color:#c4e2ff;font-size:12px;}

.copy a:hover{color:#fff;}

.copy p{display:inline-block;padding-right:5px;}





@media only screen and (max-width: 1200px) {

	.fot_nav,.fot_tag,.fot_pro{padding-right:60px;}

	.footer .bottom { margin-left: 0px;}

	

}

@media only screen and (max-width: 992px) {

	.footer .fot_title em { font-size: 16px;}

	.foot_bot {    margin-top: 20px;}

	.fot_con,.fot_nav, .fot_tag, .fot_pro{padding-right: 20px;}

	

}



@media only screen and (max-width:768px ) {

	.fot_con1  .fot_title em { display: block;} 

	.footer .fot_con1,.footer .fot_con2,.footer .fot_nav,.footer .fot_nav2{width:100%;padding:0;}

	.footer .top ul  { padding: 0 10px;} 

	.footer .top ul li { background-size:25px ; padding-left: 35px; margin-bottom: 20px;}

	.footer .top ul li em { font-size: 14px;}

	.footer .top ul li .text { font-size: 12px;}

}

@media only screen and (max-width: 768px) {

	.footer{padding-top:0px;}

	.footer .fot_title{padding-top: 0px; }

	

	.fot_sub .foot_logo {display: none;}

	.footer .fot_con1,.footer .fot_con2,.footer .fot_nav,.footer .fot_nav2{width:100%;padding:0;}

	.footer .fot_title em{margin-bottom:0;font-size:14px;padding-bottom:5px;background:none; margin-top: 0;}



	.footer .fot_con1,.footer .fot_con2,.footer .fot_nav,.footer .fot_nav2 { border-bottom:1px solid rgba(255,255,255,0.2) ; padding: 10px 0 0;}

	.footer .fot_title{display:block;cursor:pointer;margin-bottom:10px;font-size:16px;}

	.footer .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:0;font-style:normal;cursor:pointer;font-size:18px;font-weight:normal;color:#fff;}

	.footer .toggle_content{padding-bottom:10px;padding-top:0;}

	.foot_bot{border:none;margin:0; padding: 20px 0;}

	.foot_bot:before { display: none;}

	.friendly { margin-bottom: 6px;}

	.fot_sub .text{margin-bottom:20px; text-align: left;}

	.fot_con ul li.fc_a{line-height: 26px; }

	.footer{padding-bottom:10px; }

	.letter-input { max-width: 250px;}

	.footer .top p { font-size: 14px;}

	.footer .top .img img { max-width: 120px;}

}



@media only screen and (max-width:488px ) {

	.footer{padding-top:30px; }

	.footer .fot_title em { font-size: 14px;}

	.fot_sub .text { font-size: 12px; line-height: 24px; max-height: 72px;}

	.fot_tag ul li a,.fot_nav li a,.fot_con ul li  a,.fot_con ul li{font-size: 12px;}

	.fot_con ul li { padding-left: 30px;}

	.fot_tag ul li,.fot_nav li ,.fot_con ul li{ margin-bottom: 6px;}

	.fot_con .text  {font-size: 12px; margin-bottom: 10px;}

	.friendly,.friendly a, .copy p,.copy p a { font-size: 12px;}

}











/*底部service*/

#online_qq_layer{z-index:9999999;position:fixed;right:0px;bottom:0;}

#online_qq_layer a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

#online_qq_layer a:hover{text-decoration:none;}

#floatShow{overflow: hidden; color: #fff;  text-transform: capitalize; 

    background:#0465ea ; padding-left: 15px; font-size: 16px;

    height: 40px;

    width: 180px;

    float: right;

    line-height: 40px;

    margin-right: -10px;

    -webkit-transition: all var(--transition-time,800ms);

    -o-transition: all var(--transition-time,800ms);

    transition: all var(--transition-time,800ms);

  

}

#floatShow:hover {margin-right: -5px;}

#floatShow img {font-size:16px;color:#fff; float: right; padding-top: 10px; line-height:40px;padding-right:20px; font-weight: bold; }

#floatShow p{color:#fff;font-size:14px;line-height:40px;display:inline-block; vertical-align:middle;padding-left:10px;text-transform:capitalize; }

#floatShow span { font-weight: bold; letter-spacing: 2px;}

#floatHide{display:none;background: #0465ea ;width:300px;text-align:left;height:36px;padding-left:10px;border-bottom:none;}

#floatHide p{color:#fff;font-size:16px;line-height:36px;display:inline-block; vertical-align:middle; text-transform:capitalize;}

#floatHide i{font-size:14px;color:#fff;line-height:36px;float:right;margin-right:10px;}



#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee; background:#f6f6f6;}

#onlineService .online_form{ padding:20px 10px;}

.online_form ul li {list-style: none; margin-bottom: 15px;}

.online_form ul .text { font-size: 13px; color: #808080; line-height: 24px; margin-bottom: 10px;}

.online_form ul li .input1 {padding-left: 15px;font-size: 12px; width: 100%; line-height: 42px;  line-height: 42px; border: 1px solid #ddd;}

.online_form ul li textarea {font-size: 12px; width: 100%;padding-left: 15px; width: 100%; line-height: 42px; line-height: 24px; border: 1px solid #ddd; height: 80px; padding-top: 5px;} 

.online_form .send_m { margin-top: 5px;}

.send_m { display: inline-block; color: #fff; background: #0465ea; line-height: 24px; font-size: 14px; padding: 8px 20px;}

.send_m input { background: none;}

.send_m:hover { background: #fe002b;}

.online_form ul li .input1:focus, .online_form ul li textarea:focus { border: 1px solid #0465ea;}



/*底部nav*/

.mobile_nav{position:fixed;background: #0465ea; border-top: 2px solid #ddd; left:0;bottom:0;width:100%;padding:10px 0;display:none;z-index:999999;}

.mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;color:#fff;}

.mobile_nav a i{font-size:16px;}

.mobile_nav a p{color:#fff;padding-top:8px;font-size:13px;text-transform:capitalize;line-height:13px;}

.mobile_nav a:nth-child(3){float:right;}

.mobile_nav a:nth-child(4){float:right;}





@media only screen and (max-width: 768px) {

	#onlineService .p,#floatShow img{ display:none}

	#online_qq_layer{right:0;}

	#onlineService{ width:100%;}

	#online_qq_layer{ width:100%;}

	#online_qq_tab{ width:100%;}

	#online_qq_tab #floatShow{ background:#0465ea url(../images/mobile-inq.png) no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:15px;margin-left:-25px;border:2px solid #e5e5e5;border-radius:50%;text-indent:-999999px;z-index:9999999999;}

	#online_qq_tab #floatShow i{display:none;}

	#online_qq_tab #floatHide{ width:100%; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);}

	#online_qq_tab #floatShow span{ display:none;}

	.mobile_nav{display:block;}

	body{padding-bottom:50px;}

	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}

	}



@media only screen and (max-width:488px ) {

	.mobile_nav a p{font-size:12px;}

	

}





@media only screen and (max-width: 375px) {

	.mobile_nav a p{display:none;}

	#online_qq_tab #floatShow{width:42px;height:42px;background-size:42px;bottom:10px;}

	body{padding-bottom:30px;}

}



/*back-top*/

/*back-top*/

.back_top{width:40px; height:40px;  text-align: center; line-height: 40px; color: #fff; text-transform: uppercase; position:fixed; right:30px; bottom:80px; z-index:9999; display:none; -moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; border-radius:50%; border:2px solid rgba(255,255,255,0.5);  background: rgba(0,0,0,0.5) url(../images/top.png) no-repeat center center;}

.back_top:hover, .back_top:visited{border:2px solid #f8a608; text-decoration: none; background: #f8a608 url(../images/top.png) no-repeat center center;  color: #fff;}

@media only screen and (max-width: 768px) {.back_top{  display:none; bottom:80px;}.back_top:hover{ bottom:80px; }.back_top{ max-width:40px; height:40px; line-height: 40px;}}









/*面包屑导航*/

/*n_main*/

.mbx_section{ text-align:center; background:#eee; box-shadow:0 0 5px #999}

.mbx_section .img img{ width:100%; height:auto;}

.mbx_section .h4{ color:#666; font-size:22px;  text-transform:capitalize;line-height:24px; padding:15px 0; text-align:center; margin-top:0; margin-bottom:0; float:left}

.mbx_section .mbx{font-size:13px;margin-top:15px; padding-bottom:15px; float:right}

.mbx_section .mbx a{color:#777; font-size:13px; border-bottom:1px solid rgba(255,255,255,0);}

.mbx_section .mbx a:hover{ color:#0465EA; }
.mbx_section .mbx a:hover i{ color:#0465EA;}

.mbx_section .mbx a>i{ margin-right:4px; color:#666;}

.mbx_section .mbx>i{ font-size:12px; color:#dcdcdc;  margin:0px 5px;}

.mbx_section .mbx h2{ display:inline-block}

.mbx_section .mbx h2 a{ color:#777; font-size:13px; display:inline-block;}

.mbx_section .mbx>span{ color:#777; font-size:13px; display:inline-block;}

 

@media only screen and (max-width: 768px) {

	.mbx_section  .h4{ width:100%; text-align:center; font-size:22px;}

	.mbx_section .mbx{ width:100%; text-align:center; margin-top:0px;}

	.mbx_section h4{ border-bottom:none;} 

	.mbx_section{ padding-left:0;}

	.mbx_section h4{ margin-top:10px; line-height:24px;}

}





/*about_us页面*/

.about_banner{ width:100%; margin:0 auto}

.about_banner img{ width:100%}

.n_about_left{ width:46%; float:left}

.n_about_left_title p{ font-size:30px; color:#333333; margin-bottom:12px;}

.n_about_left_title p img{ margin-left:15px; vertical-align:middle}

.n_about_left_title p span{ float:left; margin-top:25px; letter-spacing:4px;}

.n_about_left_m{ font-size:12px; color:#666666; line-height:26px; letter-spacing:1px}

/*.n_about_left_m p{ height:20px;}*/

.n_about_right{ width:46.8%; float:right}

@media only screen and (max-width: 956px){.n_about_left{ width:100%}

.n_about_right{ width:100%; float:none; text-align:center}}

.n_about_us_content{ margin-bottom:40px; margin-top:25px;}

.history_img{ text-align:center;}



.advantage_left{ background:url(../images/advantage_left_img.jpg) no-repeat;height:522px}

.difficulty>p{font-size:18px; font-weight:bold; text-align:right; letter-spacing:2px; margin-right:36px}

.difficulty>p>span{ width:8px; height:23px; background:#f0404a; display:block; float:right; margin-left:16px;}

.difficulty ul{ margin-top:49px}

.difficulty { float:right; background:rgba(255,255,255,0.85); width:472px; height:380px; margin-top:72px; padding-top:30px;}

.difficulty ul li{ background:url(../images/difficulty.png) right 0px no-repeat; text-align:right; padding-right:25px}

.difficulty ul{ padding-right:30px;}

.difficulty ul li p img{ margin-bottom:3px}

.difficulty ul li p:last-child{ color:#999999; line-height:28px;}

.difficulty ul li{ margin-bottom:17px;}



.advantage_right{ background:#f0404a; min-height:522px;}

.advantage_right>p>span{ float:left}

.advantage_right>p>span:first-child{ display:block; height:23px; width:8px; background:#fff}

.advantage_right>p>span:nth-child(2){ font-size:22px; color:#fff; font-weight:bold;}

.advantage_right>p{ padding-top:70px; padding-left:26px; margin-bottom:30px}

.advantage_right>ul>li>p:first-child{ font-size:16px; font-weight:bold; color:#fff; line-height:40px;}

.advantage_right>ul>li>p:last-child{ color:#ffbec2; font-size:14px; line-height:20px; height:40px; overflow:hidden}

.advantage_right>ul>li{ padding-left:30px; margin-bottom:15px; margin-left:26px;}

.advantage_right_1{ background:url(../images/adv_1.png) left 9px no-repeat}

.advantage_right_2{ background:url(../images/adv_2.png) left 9px no-repeat}

.advantage_right_3{ background:url(../images/adv_3.png) left 9px no-repeat}

.advantage_right_4{ background:url(../images/adv_4.png) left 9px no-repeat}

@media only screen and (max-width: 980px){ .advantage_right>p{ padding-top:50px;} .advantage_right{ height:100%; padding-bottom:30px; width:100%}

.advantage_left{ width:100%}
}



.about_team{ background:url(../images/jianshi_b.jpg) no-repeat bottom right; padding-bottom:140px}

@media only screen and (max-width:1048px){ .about_team{ background:none; padding-bottom:10px;}}

.about_team_bg>P{ text-align:center;  font-size: 30px; color: #333333; }

.about_team_bg>P>img{ margin-bottom:5px;}

.about_team_m{ width:100%; max-width:1096px; margin:20px auto}

.about_team_m ul li {width:25%; float:left; text-align:center; margin:20px 0px 0px 0px ; padding:0px 15px;}

.about_team_m ul li img{ padding:5px; border-radius:6px; border:1px solid #eeeeee}

.about_team_m ul li p.about_team_1{ font-size:20px; color:#424242; font-weight:bold; text-align:center; margin:10px 0px;}

.about_team_m ul li p:last-child{ text-align:center; font-size:14px; color:#424242; line-height:24px;  overflow:hidden}

@media only screen and (max-width: 768px){ .about_team_m ul li{ width:50%;} .about_team_m ul li p.about_team_1{ font-size:14px} .about_team_m ul li{ margin:10px 0px}}

@media only screen and (max-width: 768px){.history{ display:none}}
@media only screen and (max-width: 768px){.advantage{ margin:40px 0px;}}


/*新闻页面*/

#page-content{ width:100%; background:#fafafa; padding-top:30px;}

.sidebar-right .main-content {

    float: left;

    padding-right: 25px;

}



.blog-classic2-list {

 

    border: 1px solid #eee;

}



.blog-classic2-list {

    position: relative;

    background-color: #fff;

    margin-bottom: 60px;  
	
	

}






.blog-classic2-list .list-title {

    font-size: 18px;

    color: #333333;

    margin: 0 0 8px;

    line-height: 1.2;

}


.blog-classic2-list .list-title a, .blog-classic2-list .list-title a:link, .blog-classic2-list .list-title a:active, .blog-classic2-list .list-title a:visited {

    color: #333333;

    font-weight: bold;

}

@media only screen and (min-width: 1600px)

.blog-classic2-list .list-description {

    max-height: 100px;

}





.blog-classic2-list .list-more, .blog-classic2-list .list-more a:link, .blog-classic2-list .list-more a:active, .blog-classic2-list .list-more a:visited {

    color: #1a55c8;

}

.blog-classic2-list .no-margin {

    margin: 0;

}

.blog-classic2-list .list-info {

    margin-bottom: 18px;

    font-size:14px;

}

.right {

    float: right;

}

.share-social {

            display: inline-block;

            float: none !important;

            vertical-align: middle;

        }

		

.blog-classic2-list .list-image {

    float: left;

    width: 30%;

    position: relative;

}



.blog-classic2-list .list-image img {

    max-width: 100%;

    width: 100%;

}

.blog-classic2-list .list-main {

    padding: 20px 35px 20px;

    overflow: hidden;

}

.blog-classic2-list .list-title {

    font-size: 18px;

    color: #333333;

    margin: 0 0 8px;

    line-height: 1.2;

}

@media only screen and (min-width: 1600px)

.blog-classic2-list .list-description {

   

}



.blog-classic2-list .list-description {

    margin-bottom: 25px;

   line-height:26px;

   height:78px;

    overflow: hidden;

	color:#666

}

 

 .blog-classic2-list .list-info .sep {

    padding: 0px 10px;

}

.blog-classic2-list .list-info .fa {

    margin-right: 6px;

}

.list-info a{ color:#888}

.list-info { color:#888}

.list-info span{ color:#888;}





/*新闻右边*/

.sidebar-right .sidebar, .sidebar-right .sidebar-bg, .sidebar-right .sidebar-bg-wide {

    float: right;

    padding-left: 25px;

}

.sidebar {

    border: 1px solid #eee;

    background-color: #fff;

}

.widget-search-box, .widget-carousel-box, .widget-posts-box, .widget-gallery, .widget-tag, .widget-archive, .widget-posts-box, .widget-video-box, .widget-social-box, .widget-twitter-box, .widget-data-box, .widget-carousel-box, .widget-categories-box, .widget-subscribe-box, .widget-flickr-box, .widget-message, .widget-contactus {

    padding: 20px 0 20px 0;

}

.widget-title {

    font-size: 18px;

    color: #333;

    font-weight: bold;

    line-height: 1.2;

    margin: 0 0 25px 0;

}

.widget-search {

    position: relative;

}

.widget-search .textbox {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    display: inline-block;

    margin: 0px;

    padding: 11px 50px 11px 10px;

    font-size: 14px;

    line-height: 20px;

    color: #555555;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background-color: #ffffff;

    border: 1px solid #c8c8c8;

    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;

    -o-transition: border linear 0.2s, box-shadow linear 0.2s;

    transition: border linear 0.2s, box-shadow linear 0.2s;

    width: 100%;

    outline: none;

}

.widget-search .submit {

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: 40px;

    border: none;

    background: none;

}

.widget-search:before {

    content: "\f002";

    font-family: 'fontawesome' !important;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

    width: 40px;

    text-align: center;

    line-height: 44px;

    color: #1a55c8;

    font-size: 16px;

}





.widget-archive .archive_list li {

    list-style: none;

    border-bottom: 1px dotted #CCCCCC;

    position: relative;

    padding: 0 0px 14px 20px;

}

.widget-archive .archive_list li:before {

    content: "\f101";

    font-family: 'fontawesome' !important;

    position: absolute;

    left: 0;

    color: #000;

    font-size: 13px;

}

.widget-archive .archive_list li + li {

    padding: 14px 0px 14px 20px;

}



.widget-posts-box { padding:20px 0 20px 0}

.widget-posts > li {

    border-bottom: 1px dashed #dddddd;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.widget-posts > li .box-right {

    overflow: hidden;

}



.widget-posts .info {

    color: #999999;

    font-size: 14px;

}



.widget-posts > li .pic {

    float: left;

    margin-right: 20px;

}

.widget-posts > li .title {

    overflow: hidden;

    font-size: 14px;

	line-height:24px;

    height:24px;

    color: #444;

    margin: 4px 0 4px;

    font-weight: bold;

}



.widget-posts > li .title a:hover{ color:#1a55c8; text-decoration:underline}

.widget-archive .archive_list li a:hover{color:#1a55c8;text-decoration:underline}





/*翻页*/

.page_p{ margin:30px auto 0;text-align:center; width:100%; font-size:13px; padding-bottom:30px;}

.page_p a{ display:inline-block; font-size:13px; line-height:34px; padding:0px 14px; margin-left:5px; color:#555; margin-top:5px;transition: 0.2s; -webkit-transition: 0.2s;	-moz-transition: 0.2s;	-o-transition: 0.2s; background:#fff; border:2px solid #eee;}

.page_p a i{ line-height:34px;}

.page_p a:hover{ background:#e6e7e9;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#222 !important; border:2px solid #e6e7e9;}

.total{ font-size:13px; line-height:24px; color:#777; margin-top:10px;}

.total span{ color:#222}

.page_p>span{ padding:0px 20px; line-height:34px; background:#e6e7e9; border:2px solid #e6e7e9; color:#222; display:inline-block; margin-left:5px;}



@media only screen and (max-width: 768px) {

.page_p a ,.page_p>span{ padding:0px 6px; line-height:30px;}

.page_p a i{ line-height:30px;}

}



@media only screen and  (max-width: 991px) {

	.blog-classic2-list .list-image{

		float:none;

		width:auto;

	}

}



/*新闻详情*/



.blog-detail {

    padding: 50px;

    border: 1px solid #eee;

}



.bg-white {

    background-color: #fff;

    color: #666;

}



.dg-title17 {

    text-align: center;

 

}



.list-info .sep{     padding: 0px 10px;}

.list-info span.fa{ margin-right:6px;}

.dg-title17 h2{ margin-bottom:20px;}

.dg-title17 h2 span{ color:#1a55c8; line-height:30px; font-size:20px;}

.detail-description{ font-size:14px; color:#666; line-height:30px;}

.detail-description img{ margin:20px 0px;}



/*多语言优化通*/

.yht_bg { background:url(../images/yht_bg.jpg) no-repeat top center; }

#yht_mainmenu>nav>ul>li>a { color:#fff; padding:20px 0px}

#yht_mainmenu ul >li.v_xiala>a:after{ color:#fff}

#yht_top_lx{ background:#fff}

#yht_top_lx a { color:#e83900}

#yht_top_phone  a{ color:#fff}

.yht_about_banner{ text-align:center; margin:30px  0px   70px  0px}

@media only screen and (max-width:1000px){.yht_about_banner{ margin:0px 0px 20px 0px}}

.yht_lq_title{ text-align:center; margin-bottom:15px;}

.yht_lq ul li { text-align:center;  border-radius:10px; padding:20px 10px; color:#fff; } 

.yht_lq ul li p:nth-child(2){ font-size:20px; line-height:25px; margin:15px 0px 10px 0px; height:25px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap}

.yht_lq ul li p:nth-child(3){ font-size:16px; opacity:0.9; height:24px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap}

.yht_lq_list_1{ background:#5c87cb; border-radius:10px; padding:20px 0px}

.yht_lq_list_2{ background:#23b7e5;border-radius:10px;padding:20px 0px}

.yht_lq_list_3{ background:#5549f9;border-radius:10px;padding:20px 0px}

.yht_lq_list_4{ background:#33ccaa;border-radius:10px;padding:20px 0px}

.yht_lq_list_5{ background:#ee4455;border-radius:10px;padding:20px 0px}

.yht_lq_list_6{ background:#7266ba;border-radius:10px;padding:20px 0px}

.yht_lq_list_7{background:#6b9bf5;border-radius:10px;padding:20px 0px}

.yht_lq_list_8{background:#f9b549;border-radius:10px;padding:20px 0px}

.yht_anli p{ text-align:center;}

.yht_anli ul { margin-top:40px;}

.yht_anli { padding-top:60px;!important}

.yht_anli_he { text-align:center}

.yht_zx>p{ text-align:center}

.yht_zx_left{ width:42%; float:left}

.yht_zx_left_a { font-size:16px; color:#333333; margin:20px 0px; line-height:26px;}

.yht_zx_content { width:100%; background:url(../images/n_yht_zi_bg.png) no-repeat center; margin-bottom:30px;}

.yht_zx_right{ float:right; width:31%}

.yht_zx_right ul li{ margin:0px 0px 20px  0px}





.yht_zx_right ul li input {

    background: #fff;

    height:60px;

    width: 100%;

    line-height:63px;

    padding-left:54px;

    padding-right: 10px;

 

    font-size:16px;

    color: #808080;

    border:1px dashed #e84433;

    border-radius:33px;

	 

}



.yht_zx_right ul li textarea {

    height: 100px;

    background: #fff;

    width: 100%;

    max-width: 100%;

    max-height: 100px;

    font-size: 12px;

    padding: 10px 10px 10px 56px;

    color: #808080;

       border:1px dashed #e84433;

    border-radius:33px;

}



.main_more {

    position: relative;

    z-index: 99;

    display: inline-block;

   

    background:#e21500;

    border-radius:26px;

    transition: all .5s;

	width:100%; height:52px; text-align:center;

}



.main_more input{

    display: inline-block;

    background: transparent;

    color: #fff;

    font-size: 20px;

    height: 50px;

    line-height: 50px;

    padding-left: 20px;

    padding-right: 20px;

    text-transform: uppercase;

    z-index: 1;

    position: relative;

	font-weight:bold;

	

 

}



.ms_e:before {

    background-image: url(../images/n_yht_zi_i_1.png);

}

.ms_p:before {

    background-image: url(../images/n_yht_zi_i_2.png);

}

.ms_m:before {

    background-image: url(../images/n_yht_zi_i_3.png);

}





.yht_zx_right ul li span:before {

    content: '';

    position: absolute;

    width: 61px;

    height:63px;

    display: inline-block;

    background-position: center center;

    background-repeat: no-repeat;

}



.yht_bja p{ text-align:center}

.bja{ text-align:center; margin-top:20px;}



@media only screen and (max-width:860px){

	.yht_zx_left{ width:100%}

	.yht_zx_right{ width:100%; margin-top:20px;}

	.main_more input{ font-size:16px}

	

	

	}









/*google ad 页面*/



.gad_bg{ background:url(../images/n_gad_top_bg.png) no-repeat left -20px}

#gad_top_lx{ background:#f2f7fb}

#gad_top_lx a{ color:#25272b}

#adv_top_phone a{ color:#fff}

.n_gad_why_left { float:left; width:42%}

.n_gad_why_left>p>img{ margin-right:15px; vertical-align:middle; width:19%}

.n_gad_why_left>p{ font-size:42px; font-weight:bold; color:#25272b}

.n_gad_why_left>div{ font-size:24px; color:#626466; line-height:52px; margin-top:16px}

.n_gad_why_right{ width:57.5%; float:right}

.n_gad_types{ margin:20px auto}

@media only screen and (max-width:1000px){.n_gad_why_left{ width:100%}



.n_gad_why_right{ width:100%; margin-top:20px;}}





@media only screen and (max-width:768px){.n_gad_why_left>p{ font-size:24px}

.n_gad_why_left>div{ font-size:16px; line-height:30px; margin-top:20px;}



}



.gad_t_logo{ display:none}





.n_gad_types_title>p{ font-size:42px; color:#25272b; font-weight:bold; text-align:right}



.n_gad_types_title>div{ font-size:26px; color:#626466; text-align:right; margin-top:16px; line-height:50px;}

@media only screen and (max-width:768px){.n_gad_types_title>p{ font-size:30px} 

.n_gad_types_title>div{font-size:16px; line-height:30px; margin-top:20px;}

}

.n_gad_types_title{ margin-top:4%}



.n_gad_types_list ul li{ width:33%; text-align:center; float:left; padding:50px 50px 10px 50px;}

.n_gad_types_list_m{ background:#f5f5f5; padding:20px 20px; border-radius:8px}

.n_gad_types_list_m>p:first-child{ text-align:center; font-size:18px; color:#141313; font-weight:bold; height:28px; line-height:28px}

.n_gad_types_list_m>p>span{ line-height:28px; height:28px; vertical-align:middle}

.n_gad_types_list_m>p>img{ margin:20px 0px;}

.n_gad_types_list_m>p:last-child{ font-size:16px; color:#5f5e5e; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}



@media only screen and (max-width:1000px){.n_gad_types_list ul li{ padding:30px 20px;}}

@media only screen and (max-width:768px){.n_gad_types_list ul li{width:50%; padding:30px 20px;}}

@media only screen and (max-width:480px){.n_gad_types_list ul li{width:50%; padding:10px} .n_gad_types_list_m>p:last-child{ font-size:14px; height:72px; overflow:visible; white-space:inherit}



.n_gad_types_list_m>p:first-child{ font-size:14px;}



}



.gad_liu_left{ width:44%; float:left}

.n_gad_liulang{ margin-top:5%}

.n_gad_types_title_2>p{ color:#25272b; font-weight:bold; font-size:42px;  margin-bottom:20px}

.n_gad_types_title_2>div{ font-size:26px; color:#626466; line-height:54px;}

.gad_liu_right{ float:right; width:50%}



@media only screen and (max-width:1068px){.gad_liu_left{ width:100%}

.gad_liu_right{ width:100%; text-align:center}





}



@media only screen and (max-width:768px){

	

	.n_gad_types_title_2>p{ font-size:24px; line-height:34px}

	

	.n_gad_types_title_2>div{ font-size:16px; line-height:30px;}

	}





@media only screen and (max-width:768px){.n_gad_ju{ display:none}}



.n_gad_liulang_bg img{width:100%;max-width:1917px; margin-top:-8%}







.n_gad_bol_list{ text-align:center; }

.n_gad_bol_list p:nth-child(2){ font-size:30px; color:#fff; font-weight:bold; margin:15px 0px}



.n_gad_bol_list p:nth-child(3){ color:#fff; line-height:24px; font-size:16px}





.n_gad_bol_m{ display:none}

@media only screen and (max-width:768px){.n_gad_bol_m{ display:block}	.n_gad_liulang_bg img{ display:none}}



.n_gad_bol_m{ width:100%; background:#2f95ea;padding:8% 0px}

	

.n_gad_bol_list{ width:50%; float:left; padding:2% 5%}

.n_gad_bol_list>img{ width:40%}

.n_gad_bol_list p:nth-child(2){ font-size:16px}

.n_gad_bol_list p:nth-child(3){ font-size:12px; line-height:22px; height:66px; overflow:hidden}

	

.n_gad_j_p{ margin:80px auto}

.n_gad_j_p_left{ float:left; width:61%; }

.n_gad_j_p_right{ float:right; width:33%}

.n_gad_j_p_right>p{ text-align:center}

.n_gad_j_p_right>p>img{ margin:20px 0px;}



@media only screen and (max-width:1380px){.n_gad_types_title>p{ font-size:36px;}

	

	.n_gad_types_title>div{ font-size:20px}

	

	

	

	}

	

@media only screen and (max-width:768px){

	.n_gad_j_p_left{ width:100%}

	

	.n_gad_j_p_right{ width:100%}

	.n_gad_types_title>p{ text-align:left;font-size:16px}

	.n_gad_types_title>div{ text-align:left; font-size:16px}

	

	}	


.n_gad_footer{ padding-bottom:4%; box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.1);}

.n_gad_sida p{ text-align:center; font-size:50px; color:#25272b; font-weight:bold}

.n_gad_sida p img{ margin:5% 0px;}

@media only screen and (max-width:768px){.n_gad_sida p{ font-size:30px;}}

.n_gad_footer p { text-align:center; font-size:56px; color:#020202; line-height:80px; margin:3% 0px 2% 0px}

.n_gad_footer p a{ font-size:24px; color:#fff; padding:20px 50px;  background:#1a73e8}

.n_gad_footer p a:hover{ background:#fbbc04}

.zh_h{font-size:18px; color:#626466; text-align:center}

.zh_h_2{  font-weight:bold; font-size:16px; color:#1a73e8; text-align:center; margin-top:20px;}



@media only screen and (max-width:768px){ .n_gad_footer p{ font-size:30px;}



.n_gad_footer p a{ padding:10px 30px;}.n_gad_footer p a{ font-size:18px} .n_gad_footer p{ margin:0px; line-height:60px;  }.n_gad_footer{padding:6% 0px;}

}



@media only screen and (max-width:500px){.n_gad_footer p{ font-size:20px; font-weight:bold}}



/*案例页面*/

.case-list>li {

    margin:40px 0 0px 0;

}

.case-list li span {

    display: block;

    padding:20px;

    border: 1px solid #f2f2f2;

    box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);

    -moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);

    -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);

    -o-box-shadow: 0 0 5px 0px rgba(0,0,0,0.1);

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.case-list li span .case-img {

    display: inline-block;

    overflow: hidden;

    max-height: 260px;

    height:260px;

}

.case-list li span img {

    max-width: 100%;

    height: auto;

    width: 100%;

    min-height: 100%;

}

.case-list li span>p {

    color: #808080;

    line-height: 26px;

    overflow: hidden;

    height:52px;
	margin-bottom:5px;

}

.case-list a em{  font-size:16px; line-height:26px; width:100%; margin:15px 0px 10px 0px; display:block; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }



/*联系我们页面*/

.n_contact_us ul li>p{ font-size:18px; font-weight:bold; line-height:30px; margin:20px 0px 10px 0px; color:#00a753}

.n_contact_us ul li>div>em{ font-size:14px; font-weight:bold; }

.n_contact_us ul li>div{ margin:10px 0px}

.n_contact_us ul li{height:170px;}
@media only screen and (max-width:900px){.n_contact_us ul li{ height:100%; width:50%}  }
@media only screen and (max-width:768px){.n_contact_us ul li{ width:100%} .n_contact_us ul{ margin-bottom:20px;}}


.con-pay{background:#fafafa;padding:30px;border-top:1px solid #e5e5e5;}

.con-pay1{padding:30px;border-top:1px solid #e5e5e5;}

.con-pay .container>em{font-size:28px;color:#00a753;font-weight:bold;display:block;margin-bottom:30px;}







.support-pay{padding-bottom:20px;border-bottom:1px solid #e5e5e5;margin-top:20px;}



.support-pay p{display:inline-block; vertical-align:middle;font-size:16px;}



.support-pay img{display:inline-block;margin:0 20px 0px 0px ; vertical-align:middle;max-height:48px;max-width:180px;}

@media only screen and (max-width:768px){.support-pay img{ margin:10px 0px;}}

.support-pay span{display:block;margin-top:15px;color:#808080;line-height:180%;}



.support-pay a{color:#00a753;text-decoration:underline;}



.clearfix:before, .clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}



.unionPay{margin-top:20px;}



.unionPay>em{font-size:18px;font-weight:bold;color:#00a753;display:block;margin-bottom:30px;}



.unionPay ul{list-style:none;}

.unionPay ul:after{clear:both;}

.unionPay ul:before, .unionPay ul:after{content:" ";display:table;}



.unionPay ul li img{max-width:150px;display:inline-block; vertical-align:middle;float:left;width:40%;}



.unionPay ul li{display:inline-block; vertical-align:middle;padding:0 8px;line-height:180%;font-size:14px;width:33%;float:left;margin-bottom:15px;}

.unionPay ul li .main{float:left;width:60%;padding-left:20px;}

.unionPay ul li p{font-weight:bold;margin-bottom:10px;color:#00a753;font-size:16px;}



.unionPay .account-pay{margin-top:30px;border-bottom:1px dotted #e5e5e5;padding-bottom:30px;}



.unionPay .account-pay img{max-width:150px;display:inline-block; vertical-align:middle;margin-right:30px;}



.unionPay .account-pay div{display:inline-block; vertical-align:middle;margin:0 20px;line-height:180%;font-size:14px;}



.unionPay .account-pay p{font-weight:bold;margin-bottom:10px;color:#00a753;font-size:16px;}



.unionPay .pay-online{margin-top:30px;}



.unionPay .pay-online p{font-weight:bold;display:inline-block;color:#00a753;font-size:16px;}



.unionPay .pay-online iframe{display:inline-block;margin-left:20px; vertical-align:middle;height:45px;width:60%;}







.alipay{margin-top:50px;padding-top:30px;border-top:1px solid #e5e5e5;}



.alipay>em{font-size:18px;font-weight:bold;color:#00a753;display:block;margin-bottom:30px;}



.alipay img{max-width:229px;height:auto;width:100%;display:inline-block; vertical-align:middle;}



.alipay div{display:inline-block; vertical-align:bottom;margin-bottom:20px;margin-left:20px;}



.alipay div p{font-weight:bold;font-size:14px;}   



.alipay div span{display:block;margin-top:15px;color:#808080;line-height:180%;}







.pay-faq{margin-top:50px;padding-top:30px;border-top:1px solid #e5e5e5;padding-bottom:50px;}



.pay-faq>em{display:block;font-size:18px;color:#00a753;margin-bottom:10px;}



.pay-faq>em i{padding-right:10px;} 



.pay-faq{line-height:180%;font-size:14px;}



.pay-faq a{font-weight:bold;color:#ff002b;display:inline-block;margin-top:10px;font-size:16px;}







/*course*/



.couresBox .container{padding-bottom:40px;}



#timeline .timeline-item:after,#timeline .timeline-item:before {content: '';display: block;width: 100%;clear: both;}







#timeline {



    width: 100%;



    margin: 40px auto 50px auto;



    position: relative;



    -webkit-transition: all 0.4s ease;



    -moz-transition: all 0.4s ease;



    -ms-transition: all 0.4s ease;



    transition: all 0.4s ease;



}



#timeline:before {



    content: "";



	margin-left:-1.5px;



    width: 3px;



    height: 100%;



    background: #ffa900;



    left: 50%;



    top: 0;



    position: absolute;



}



#timeline:after {content: "";clear: both;display: table;width: 100%}



#timeline .timeline-item {margin-bottom: 70px;position: relative;}



#timeline .timeline-item .timeline-icon {



    background: #ffa900;



    width: 30px;



    height: 30px;



    position: absolute;



    top: -10px;



    left: 50%;



    overflow: hidden;



    -webkit-border-radius: 50%;



    -moz-border-radius: 50%;



    -ms-border-radius: 50%;



    border-radius: 50%;



	-webkit-transform: translate(-50%,0);



	-moz-transform: translate(-50%, 0);



	-ms-transform: translate(-50%, 0);



	-o-transform: translate(-50%, 0);



	transform: translate(-50%, 0);



}



#timeline .timeline-item .timeline-content {



	text-align:right;



    width: 45%;



    background: #fff;



	padding-right:20px;



	



}



#timeline .timeline-item .timeline-content em {



    color: #ffa900;



	font-size:24px;



	display:inline-block;



	margin-top:-11px;



}



#timeline .timeline-item .timeline-content p{font-size:14px;line-height:180%;}



#timeline .timeline-item .timeline-content a{display:inline-block;margin:10px 0;color:#ff002b;text-decoration:underline;}



#timeline .timeline-item .timeline-content img{max-width:100%;width:100%;height:auto;}



#timeline .timeline-item .timeline-content:before {



    content: '';



    position: absolute;



    left: 45%;



    top: 0;



    width: 0;



    height: 0;



    border-top: 7px solid transparent;



    border-bottom: 7px solid transparent;



    border-left: 7px solid #ffa900;



}



#timeline .timeline-item .timeline-content.right {



    float: right;



	text-align:left;



	padding-right:0;



	padding-left:20px;



}



#timeline .timeline-item .timeline-content.right:before {



    content: '';



    right: 45%;



    left: inherit;



    border-left: 0;



    border-right: 7px solid #ffa900;



}



#timeline .timeline-item:last-child{margin-bottom:0;}



#timeline .timeline-item:last-child .timeline-content{margin-bottom:-30px;}







@media screen and (max-width: 768px) {



    #timeline {



    margin: 40px 0 80px 0;



    padding: 0;



}



#timeline:before {



    left: 15px;



}



#timeline .timeline-item .timeline-content {



    width: 90%;



    float: right;



	text-align:left;



	padding-left:15px;



}



#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {



    left: 10%;



    margin-left: -6px;



    border-left: 0;



    border-right: 7px solid #ffa900;



}



#timeline .timeline-item .timeline-icon {



    left: 15px;



}



#timeline .timeline-item .timeline-content.right{



	padding-left:15px;



}



}

/*#KeFuDiv{ z-index:999999; border-radius:5px; border:4px solid #26a3e4}*/

#KeFuDiv{ z-index:999999; border-radius:5px; top:200px}



@media only screen and (max-width: 768px){



	#KeFuDiv{display:none;}



}

.con-pay .container>em {
    font-size: 28px;
    color: #00a753;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
}

@media only screen and (max-width:1440px){
.gad_bg{ background:url(../images/gad_1430_bg.png) no-repeat left -20px}

}


@media only screen and (max-width:1000px){.gad_t_logo{ display:block}



.gad_bg{ background:#fff}

#yht_mainmenu>nav>ul>li>a{color:#464545}

}


.pay_kaihu table  p{line-height:36px;}
.pay_kaihu ul img{ margin-top:20px;}



@media only screen and (max-width:1368px){
	
	#adv_top_phone a{ font-size:14px}
	
	}
	
@media only screen and (max-width:768px){
	
	.unionPay ul li{ width:100%!important}
	
	.unionPay ul li img{ width:100%; margin-bottom:20px; margin-top:0px;}
	.unionPay ul li .main{ width:100%; padding-left:0px;}

	
	}	
	
@media only screen and (max-width:768px){
	
	.tab-content{ display:none}
	#myTabs{ display:none}
	
	.Service_bg .nav-tabs{ margin-bottom:0px;}
	.Service_bg .nav-tabs { border-bottom:none}
	
	.Adv_bg{ margin-top:10px;}
	
	}	
	
	
#mobile_end{ display:none}
@media only screen and (max-width:768px){
	
	#mobile_end{ display:block;}
	
	
	}
@media only screen and (max-width:768px){
	
	.n_gad_sida{ display:none}
	.n_gad_j_p{ margin:20px  auto}
	}	
	@media only screen and (max-width:768px){.xuanfu_qq{ display:none}}
	
	
	
	
	
	/*sitemap*/
	
	
	/*sitemap*/
.sitemap{width:100%;}
.stp-listA>li{text-transform:capitalize;margin-bottom:15px;list-style:none;padding:10px 20px;background:#f7f8f9; border-radius:30px;}
.stp-top{width:100%;}
.stp-top a{font-size:16px;text-transform:capitalize;display:block;text-transform:capitalize;color:#333;font-family: 'montserratB';text-transform:uppercase;}
.stp-top a:hover{text-decoration:none;color:#005aab;}
.stp-top a i{padding-left:8px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.stp-top a:hover i{padding-left:12px; color:#005aab;}
.stp-listB{display:block;padding:10px 0;border-top:1px solid #eee;list-style:none;margin-top:5px;}
.stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;}
.stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#666; }
.stp-listB>li>a:hover{color:#005aab;}
.stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;}
.stp-listB li .stp-listC li{width:100%;margin-bottom:10px;}
.stp-listB li .stp-listC li a{color:#808080;font-size:13px;}
.stp-listB li .stp-listC li a:hover{color:#005aab;}
.stp-listB li .stp-listC i{ margin-right:6px;}

@media only screen and (max-width: 768px){
	.stp-listB>li{width:50%;padding:8px 0;}
}
@media only screen and (max-width: 400px){
	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}

#special_c{ color:#448AFF!important}
@media only screen and (max-width: 1828px){#special_c{ color:#fff!important}}


/*团队管理页面修改增加*/
.about_team_m ul li{ position:relative}
.about_team_m ul li .main{text-align:center;background:#f2f2f2;padding:20px 20px 20px 20px;border-radius:0;position:absolute;left:10px; right:10px; filter:alpha(opacity=1); -moz-opacity:1;opacity:1;transition:all .5s;z-index:999999; border-radius:6px; width:89%; margin:0 auto; cursor:pointer; bottom:44px}
/*.team_gd a:hover.main{top:214px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}*/
.about_team_m ul li img{ width:100%}
.about_team_m ul li{ width:33.333%}

.about_team_bg{ background:url(../images/jianshi_b_01.jpg) no-repeat top center}
.team_gd{ text-align:center;margin-top:10px;}
.team_gd a{ color:#fff; background:#0465ea; padding:10px 20px; display:block}
@media only screen and (max-width: 768px){
	.about_team_m ul li{ width:100%}
	}
	

	
	
/*qudao_page*/
.qudao_page{ background:#5e5af3}
.qudao_welcome_title>p{ text-align:center; font-size:36px; font-weight:bold; color:#222}
.qudao_welcome_title>span{ font-size:15px; color:#666666; text-align:center;width:70%; margin:0 auto; display:block; line-height:30px; margin-top:20px;}

/*welcome to 第一页*/
.qudao_welcome{ padding:0% 0px 4% 0px; background:url(../images/qudao_about_bg.png) no-repeat top; margin:0px 0px 3% 0px; background-size:cover}
.qudao_welcome_content_left{ width:40%; float:left; padding-top:4%}
.qudao_welcome_content_left>div.qudao_welcome_content_font{ font-size:14px; color:#436494; line-height:26px}
.qudao_welcome_content_left>p>a{ font-size:14px; color:#fff; padding:10px 20px; background:#5e5af3; display:inline-block; margin-top:20px; letter-spacing:4px}
.qudao_welcome_title{ padding-top:3%}
.qudao_welcome_content{ padding-top:6%}
.qudao_welcome_content_left>p{ line-height:24px;}
.qudao_welcome_content_left>p>a:hover{ background:#ffaf04}
.qudao_welcome_content_right{width:50%; float:right}
.qudao_welcome_content_right img{width:100%; max-width:688px}
@media only screen and (max-width:768px){.qudao_welcome_content_left{ width:100%} .qudao_welcome_content_right{ width:100%; margin-top:20px}.qudao_welcome_content{ padding-top:1%} .qudao_welcome_title>p{ font-size:30px; line-height:45px;}.qudao_welcome_content_left{ padding-top:2%}}
/*服务页面*/
.qudao_service{background:url(../images/ser_bg.png) no-repeat top left}

.index_service_content{ margin-top:3%}
.qudao_service ul li{ width:21%; float:left; padding:30px 30px; margin:0px 2%}
.service_title{ font-size:24px; color:#222222; font-weight:bold; margin-top:28px; }

.qudao_service ul li:hover{ background:#5e5af3; border-radius:4px}
.service_white_icon_2{ display:none}
.qudao_service ul li:hover .service_title a { color:#fff}
.qudao_service ul li:hover>p:last-child{ color:#fff}
.qudao_service ul li:hover .service_white_icon{ display:none}
.qudao_service ul li:hover .service_white_icon_2{ display:block}
.service_title_2{ font-size:14px; color:#666666; margin-top:25px; line-height:24px; height:48px; overflow:hidden}
.qudao_service ul li:hover .service_title_2{ color:#fff}

.service_title_3{    position: relative;overflow: hidden; margin-top:20px;width:49px; height:10px; display:block}

.service_title_3:before {
    content: ' ';
    position: absolute;
   
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.service_title_3:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 49px;
    height: 100%;
    display: inline-block;
    content: '';
    background: url(../images/index_s_j.png) no-repeat left top;
    opacity: 0;
}

.qudao_service ul li:hover .service_title_3:after {
    animation: more_i 1.5s infinite;
    opacity: 1;
    right: 10px; transition:all .5s;
}

@media only screen and (max-width:1456px){ .service_title{ font-size:20px;}}
@media only screen and (max-width:1230px){.service_title{ font-size:16px;}.service_title_2{ margin-top:10px} .qudao_service ul li{ padding:20px 20px}}
@media only screen and (max-width:1200px){.qudao_service ul li{ width:31.333%; margin:0px 1%} .index_service_h{ background:#f5f8fe}.qudao_service ul li:nth-child(4n+1){ float:left}}
@media only screen and (max-width:768px){ .qudao_service ul li{ width:48%}.service_title_2{ height:72px} .service_title_3{ display:none}.service_title{ font-size:14px}}

/*我们的特色*/
.qudao_superiority{ margin:2.5% auto}
.superiority_content_one_left{ width:40%; float:left}
.superiority_content_one_right{ width:55%; float:right;}
.superiority_right_title{ font-size:26px; color:#0646b3; line-height:36px; margin:15px 0px 25px 0px}
.qudao_superiority_content{ padding:1% 4%}
.superiority_content_one_right>div{ font-size:16px; color:#415076; line-height:30px}
.superiority_content_one_right_2{ float:left; width:55%}
.qudao_superiority_content_one{ margin:6% 0px 3% 0px}
.superiority_content_one_left_2{ float:right}
@media only screen and (max-width:860px){.superiority_content_one_left{ width:100%; text-align:center} .superiority_content_one_right{width:100%}.qudao_superiority_content_one{ margin:6% 0px} .superiority_right_title{ font-size:22px; margin:25px 0px 15px 0px} .qudao_welcome_title>span{width:100%}}


/*流程*/
.qudao_liuchen{ padding:3% 0px; background:#4945dc; width:100%; text-align:center}
/*联系我们*/
.qudao_contact_left{ text-align:center}
.qudao_contact_left>p{ font-size:28px; color:#191919; line-height:24px}
.qudao_contact_left>p>em{ font-size:36px; font-weight:bold; line-height:36px; margin:30px 0px 40px 0px; display:block}

.qudao_contact{ padding:4% 0px}
.qudao_contact_left{ width:48%; float:left}
.qudao_contact ul{ margin-top:6%}
.qudao_contact ul>li{ margin-right:8px; display:inline-block}
.qudao_contact ul>li>p>span{ width:36px; height:36px; background:#fbc343; display:block; border-radius:50%; text-align:center; float:left; line-height:36px;margin:0px 20px 0px 15px;}
.qudao_contact ul>li>p>a{color:#191919}
.qudao_contact ul>li>p:hover{ text-decoration:underline}
.qudao_contact ul>li>p{ line-height:40px; font-weight:bold; font-size:16px; color:#191919}
.qudao_contact ul>li>p>span>img{ margin-top:9px; margin-left:1px}
.qudao_contact_right{ width:48%; float:right}

@media only screen and (max-width:1430px){.qudao_contact ul>li>p{ font-size:14px}}
@media only screen and (max-width:1200px){.qudao_contact_left>p>em {font-size:30px;} .qudao_contact_left>p{ font-size:24px}.qudao_contact ul>li>p>span{ margin:0px 5px}}
@media only screen and (max-width:980px){.qudao_contact ul>li>p{ font-size:12px}}
@media only screen and (max-width:768px){.qudao_contact_left{ width:100%} .qudao_contact_right{ width:100%; margin-top:10px;} .qudao_contact_left>p>em{ margin:30px 0px;}.qudao_contact{ padding:8% 0px}}
@media only screen and (max-width:500px){ .qudao_contact ul>li>p>em{ float:left}  .qudao_contact ul>li>p>a{ float:left}}
.weix img{width:120px;height: 120px;}

/*弹出框*/
.qudao_banner{ position:relative}
.cd-popup-trigger{ position:absolute ; display:block; padding:16px 34px; background:#f5e719; left:50%; bottom:17%; font-weight:bold; font-size:26px;}




/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 550px;
  margin: 10em auto;
  padding:40px 20px 20px 20px;
  background: #a19ff3;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #fff;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}
.input-group{display:block;}
.input-group input { border-radius:10px; margin:0px 0px 10px 0px; }


.main_more_2{ padding:10px 20px;display:block; background:#f5e719;}

@media only screen and (max-width:1080px){
.cd-popup-trigger{bottom:11%;padding:5px 20px; font-size:16px}
	
	}
@media only screen and (max-width:1080px){
	
	.qudao_banner{ padding:20px 0px;}
	}

@media only screen and (max-width: 768px){
	
	.sidebar-right .main-content{ padding:0px;}
	.blog-classic2-list{margin-bottom:30px}
	.blog-classic2-list .list-main{ padding:15px}
	.blog-detail{ padding:20px; border:none}
	.detail-description img{ margin:10px 0px}
	.con-pay1{ padding:10px;}
	
	
	
	}











/*sns页面*/
/*探索sns*/

.social_media_page{ position: relative}
.social_media_page .large{ width: 100%;z-index: 999999;position:fixed;transition: 0.5s all;transition: all .5s;}
.social_media_content_01{ background: url(../images/shemei_tansuo_bg.jpg) no-repeat ;}
.social_media_content_title{ margin:80px 0px 80px 0px}
.social_media_content_01 ul li {width:30%; float: left; background:#f9faff; border: 2px solid #fff; box-shadow: 0px 0px 13px 0px rgb(34 24 82 / 7%); padding: 30px 20px; margin: 0px 1.5% 35px 1.5%}
.social_media_content_title p{ text-align: center; font-size:40px; color: #484848;}

.social_media_content_01 ul li .possibility_img{text-align: center; margin-top: 30px}
.social_media_content_01 ul li .possibility_t{margin:20px 0px;text-align: center; font-size: 24px; color: #484848}

.possibility{font-size:16px; color: #747373; line-height: 26px; height: 104px;overflow: hidden}

@media only screen and (max-width:1300px){.social_media_content_title p{ font-size:30px;}}
@media only screen and (max-width:768px){.social_media_content_01 ul li{padding: 10px;}
	.possibility{font-size:14px;}
	.social_media_content_01 ul li{width:47%}
	.social_media_content_01 ul li .possibility_img{width:60px; margin: 10px auto}
	.social_media_content_01 ul li .possibility_t{font-size: 18px; margin: 10px 0px}

}
@media only screen and (max-width:480px){ .social_media_content_title p{font-size:20px;font-weight:bold}.social_media_content_title{margin:25px 0px}}



/*sns社媒运营*/

.social_media_content_02{background: url(../images/shemei_opp_bg.jpg) no-repeat ;}
#social_title{}
.social_media_content_02 ul li{width:47%; float:left; background:#fff; border:1px solid  #b6caef; display:flex;align-items:center; padding:25px 20px; margin:0px 1.5% 30px 1.5%}
.media_content_02_right>p{font-size:26px;font-weight:600; color:#194aaf}
.media_content_02_right{margin-left:20px;}
.media_content_02_right_c{font-size:16px; color:#575b62; line-height: 28px; margin-top:10px; height:84px; overflow:hidden}
@media only screen and (max-width:768px){.social_media_content_02 ul li{display:initial}
.social_media_content_02 ul li>p{ text-align: center;}
.media_content_02_right{margin-left:0px}
.media_content_02_right p{text-align:center;font-size:20px;}
.social_media_content_02 ul li>p>img{width:60px}
.social_media_content_02 ul li{padding:15px;margin:0px 1.5% 20px 1.5%}
.media_content_02_right_c {font-size:14px; line-height:24px; height:120px}

}
/*领英社媒运营*/
.social_media_content_03{background: url(../images/shemei_LinkedIn_bg.jpg) no-repeat ;}
.social_media_content_03 .social_media_content_title em{text-align:center;font-size:20px; color:#706f6f;margin:0 auto; display:block; margin-top:20px;}
.social_media_content_03 ul li{width:18%; background: #fff; border-radius: 10px; box-shadow: 0px 0px 13px 0px rgb(34 24 82 / 7%); text-align: center; padding: 30px 10px;float:left; margin: 0px 1% 20px 1%}
.social_media_content_03 ul li>p>em{font-size:16px; color:#747373; margin-top: 30px;display:block}
.social_media_content_03 ul{ display: flex; justify-content: center; align-items: flex-start;   flex-wrap: wrap;}
@media only screen and (max-width:768px){.social_media_content_03 ul li{padding: 10px;}}
@media only screen and (max-width:680px){.social_media_content_03 ul li{width:23%}}
@media only screen and (max-width:580px){.social_media_content_03 ul li{width:48%} .social_media_content_03 ul li p img{width:60px}.social_media_content_03 ul li>p>em{margin-top:10px;}}

/*核心服务优势*/
.social_media_content_04{background: url(../images/shemei_adv_bg.jpg) no-repeat ;}
.social_media_content_04 ul li{width:23%;margin:0px 1% 20px 1%;background: linear-gradient(#5399f5,#3b7df7);border:2px solid #ffffff; border-radius: 5px; padding:35px 20px; float: left; box-shadow: 0px 0px 13px 0px rgb(34 24 82 / 7%)}
.social_media_content_04 ul li .shemei_adv_title{font-size: 24px; color:#fff; text-align: center; font-weight:700; margin-bottom:15px; margin-top: 10px;}
.social_media_content_04 ul li .shemei_adv_title_c{font-size: 16px;color:#fff; line-height: 26px; height: 104px; overflow: hidden}
.social_media_content_04 ul li p{ text-align:center}
@media only screen and (max-width:850px){.social_media_content_04 ul li p img{width:80px}
.social_media_content_04 ul li .shemei_adv_title{font-size:18px}.social_media_content_04 ul li .shemei_adv_title_c{font-size:14px; line-height: 22px; height:110px}
	.social_media_content_title{margin:30px 0px 30px 0px}
}
@media only screen and (max-width:768px){.social_media_content_04 ul li{width:48%}}
@media only screen and (max-width:480px){.social_media_content_03 .social_media_content_title em{font-size:14px; margin-top:5px}}




.social_media_content_01{padding-bottom: 50px}
.social_media_content_02{padding-bottom: 50px}
.social_media_content_03{padding-bottom: 50px}
.social_media_content_04{padding-bottom: 50px}
.social_media_content_05{padding-bottom: 50px}

/*社媒联系方式*/
.social_media_content_05{background: url(../images/shemei_contact_bg.jpg) no-repeat ;}
.social_media_content_05_in {width:90%; margin:0 auto; background: #fff; border-radius: 20px; padding: 30px}
.social_media_content_05 ul li{ position: relative; width:30%; margin:10px 1.5%;float: left;}
.social_media_content_05 ul li input{ border: 1px solid #c2c6cc; height: 48px; line-height: 48px; padding: 0px 10px; width: 100%}
.social_media_content_05 ul li span:before {
    content: '';
    position: absolute;
    top:9px;
    left:5px;
    width: 28px;
    height: 100%;
    display: inline-block;
	background-repeat: no-repeat;}
.social_media_content_05 ul li span.s_ms_e:before {background: url(../images/shemei_ca_icon_01.png) no-repeat }
.social_media_content_05 ul li span.s_ms_p:before {background: url(../images/shemei_ca_icon_02.png) no-repeat }
.social_media_content_05 ul li span.s_ms_c:before {background: url(../images/shemei_ca_icon_03.png) no-repeat }
.social_media_content_05 ul li input{padding-left: 40px;}
.social_media_content_05 ul li span.s_ms_m:before {background: url(../images/shemei_ca_icon_04.png) no-repeat }

#s_ms_m{width:96%}
#meText{ 
    background: #fff;
    width: 100%;
  height:200px;
    padding: 8px 45px 10px 10px;
    color: #999;
    border: none;
    border-radius: 0;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #c2c6cc;
    border-radius: 0; padding-left: 38px; line-height: 28px}
	
.social_media_content_05 .s_ms_btn{ border-radius: 0;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 0.4s ease;
    z-index: 9;
    overflow: hidden;
    padding:0 20px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    background: #2e77ff;
    padding-top: 2px;
   
}

.social_media_content_05 .s_ms_btn input {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    z-index: 2;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
}

.social_media_content_05 .s_ms_btn:hover{background:#f1a93e}

@media only screen and (max-width:768px){
.social_media_content_05 ul li{width:100%; margin:0px 0px 20px 0px} #s_ms_m{width:100%}
.social_media_content_01{padding-bottom: 30px}
.social_media_content_02{padding-bottom: 30px}
.social_media_content_03{padding-bottom: 30px}
.social_media_content_04{padding-bottom: 30px}
.social_media_content_05{padding-bottom: 30px}

}



/*历史进程*/
 
.page_history .container{ position:relative}
.page_history{ padding:5% 0 6%; background:url(../images/his_bg.jpg) no-repeat center bottom; background-size:cover}
.page_history  li{list-style:none;}
.page_history .button{    position: absolute;
    cursor: pointer;
    top:35px;
    font-size: 40px;
    color: #333}
.page_history .button:after{    font-size: 38px;
    color: #aaa;
    display: inline-block;
    font-family: FontAwesome;}
.page_history .prev:after{    content: "\f104";}
.page_history .next:after{    content: "\f105";}	
.page_history .prev{ left:0}
.page_history .next{ right:0}	
	
.page_history .slide_wrap  {
    overflow: hidden;
    position: relative;
}
.page_history .slide_wrap ul {
    position: relative;
    left: 0px;
}
.page_history .slide_wrap::after {
    width: 100%;
    height: 1px ;
    background-color: #eee;
    content: '';
    position: absolute;
    top: 48px;
    left: 0px;
}
.page_history .slide_items li{
    float: left; list-style:none;
    font-size: 20px;
    width: 200px;
    text-align: center;    
}
.page_history .slide_items li a {
    display: block;z-index: 999;
    position: relative;
}
.page_history .slide_items li.on {
    color: yellow;
    border-radius: 30px;
}
.page_history .slide_items li span {
    color:#4c4a4a;
    font-size: 24px;
    display: block; font-weight:700;
}
.page_history .slide_items li div {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #a2a2a2; ;
    border-radius: 13px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 17px;
}
.page_history .slide_items li i{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #a2a2a2;
    border-radius: 5px;

}
.page_history .slide_items li.on div {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #1a55c8;
    border-radius: 13px;
    padding: 7px;
    box-sizing: border-box; border-color:#1a55c8;
    margin-top: 11px;
}
.page_history .slide_items li.on div i{ background-color:#fff}
.page_history .slide_items li.on span{ color:#1a55c8;font-size:24px}
.page_history .slide-content {
    margin-top: 100px; border-bottom:4px  solid #1a55c8;
}
.page_history .slide-content img{
   width: 100%;
}
.page_history .slide-content ul {
    display: none;    max-width:100%;
   
    padding: 40px 20px 80px;
    margin: auto;
    position:relative;
}
.page_history .slide-content ul:after{background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 10px 60px -2px rgba(77, 81, 84, 0.1);     content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;}
.page_history .slide-content ul.on {
    display: block;
}
.page_history .list_div{ position:relative; z-index:99}
.page_history .slide-content ul .mask{position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    height: 100%;
    width: 80%;
    top: 0; }
.page_history .slide-content ul .year{   font-size: 220px;font-family: 'poppins-regular';
    position: absolute; 
    letter-spacing: 20px; 
    pointer-events: none;
    width: 100%;
    text-align: center;line-height: 220px;  
    color: #f7f7f7;
    animation: fadeInDownSmall 0.5s ease-in-out; font-weight:700}
.page_history .slide-content ul .list_div{}
.page_history .slide-content ul .list_div>div{ padding:20px;animation: fadeInUpSmall 0.5s ease-in-out;}
.page_history .slide-content ul .list_div>div>span{ font-size:16px; font-weight:700; color:#1a55c8}
.page_history .slide-content ul .list_div>div>p{ font-weight:500; font-size:14px; color:#333; margin-top:10px}
.page_history_mo{ display:none}
.page_history .slide-content ul li{padding:20px 0px;}


@media only screen and (max-width: 1440px) { 
.page_number .number_box .numbers__one .wrap>.numbers_t{ font-size:44px}
.page_number .number_box .numbers__one .numbers__num{ font-size:44px}
.page_number .number_box .numbers__one{ padding:0 2%}
}

@media only screen and (max-width: 1199px) { 
.page_history .slide-content ul{ max-width:95%}
}

@media only screen and (max-width: 768px){
	.page_history{ display:none}
	.page_history_mo{ display:block; padding:5% 0; background:url(../images/his_bg.jpg) bottom center; background-size:cover;}
	.page_history_mo .pb-40{ margin-top:20px}
	.page_history_mo .f-24{    font-size: 22px; margin-bottom: 20px; font-weight:700; color:#333}
	.page_history_mo  .items li{ list-style:none}
	.page_history_mo  .items li>div>span{ font-size:16px; font-weight:500; color:#fed300}
	.page_history_mo  .items li>div>p{ font-weight:500; font-size:14px; color:#333; margin-top:10px}
.page_number .number_box .numbers__one .wrap>.numbers_t{ font-size:34px; line-height:36px}
.page_number .number_box .numbers__one .numbers__num{ font-size:34px;line-height:36px}
.page_number .number_box .numbers__one{ padding:0 2%}
	.number_box .numbers__one .number__ico img{     max-width: 60px;}
	
	
	}

@media only screen and (max-width: 435px){
	.page_number .number_box .percent-blocks{ display:block;}
	.page_number .number_box .numbers__one{ width:50%; float:left}
	}