.salon_fix{
	position: fixed;
	left: 20px;
	top: 50%;
	margin-top: -44px;
	z-index: 999;
}


.case-page-text{
	max-width: 1000px;
	margin: 10px auto 104px auto;
}

.case-page-text .title{
	position: relative;
}

.case-page-text .title:after{
	position: absolute;
	bottom: -32px;
	left: 0;
	content: "";
	display: block;
	width: 210px;
	height: 1px;
	background: #666;
}

.case-page-text .title h3{
	font-weight: initial;
	color: #6d6d6d;
	font-size: 16px;
}

.case-page-text .title h2{
	color: #000000;
	font-size: 34px;
	line-height: 50px;
	margin-top: 20px;
}

.case-page-text .title h2 span{
	display: block;
}

.case-page-text .text{
	margin-top: 72px;
}

.case-page-text .text p{
	font-size: 16px;
	color: #6d6d6d;
	line-height: 30px;
}





.foot{
	padding-top: 95px;
}


.foot-com-name{
	border-bottom: 1px solid #4a4a58;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	line-height: 36px;
	padding-bottom: 22px;
}

.foot-com-name i{
	
}

.foot-com-name span{
	display: block;
}



.foot-box{
	padding-top: 30px;
}

.foot-con{
	float: left;
	width: 40%;
}

.ewm .tp{
	width: auto;
	float: left;
	margin-right: 5%;
	text-align: center;
}

.ewm .tp img{
	width: 100px;
}

.ewm .tp i{
	font-size: 12px;
	display: block;
	color: #a0a0a2;
	margin-top: 8px;
	letter-spacing: 0;
}

.ewm .text{
	width: 60%;
	float: left;
}

.ewm .text p{
	color: #959597;
	font-size: 16px;
	line-height: 28px;
	margin-top: 6px;
}

.ewm .text span{
	display: block;
}



.foot-infor{
	margin-top: 10px;
}

.foot-infor ul li{
	font-size: 14px;
	padding: 15px 0;
	color: #a0a0a2;
}

.foot-infor ul li img{
	float: left;
	display: block;
}

.foot-infor ul li p{
	float: left;
	width: 90%;
	margin-left: 3%;
}

.foot-infor ul li p a{
	color: #a0a0a2;
}

.foot-infor ul li:first-child img{
	position: relative;
	bottom: -5px;
}

.foot-infor ul li p span{
	font-size: 18px;
}

.city{
	margin-top: 24px;
	color: #69696c;
	font-size: 12px;
	line-height: 22px;
}

.area{
	margin-top: 9px;
	color: #69696c;
	font-size: 12px;
	line-height: 22px;
}

.area a{
	color: #69696c;
}

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

.foot-submenu{
	float: right;
	width: 50%;
	margin-top: -80px;
}

.foot-submenu ul li{
	float: right;
	width: 28%;
}

.foot-submenu ul li i{
	color: #FFFFFF;
	font-size: 16px;
}

.foot-submenu ul li a{
	color: #FFFFFF;
	font-size: 16px;
}

.foot-submenu ul li ul li{
	width: 100%;
}

.foot-submenu ul li ul{
	margin-top: 50px;
}

.foot-submenu ul li ul li a{
	color: #7a7a7d;
	font-size: 12px;
	line-height: 30px;
}

.foot-submenu ul li ul li a:hover{
	color: #fff;
}

.foot-submenu ul li:first-child {
	text-align: right;
	width: 20%;
}

.foot-submenu ul li:nth-child(2) {
	width: 23%;
}


.foot-submenu ul li ul li:first-child,.foot-submenu ul li ul li:nth-child(2) {
	text-align: left;
	width: 100%;
}

.foot-submenu ul li:first-child ul li{
	text-align: right;
}

.foot-copy{
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #3b3b42;
	font-size: 12px;
	color: #bbbbbb;
}

.foot-copy a{
	color: #bbbbbb;
}

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

.home-news{
	margin-top: 22px;
}

.home-news ul li{
	width: 32%;
	float: left;
	margin-left: 2%;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}

.home-news ul li:nth-child(3n+1){
	margin-left: 0;
}

.home-news ul li a{
	font-size: 14px;
	color: #757575;
}

.home-news ul li a:hover{
	color: #2932f3;
}

.home-news ul li p{
	float: left;
	width: 72%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-news ul li span{
	font-size: 12px;
	color: #bbbbbb;
	display: block;
	float: right;
	width: 20%;
	text-align: right;
}

.home-news ul li:after{
	content: "";
	height: 0;
	width: 0;
	font-size: 0;
	clear: both;
	display: block;
}

.home-news ul li:before{
	content: "•";
	float: left;
	font-size: 12px;
	line-height: 32px;
	display: block;
	width: 3%;
	color: #666666;
}



.case-artcle0{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.case.case-lb-box{
	padding: 20px 0 120px 0;
	max-width: 1920px;
}

.case-artcle0 ul,.case-artcle1 ul,.case-artcle2 ul,.con-news-list ul{
	padding-bottom: 60px;
}

.case-artcle0 ul:after,.case-artcle1 ul:after,.case-artcle2 ul:after{
	content: "";
	height: 0;
	clear: both;
	display: block;
}

.case-artcle1,.case-artcle2,.con-news-list{
	text-align: center;
}


.viewMore{
	color: #333;
	font-size: 18px;
	position: relative;
	padding-right: 25px;
}

.viewMore:before{
	content: "";
	display: block;
	width: 16px;
	height: 9px;
	background: url(../images/more_x_jj.jpg) left top no-repeat;
	position: absolute;
	right: 0;
	top: 8px;
}

.viewMore:hover{
	color: #1F28F1;
}

.con-news-list ul li{
	display: inline;
}

.con-news-list{
	*zoom: 1;
}



.case-artcle0 ul li{
	display: inline-flex;
}

.sales{
	background: url(../images/sales_bg.jpg) center top no-repeat;
	padding-top: 120px;
}


.sales-box{
	padding: 120px 0 180px 0;
	text-align: center;
}

.sales-box ul li{
	display: inline-block;
	padding: 20px 35px;
	background: #FFFFFF;
	border-radius: 10px;
	margin: 0 60px;
	font-size: 30px;
	color: #1560bb;
	font-weight: bold;
	line-height: 44px;
	letter-spacing: 3px;
}

.sales-box ul li span{
	display: block;
}


h1{
	font-size: initial;
}


.ser-no1-title i em{
	display: none;
	font-style: initial;
}

#case-banner .list-banner img:first-child {
    max-width: 100%;
    height: auto;
    position: initial;
    left: initial;
    margin-left: initial;
}

.news-current,.brand-menu-phone{
	display: none;
}

#newBridge .nb-icon-wrap{
	margin-top: 80px;
}

.list-banner img:first-child{
	display: block;
	margin: 0 auto;
	/*max-width: initial;
    height:400px;
    position: relative;
    left: 50%;
	transform: translateX(-50%);*/
}

.list-banner{
	overflow: hidden;
	
}

.list-banner img:last-child{
	display: none;
}

.header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.phone-header{
	height: 160px;
}

.head .container{
	width: 1270px;
}

.menu-box .container{
	width: 1280px;
}

.head{
	background: #fff;
}

.container{
	width: 1200px;
	margin: 0 auto;
}


.logo {
    float: left;
    height: 110px;
    margin-left: 32px;
}


.logo h1{
	float: left;
	padding-top: 5px;
}

.logo img{
	display: block;
}

.logo i{
	float: left;
	display: block;
	font-size: 15px;
	color: #545454;
	letter-spacing:2px;
	line-height: 36px;
    border-left: 1px solid #565df4;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 36px;
}

.tel{
	float: right;
	text-align: right;
	padding-top: 40px;
	padding-right: 45px;
}


.menu-box{
	background: #f6f6f6;
}



/*menu*/
.menu {}


nav {
	
}

#starlist {
	padding-left: 10.6%;
}

#starlist li {
	float: left;
	width: 12.5%;
	z-index: 99;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

#starlist li:first-child {
	width: 10.5%;
	padding-left: 1%;
}

#starlist li a {
	color: #333;
	font-size: 16px;
	border-radius: 14px;
	padding: 2px 10px 4px 10px;
	letter-spacing: initial;
}



#starlist li a:hover {
	color: #FFFFFF;
	background: #1f28f1;
	border-radius: 14px;
	
}

#starlist ul {}

#starlist li .sub {
	position: absolute;
	right: 0;
	top: 160px;
	width: 100%;
	background-color: rgba(255, 255, 255, .8);
	z-index: 9999999;
	display: none;
	transition:all .5s ease-in 0s; 
	-webkit-transition:all .5s ease-in 0s;
}

#starlist li:hover .sub {
	display: block;
	transition:all .5s ease-in 0s; -webkit-transition:all .5s 

ease-in 0s;
}


#starlist ul.sub {
	text-align: right;
	
}

#starlist ul.sub li {
	float: initial;
	height: auto;
	line-height: 50px;
	display: inline-table;
	width: auto;
	text-align: left;
	margin-right: 2%;
}

#starlist ul.sub li:nth-child(4) {
	margin-right: 3.5%;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 16px;
}


#starlist ul.sub li:hover a {
	color: #1f28f1;
	background: initial;
}


.menu span,
.menu:before {
	display: none;
}

.menu:before {
	position: absolute;
	content: "";
	top: 25px;
	right: 5px;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before {
	transform: rotate(180deg)
}

#mnavh {
	display: none;
	margin: 39px 0 0 0;
	width: 18px;
	height: 28px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}

.navicon {
	display: block;
	position: relative;
	width: 28px;
	height: 3px;
	background-color: #666;
	bottom: -10px;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 28px;
	height: 3px;
	position: absolute;
	background: #666;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -10px;
}

.navicon:after {
	margin-top: 10px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 28px;
	height: 3px;
	position: absolute;
	background: #666;
}



.content-banner img{
	display: block;
}


/*banner*/

.slide-main {
	width: 100%;
	position: relative;
	
}

.slide-box,
.slide-info {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slide-info {
	display: none;
}

.slide-info a {
	width: 100%;
	height: 100%;
	display: block;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.slide-info img {
	display: block;
	margin: 0 auto;
}

.slide-info img:last-child {
	display: none;
}

.slide-main:hover .prev2,.slide-main:hover .next2{
	opacity: 1;
}

.prev2,.next2{
	width: 180px;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	margin-top: 0;
	transition: .9s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	opacity: 0;
	text-align: center;
	line-height: 100%;
}

.prev2 img,.next2 img{
	display: block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.slide-main:hover .prev2:hover,.slide-main:hover .next2:hover{
	opacity: 1;
}

.slide-main:hover .prev2:hover{
	background: url(../images/prev_bg.png) left center no-repeat;
}

.slide-main:hover .next2:hover{
	background: url(../images/next_bg.png) left center no-repeat;
}

.prev2 img{
	left: 100px;
}

.next2 img{
	right: 100px;
}


.prev2{
	left: 0px;
}

.next2{
	right: 0px;
}

/*banner翻页圆点*/

.item1 {
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: 50px;
	left: 0;
	text-align: center;
}

.item1 a {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 8px;
	position: relative;
	background-color: rgba(255,255,255,.3);
	border-radius: 50%;
}

.item1 a img{
	display: none;
}

.item1 a:before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.3);
	top: 0;
	left: 0;
	transition: .9s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	border-radius: 50%;
}

.item1 a.cur {
	background-color: rgba(255,255,255,1);
}

.item1 a.cur:before {
	display: none;
}

/*.item1 a:hover:before {
	background-color: rgba(255,255,255,.5);
}*/


/* banner end */


.who{
	position: relative;
	width: 100%;
	background: url(../images/who_bg.jpg) center top no-repeat;
	padding: 140px 0;
}

.who-bg{
	width: 60.66%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background-color:rgba(238,238,238,0.42);
}

.who .container{
	position: relative;
}

.who-title{
	float: left;
	width: 28.33%;
	padding-left: 5%;
}

.who-title .title i{
	font-size: 36px;
	color: #222;
	font-weight: 600;
	margin-top: 45px;
	display: block;
}

.who-title .who-yw{
	position: absolute;
	bottom: 0;
}

.who-title .who-yw span{
	display: block;
	background: #1F28F1;
	height: 3px;
	width: 30px;
}

.who-title .who-yw i{
	font-size: 16px;
	color: #cccccc;
	font-family: arial;
	display: block;
	margin-top: 15px;
}

.who-describe{
	width: 60.66%;
	float: right;
	position: relative;
	z-index: 2;
}

.who-describe i{
	color: #333333;
	font-size: 17px;
	font-weight: 700;
	line-height: 32px;
}

.who-describe p{
	color: #666666;
	font-size: 15px;
	line-height: 30px;
	margin-top: 15px;
}


.culture{
	padding: 95px 0 100px 0;
}

.culture-list{
	
}

.culture-list ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}

.culture-list ul li em{
	display: block;
}

.culture-list ul li i{
	display: block;
	color: #888;
	font-weight: bold;
	line-height: 28px;
	font-size: 16px;
	
}

.culture-list ul li p{
	color: #555;
	font-weight: bold;
	line-height: 30px;
	font-size: 18px;
	margin-top: 20px;
}

.culture-list ul li:first-child p,.culture-list ul li:last-child p{
	line-height: 60px;
}


.culture-list ul li span{
	display: block;
	width: 30px;
	height: 3px;
	background: #cccccc;
	margin: 28px auto 0 auto;
}


.confused{
	width: 100%;
	background: #0D57AE url(../images/sy_wt_bg.jpg) left top no-repeat;
	padding: 110px 0;
}

.confused .title{
	text-align: center;
}

.confused .title i{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}

.confused .title span{
	font-size: 14px;
	color: rgba(255,255,255,.5);
	display: block;
	text-transform : uppercase;
	margin: 15px 0 30px 0;
}


.confused .content{
	text-align: center;
}

.confused .content ul li{
	width: 33%;
	text-align: center;
	display: inline-block;
	margin-top: 70px;
}

.confused .content ul li i{
	background: #fff;
	font-size: 28px;
	color: #265fbe;
	line-height: 40px;
	font-weight: bold;
	padding: 0 5px 3px 5px;
	border-radius: 6px;
}

.confused .content ul li p{
	font-size: 20px;
	color: rgba(255,255,255,.9);
	line-height: 36px;
	font-weight: bold;
	margin-top: 20px;
}

.confused .content ul li span{
	display: block;
	background-color: rgba(255,255,255,.5);
	margin: 24px auto 0 auto;
	width: 30px;
	height: 3px;
	
}

.confused .content ul li em{
	display: block;
}


.what{
	padding-top: 120px;
}

.what .title{
	background: url(../images/what.png) center top no-repeat;
	background-size:  auto 80px;
	text-align: center;
	padding-bottom: 70px;
}

.what .title i{
	color: #222222;
	font-size: 36px;
	font-weight: bold;
}

.what .title span{
	width: 30px;
	height: 3px;
	background: #222222;
	display: block;
	margin: 27px auto 0 auto;
}


.strategic{
	padding: 125px 0;
	background: #f8f8f8 url(../images/line.png) left top repeat;
	position: relative;
}

.strategic:before{
	width: 655px;
	height: 232px;
	display: block;
	content: "";
	background: url(../images/keep.png) left bottom no-repeat;
	position: absolute;
	bottom: -45px;
	z-index: 9;
}

.strategic .content{
	width: 50%;
	float: left;
	position: relative;
	z-index: 10px;
}

.strategic .steps{
	
}

.strategic .steps h2{
	font-size: 24px;
	color: #999999;
	line-height: 36px;
	font-weight: bold;
}

.strategic .steps span{
	background: #cccccc;
	width: 30px;
	height: 3px;
	display: block;
	margin-top: 24px;
}

.strategic .subtitle{
	margin-top: 54px;
}

.strategic .subtitle i{
	font-size: 30px;
	color: #222222;
	line-height: 44px;
	font-weight: 600;
}

.strategic .subtitle p{
	font-size: 18px;
	color: #222222;
	line-height: 44px;
	font-weight: 600;
}

.strategic .subtitle span{
	font-size: 30px;
	font-family: arial;
	color: #1f65e7;
	line-height: 44px;
}

.strategic .text{
	margin-top: 25px;
	width: 84%;
}

.strategic .text p{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.strategic .icon{
	width: 50%;
	float: right;
	text-align: center;
}

.strategic.bg{
	background-color: initial;
}

.strategic.bg:before{
	width: 655px;
	height: 232px;
	display: block;
	content: "";
	background: url(../images/seek.png) right bottom no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}

.strategic.bg .steps{
	margin-top: 19px;
}



.quotes{
	background: url(../images/quotes_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 115px 0 130px 0;
}

.quotes .title{
	text-align: center;
}

.quotes .title i{
	font-size: 36px;
	color: #FFFFFF;
	line-height: 44px;
	font-weight: bold;
}

.quotes .title span{
	display: block;
	width: 30px;
	height: 3px;
	background: #fff;
	margin: 25px auto 19px auto;
}

.quotes .title em{
	font-size: 16px;
	color: #acbddd;
	line-height: 18px;
	font-style: initial;
}

.quotes .content{
	padding-top: 20px;
}

.quotes .content ul li{
	width: 45%;
	float: left;
	margin-top: 62px;
	margin-left: 10%;
	border-bottom: 1px solid #668dc2;
	padding-bottom: 35px;
}

.quotes .content ul li:nth-child(2n+1){
	margin-left: 0;
}

.quotes .content ul li i{
	font-size: 24px;
	line-height: 54px;
	color: #ffffff;
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
}

.quotes .content ul li span{
	font-size: 16px;
	line-height: 24px;
	color: rgba(255,255,255,1);
	text-align: right;
	display: block;
	margin-top: 28px;
	padding-right: 30px;
}

.case{
	padding: 115px 0 120px 0;
}

.case .title{
	text-align: center;
}

.case .title i{
	font-size: 36px;
	color: #222;
	font-weight: bold;
	line-height: 44px;
}

.case .title p{
	font-size: 18px;
	color: #666666;
	line-height: 26px;
	margin-top: 16px;
}

.case .title span{
	display: block;
	width: 30px;
	height: 3px;
	background: #1F28F1;
	margin: 25px auto 0 auto;
}

.case .content{
	margin: 60px auto 0 auto;
 	max-width: 1400px;
	
}

.case .content.case-pro{
	margin: 40px auto 0 auto;
	max-width: 1400px;
}

.case .content.mark-case-box{
	margin: 40px auto 0 auto;
	max-width: 1400px;
}

.case .content.mark-case-box .list{
	float: left;
	width: 32.33%;
	position: relative;
	margin-left: 1.5%;
	overflow: hidden;
	margin-top: 22px;
}

.case .content.mark-case-box .list .tp{
	overflow: hidden;
}

.case .content .list img{
	transition: all 0.5s linear;
}

.case .content .list:hover img{
	transform: scale(1.05);
}

.case .content.mark-case-box .list:nth-child(3n+1){
	margin-left: 0;
}

.case .content.mark-case-box .list:hover .text{
	top: initial;
}

.case .content.mark-case-box .list:hover a{
	top: initial;
}

.case .content.mark-case-box .list a{
	position: initial;
	top: initial;
}

.case .content.mark-case-box .text{
	position: initial;
	top: initial;
	width: 90%;
	height: 100%;
	background-color: #f2f2f2;
	text-align: left;
	display: block;
	padding: 14px 5%;
}

.case .content.mark-case-box .text i{
	font-size: 14px;
	color: #333;
	font-weight: initial;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: all 0.5s linear;
	text-align: center;
}


.case .content.mark-case-box .list:hover .text i{
	color: #1F28F1;
}

.case .content.mark-case-box .text span{
	font-size: 16px;
	color: #888;
	line-height: 28px;
	display: none;
}


.case .content .list{
	float: left;
	width: 32.66%;
	position: relative;
	margin-left: .5%;
	margin-top: 6px;
	overflow: hidden;
}

.case .content .list:nth-child(3n+1){
	margin-left: 0;
}

.case .content.case-pro .list{
	float: left;
	width: 32.33%;
	position: relative;
	margin-left: 1.5%;
	overflow: hidden;
	margin-top: 22px;
}




.case .content.case-pro .list:nth-child(3n+1){
	margin-left: 0;
}
.spr-describe i{
	display: none;
}
.case .content .list .tp{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.case .content .list .tp img{
	display: block;
}

.case .content .list:hover .tp img{
	display: block;
}

.case .content .list:hover a{
	top: 0;
}

.case .content .list a{
	position: absolute;
	top: 100%;
	width: 100%;
	height: 100%;
	display: block;
	transition: initial;
}

.case .content .list .tp a{
	position: initial;
}

.case .content .text{
	display: none;
}

.case .content .text i{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.case .content .text span{
	font-size: 18px;
	color: #dedede;
	line-height: 36px;
}

.more{
	margin-top: 60px;
}

.more a{
	width: 164px;
	height: 44px;
	display: block;
	border: 2px solid #666666;
	text-align: center;
	line-height: 44px;
	color: #333333;
	margin: 0 auto;
	font-size: 18px;
	position: relative;
}

.more a i{
	margin-left: -8px;
}

.more a:before{
	position: absolute;
	right: 30px;
	top: 16px;
	width: 7px;
	height: 11px;
	content: "";
	display: block;
	background: url(../images/more_jt.png) left top no-repeat;
}

.more a:hover{
	width: 164px;
	height: 44px;
	border: 2px solid #1F28F1;
	color: #FFFFFF;
	background: #1F28F1;
}

.more a:hover:before{
	background: url(../images/more_a.png) left top no-repeat;
}


.honor{
	padding: 115px 0 120px 0;
	background: url(../images/honor_bg2.jpg) center top no-repeat;
}

.honor .title{
	text-align: center;
}

.honor .title i{
	font-size: 36px;
	color: #FFFFFF;
	line-height: 44px;
	font-weight: bold;
}

.honor .title p{
	font-size: 18px;
	color: rgba(255,255,255,.8);
	line-height: 26px;
	margin-top: 16px;
}

.honor .title span{
	display: block;
	width: 30px;
	height: 3px;
	background-color: rgba(255,255,255,.5);
	margin: 25px auto 0 auto;
}


.honor .content{
	margin-top: 60px;
}

.honor-text-list{
	float: left;
	width: 32%;
	background-color: rgba(255,255,255,0.8);
	text-align: center;
	margin-left: 2%;
	padding: 40px 0 60px 0;
}

.honor-text-list:first-child{
	margin-left: 0;
}

.focus-on {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.focus-on i{
	font-size: 80px;
	color: #1f28f1;
	font-weight: bold;
}

.focus-on span{
	font-size: 24px;
	color: #1f65e7;
	font-weight: bold;
	margin-top: 16px;
	margin-left: 5px;
}

.honor .honor-text-list:last-child .focus-on span{
	font-size: 36px;
	margin-top: 3px;
}


.honor-text-list .text{
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	margin-top: 15px;
	font-weight: bold;	
}

.honor-text-list .text span{
	display: block;
}


.honor-text-list .subtitle{
	font-size: 18px;
	color: #333333;
	margin-top: 28px;
	font-weight: bold;
}

.honor-text-list .subtitle i{
	margin: 0 10px;
}

.honor-text-list .subtitle span{
	font-size: 18px;
	color: #c9cdd2;
	font-weight: 600;
}


.news-tab{
	float: right;
	width: 55%;
}

.tabs{ 
	margin-top: 80px;
text-align: right;
}
.tabs a{
	display: inline-block;
	color:#666666;
	text-align:center;
	line-height:36px;
	width: 120px;
	font-size:16px;
	margin-left: 10px;
}

.tabs a.active{
	color:#1F28F1;
	font-weight: bold;
	background: #F8F8F8;
}

.swiper-container{
	
	width:100%;border-top:0;
}

.swiper-slide{
	width:100%;
	background:none;
}


.content-slide{
	
}

.content-slide p{
	
}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */	
	z-index:1;
}
	
.swiper-wrapper {
	position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.news-list{
	float: left;
	width: 32%;
	margin-left: 2%;
}

.news-list:first-child{
	margin-left: 0;
}

.news-list .tp{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
}

.news-list .tp img{
	display: block;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.news-list:hover .tp a img{
	transform: scale(1.1);
}

.news-list:hover .title a{
	color: #2932f3;
}

.news-list .title {
	background: #f8f8f8;
	padding: 16px 20px;
}

.news-list .title a{
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	display: block;
}

.news-list .title a i{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 20px;
	font-size: 18px;
	color: #333333;
	text-align: left
}

.news-list .title span{
	font-size: 12px;
	font-family: arial;
	color: #999999;
	line-height: 12px;
	margin-top: 8px;
	display: block;
	text-align: left;
}

.news-list .text{
	margin-top: 19px;
}

.news-list .text p{
	font-size: 14px;
	color: #999999;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 50px;
}

.news-list .details{
	margin-top: 30px;
}

.news-list .details a{
	font-size: 14px;
	line-height: 22px;
	color: #999;
}

.news-list .details a:hover{
	color: #1F28F1;
}


.news{
	padding: 115px 0 120px 0;
}

.news-top .title{
	float: left;
	width: 35%;
}

.news-top .title i{
	font-size: 36px;
	color: #222;
	line-height: 44px;
}

.news-top .title p{
	font-size: 18px;
	color: #444444;
	line-height: 26px;
	margin-top: 16px;
}

.news-top .title span{
	display: block;
	width: 30px;
	height: 3px;
	background: #1F28F1;
	margin-top: 25px;
}

.news-box{
	margin-top: 60px;
}


.trait{
	padding: 74px 0;
	background: #232dd7;
}

.trait-logo{
	width: 20%;
	float: left;
}

.trait-logo img{
	display: block;
	margin-top: 9px;
}

.trait-logo i{
	font-size: 16.5px;
	color: #FFFFFF;
	line-height: 36px;
}

.trait-box{
	width: 80%;
	float: right;
}

.trait-box ul li{
	width: 22.2%;
	float: left;
	border-left: 1px solid #92acd3;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
}

.trait-box ul li:first-child{
	width: 35%;
}

.trait-box ul li:nth-child(2){
	width: 41.2%;
}

.trait-box ul li:last-child{
	text-align: right;
}

.trait-box ul li i{
	text-align: center;
	display: inline-block;
}


.trait-box ul li span{
	display: block;
}



.foot{
	background: #25252c;
}

.foot-menu{
	border-bottom: 1px solid #3b3b42;
}

.foot-menu ul li{
	float: left;
	width: 12.5%;
	height: 78px;
	line-height: 78px;
}

.foot-menu ul li a{
	color: #DDDDDD;
	font-size: 18px;
}

.foot-menu ul li a:hover{
	color: #fff;
	
}



.foot .content{
	padding: 34px 0 0px 0;
}

.foot-information{
	float: left;
	width: 70%;
}

.foot-information i{
	font-size: 20px;
	color: #FFFFFF;
	line-height: 36px;
	font-family: ;
	font-weight: bold;
}

.foot-information ul{
	padding-top: 6px;
}

.foot-information ul li{
	margin-top: 15px;
}

.foot-information ul li img{
	float: left;
	display: block;
	height: 32px;
}

.foot-information ul li p{
	float: left;
	line-height: 32px;
	font-size: 16px;
	color: #bbbbbb;
	margin-left: 16px;
}


.foot-wx{
	float: right;
	width: 30%;
	text-align: right;
}

.foot-wx .wx-box p{
	font-size: 16px;
	color: #aaaaaa;
	line-height: 36px;
	text-align: right;
	position: absolute;
	left: -160px;
	top: 30px;
}

.foot-wx .wx-box i{
	font-size: 16px;
	color: #ffffff;
	display: block;
	line-height: 30px;
	margin-top: 10px;
}


.foot-wx .wx-box{
	position: relative;
	display: inline-block;
	text-align: center;
}

.foot-copyright{
	font-size: 14px;
	color: #bbbbbb;
	margin-top: 40px;
	padding: 26px 0;
	border-top: 1px solid #3b3b42;
}

.link{
	margin-top: 0px;
	padding:0 0 20px 0;
	background: #25252c;
}

.link i{
	display: block;
	float: left;
	font-size: 12px;
	color: #aaaaaa;
	line-height: 24px;
}

.link ul{
	float: left;
	width: 94%;
}

.link ul li{
	float: left;
	line-height: 26px;
}

.link ul li a{
	color: #aaaaaa;
	margin: 0 5px;
	font-size: 12px;
}

.link ul li a:hover{
	color: #Fff;
}


/*首页 end*/

.content-banner {
	background: url(../images/case_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 130px 0 126px 0;
}

.content-banner .title{
	text-align: center;
	background: url(../images/case_yw.png) center top no-repeat;
	background-size: auto 100%;
}

.content-banner .title i{
	font-size: 36px;
	line-height: 105px;
	color: #FFFFFF;
	font-weight: bold;
}

.content-banner .text{
	text-align: center;
	margin-top: 36px;
}

.content-banner .text span{
	width: 30px;
	height: 2px;
	display: block;
	margin: 0 auto 26px auto;
	background: #d2dfee;
}

.content-banner .text p{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
}


.case-menu-box{
	margin-top: 100px;
}

.case-menu-box .container {
	padding-bottom: 42px;
	border-bottom: 1px solid #cccccc;
}

.case-menu{
	text-align: center;
	position: relative;
}

.case-menu ul li{
	display: inline-block;
	text-align: center;
}

.case-menu ul li a{
	width: 146px;
	height: 38px;
	font-size: 18px;
	color: #888888;
	line-height: 38px;
	margin: 0 12px;
	display: block;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	border: 2px solid #FFFFFF;
}

.case-menu ul li a:hover{
	border: 2px solid #1F28F1;
	color: #1F28F1;
	font-weight: bold;
}

.case-menu ul li a.case-active{
	border: 2px solid #1F28F1;
	color: #1F28F1;
	font-weight: bold;
	display: none;
}

.case-menu ul li ul{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0%;
}

.case-menu ul li ul li{
	width: 7.69%;
	display: inline-block;
	float: left;
	text-align: center;
}

.case-menu ul li ul li a{
	width: 100%;
	height: 60px;
	font-size: 16px;
	color: #888888;
	border: initial;
	margin: 0;
	line-height: 30px;
	position: relative;
	letter-spacing: 0;
}

.case-menu ul li ul li a:hover{
	border: initial;
	color: #1F28F1;
	font-weight: bold;
}

.case-menu ul li ul li a:hover:before{
	content: "";
	display: block;
	height: 2px;
	width: 30px;
	background: #1F28F1;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -15px;
}

.case-menu ul li ul li a.case-subactive{
	border: initial;
	color: #1F28F1;
	font-weight: bold;
}

.case-menu ul li ul li a.case-subactive:before{
	content: "";
	height: 2px;
	width: 30px;
	background: #1F28F1;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -15px;
}

.case-list{
	margin-top: 80px;
	position: relative;
	box-shadow: 0 0 5px #EEEEEE
}

.case-tp{
	width: 66.66%;
	float: left;
}

.case-tp img{
	width: 100%;
	display: block;
}

.case-text{
	float: right;
	width: 33.33%;
}

.case-text .box{
	padding: 50px 40px;
}

.case-text .title{
	
}

.case-text .title a{
	font-size: 24px;
	line-height: 26px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 26px;
	overflow: hidden;
    text-align: left;
}

.case-list:hover .case-text .title a{
	color: #1F28F1;
}

.case-text .classify{
	margin-top: 17px;
}

.case-text .classify a{
	width: 90px;
	height: 24px;
	background: #eeeeee;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	display: block;
	text-align: center;
	border-radius: 12px;
}

.case-text .classify a:hover{
	background: #1F28F1;
	color: #FFFFFF;
}

.case-text .text{
	margin-top: 32px;
}

.case-text .text p{
	color: #666666;
	font-size: 14px;
	line-height: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 84px;
	overflow: hidden;
text-align: left;
}

.case-text .details{
	position: absolute;
	bottom: 50px;
}

.case-text .details a{
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	display: block;
	position: relative;
}

.case-text .details a:before{
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	right: -15px;
	top: 7px;
	background: url(../images/details_icon1.png) center top no-repeat;
	background-size: 100%;
}

.case-list:hover .case-text .details a{
	color: #1F28F1;
}

.case-list:hover .case-text .details a:before{
	background-size: 100%;
	background: url(../images/details_icon_a.png) center top no-repeat;
}


/*翻页控件代码*/

.paging {
	padding: 60px 0 120px 0;
	height: 36px;
	text-align: center;
}

.paging .container {
	padding-bottom: 22px;
}

#AspNetPager1 span {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	line-height: 36px;
	display: inline-block;
	color: #FFFFFF;
	margin-left: 5px;
	font-size: 14px;
	background: #1F28F1;
}

.paging a {
	width: 36px;
	height: 36px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	font-size: 14px;
	display: inline-block;
	color: #666666;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
	margin: 0 5px;
}

.paging a:hover {
	display: inline-block;
	color: #FFFFFF;
	background: #1F28F1;
}




/*///??*/

.news-banner{
	padding: 135px 0 160px 0;
	background: url(../images/information_bg.jpg) center top no-repeat;
}

.path{
	position: relative;
	top: -40px;
}

.path a{
	font-size: 14px;
	color: #b9c2d4;
}

.path span{
	font-size: 14px;
	color: #b9c2d4;
	margin-left: 8px;
}


.news-zk{
	margin-top: 24px;
}

.content-page{
	padding: 64px 0 120px 0;
}

.con-l-art{
	width: 75%;
	float: left;
}

.con-l-art .title-box{
	margin-bottom: 48px;
}

.con-l-art .title-box .title{
	
}

.con-l-art .title-box .title h1{
	font-weight: bold;
	font-size: 30px;
	color: #333333;
	line-height: 36px;
}

.con-l-art .title-box .attribute{
	margin-top: 24px;
}

.con-l-art .title-box .attribute span{
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	margin-right: 25px;
}

.con-l-art .mg_b{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	text-align: justify;
}

.con-l-art .mg_b img{
	display: block;
	margin: 0 auto;
}

.con-l-art .share{
	margin-top: 50px;
}


.con-r-art{
	width: 22%;
	float: right;
	margin-top: 128px;
}

.con-r-art .title-box{
	height: 16px;
}

.con-r-art .title-box .title{
	float: left;
}

.con-r-art .title-box .title i{
	font-size: 16px;
	line-height: 18px;
	color: #222222;
	font-weight: bold;
	position: relative;
	padding-left: 13px;
}

.con-r-art .title-box .title i:after{
	content: "";
	display: block;
	width: 3px;
	height: 16px;
	background: #D51918;
	position: absolute;
	top: 3px;
	border-radius: 4px;
}

.con-r-art .title-box .all{
	float: right;
}

.con-r-art .title-box .all a{
	font-size: 16px;
	color: #bbbbbb;
	font-weight: bold;
}

.con-r-art .title-box .all a:hover{
	color: #1F28F1;
}

.con-r-art .select-list{
	margin-top: 20px;
	padding: 12px 12px 1px 12px;
	background: #f6f6f6;
}

.select-list .item{
	margin-bottom: 15px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.select-list .item img{
	display: block;
}

.select-list .item a i{
	display: block;
	margin-top: 8px;
	font-size: 14px;
	color: #434343;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.select-list .item:hover a i{
	color: #1F28F1;
}


.con-paging{
max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 80px;
	height: 56px;
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}

.con-paging .on{
	float: left;
	width: 40%;
}

.con-paging .on i{
	position: relative;
	padding-left: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 80%;
}

.con-paging .on a:after{
	content: "";
	display: block;
	height: 12px;
	width: 9px;
	background: url(../images/con_l_sj.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 21.5px;
}

.con-paging .on i a{
	font-size: 16px;
	color: #333333;
	line-height: 56px;
}

.con-paging .on i:hover a{
	color: #1F28F1;
}

.con-paging .on a:hover:after{
	background: url(../images/con_l_a_sj.png) left top no-repeat;
}

.con-paging .return{
	float: left;
	width: 20%;
	text-align: center;
}

.con-paging .return i{
	padding-left: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	width: 80%;
}

.con-paging .return i a{
	font-size: 16px;
	color: #333333;
	line-height: 56px;
	position: relative;
}

.con-paging .return i a:hover{
	color: #1F28F1;
}

.con-paging .return a:after{
	content: "";
	display: block;
	height: 17px;
	width: 17px;
	background: url(../images/con_jh.png) left top no-repeat;
	position: absolute;
	left: -28px;
	top: 2px;
}

.con-paging .return a:hover:after{
	background: url(../images/con_a_jh.png) left top no-repeat;
}

.con-paging .down{
	float: left;
	width: 40%;
	text-align: right;
}

.con-paging .down i{
	overflow: hidden;
	width: 80%;
	float: right;
	padding-right: 28px;
	position: relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.con-paging .down i a{
	font-size: 16px;
	color: #333333;
	line-height: 56px;
}

.con-paging .down i a:hover{
	color: #1F28F1;
}

.con-paging .down a:after{
	content: "";
	display: block;
	height: 12px;
	width: 9px;
	background: url(../images/con_r_sj.png) left top no-repeat;
	position: absolute;
	right: 0px;
	top: 23px;
}

.con-paging .down a:hover:after{
	background: url(../images/con_r_a_sj.png) left top no-repeat;
}


.related-end{
	padding-bottom: 100px;
}

.related-end .tle{
	text-align: center;
}

.related-end .tle i{
	font-size: 30px;
	color: #222222;
	font-weight: bold;
}

.related-end .tle{
	text-align: center;
}

.related-end .box{
	margin-top: 20px;
}







.con-message .container{
	padding: 100px 0;
	border-top: 1px solid #DDDDDD;
}

.con-message .tle{
	text-align: center;
}

.con-message .tle i{
	font-size: 30px;
	color: #222222;
	font-weight: bold;
	display: block;
}

.con-message .tle span{
	font-size: 16px;
	color: #666;
	display: block;
	margin-top: 10px;
}


.con-message .message-box{
	margin-top: 50px;
	padding: 0 15%;
}


.message-box .name{
	width: 47%;
	float: left;
}

.message-box .name i,.message-box .phone i,.message-box .web 

i,.message-box .issue i{
	display: block;
	font-size: 18px;
	color: #333333;
	line-height: 26px;
	font-weight: bold;
}

.message-box .name i span,.message-box .phone i span{
	color: #d51918;
}

.message-box .name input,.message-box .phone input{
	width: 94%;
	height: 40px;
	border: 1px solid #dcdcdc;
	margin-top: 15px;
	padding: 0 3%;
	font-size: 18px;
	color: #333333;
	background: initial;
}

.message-box .phone{
	width: 47%;
	float: right;
}

.message-box .web{
	width: 100%;
	margin-top: 33px;
}

.message-box .web input{
	width: 98%;
	padding: 0 1%;
	height: 40px;
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	border: 1px solid #dcdcdc;
}

.message-box .issue{
	width: 100%;
	margin-top: 33px;
}

.message-box .issue textarea{
	width: 98%;
	padding: 5px 1%;
	font-size: 16px;
	line-height: 32px;
	color: #666;
	border: 1px solid #dcdcdc;
	margin-top: 15px;
	height: 96px;
}


.message-submit{
	margin-top: 40px;
}

.message-submit a{
	width: 140px;
	height: 40px;
	background: #1F28F1;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin: 0 auto;
}


/*资讯列表*/

.news-qj{
	margin-top: -19px;
	padding: 100px 0 120px 0;
	background: #F8F8F8;
}

.news-con-box{
	width: 63.6%;
	float: left;
}

.news-con-box .title h1{
	font-weight: bold;
	font-size: 24px;
	color: #343434;
	line-height: 24px;
	padding-left: 17px;
	display: block;
	position: relative;
}

.news-con-box .title i{
	
}

.news-con-box .title h1:after{
	content: "";
	display: block;
	height: 24px;
	width: 5px;
	border-radius: 3px;
	background: #D51918;
	position: absolute;
	top: 0;
	left: 0;
}

.recommend{
	margin-top: 30px;
}

.more-case{
	margin-top: 16px;
	text-align: center;
}

.more-case a{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}


.news-tj-case{
	
}

.news-tj-case .case-list{
	margin-top: 38px;
	position: relative;
	box-shadow: 0 0 5px #EEEEEE;
	background: #FFFFFF;
}

.news-tj-case .case-tp{
	width: 66.66%;
	float: left;
}

.news-tj-case .case-tp img{
	width: 100%;
	display: block;
}

.news-tj-case .case-text{
	float: right;
	width: 33.33%;
}

.news-tj-case .case-text .box{
	padding: 22px 20px;
}

.news-tj-case .case-text .title{
	
}

.news-tj-case .case-text .title a{
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 26px;
	overflow: hidden;
}

.news-tj-case .case-list:hover .case-text .title a{
	color: #1F28F1;
}

.news-tj-case .case-text .classify{
	margin-top: 10px;
}

.news-tj-case .case-text .classify a{
	width: 70px;
	height: 20px;
	background: #eee;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	display: block;
	text-align: center;
	border-radius: 12px;
}

.news-tj-case .case-text .classify a:hover{
	background: #1F28F1;
	color: #FFFFFF;
}

.news-tj-case .case-text .text{
	margin-top: 16px;
}

.news-tj-case .case-text .text p{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 60px;
	overflow: hidden;
}

.news-tj-case .case-text .details{
	position: absolute;
	bottom: 20px;
}

.news-tj-case .case-text .details a{
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	display: block;
	position: relative;
}

.news-tj-case .case-text .details a:before{
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	right: -15px;
	top: 6px;
	background: url(../images/details_icon1.png) center top no-repeat;
	background-size: 100%;
}

.news-tj-case .case-list:hover .case-text .details a{
	color: #1F28F1;
}

.news-tj-case .case-list:hover .case-text .details a:before{
	background-size: 100%;
	background: url(../images/details_icon_a.png) center top no-repeat;
}


.project{
	margin-top: 30px;
}

.project img{
	display: block;
}

.bs-slider{
    overflow: hidden;
   
    position: relative;
}

.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;
    display: block;
}

/********************
*****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: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}


/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
	position: absolute;
    right: 20px;
    bottom: 20px;
    left: auto;
    height: 10px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 10px;
    height: 10px;
    float: left;
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    /*-webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);*/
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    background-color: transparent;
    width: 20px;
    height: 10px;
    background-color: rgba(255,255,255,1);
    border-radius: 5px;
    position: relative;
    -webkit-transition: box-shadow 0.6s ease;
    -moz-transition: box-shadow 0.6s ease;
    -o-transition: box-shadow 0.6s ease;
    transition: box-shadow 0.6s ease;
    -webkit-transition: background-color 0.6s ease;
    -moz-transition: background-color 0.6s ease;
    -o-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;

}




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

.carousel-inner a{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

.tj-zx-text{
	display: none;
	padding: 9% 0 0 6%;
}

.tj-zx-text .subtitle{
	margin-bottom: 34px;
}

.tj-zx-text .subtitle i{
	font-size: 12px;
	color: #333333;
	height: 20px;
	width: 66px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	display: block;
	background: #FFFFFF;
}

.tj-zx-text .subtitle p{
	font-size: 18px;
	color: #ffffff;
	line-height: 24px;
	font-weight: bold;
	width: 50%;
	margin-top: 17px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.tj-zx-text .ms-rq{
	
}

.tj-zx-text .ms-rq i{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	display: block;
	margin-bottom: 18px;
}



.con-news-list{
	padding-top: 20px;
}



.con-list-box{
	background: #FFFFFF;
	margin-top: 20px;
}

.con-list-box .tp{
	width: 40%;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.con-list-box .tp img{
	max-width: initial;
	height: 200px;
	display: block;
}


.con-list-box .xw-text{
	width: 60%;
	float: left;
}

.xw-text .box{
	padding: 22px 30px;
}

.xw-text .subtitle{
	text-align: left;
	
}

.xw-text .subtitle a{
	display: block;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.xw-text .subtitle span{
	display: block;
	font-size: 12px;
	color: #999999;
	line-height: 14px;
	margin-top: 5px;
}

.xw-text .text{
	margin-top: 16px;
}


.xw-text .text p{
	color: #999999;
	line-height: 24px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	overflow: hidden;
text-align: left;
}

.xw-text .column{
	margin-top: 30px;
}

.xw-text .column .column-list{
	width: 80%;
	float: left;
	height: 22px;
	overflow: hidden;
}

.xw-text .column .column-list a{
	display: block;
	padding: 3px 8px;
	color: #666666;
	font-size: 12px;
	border-radius: 10px;
	background: #EEEEEE;
	margin-left: 8px;
	float: left;
}

.xw-text .column .column-list a:first-child{
	margin-left: 0;
}

.xw-text .column .column-list a:hover{
	color: #fff;
	background: #1F28F1;
}

.xw-text .column .xw-detail{
	width: 20%;
	float: left;
}

.xw-text .column .xw-detail a{
	display: block;
	position: relative;
}


.xw-text .column .xw-detail i:before{
	position: absolute;
	right: 0;
	top: 5px;
	display: block;
	width: 30px;
	height: 10px;
	content: "";
	background: url(../images/xw_icon.png) right top no-repeat;
}

.con-list-box:hover .xw-text .subtitle a{
	color: #1F28F1;
}

.con-list-box:hover .xw-text .column .xw-detail i:before{
	background: url(../images/xw_a_icon.png) right top no-repeat;
}




.news-submenu-box{
	width: 33.3%;
	float: right;
}

.news-submenu-box .region{
	background: #FFFFFF;
	box-shadow: 0 0 5px #EEEEEE;
	padding: 25px 0;
	margin-top: 28px;
}

.region .title{
	padding: 0 25px;
}

.region .title i{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	position: relative;
	display: block;
	padding-left: 14px;
}

.region .title i:after{
	position: absolute;
	content: "";
	display: block;
	width: 3px;
	height: 15px;
	border-radius: 3px;
	background: #D51918;
	top: 3px;
	left: 0;
}


.region .region-list{
	padding: 6px 20px 0 20px;
	
}

.region .region-list ul li{
	width: 25%;
	height: 21px;
	float: left;
	margin-top: 14px;
	text-align: center;
}

.region .region-list ul li a{
	min-width: 57px;
	max-width: 100%;
	color: #666666;
	font-size: 12px;
	line-height: 21px;
	background: #eeeeee;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	padding: 0 10px;
}

.region .region-list ul li a:hover{
	color: #FFFFFF;
	background: #1F28F1;
}


.news-submenu-box .region.design{
	/*margin-top: 53px;*/
}

.region.train-tp-link{
	padding: 0;
	margin-top: 54px;
}

.region.train-tp-link img{
	display: block;
}

.design .region-list{
	padding: 6px 25px 0 25px;
}

.design .region-list ul li{
	width: auto;
	height: 21px;
	float: left;
	margin-top: 14px;
	overflow: hidden;
	text-align: center;
	margin-right: 10px;
}

.hot-case{
	margin-top: 28px;
}

.nom-case{
	margin: 20px 25px 0 25px;
	position: relative;
}

.nom-case img{
	display: block;
}

.nom-case p{
	width: 90%;
	padding: 10px 5%;
	line-height: 18px;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
}

.nom-case p a{
	color: #FFFFFF;
}

.hot-case-list{
	margin: 0 25px;
	padding-top: 5px;
}

.hot-case-list .item{
	margin-top: 15px;
}

.hot-case-list .item .tp{
	float: left;
	width: 42%;
}

.hot-case-list .item .text{
	float: right;
	width: 54%;
}

.hot-case-list .item:hover .text i{
	color: #1F28F1;
}

.hot-case-list .item .text i{
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #333333;
	font-weight: bold;
	margin-top: 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.hot-case-list .item .text p{
	font-size: 12px;
	line-height: 20px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 40px;
	overflow: hidden;
	margin-top: 3px;
}


.hot-news{
	margin-top: 28px;
}

.hot-news .hot-case-list .item .text i{
	line-height: 22px;
	height: 44px;
	-webkit-line-clamp: 2;
}

.hot-news .hot-case-list .item .text p{
	line-height: 20px;
	-webkit-line-clamp: 1;
	height: 20px;
}


.case-menu-box.case-menu2 .container{
	padding-bottom: 0;
    border-bottom: initial;
}


.case-lb-more{
	text-align: center;
	margin-bottom: 120px;
	margin-top: 60px;
	
}




/*品牌*/

.brand-banner img{
	display: block;
	margin: 0 auto;
}

.brand-pos .container{
	position: relative;
}

.brand-pos{
	width: 100%;
	background: url(../images/positioning_bg_1.jpg) center top no-repeat;
	padding: 110px 0;
	background-size: auto 100%; 
	
}

.pos-title{
	float: left;
	width: 43.33%;
}

.pos-title .title i{
	font-size: 24px;
	line-height: 36px;
	color: #222222;
	font-weight: 600;
}

.pos-title .title i span{
	display: block;
}

.pos-title .pos-yw{
	position: absolute;
	bottom: 0;
}

.pos-title .pos-yw span{
	display: block;
	background: #1F28F1;
	height: 3px;
	width: 30px;
}

.pos-title .pos-yw i{
	font-size: 16px;
	color: #cccccc;
	font-family: arial;
	display: block;
	margin-top: 20px;
}

.pos-describe{
	width: 54.66%;
	float: right;
	position: relative;
	z-index: 2;
}

.pos-describe i{
	color: #333333;
	font-size: 16px;
	font-weight: 700;
	line-height: 32px;
}

.pos-describe p{
	color: #666666;
	font-size: 14px;
	line-height: 28px;
	margin-top: 26px;
}


.cul-con{
	width: 100%;
	/*background: url(../images/positioning_bg_line.jpg) left top 

repeat;*/
	padding: 120px 0;
}

.cul-title{
	border-bottom: 1px solid #333333;
	padding-bottom: 34px;
}

.cul-title i{
	font-size: 36px;
	line-height: 40px;
	color: #222222;
	font-weight: bold;
	float: left;
	display: block;
}

.cul-title span{
	display: block;
	float: right;
	font-size: 30px;
	line-height: 40px;
	color: #dddddd;
	font-weight: bold;
	font-family: arial;
}


.cul-list{
	margin-top: 70px;
}

.cul-list ul li{
	float: left;
	width: 30%;
	text-align: center;
	border-top: 1px solid #dadcfa;
}

.cul-list ul li .line{
	padding: 54px 0%;
}

.cul-list ul li:nth-child(1),.cul-list ul li:nth-child(2),.cul-list ul 

li:nth-child(3){
	border-top: initial;
}

.cul-list ul li:nth-child(3n+2) .line{
	border-left: 1px solid #dadcfa;
	border-right: 1px solid #dadcfa;
}

.cul-list ul li:nth-child(7){
	clear: both;
}

.cul-list ul li:nth-child(3n+2){
	width: 40%;
}

.cul-list ul li i{
	display: block;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.cul-list ul li i span{
	color: #1F28F1;
	display: none;
}

.cul-list ul li p{
	font-size: 16px;
	color: #333;
	line-height: 28px;
	margin-top: 12px;
}

.cul-list ul li p span{
	font-size: 14px;
	display: block;
	width: 70%;
	margin: 0 auto;
}


.cul-list ul li:nth-child(4) .line,.cul-list ul li:nth-child(6) .line{
	padding-top: 77px;
}


.key-con{
	background: url(../images/honor_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.key-list{
	margin-top: 43px;
}

.key-list ul li{
	float: left;
	width: 32.63%;
	margin-left: 1%;
	background-color: rgba(255,255,255,.8);
	text-align: center;
	margin-top: 13px;
	padding: 48px 0;
}

.key-list ul li:nth-child(3n+1){
	margin-left:0;
}

.key-list ul li i{
	font-size: 24px;
	color: #1F28F1;
	font-weight: bold;
}


.key-list ul li p {
    font-size: 15px;
    line-height: 30px;
    color: #333333;
    padding: 0 6%;
    margin-top: 24px;
}


.brand-ry{
	background: none;
}

.brand-ry .title i{
	color: #222222;
}

.brand-ry .title p{
	color: #333333;
}

.brand-ry .title span{
	background: #8f93f9;
}

.brand-ry .honor-text-list{
	box-shadow: 0 0 5px #eee;
}

.brand-ry .honor-text-list .focus-on i{
	color: #1f28f1;
}

.brand-ry .honor-text-list .focus-on span{
	color: #1f28f1;
}



.origin{
	padding: 120px 0;
	background-size: auto 100%; 
}

.origin i{
	color: #222222;
	font-weight: bold;
	font-size: 36px;
}

.origin p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
}

.origin p span{
	display: block;
}



.find-par .container{
	padding: 90px 0;
	border-bottom: 1px solid #dddddd;
}

.find-par .title{
	width: 33.33%;
	float: left;
}

.find-par .title i{
	font-size: 36px;
	color: #1f28f1;
	line-height: 36px;
	font-weight: bold;
	display: block;
}

.find-par .title span{
	font-size: 36px;
	color: #f8f7f7;
	line-height: 36px;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
	margin-top: 40px;
	display: block;
}

.find-par .text{
	width: 66%;
	float: right;
}

.find-par .text p{
	font-size: 16px;
	color: #4c4c4c;
	line-height: 32px;
	
}

.coll-par .container{
	border-bottom: initial;
}

.par-foot-wz{
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	color: #333;
	margin-bottom: 120px;
}

.par-list{
	width: 100%;
	margin: 0px 0 60px 0;
}

.par-list .par-line{
	border: 2px solid #f4f4fe;
	padding: 60px 0;
}

.par-idem{
	float: left;
	width: 20%;
}

.par-idem .line{
	padding: 0 9%;
	border-left: 1px solid #edeefe;
}

.par-idem .character{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.par-idem .character i{
	font-size: 18px;
	color: #1f28f1;
	margin-top: -8px;
	font-weight: 500;
}

.par-idem .character em{
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	font-style: initial;
	margin-left: 15px;
}

.par-idem .category{
	margin: 30px 0 30px 0;
}

.par-idem .category ul li{
	text-align: center;
	font-size: 20px;
	color: #333333;
	line-height: 36px;
	font-weight: 600;
}

.par-idem .text p{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}



.con-box{
	padding: 120px 0;
}

.contact-us{
	width: 45%;
	float: left;
}

.contact-title{
	padding-bottom: 22px;
	border-bottom: 1px solid #e5e5e5;
}

.contact-title i{
	font-size: 30px;
	color: #222222;
	line-height: 30px;
	font-weight: bold;
}

.contact-title span{
	font-size: 16px;
	line-height: 0px;
	color: #cccccc;
	margin-left: 15px;
	font-family: arial;
}

.con-text{
	margin-top: 49px;
}

.con-text .subtel{
	
}

.con-text .subtel i{
	color: #222222;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
}

.con-text .subtel img{
	display: block;
	margin-top: 12px;
}

.con-text .con-add{
	margin-top: 19px;
}

.con-text .con-add i{
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.con-text .con-add p{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}

.con-text .wx{
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.con-text .wx-tp{
	
}

.con-text .wx-text{
	margin-left: 20px;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
}

.con-text .mail{
	margin-top: 32px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}




.brand-message{
	width: 45%;
	float: right;
}

.submissions{
	margin-top: 50px;
}

.subtel,.web,.demand{
	margin-top: 22px;
}

.name input{
	border-radius: 6px;
	background: #eeeeee;
	border: initial;
	width: 94%;
	height: 42px;
	padding: 0 3%;
	font-size: 16px;
	color: #333;
}

.demand textarea{
	width: 94%;
	height: 128px;
	border-radius: 6px;
	background: #eeeeee;
	border: initial;
	font-size: 16px;
	color: #333;
	line-height: 32px;
	padding: 5px 3%;
}

.submit{
	margin-top: 50px;
}

.submit a{
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	background: #1F28F1;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
}

.map{
	margin-bottom: 120px;
}

.map img{
	display: block;
}



.position-pro{
	position: relative;
	width: 100%;
	background: url(../images/position_bg_1.jpg) center top no-repeat;
	padding: 140px 0;
}

.pro-bg{
	width: 55.66%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background-color:rgba(238,238,238,0.42);
}

.position-pro .container{
	position: relative;
}

.pro-title{
	float: left;
	width: 43.33%;
	padding-top: 40px;
}

.pro-title .title i{
	font-size: 36px;
	color: #d51918;
	font-weight: 600;
}

.pro-title .title p{
	font-size: 18px;
	color: #666666;
	line-height: 32px;
	margin-top: 22px;
}

.pro-title .title p span{
	display: block;
}


.pro-title .pro-yw{
	position: absolute;
	bottom: 0;
}

.pro-title .pro-yw span{
	display: block;
	background: #1F28F1;
	height: 3px;
	width: 30px;
}

.pro-title .pro-yw i{
	font-size: 16px;
	color: #cccccc;
	font-family: arial;
	display: block;
	margin-top: 15px;
}

.pro-describe{
	width: 50%;
	float: right;
	position: relative;
	z-index: 2;
}

.pro-describe p{
	color: #222222;
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 38px;
}



.pos-system{
	padding: 120px 0;
	background: url(../images/position_bg_2.jpg) center top no-repeat;
}

.pos-system .title{
	text-align: center;
}

.pos-system .title i{
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
	line-height: 40px;
}

.pos-system .title span{
	display: block;width: 30px;
	height: 3px;
	background: #abc1e2;
	margin: 26px auto 18px auto;
}

.pos-system .title p{
	font-size: 20px;
	color: #ffffff;
	line-height: 22px;
}


.sys-content{
	margin-top: 72px;
	position: relative;
}

.sys-content .text{
	float: left;
	width: 50%;
}

.sys-content .sub-tit{
	
}

.sys-content .sub-tit p{
	font-size: 28px;
	color: #FFFFFF;
	line-height: 44px;
	font-weight: bold;
}

.sys-content .sub-tit span{
	display: block;
}

.sys-content .des{
	position: absolute;
	bottom: 0;
}

.sys-content .des p{
	font-size: 18px;
	color: #dfe3ed;
	line-height: 30px;
}

.sys-content .des span{
	font-size: 12px;
	line-height: 16px;
	color: #7c8fb7;
	display: block;
	margin-top: 20px;
}


.sys-trait{
	width: 50%;
	float: right;
	background: #FFFFFF;
	border-radius: 12px;
}

.sys-trait-box{
	padding: 35px 50px;
}

.sys-trait-box .item{
	border-top: 1px solid #dcdcdc;
	padding-top: 35px;
	margin-top: 35px;
}

.sys-trait-box .item:first-child{
	border-top: initial;
	padding-top: initial;
	margin-top: initial;
}

.sys-trait-box .item .tp{
	float: left;
	width: 30%;
}

.sys-trait-box .item .tp img{
	display: block;
}

.sys-trait-box .item .trait-text{
	float: left;
	width: 70%;
}

.sys-trait-box .item .trait-text i{
	font-size: 24px;
	color: #222222;
	font-weight: bold;
}

.sys-trait-box .item .trait-text p{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-top: 10px;
}



.pos-ser{
	padding-top: 115px;
	background: #F8F8F8;
}

.pos-ser .title{
	text-align: center;
}

.pos-ser .title i{
	font-size: 36px;
	color: #222222;
	font-weight: bold;
}

.pos-ser .title span{
	display: block;width: 30px;
	height: 3px;
	background: #2932f3;
	margin: 26px auto 18px auto;
}

.pos-ser .title p{
	font-size: 16px;
	color: #999999;
	font-family: arial;
}


.ser-no-1{
	background: #FFFFFF url(../images/position_bg_3.jpg) center top no-repeat;
	padding: 95px 0 90px 0;
	margin-top: 75px;
	overflow: hidden;
}

.ser-no1-title i{
	display: block;
	font-size: 30px;
	color: #222222;
	line-height: 36px;
	font-weight: bold;
	position: relative;
	padding-left: 40px;
	width: 45%;
	float: left;
}

.ser-no1-title i:after{
	content: "";
	display: block;
	width: 14px;
	height: 30px;
	background: url(../images/position_no1.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

.ser-no1-title p{
	font-size: 22px;
	line-height: 40px;
	color: #d51918;
	font-weight: bold;
	width: 50%;
	float: left;
}

.ser-no1-title p span{
	display: block;
}

.ser-no1-icon{
	clear: both;
	margin-top: 45px;
	padding: 0 80px;
}

.ser-no1-icon .tp{
	width: 40%;
	float: left;
	position: relative;
	z-index: 2;
}

.ser-no1-icon .tp img{
	max-width: initial;
	height: 320px;
}


.ser-no1-icon .text{
	width: 52%;
	float: right;
}

.ser-no1-icon .text ul li{
	margin-top: 16px;
	line-height: 28px;
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 18px;
}

.ser-no1-icon .text ul li:after{
	content: "";
	display: block;
	width: 312px;
	height: 5px;
	background: url(../images/position_line.png) left top no-repeat;
	position: absolute;
	left: -312px;
	top: 12px;
	z-index: 1;
}

.ser-no1-icon .xz p{
	text-align: center;
	font-size: 18px;
	color: #1f28f1;
	line-height: 24px;
	font-weight: bold;
	margin-top: 30px;
}


.ser-no-2{
	padding: 160px 0;
}

.ser-no-2 .text{
	width: 43%;
	float: left;
}

.ser-no1-title.ser-no2 i{
	padding-left: 44px;
	float: initial;
	width: auto;
}
.ser-no1-title.ser-no2 i:after{
	content: "";
	display: block;
	width: 27px;
	height: 30px;
	background: url(../images/position_no2.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

.ser-no1-title.ser-no2 p{
	float: initial;
	width: auto;
	margin-top: 55px;
	text-align: center;
}


.ser-no2-text{
	margin-top: 50px;
}

.ser-no2-text p{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.ser-no-2 .tp{
	width: 48%;
	float: right;
}

.ser-no-2 .tp ul li{
	width: 44%;
	height: 70px;
	box-shadow: 0 0 5px #eee;
	background: #fcfcfc;
	margin: 0 1.5%;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 15px;
}

.ser-no-2 .tp ul li i{
	font-size: 18px;
	color: #333333;
	margin-left: 15px;
}

.ser-no-2 .tp b{
	display: block;
	text-align: center;
    font-size: 18px;
    color: #1f28f1;
    line-height: 24px;
    font-weight: bold;
    margin-top: 20px;
    padding-right: 5%;
}

.ser-no-3{
	padding: 125px 0 130px 0;
}

.ser-no-3 .text{
	width: 100%;
}

.ser-no3-title{
	float: left;
	width: 50%;
}

.ser-no3-title i{
	display: block;
	font-size: 30px;
	color: #222222;
	line-height: 36px;
	font-weight: bold;
	position: relative;
	padding-left: 40px;
}
.ser-no3-title i:after{
	content: "";
	display: block;
	width: 27px;
	height: 30px;
	background: url(../images/position_no2.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

.ser-no3-title img{
	margin-top: 60px;
}


.ser-no3-text{
	float: left;
	width: 50%;
}

.ser-no3-text i{
	font-size: 22px;
	line-height: 40px;
	color: #d51918;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

.ser-no3-text p{
	font-size: 18px;
	line-height: 36px;
	color: #555;
}

.ser-icon-6{
	border-top: 1px solid #ccc;
	padding-top: 60px;
	margin-top: 60px;
}

.ser-icon-6 b{
	font-size: 24px;
	color: #333333;
	text-align: center;
	display: block;
	margin-bottom: 25px;
}

.ser-icon-6 ul {
}

.ser-icon-6 ul li{
	width: 16.56%;
	height: 20px;
	float: left;
	border-left: 1px solid #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.ser-icon-6 ul li:first-child{
	border-left: initial;
}

.ser-icon-6 ul li i{
	margin-left: 10px;
	font-size: 18px;
	color: #333;
}




.pos-step{
	padding: 120px 0;
	background: url(../images/position_bg_5.jpg) center top no-repeat;
}

.over-title{
	text-align: center;
}

.over-title i{
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}

.over-title span{
	width: 30px;
	height: 3px;
	display: block;
	background: #ffffff;
	margin: 26px auto 16px auto;
}

.over-title p{
	font-size: 16px;
	color: #bdd1e8;
}

.step-content{
	margin-top: 95px;
	position: relative;
}

.step-content ul{
	position: relative;
	z-index: 2;
}

.step-content ul:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 52px;
	width: 100%;
	height: 4px;
	background: #8fb4e0;
	z-index: 1;
}

.step-content ul li{
	width: 25%;
	float: left;
	text-align: center;
	position: relative;
}

.step-content ul li:after{
	content: "";
	position: absolute;
	right: -10px;
	top: 42px;
	width: 19px;
	height: 30px;
	background: url(../images/position_step_sj.png) center top no-repeat;
}

.step-content ul li:nth-child(4):after{
	display: none;
}

.step-content ul li p{
	background: url(../images/position_step_bg.png) center top no-repeat;
	text-align: center;
	font-size: 22px;
	line-height: 32px;
	color: #222222;
	font-weight: bold;
	padding: 22px 0 34px 0;
}

.step-content ul li p span{
	display: block;
}

.step-content ul li img{
	display: block;
	margin: 18px auto;
	position: relative;
	z-index: 2;
}

.step-content ul li i{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
}


.pos-stand{
	padding: 120px 0;
	background: #F8F8F8;
}

.over-title.hei i{
	color: #222;
}

.over-title.hei span{
	background: #1F28F1;
}

.over-title.hei p{
	color: #cccccc;
}

.stand-content{
	margin-top: 58px;
}

.stand-content ul li{
	width: 32.63%;
	float: left;
	margin-left: 1%;
	background: #FFFFFF;
	box-shadow: 0 0 5px #CCCCCC;
}

.stand-content ul li:nth-child(3n+1){
	margin-left: 0;
}

.stand-content ul li{
	padding: 44px 0;
	text-align: center;
	margin-top: 13px;
}

.stand-content ul li i{
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	display: inline-flex;
}

.stand-content ul li i img{
	margin-right: 15px;
}

.stand-content ul li p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	text-align: left;
	padding: 0 9%;
	height: 90px;
	margin-top: 15px;
}



.pos-ability{
	padding: 120px 0;
}

.ability-content{
	margin-top: 60px;
}

.ability-content ul li{
	width: 33.33%;
	float: left;
	margin-left: 0;
	text-align: center;
}

.ability-content ul li:nth-child(3n+1){
	margin-left: 0;
}


.ability-content ul li .line{
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	padding: 44px 0;
}

.ability-content ul li:nth-child(3n+1) .line{
	border-left: initial;
}

.ability-content ul li:nth-child(1) .line,.ability-content ul li:nth-

child(2) .line,.ability-content ul li:nth-child(3) .line{
	border-top: initial;
}

.ability-content ul li i{
	font-size: 20px;
	color: #D51918;
	line-height: 30px;
	font-weight: bold;
}

.ability-content ul li p{
	font-size: 15px;
	color: #808080;
	line-height: 28px;
	margin-top: 10px;
	padding: 0 6.8%;
	text-align: left;
	height: 56px;
}

.ability-content ul li p span{
	font-size: 18px;
	color: #333333;
	line-height: 32px;
	display: block;
	font-weight: bold;
}


.pos-submit{
	padding: 120px 0;
	background: url(../images/position_bg_6.jpg) center top no-repeat;
	background-size: 100% 100%;
}



.pos-submit .text{
	width: 45%;
	float: left;
	margin-left: 5%;
}

.pos-submit.pro-pos-submit .text{
	margin-top: 100px;
}

.pos-submit .title i{
	font-size: 36px;
	line-height: 48px;
	color: #FFFFFF;
	font-weight: bold;
}

.pos-submit .title em{
	display: block;
}

.pos-submit .title span{
	font-size: 18px;
	line-height: 32px;
	color: #848bca;
	font-weight: bold;
	font-family: arial;
	display: block;
	margin-top: 10px;
}

.pos-submit .gift{
	margin-top: 42px;
}

.pos-submit .gift i{
	font-size: 28px;
	line-height: 38px;
	color: #FFFFFF;
	font-weight: bold;
}

.pos-submit .gift p{
	font-size: 14px;
	line-height: 25px;
	color: #d0d2e9;
	margin-top: 20px;
}

.pos-submit .gift span{
	display: block;
}

.pos-submit .submit-tel{
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: none;
}

.pos-submit .submit-tel p{
	font-size: 36px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 15px;
}

.pos-submit .submit-tel span{
	font-size: 16px;
	display: block;
	margin-top: -6px;
}



.pos-mit-box{
	width: 40%;
	float: right;
	margin-right: 5%;
}

.pos-name{
	position: relative;
	margin-bottom: 15px;
}

.pos-name input{
	width: 84%;
	border: initial;
	border-radius: 10px;
	height: 48px;
	padding: 0 3% 0 13%;
	font-size: 16px;
	color: #666;
	background: #FFFFFF;
}

.pos-name:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/position_submit_icon1.png) center top no-repeat;
	position: absolute;
	top: 14px;
	left: 4.8%;
}

.pos-name.pos-tel:after{
	background: url(../images/position_submit_icon2.png) center top no-repeat;
}

.pos-name.pos-com:after{
	background: url(../images/position_submit_icon3.png) center top no-repeat;
}


.pos-wt{
	position: relative;
}

.pos-wt textarea{
	width: 84%;
	border: initial;
	border-radius: 10px;
	padding: 8px 3% 8px 13%;
	font-size: 16px;
	line-height: 32px;
	height: 110px;
	color: #666;
}

.pos-wt:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/position_submit_icon4.png) center top no-repeat;
	position: absolute;
	top: 14px;
	left: 4.8%;
}

.submit-anniu{
	margin-top: 15px;
}

.submit-anniu a{
	display: block;
	width: 100%;
	border-radius: 10px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #1F28F1;
	background: #FFFFFF;
}

.submit-anniu a i{
	position: relative;
	margin-left: -15px;
}

.submit-anniu a i:before{
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/position_submit_icon5.png) center top no-repeat;
	position: absolute;
	top: 2px;
	right: -30px;
}




/*视觉设计*/

.visual-pro{
	padding: 170px 0;
	background: url(../images/visual_bg_1.jpg) center top no-repeat;
}

.visual-pro .container{
	position: relative;
}

.visual-title{
	width: 38%;
	float: left;
	padding-left: 11%;
}

.visual-title .title i{
	font-size: 36px;
	line-height: 54px;
	color: #222222;
	font-weight: bold;
}

.visual-title .title i span{
	display: block;
}

.visual-title .visual-yw{
	position: absolute;
	bottom: 0;
	width: 30px;
	height: 3px;
	background: #D51918;
}

.visual-describe{
	width: 50%;
	float: left;
}

.visual-describe p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
}

.visual-describe span{
	font-size: 16px;
	color: #cccccc;
	margin-top: 42px;
	display: block;
}



.visual-problem{
	background: url(../images/visual_bg_2.jpg) center top no-repeat;
	background-size: 100% 100%;
	padding: 120px 0 90px 0;
}

.visual-title-global{
	position: relative;
}

.visual-title-global .text{
	text-align: center;
	position: relative;
	z-index: 9;
}

.visual-title-global .text i{
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}

.visual-title-global .text span{
	display: block;
	width: 30px;
	height: 3px;
	background: #FFFFFF;
	margin: 26px auto 0 auto;
}

.visual-title-global em{
	font-size: 82px;
	color: rgba(96,208,255,0.1);
	font-weight: bold;
	font-style: initial;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -246px;
	font-family: arial;
}

.vis-pro-con{
	margin-top: 100px;
}

.vis-pro-con ul li{
	float: left;
	width: 30.33%;
	margin: 0 1.5%;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 62px 0;
}

.vis-pro-con ul li p{
	text-align: center;
	font-size: 24px;
	color: #23489f;
	line-height: 36px;
	font-weight: bold;
}

.vis-pro-con ul li span{
	display: block;
}

.vis-pro-dic{
	margin-top: 54px;
}

.vis-pro-dic p{
	color: #bec7df;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}

.vis-pro-dic p span{
	display: block;
}


.visual-ideas{
	padding: 120px 0;
	background: url(../images/visual_bg_3.jpg) center top no-repeat;	
}

.visual-ideas .container{
	width: 1460px;
}

.visual-title-global.vis-hei i{
	color: #222222;
}

.visual-title-global.vis-hei span{
	background: #d51918;
}

.visual-title-global.vis-hei em{
	color: #f1f1f2;
	margin-left: -128px;
}

.visual-title-global.vis-hei font{
	color: #d51918;
}

.vis-ideas-con{
	margin-top: 60px;
}

.vis-ideas-no1{
	height: 610px;
	background: url(../images/visual_bg_3_1.jpg) center top no-repeat;	
	position: relative;
}

.vis-ideas-no1 .text{
	float: left;
	width: 38%;
	margin-left: 12%;
	padding-top: 110px;
}

.num{
	display: block;
	background: #FFFFFF;
	color: #1e5290;
	font-size: 14px;
	text-align: center;
	width: 110px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
}

.vis-ideas-no1 .text .title i{
	font-size: 48px;
	color: #ffffff;
	line-height: 56px;
	font-weight: bold;
	display: block;
	margin-top: 25px;
}

.vis-ideas-no1 .text .title i span{
	display: block;
}

.vis-ideas-no1 .text .title p{
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 18px;
}

.vis-ideas-no1 .ideas-des{
	margin-top: 38px;
}

.vis-ideas-no1 .ideas-des p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
	width: 73%;
}


.no1-ideas-con{
	width: 45%;
	float: right;
	overflow: hidden;
}

.mt-tabpage {
	width: auto;
}
.mt-tabpage-title {
	margin: auto;
	position: absolute;
	bottom: 50px;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
}

.mt-tabpage-title .mt-tabpage-item-cur {
	
}
.mt-tabpage-count {
	position: relative;
	width: 341px;
	height: 260px;
	overflow: hidden;
	margin-top: 110px;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}

.mt-tabpage-count .mt-tabpage-item {
	width: 341px;
	height: 260px;
}

.mt-tabpage-count .mt-tabpage-item i{
	display: block;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 50px;
}

.mt-tabpage-count .mt-tabpage-item p{
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	margin-top: 10px;
}


.vis-ideas-no2{
	margin-bottom: 80px;
	background: url(../images/visual_bg_3_2.jpg) center top no-repeat;	
	padding: 90px 0 74px 0;
	background-size: auto 100%; 
}

.vis-ideas-no2 .text{
	float: left;
	width: 38%;
	margin-left: 12%;
	padding: 70px 0 80px 0;
}

.vis-ideas-no2 .text .title .num{
	color: #2a625f;
}

.vis-ideas-no2 .text .title i{
	font-size: 36px;
	color: #ffffff;
	line-height: 48px;
	font-weight: bold;
	display: block;
	margin-top: 25px;
}

.vis-ideas-no2 .text .title i em,.vis-ideas-no2 .ideas-des p em{
	display: block;
}

.vis-ideas-no2 .ideas-des{
	margin-top: 52px;
}

.vis-ideas-no2 .ideas-des span{
	width: 30px;
	height: 3px;
	background: #FFFFFF;
	display: block;
}

.vis-ideas-no2 .ideas-des p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
	width: 73%;
	margin-top: 20px;
}

.vis-ideas-no2 .ideas-tp{
	float: right;
	width: 49%;
}

.vis-ideas-no2 .ideas-tp i{
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10%;
	margin-top: -20px;
}

.vis-ideas-no2 .ideas-tp p{
	font-size: 14px;
	color: #FFFFFF;
	margin-top: 8px;
	margin-left: 10%;
}



.vis-ideas-no3{
	margin-top: 80px;
	background: url(../images/visual_bg_3_3.jpg) center top no-repeat;	
	padding: 90px 0 60px 0;
	background-size: auto 100%; 
}

.vis-ideas-no3 .text{
	float: left;
	width: 38%;
	margin-left: 12%;
	padding: 20px 0 80px 0;
}

.vis-ideas-no3 .text .title .num{
	color: #2a625f;
}

.vis-ideas-no3 .text .title i{
	font-size: 36px;
	color: #ffffff;
	line-height: 48px;
	font-weight: bold;
	display: block;
	margin-top: 25px;
}

.vis-ideas-no3 .text .title p{
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
	font-weight: bold;
	margin-top: 20px;
}

.vis-ideas-no3 .text .title i em,.vis-ideas-no3 .ideas-des p em,.vis-

ideas-no3 .text .title p em{
	display: block;
}

.vis-ideas-no3 .ideas-des{
	margin-top: 52px;
}

.vis-ideas-no3 .ideas-des span{
	width: 30px;
	height: 3px;
	background: #FFFFFF;
	display: block;
}

.vis-ideas-no3 .ideas-des p{
	font-size: 30px;
	color: #FFFFFF;
	line-height: 40px;
	width: 73%;
	margin-top: 20px;
	font-weight: bold;
}

.vis-ideas-no3 .ideas-tp{
	float: right;
	width: 48%;
}



.vis-ser{
	padding: 120px 0 130px 0;
}

.vis-ser .visual-title-global.vis-hei em{
	margin-left: -183px;
}

.vis-ser-con{
	margin-top:118px;
}

.ser-des{
	float: left;
	width: 44%;
	margin: 0 3%;
}

.ser-des .ser-line{
	border: 4px solid #f0f4f9;
	border-radius: 20px;
}

.ser-des .title{
	width: 205px;
	margin: 0 auto;
	margin-top: -35px;
	background: #FFFFFF;
	text-align: center;
}

.ser-des .title i{
	font-size: 29px;
	color: #333333;
	font-weight: bold;
}

.ser-des .title span{
	font-size: 14px;
	color: #cccccc;
	display: block;
	font-family: arial;
	margin-top: 8px;
}

.ser-des-con{
	
}

.ser-des-con ul{
	padding: 50px 0 70px 0;
}

.ser-des-con ul li{
	width: 40%;
	float: left;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-bottom: 1px solid #eee;
	margin: 0 5% 30px 5%;
	padding-bottom: 30px;
}

.ser-des-con ul li:nth-child(3),.ser-des-con ul li:nth-child(4){
	border-bottom: initial;
	padding-bottom: 0px;
	margin-bottom: 0;
}

.ser-des-con ul li i{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-left: 18px;
}



.vis-prod{
	height: 850px;
	background: url(../images/vis_prod.jpg) center top no-repeat;
}

.vis-prod .text{
	padding-top: 138px;
}

.vis-prod .text i{
	font-size: 48px;
	color: #FFFFFF;
	line-height: 60px;
	font-weight: bold;
}

.vis-prod .text em{
	display: block;
}

.vis-prod .text span{
	display: block;
	width: 50px;
	height: 4px;
	background: #FFFFFF;
	margin-top: 30px;
}

.vis-prod .text p{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
	margin-top: 42px;
}



.vis-adv{
	background: url(../images/visual_bg_4.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 120px 0;
}

.vis-adv .visual-title-global em{
	margin-left: -258px;
}

.vis-adv-con{
	margin-top: 85px;
}

.vis-adv-con ul li{
	width: 43.5%;
	margin-left: 2.4%;
	float: left;
	
	background: #FFFFFF;
	box-shadow: 0 0 6px #EEEEEE;
	margin-top: 28px;
	padding: 40px 2.6%;
}

.vis-adv-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.vis-adv-con .adv-icon {
	width: 16%;
	float: left;
}

.vis-adv-con .text{
	width: 82%;
	float: right;
}

.vis-adv-con .text i{
	font-size: 24px;
	color: #d51918;
	font-weight: bold;
	line-height: 30px;
}

.vis-adv-con .text p{
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-top: 12px;
}



.vis-case{
	padding: 120px 0;
}

.vis-case .visual-title-global em{
	margin-left: -116px;
}



.vis-submit{
	background:#e14445 url(../images/visual_bg_5.jpg) center top no-repeat;
	background-size: auto 100%;
	
}

.vis-submit .title i{
	font-size: 28px;
}

.vis-submit .title span{
	font-size: 18px;
	color: #ec8f8f;
	margin-top: 0px;
}


.vis-submit .gift i{
	font-size: 36px;
	line-height: 48px;
}

.vis-submit .gift p{
	color: #f1b5b5;
}

.vis-submit .submit-anniu a{
	color: #d51918;
}

.vis-submit .submit-anniu a i:before{
	background: url(../images/visual_mit_icon.png) center top no-repeat;
}



/*营销网站*/

.mark-js{
	padding: 160px 0;
	/*background: url(../images/marketing_web_bg2.jpg) center top no-repeat;*/
	/*background-size: auto 100%;*/
}

.mark-js .container{
	position: relative;
}

.mark-title{
	width: 40%;
	float: left;
	padding-left: 1%;
	padding-top: 64px;
	text-align: center;
}

.mark-title .title {
	
}

.mark-title .title i{
	font-size: 36px;
	line-height: 54px;
	color: #222222;
	font-weight: bold;
}

.mark-title .title i span{
	display: block;
	color: #d51918;
}

.mark-title .mark-yw{
	display: none;
	position: absolute;
	bottom: 0;
	width: 30px;
	height: 3px;
	background: #D51918;
}

.mark-describe{
	width: 49%;
	float: right;
}

.mark-describe p{
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	text-indent: 2em;
}


.mark-potential{
	padding: 120px 0;
	background: url(../images/marketing_web_bg3.jpg) center top no-repeat;
	background-size: auto 100%;
}


.mark-title-unify{
	text-align: center;
}

.mark-title-unify i{
	font-size: 36px;
	color: #222;
	font-weight: bold;
}

.mark-title-unify span{
	width: 30px;
	height: 3px;
	display: block;
	background: #1F28F1;
	margin: 26px auto 16px auto;
}

.mark-title-unify p{
	font-size: 16px;
	color: #ababab;
}


.pot-con-box{
	margin-top: 40px
}

.pot-con-no1{
	float: left;
	width: 40%;
}

.pot-title{
	margin-top: 46px;
	position: relative;
	padding-left: 120px;
}

.pot-title:before{
	content: "";
	width: 96px;
	height: 137px;
	background: url(../images/mark_icon1.png) left top no-repeat;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.pot-title i{
	font-size: 24px;
	color: #333;
}

.pot-title p{
	font-size: 30px;
	color: #d51918;
	font-weight: bold;
	margin-top: 10px;
}

.pot-title span{
	width: 30px;
	height: 2px;
	background: #D51918;
	display: block;
	margin-top: 36px;
}

.pot-con-no1 .tp{
	margin-top: 120px;
}

.pot-con-no2{
	float: right;
	width: 45%;
}

.pot-con-no2 img{
	width: 86%;
}

.pot-con-no2 .pot-title{
	margin-top: 76px;
}

.pot-con-no2 .pot-title:before{
	background: url(../images/mark_icon2.png) left top no-repeat;
}


.mark-pro{
	padding: 120px 0;
	background: url(../images/marketing_web_bg4.jpg) center top no-repeat;
	background-size: auto 100%;
}

.mark-title-unify.bai i{
	color: #FFFFFF;
}

.mark-pro .mark-title-unify.bai span{
	background: #FFFFFF;
	margin: 26px auto 20px auto;
}

.mark-pro .mark-title-unify.bai p{
	color: #bbd5ec;
	font-size: 20px;
}

.mark-pro-con{
	margin-top: 60px;
}

.mark-pro-con ul li{
	float: left;
	width: 32.63%;
	margin-left: 1%;
	background-color: rgba(255,255,255,0.9);
	margin-top: 15px;
	padding: 32px 0;
	text-align: center;
}

.mark-pro-con ul li:nth-child(3n+1){
	margin-left: 0;
}

.mark-pro-con ul li i{
	font-size: 18px;
	color: #222;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.mark-pro-con ul li img{
	margin-right: 10px;
}

.mark-pro-con ul li p{
	padding: 0 12%;
	font-size: 16px;
	line-height: 30px;
	color: #595758;
	margin-top: 20px;
}


.mark-server{
	padding: 120px 0;
}

.ser-con-1{
	margin-top: 100px;
}

.ser-con-1 .text{
	float: left;
	width: 50%;
	margin-top: 36px;
}



.ser-con-1 .ser-con-icon1 em{
	font-size: 16px;
	color: #FFFFFF;
	background: #aaa;
	font-style: initial;
	display: block;
	width: 110px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 13px;
}


.ser-con-1 .ser-con-icon1 em{
	margin-bottom: 40px;
}

.ser-con-2 .ser-con-icon1 em{
	margin-bottom: 50px;
}

.ser-con-3 .ser-con-icon1 em{
	margin-bottom: 50px;
}

.ser-con-1 .text .title,.ser-con-1 .text .con-wz{
	padding-left:63px;
}



.ser-con-1 .text .title i{
	font-size: 30px;
	color: #D51918;
	font-weight: bold;
}

.ser-con-1 .text .title p{
	font-size: 20px;
	color: #333;
	margin-top: 8px;
}

.ser-con-1 .text .title span{
	display: block;
	width: 30px;
	height: 2px;
	background: #d51918;
	margin-top: 30px;
}

.ser-con-1 .text .con-wz{
	margin-top: 55px;
}

.ser-con-1 .text .con-wz p{
	color: #666;
	font-size: 16px;
	line-height: 32px;
	text-align: justify;
}

.ser-con-1 .tp{
	float: right;
	width: 46%;
	text-align: center;
}

.ser-con-1 .tp img{
	margin-top: -15px;
}

.ser-con-2{
	padding: 110px 0 110px 0;
	background: #f8f8f8;
}

.ser-con-3{
	margin-top: 110px;
}

.ser-con-3 .text{
	margin-top: 46px;
}


.mark-adv{
	padding: 100px 0 110px 0;
	background: url(../images/marketing_web_bg5.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.mark-adv .mark-title-unify.bai span{
	background: #FFFFFF;
	margin: 28px auto 0px auto;
}

.mark-adv .mark-title-unify.bai p{
	color: #fff;
	font-size: 20px;
	margin-top: 12px;
}


.marl-con-list{
	margin: 20px auto 0 auto;
	
	
}

.marl-con-list ul li{
	float: left;
	width: 31.33%;
	margin: 30px 1% 0 1%;
	text-align: center;
	padding: 32px 0 30px 0;
	background-color: rgba(255,255,255,.91);
}

.marl-con-list ul li .icon-title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.marl-con-list ul li img{
	height: 22px;
	margin-right: 10px;
}

.marl-con-list ul li i{
	font-size: 20px;
	color: #333;
	font-weight: bold;
}



.marl-con-list ul li p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding: 0 10%;
	margin-top: 15px;
}


.mark-step{
	overflow: hidden;
	padding-top: 110px;
	background: url(../images/marketing_web_bg6.jpg) center top no-repeat;
	background-size: auto 100%;
}

.mark-step .mark-title-unify font{
	color: #D51918;
}

.mark-step .mark-title-unify span{
	margin: 26px auto;
}

.mark-step .mark-title-unify p{
	font-size: 20px;
	color: #666;
}

.step-con{
	margin-top: 90px;
	position: relative;
	padding-bottom: 38px;
}

.mark-step-line{
	width: 950px;
	margin: 0 auto;
}

.mark-step-line ul li{
	float: left;
	width: 10%;
}

.mark-step-line ul li img{
	display: block;
	margin: 0 auto;
}

.mark-step-line ul li i{
	font-size: 16px;
	color: #333333;
	display: block;
	margin-top: 10px;
	font-weight: bold;
	letter-spacing: 0;
}

.mark-step-line ul li:nth-child(2n+1) i{
	margin-top: 0px;
	margin-bottom: 10px;
}

.mark-step-line ul li:nth-child(1){
	margin-top: 72px;
}

.mark-step-line ul li:nth-child(2){
	margin-top: 194px;
}

.mark-step-line ul li:nth-child(3){
	margin-top: 21px;
}

.mark-step-line ul li:nth-child(4){
	margin-top: 160px;
}

.mark-step-line ul li:nth-child(6){
	margin-top: 153px;
}

.mark-step-line ul li:nth-child(7){
	margin-top: 7px;
}

.mark-step-line ul li:nth-child(8){
	margin-top: 173px;
}

.mark-step-line ul li:nth-child(9){
	margin-top: 42px;
}

.mark-step-line ul li:nth-child(10){
	margin-top: 225px;
}

.step-y-line{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -761.5px;
	z-index: 1;
}

.step-y-line img{
	display: block;
	max-width: initial;
}

.mark-step-line-phone{
	display: none;
}

.mark-case{
	padding: 110px 0 120px 0;
}

.mark-case .mark-title-unify p{
	font-size: 18px;
	color: #666;
	margin-top: 20px;
}



.mon-pro{
	padding: 110px 0 120px 0;
	background: #F8F8F8;
}

.mon-pro .title{
	text-align: center;
}

.mon-pro .title i{
	font-size: 36px;
	color: #222222;
	font-weight: bold;
}

.mon-pro .title span{
	font-size: 18px;
	margin-top: 3px;
	color: #666;
	display: block;
}

.con-mon-pro{
	margin-top: 45px;
}

.con-mon-pro .tab .nav-tabs{
		position: relative;
		text-align: center;
		width: 408px;
		margin: 0 auto;
	}
	
.con-mon-pro .tab .nav-tabs li{
		float: left;
		margin-left: 24px;
}

.con-mon-pro .tab .nav-tabs li:first-child{
		margin-left: 0;
}
	
.con-mon-pro .tab .nav-tabs li a{
	display: block;
	width: 190px;
	height: 46px;
	line-height: 46px;
	border:1px solid #a0a0a0;
	border-radius: 8px;
}

.con-mon-pro .tab .nav-tabs li a i{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	position: relative;
	margin-right: -40px;
}

.con-mon-pro .tab .nav-tabs li a i:before{
	position: absolute;
	left: -40px;
	top: 0;
	content: "";
	width: 27px;
	height: 26px;
	background: url(../images/mon_pro_icon1_1.png) center top no-repeat;
}

.con-mon-pro .tab .nav-tabs li:nth-child(2) a i:before{
	position: absolute;
	left: -40px;
	top: 0;
	content: "";
	width: 27px;
	height: 26px;
	background: url(../images/mon_pro_icon2_1.png) center top no-repeat;
}


.con-mon-pro .tab .nav-tabs li a:hover,.con-mon-pro .tab .nav-tabs 

li.active a{
	border:1px solid #D51918;
	background: #d51918;
}

.con-mon-pro .tab .nav-tabs li a:hover i,.con-mon-pro .tab .nav-tabs 

li.active a i{
	color: #FFFFFF;
}

.con-mon-pro .tab .nav-tabs li a:hover i:before,.con-mon-pro .tab 

.nav-tabs li.active a i:before{
	background: url(../images/mon_pro_icon1.png) center top no-repeat;
}

.con-mon-pro .tab .nav-tabs li:nth-child(2) a:hover i:before,.con-mon-

pro .tab .nav-tabs li.active:nth-child(2) a i:before{
	background: url(../images/mon_pro_icon2.png) center top no-repeat;
}


.con-mon-pro .tab .tab-content{
	margin-top: 30px;
}

.con-mon-pro .pro-item{
	width: 49%;
	float: left;
	background: #fff;
	border-radius: 8px;
	margin-top: 20px;
}

.con-mon-pro .pro-item .box{
	padding: 25px 56px;
}

.con-mon-pro .pro-item:nth-child(2n+2){
	width: 49%;
	float: right;
}

.con-mon-pro .pro-item .pro-q{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	position: relative;
}

.con-mon-pro .pro-item .pro-q:before{
	position: absolute;
	left: -30px;
	top: 2px;
	content: "Q";
	font-size: 12px;
	text-align: center;
	width: 17px;
	height: 17px;
	line-height: 17px;
	color: #FFFFFF;
	font-family: arial;
	background: #D51918;
}

.con-mon-pro .pro-item .pro-a{
	font-size: 14px;
	color: #666;
	line-height: 28px;
	margin-top: 16px;
	position: relative;
}

.con-mon-pro .pro-item .pro-a:before{
	position: absolute;
	left: -30px;
	top: 4px;
	content: "A";
	font-size: 12px;
	text-align: center;
	width: 17px;
	height: 17px;
	line-height: 17px;
	color: #FFFFFF;
	font-family: arial;
	background: #666;
}


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

.mark-submit .title span{
	color: #6473c4;
}

.mark-submit .gift p{
	color: #FFFFFF;
}


.mark-submit .submit-anniu i{
	color: #1F28F1;
}

.mark-submit .submit-anniu a i:before{
	background: url(../images/position_submit_icon5.png) center top no-repeat;
}


.contact-box{
	padding: 120px 0;
	background: #f8f8f8;
}


.contact-box .cul-title{
	border-bottom: 1px solid #ccc;
}


.contact-con{
	margin-top: 75px;
}

.con-tel-wx {
	width: 46%;
	float: left;
}


.con-tel{
	
}

.con-tel i{
	font-size: 19.7px;
	color: #222222;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.con-wx{
	margin-top: 70px;
}

.con-wx p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-top: 5px;
}

.con-wx p span{
	display: block;
}


.con-dzyx{
	width: 54%;
	float: left;
}

.con-add-c{
	position: relative;
}

.con-add-c:before{
	content: "";
	width: 18px;
	height: 22px;
	position: absolute;
	left: -40px;
	top: 4px;
	background: url(../images/con_icon1.png) center top no-repeat;
}

.con-add-c i{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
	display: block;
	margin-bottom: 12px;
}

.con-add-c p{
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-top: 3px;
}


.con-yx{
	margin-top: 94px;
}

.con-yx i{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
}

.con-yx p{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}

.con-yx .hr{
	float: left;
	width: 50%;
	position: relative;
}

.con-yx .hr:before{
	content: "";
	width: 20px;
	height: 15px;
	position: absolute;
	left: -42px;
	top: 8px;
	background: url(../images/con_icon2.png) center top no-repeat;
}

.con-yx .sum{
	float: right;
	width: 42%;
	position: relative;
}

.con-yx .sum:before{
	content: "";
	width: 20px;
	height: 15px;
	position: absolute;
	left: -42px;
	top: 8px;
	background: url(../images/con_icon2.png) center top no-repeat;
}


.con-message-lb{
	padding: 120px 0;
}

.con-message-lb .cul-title{
	border-bottom: 1px solid #ccc;
}


.mess-con{
	margin-top: 65px;
}

.mes-title {
	text-align: center
}

.mes-title i{
	display: block;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}

.mes-title span{
	font-size: 16px;
	color: #666;
	display: block;
	margin-top: 10px
}


.per-info .info-name{
	width: 31.83%;
	float: left;
	margin-left: 2%;
}

.per-info .info-name:first-child{
	margin-left: 0;
}

.per-info .info-name i{
	font-size: 18px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
	line-height: 28px;
	font-weight: bold;
}

.per-info .info-name i span{
	color: #D51918;
}

.per-info .info-name input{
	font-size: 18px;
	color: #333333;
	border: 1px solid #e5e5e5;
	background: #f8f8f8;
	width: 100%;
	height: 42px;
}


.pro-need{
	margin-top: 44px;
}

.pro-need i{
	font-size: 18px;
	color: #333333;
	display: block;
	margin-bottom: 20px;
	line-height: 28px;
	font-weight: bold;
}

.pro-need textarea{
	font-size: 18px;
	color: #333333;
	display: block;
	line-height: 36px;
	height: 108px;
	font-weight: bold;
	width: 99.8%;
	border: 1px solid #e5e5e5;
	background: #f8f8f8;
}

.info-submit a{
	width: 160px;
	height: 40px;
	background: #1F28F1;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin: 40px auto 0 auto;
}




/*传播*/

.spr-par{
	position: relative;
	width: 100%;
	background: url(../images/growth.jpg) center top no-repeat;
	padding: 140px 0;
}

.spr-bg{
	width: 55.66%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background-color:rgba(238,238,238,0.42);
}

.spr-par .container{
	position: relative;
}

.spr-title{
	float: left;
	width: 38.33%;
	padding-left: 5%;
	padding-top: 36px;
}

.spr-title .title i{
	font-size: 36px;
	color: #222;
	font-weight: 600;
}

.spr-title .spr-yw{
	position: absolute;
	bottom: 0;
}

.spr-title .spr-yw span{
	display: block;
	background: #d51918;
	height: 3px;
	width: 30px;
}

.spr-title .spr-yw i{
	font-size: 16px;
	color: #cccccc;
	font-family: arial;
	display: block;
	margin-top: 15px;
}

.spr-describe{
	width: 50%;
	float: right;
	position: relative;
	z-index: 2;
}

.spr-describe p{
	color: #333;
	font-size: 18px;
	line-height: 36px;
}

.spr-describe b{
	margin-bottom: 18px;
	display: block;
}

.spr-describe span{
	font-weight: bold;
	color: #D51918;
}



.spr-pro{
	position: relative;
	width: 100%;
	background: url(../images/spread_bg_2.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 120px 0;
}

.spr-pro .container{
	position: relative;
}

.spr-pro .visual-title-global em{
	margin-left: -210px;
}

.spr-pro-describe{
	margin-top: 25px;
}

.spr-pro-describe{
	text-align: center;
}


.spr-pro-describe ul{
	padding: 0 5%;
}

.spr-pro-describe ul li{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	display: inline-table;
	padding-top: 69px;
	width: 22.33%;
	position: relative;
	text-align: left;
	margin: 0 5%;
}

.spr-pro-describe ul li:nth-child(4),.spr-pro-describe ul li:nth-child

(5){
	width: 26.33%;
	margin: 0 7%;
}

.spr-pro-describe ul li span{
	display: block;
}

.spr-pro-describe ul li i{
	color: rgba(255,255,255,0.05);
	font-size: 90px;
	font-weight: bold;
	position: absolute;
	left: -80px;
	top: 88px;
	font-family: arial;
}


.spr-sys-core{
	padding: 120px 0 40px 0;
}

.spr-sys-core .container{
	
}

.spr-sys-core .visual-title-global em{
	margin-left: -253px;
}

.sys-core-step1{
	padding: 80px 0;
	
}

.sys-core-step1 .title{
	width: 30.5%;
	padding-left: 7.5%;
	float: left;
}

.sys-core-step1 .title em{
	width: 130px;
	height: 26px;
	background: #eaeaea;
	border-radius: 13px;
	font-style: initial;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	color: #666666;
	display: block;
}

.sys-core-step1 .title i{
	font-size: 36px;
	line-height: 44px;
	font-weight: bold;
	color: #1a58c6;
	display: block;
	margin-top: 24px;
}

.sys-core-step1 .title span{
	display: block;
	width: 20px;
	height: 3px;
	background: #1a58c6;
	margin-top: 60px;
}

.sys-core-step1 .text{
	width: 56%;
	float: left;
}

.sys-core-step1 .text i{
	text-align: right;
	font-size: 48px;
	line-height: 40px;
	font-weight: bold;
	display: block;
	color: rgba(255,255,255,0.06);
	font-family: arial;
}

.sys-core-step1 .text p{
	font-size: 18px;
	line-height: 40px;
	color: #333;
	margin-top: 22px;
}

.sys-core-step1.sys-core-step2{
	border-top: 1px solid #EEEEEE;
}


.sys-core-step1.sys-core-step2 .title em{
	color: #666;
}


.spr-mark-sys{
	padding: 140px 0;
	background: url(../images/spread_bg_6.jpg) center top no-repeat;
	background-size: auto 100%;
}

.spr-mark-sys .title{
	width: 50%;
	float: left;
}

.spr-mark-sys .title .text{
	line-height: 48px;
	color: #D51918;
	font-weight: bold;
	margin-top: 40px;
}

.spr-mark-sys .title .text i{
	font-size: 30.5px;
	display: block;
	color: #1a58c6;
	margin-bottom: 30px;
}

.spr-mark-sys .title .text p{
	font-size: 36px;
}

.spr-mark-sys .title .yw-xs{
	margin-top: 55px;
}

.spr-mark-sys .title .yw-xs span{
	display: block;
	width: 30px;
	height: 3px;
	background: #9f9d9c;
}

.spr-mark-sys .title .yw-xs i{
	font-size: 14px;
	color: #cccccc;
	display: block;
	margin-top: 15px;
}


.spr-mark-sys .tp{
	width: 50%;
	float: left;
	text-align: center;
}

.spr-mark-sys .tp ul{
	width: 400px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/spread__tp_line.png) center 25px no-repeat;
}

.spr-mark-sys .tp ul li{
	background: #1a58c6;
	width: 120px;
	height: 36px;
	margin-left: 20px;
	float: left;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	margin-bottom: 40px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}

.spr-mark-sys .tp ul li:nth-child(1){
	margin-left: 70px
}


.spr-mark-sys .tp ul li:nth-child(3){
	clear: both;
	margin-left: 0
}

.spr-mark-sys .tp ul li:nth-child(6){
	clear: both;
	margin-left: 0
}

.spr-mark-sys .tp ul li:nth-child(9){
	clear: both;
	margin-left: 70px
}

.spr-mark-sys .tp p{
	font-size: 16px;
	color: #333;
	font-weight: bold;
}


.spr-ser{
	padding: 120px 0;
	background: url(../images/spread_bg_5.jpg) center bottom no-repeat;
}


.spr-ser .visual-title-global.vis-hei font{
	color: #222222;
	display: block;
}

.spr-ser .visual-title-global.vis-hei em{
	font-size: 100px;
	margin-left: -255px;
	top: 17px;
}

.ser-step-box{
	width: 844px;
	margin: 0 auto;
}

.ser-step-box .ser-step1{
	margin-top: 97px;
}

.ser-step1 .title{
	padding-bottom: 18px;
	border-bottom: 1px solid #999999;
	position: relative;
}

.ser-step1 .title:before{
	position: absolute;
	left: -122px;
	content: "";
	width: 91px;
	height: 59px;
	display: block;
	background: url(../images/spread_step_icon1.png) center left no-repeat;
}

.ser-step1.step2 .title:before{
	background: url(../images/spread_step_icon2.png) center left no-repeat;
}

.ser-step1.step3 .title:before{
	background: url(../images/spread_step_icon3.png) center left no-repeat;
}

.ser-step1.step4 .title:before{
	background: url(../images/spread_step_icon4.png) center left no-repeat;
}

.ser-step1.step5 .title:before{
	background: url(../images/spread_step_icon5.png) center left no-repeat;
}

.ser-step1.step6 .title:before{
	background: url(../images/spread_step_icon6.png) center left no-repeat;
}

.ser-step1.step7 .title:before{
	background: url(../images/spread_step_icon7.png) center left no-repeat;
}


.ser-step1 .title i{
	font-weight: bold;
	display: block;
	float: left;
	font-size: 30px;
	line-height: 38px;
	color: #D51918;
}

.ser-step1 .title span{
	font-weight: bold;
	display: block;
	float: right;
	font-size: 18px;
	line-height: 30px;
	font-family: arial;
	color: #dddddd;padding-top: 10px;
}

.ser-step-text{
	margin-top: 52px;
}

.ser-step-text ul li{
	width: 40%;
	float: left;
	line-height: 28px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 12px;
}

.ser-step-text p{
	line-height: 32px;
	font-size: 16px;
	color: #666666;
	margin-top: 14px;
}

.ser-step1.step7{
	padding-bottom: 50px;
}


.label{
	padding-top: 0px;
}

.label .con-list-box:first-child{
	margin-top: 0px;
}

.region.label-list .region-list ul li{
	width: 32%;
    height: 21px;
    float: left;
    margin-top: 14px;
    text-align: center;
    margin-left: 2%;
    border-radius: 10px;
    overflow: hidden;
}

.region.label-list .region-list ul li:nth-child(3n+1){
    margin-left: 0%;
}

.region.label-list .region-list ul li a {
    min-width: 100%;
    color: #666666;
    font-size: 12px;
    line-height: 21px;
    background: #eeeeee;
    text-align: center;
    display: inline-block;
    padding: 0;
}

.region.label-list .region-list ul li a:hover {
    color: #FFFFFF;
    background: #1F28F1;
}

.label-more{
	margin-top: 15px;
	text-align: center;
}

.label-more a{
	display: block;
	width: 130px;
	color: #666666;
    font-size: 12px;
    border: 1px solid #eeeeee;
    line-height: 22px;
    border-radius: 12px;
    margin: 0 auto;
}

.label-more a:hover{
	color: #1F28F1;
    border: 1px solid #1F28F1;
    
}

.con-lab-list{
	padding: 60px 0 100px 0;
}

.con-lab-list ul li{
	width: 18.8%;
    height: 36px;
    float: left;
    margin-top: 20px;
    text-align: center;
    margin-left: 1.5%;
    border-radius: 18px;
}

.con-lab-list ul li:nth-child(5n+1){
    margin-left: 0;
}

.con-lab-list ul li a{
	color: #333333;
	font-size: 16px;
	line-height: 34px;
	height: 34px;
	display: block;
	width: 90%;
	overflow: hidden;
	border: 1px solid #ddd;
	padding: 0 5%;
}

.con-lab-list ul li a:hover{
	color: #1F28F1;
	border: 1px solid #1F28F1;
}



.related-end .title{
	text-align: center;
}

.related-end .title i{
	font-size: 30px;
	color: #242df1;
	font-weight: bold;
}

.related-end .title p{
	font-size: 14px;
	color: #999999;
	margin-top: 5px;
}

.related-end .box ul{
	padding-top: 20px;
}

.related-end .box ul li{
	float: left;
	width: 47%;
	border-top: 1px dotted #ddd;
	margin-left: 6%;
	padding: 12px 0;
}

.related-end .box ul li:nth-child(1){
	border-top: initial;
}

.related-end .box ul li:nth-child(2){
	border-top: initial;
}

.related-end .box ul li:nth-child(2n+1){
	margin-left: 0;
}

.related-end .box ul li:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	width: 0;
}

.related-end .box ul li i{
	font-size: 16px;
	color: #333333;
	width: 75%;
	float: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.related-end .box ul li a:hover i,.related-end .box ul li a:hover span{
	color: #242df1;
}

.related-end .box ul li span{
	font-size: 14px;
	color: #bbb;
	width: 25%;
	float: right;
	text-align: right;
}




.unique{
	height: 600px;
	background: url(../images/unique_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.unique .unique-text{
	padding-top: 194px;
}

.unique .unique-text h2{
	font-size: 36px;
	color: #ffffff;
	line-height: 64px;
}

.unique .unique-text h2 span{
	display: block;
	font-size: 30px;
}

.unique .unique-text p{
	font-size: 22px;
	color: #ffffff;
	line-height: 32px;
	margin-top: 30px;
}



.sever-case{
	padding: 150px 0 130px;
	background: url(../images/sever_case_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	position: relative;
}

.sever-case .sever-case-a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}

.sever-case-text .title h2{
	font-size: 44px;
	color: #FFFFFF;
	line-height: 56px;
}

.sever-case-text .title p{
	font-size: 26px;
	color: #FFFFFF;
	line-height: 36px;
	margin-top: 20px;
}

.sever-case-text .cha{
	margin-top: 50px;
	/*padding-left: 56px;*/
}

.sever-case-text .cha ul li{
	margin-top: 14px;
	line-height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.sever-case-text .cha ul li:last-child{
	margin-top: 6px;
	padding-left: 4px;
}

.sever-case-text .cha ul li i{
	margin-right: 20px;
}

.sever-case-text .cha ul li p{
	font-size: 18px;
	color: #FFFFFF;
}


.sever-case-text .but{
	margin-top: 48px;
}

.sever-case-text .but a{
	width: 124px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #9497d5;
	color: #dedeee;
	font-size: 14px;
	display: block;
	text-align: center;
	border-radius: 18px;
	position: relative;
	z-index: 9;
	
}

.sever-case-text .but a:hover{
	border: 1px solid #FFF;
	background: #FFFFFF;
	color: #164ECC;
}


/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
	
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	
	-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;*/


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


.unique{
	height: 600px;
	background: url(../images/unique_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.unique .unique-text{
	padding-top: 200px;
}

.unique .unique-text h2{
	font-size: 36px;
	line-height: 64px;
}

.unique .unique-text h2 span{
	display: block;
}

.unique .unique-text p{
	font-size: 22px;
	line-height: 32px;
	margin-top: 30px;
}



.sever-case{
	padding: 130px 0 110px;
	background: url(../images/sever_case_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.sever-case-text .title h2{
	font-size: 40px;
	line-height: 48px;
}

.sever-case-text .title p{
	font-size: 24px;
	line-height: 32px;
	margin-top: 20px;
}

.sever-case-text .cha{
	margin-top: 50px;
	/*padding-left: 50px;*/
}

.sever-case-text .cha ul li{
	margin-top: 12px;
	line-height: 28px;
}

.sever-case-text .cha ul li:last-child{
	margin-top: 6px;
	padding-left: 4px;
}

.sever-case-text .cha ul li i{
	margin-right: 20px;
}

.sever-case-text .cha ul li p{
	font-size: 17px;
}


.sever-case-text .but{
	margin-top: 48px;
}

.sever-case-text .but a{
	width: 124px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	border-radius: 18px;
}


.prev2,.next2{
	width: 140px;
	height: 100%;
	top:0;
}

.prev2 img,.next2 img{
	display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

.slide-main:hover .prev2:hover{
	background-size: 100% 100%;
}

.slide-main:hover .next2:hover{
	background: url(../images/next_bg.png) left center no-repeat;
}

.prev2 img{
	left: 70px;
}

.next2 img{
	right: 70px;
}


.sales{
	padding-top: 120px;
}


.sales-box{
	padding: 100px 0 140px 0;
}

.sales-box ul li{
	padding: 20px 30px;
	border-radius: 10px;
	margin: 0 40px;
	font-size: 28px;
	line-height: 40px;
}

	
.visual-ideas .container{
	width: 86%;
}


.visual-title-global.vis-hei em{
	margin-left: -128px;
}

.vis-ideas-con{
	margin-top: 60px;
}

.vis-ideas-no1{
	height: 580px;
}

.vis-ideas-no1 .text{
	float: left;
	width: 42%;
	margin-left: 8%;
	padding-top: 110px;
}

.num{
	font-size: 14px;
	width: 110px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
}

.vis-ideas-no1 .text .title i{
	font-size: 48px;
	line-height: 56px;
	margin-top: 25px;
}

.vis-ideas-no1 .text .title p{
	font-size: 18px;
	margin-top: 18px;
}

.vis-ideas-no1 .ideas-des{
	margin-top: 38px;
}

.vis-ideas-no1 .ideas-des p{
	font-size: 16px;
	line-height: 32px;
	width: 93%;
}



.mt-tabpage-title {
	bottom: 50px;
}

.mt-tabpage-title img{
	height: 80px;
}

.mt-tabpage-count {
	width: 341px;
	height: 260px;
	margin-top: 110px;
}

.mt-tabpage-count .mt-tabpage-item {
	width: 341px;
	height: 260px;
}

.mt-tabpage-count .mt-tabpage-item i{
	display: block;
	font-size: 14px;
	margin-top: 50px;
}

.mt-tabpage-count .mt-tabpage-item p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
}


.vis-ideas-no2{
	margin-bottom: 80px;
	padding: 90px 0 74px 0;
	background-size: auto 100%; 
}

.vis-ideas-no2 .text{
	float: left;
	width: 42%;
	margin-left: 8%;
	padding: 70px 0 80px 0;
}

.vis-ideas-no2 .text .title i{
	font-size: 36px;
	line-height: 48px;
	margin-top: 25px;
}

.vis-ideas-no2 .text .title i em,.vis-ideas-no2 .ideas-des p em{
	display: block;
}

.vis-ideas-no2 .ideas-des{
	margin-top: 52px;
}

.vis-ideas-no2 .ideas-des span{
	width: 30px;
	height: 3px;
}

.vis-ideas-no2 .ideas-des p{
	font-size: 16px;
	line-height: 32px;
	width: 73%;
	margin-top: 20px;
}

.vis-ideas-no2 .ideas-tp{
	float: right;
	width: 49%;
}

.vis-ideas-no2 .ideas-tp i{
	font-size: 16px;
	margin-left: 10%;
	margin-top: -20px;
}

.vis-ideas-no2 .ideas-tp p{
	font-size: 14px;
	margin-top: 8px;
	margin-left: 10%;
}



.vis-ideas-no3{
	margin-top: 80px;
	padding: 90px 0 60px 0;
}

.vis-ideas-no3 .text{
	float: left;
	width: 42%;
	margin-left: 8%;
	padding: 20px 0 80px 0;
}

.vis-ideas-no3 .text .title i{
	font-size: 36px;
	line-height: 48px;
	margin-top: 25px;
}

.vis-ideas-no3 .text .title p{
	font-size: 18px;
	line-height: 30px;
	margin-top: 20px;
}

.vis-ideas-no3 .text .title i em,.vis-ideas-no3 .ideas-des p em,.vis-

ideas-no3 .text .title p em{
	display: block;
}

.vis-ideas-no3 .ideas-des{
	margin-top: 52px;
}

.vis-ideas-no3 .ideas-des span{
	width: 30px;
	height: 3px;
}

.vis-ideas-no3 .ideas-des p{
	font-size: 30px;
	line-height: 40px;
	width: 93%;
	margin-top: 20px;
}

.vis-ideas-no3 .ideas-tp{
	float: right;
	width: 45%;
	padding: 0 2%;
}

}


@media screen and (max-width: 1440px) {
	
.foot-infor ul li:first-child img{
	position: relative;
	bottom: -3px;
}

.foot-infor ul li p span{
	font-size: 16px;
}

.strategic:before{
	width: 510px;
	height: 180px;
	background-size: 100% 100%;
	bottom: -30px;
}

.strategic.bg:before {
    width: 410px;
    height: 180px;
    background-size: 100% 100%;
}

	
#starlist {
    padding-left: 13.4%;
}
	
.tel{
	padding-right: 0;
}

.ser-no1-icon .text {
    width: 56%;
}
.list-banner{
	width: 100%;
	overflow: hidden;
	
}
	
.list-banner img:first-child{
	max-width: 100%;
	height: auto;
	display: block;
	position: initial;
	left: initial;
	margin-left: initial;
}

.ser-no-3{
	padding: 105px 0 110px 0;
}


.case .content.case-pro{
	margin: 40px auto 0 auto;
	max-width: 1200px;
}

.case .content.mark-case-box{
	margin: 40px auto 0 auto;
	max-width: 1200px;
}

.case .content.case-pro .list{
	margin-top: 18px;
}

.case .content.mark-case-box .list{
	margin-top: 18px;
}

.head .container {
    width: 1086px;
}

.menu-box .container{
	width: 1166px;
}

.who .container{
	width: 1200px;
}

.container{
	width: 1100px;
}

/*banner翻页圆点*/

.item1 {
	bottom: 40px;
}

.item1 a {
	width:16px;
	margin: 0 5px;
}



.item1 a.cur {
	width: 16px;
}


/* banner end */


.who{
	padding: 120px 0;
}

.who-bg{
	width: 64.66%;
}

.who-title .title i{
	font-size: 34px;
}

.who-title .who-yw i{
	font-size: 16px;
	margin-top: 15px;
}

.culture{
	padding: 75px 0 80px 0;
}

.confused{
	padding: 100px 0;
}

.confused .title i{
	font-size: 34px;
}

.confused .title span{
	font-size: 14px;
}


.confused .content ul li i{
	font-size: 24px;
}

.confused .content ul li {
    width: 33%;
    margin-top: 66px;
}

.confused .content ul li p{
	font-size: 18px;
	margin-top: 20px;
}


.what{
	padding-top: 100px;
}

.what .title{
	padding-bottom: 70px;
}

.what .title i{
	font-size: 34px;
}


.strategic{
	padding: 100px 0;
	
}

.strategic .steps h2{
	font-size: 22px;
}

.strategic .subtitle i{
	font-size: 30px;
}

.strategic .subtitle p{
	font-size: 18px;
}

.strategic .subtitle span{
	font-size: 30px;
}

.strategic .text p{
	font-size: 16px;
}


.quotes{
	padding: 95px 0 110px 0;
}

.quotes .title i{
	font-size: 34px;
}


.quotes .title em{
	font-size: 16px;
}

.quotes .content ul li {
    margin-top: 55px;
    padding-bottom: 30px;
}

.quotes .content ul li i{
	font-size: 22px;
}

.quotes .content ul li span{
	font-size: 14px;
	margin-top: 22px;
}

.case{
	padding: 95px 0 100px 0;
}

.case .title i{
	font-size: 34px;
}

.case .title p{
	font-size: 18px;
}

.case .content{
	max-width: 1200px;
}


.case .content .text i{
	font-size: 24px;
}

.case .content .text span{
	font-size: 18px;
}

.more a{
	font-size: 18px;
}


.honor{
	padding: 95px 0 100px 0;
}


.honor .title i{
	font-size: 34px;
}

.honor .title p{
	font-size: 18px;
}


.focus-on i{
	font-size: 70px;
}

.focus-on span{
	font-size: 22px;
}

.honor .honor-text-list:last-child .focus-on span{
	font-size: 32px;
}

.honor-text-list .text{
	font-size: 17px;
}

.honor-text-list .subtitle{
	font-size: 17px;
}

.honor-text-list .subtitle span{
	font-size: 17px;
}


.tabs{ 
	margin-top: 80px;
}
.tabs a{
	line-height:32px;
	width: 100px;
	font-size:15px;
	margin-left: 15px;
}


.news-list .title a{
	font-size: 16px;
}

.news-list .title span{
	font-size: 12px;
}

.news-list .text p{
	font-size: 14px;
}

.news-list .details a{
	font-size: 14px;
}


.news{
	padding: 95px 0 100px 0;
}

.news-top .title i{
	font-size: 34px;
}

.news-top .title p{
	font-size: 17px;
}

.trait-logo i{
	font-size: 17px;
}

.trait-box ul li{
	font-size: 18px;
}




/*首页 end*/

.content-banner {
	padding: 100px 0 106px 0;
}


.content-banner .title i{
	font-size: 34px;
}

.content-banner .text p{
	font-size: 17px;
}




.case-menu ul li a{
	font-size: 18px;
}

.case-menu ul li ul li a{
	font-size: 16px;
}

.case-text .title a{
	font-size: 22px;
}


.case-text .text p{
	font-size: 14px;
}


.case-text .details a{
	font-size: 14px;
	line-height: 24px;
}


/*翻页控件代码*/

.paging {
	padding: 50px 0 100px 0;
}



/*///??*/

.news-banner{
	padding: 125px 0 140px 0;
}

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

.path span{
	font-size: 14px;
	margin-left: 8px;
}


.news-zk{
	margin-top: 16px;
}


.content-page{
	padding: 48px 0 100px 0;
}

.con-l-art{
	width: 75%;
}

.con-l-art .title-box .title h1{
	font-size: 28px;
}


.con-l-art .title-box .attribute span{
	font-size: 14px;
}

.con-l-art .mg_b{
	font-size: 15px;
}

.con-r-art .title-box .title i{
	font-size: 15px;
	line-height: 18px;
	padding-left: 13px;
}

.con-r-art .title-box .all a{
	font-size: 15px;
}

.select-list .item a i{
	font-size: 14px;
}

.con-paging .on i a{
	font-size: 16px;
	line-height: 56px;
}

.con-paging .return i a{
	font-size: 16px;
	line-height: 56px;
}


.con-paging .down i a{
	font-size: 15px;
}

.related-end{
	padding-bottom: 90px;
}

.related-end .tle i{
	font-size: 28px;
}


.con-message .container{
	padding: 100px 0;
}

.con-message .tle i{
	font-size: 28px;
}

.message-box .name i,.message-box .phone i,.message-box .web 

i,.message-box .issue i{
	font-size: 17px;
}


.message-box .name input,.message-box .phone input{
	font-size: 17px;
}

.message-box .web input{
	font-size: 15px;
}

.message-box .issue textarea{
	font-size: 15px;
}


.message-submit a{
	font-size: 17px;
}


/*资讯列表*/

.news-qj{
	padding: 90px 0 100px 0;
}


.news-con-box .title h1{
	font-size: 22px;
	line-height: 24px;
}

.more-case a{
	font-size: 14px;
	line-height: 26px;
}


.news-tj-case .case-text .title a{
	font-size: 15px;
}

.project{
	margin-top: 30px;
}


.tj-zx-text .subtitle p{
	font-size: 17px;
}

.tj-zx-text .ms-rq i{
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 18px;
}


.xw-text .subtitle a{
	font-size: 17px;
}

.xw-text .text p{
	line-height: 24px;
	font-size: 14px;
}


.xw-list-gd a{
	font-size: 15px;
}


.region .title i{
	font-size: 15px;
}

.nom-case p{
	font-size: 14px;
}

.hot-case-list .item .text i{
	font-size: 14px;
}

.hot-case-list .item .text p{
	font-size: 12px;
}

.case-lb-more{
	margin-bottom: 100px;
}

.case-lb-more a{
	font-size: 17px;
}



/*品牌*/

.brand-pos{
	padding: 100px 0;
	
}

.pos-title .title i{
	font-size: 22px;
}


.pos-title .pos-yw i{
	font-size: 15px;
}

.pos-describe i{
	font-size: 16px;
}

.pos-describe p{
	font-size: 14px;
}


.cul-con{
	padding: 100px 0;
}

.cul-title i{
	font-size: 34px;
}

.cul-title span{
	font-size: 28px;
}


.cul-list{
	margin-top: 70px;
}

.cul-list ul li{
	width: 30%;
}


.cul-list ul li i{
	font-size: 17px;
}


.cul-list ul li p{
	font-size: 15px;
}

.cul-list ul li p span{
	font-size: 14px;
}


.key-list ul li i{
	font-size: 22px;
}

.key-list ul li p{
	font-size: 16px;
	padding: 0 9.6%;
}

.key-con.quotes .key-list ul li p{
text-align: left;
}

.origin{
	padding: 100px 0;
}

.origin i{
	font-size: 34px;
}

.origin p{
	font-size: 17px;
}


.find-par .container{
	padding: 80px 0;
}

.find-par .title i{
	font-size: 34px;
}

.find-par .title span{
	font-size: 34px;
	line-height: 36px;
}


.find-par .text p{
	font-size: 16px;
	
}

.par-foot-wz{
	font-size: 19px;
}


.par-idem .character i{
	font-size: 18px;
}

.par-idem .character em{
	font-size: 28px;
}

.par-idem .category ul li{
	font-size: 19px;
}

.par-idem .text p{
	font-size: 14px;
	line-height: 28px;
}


.con-box{
	padding: 100px 0;
}


.contact-title i{
	font-size: 28px;
}

.contact-title span{
	font-size: 15px;
}


.con-text .subtel i{
	font-size: 17px;
}


.con-text .con-add i{
	font-size: 15px;
}

.con-text .con-add p{
	font-size: 14px;
}

.con-text .wx-text{
	font-size: 14px;
	line-height: 28px;
}

.con-text .mail{
	font-size: 16px;
	line-height: 32px;
}


.name input{
	font-size: 16px;
}

.demand textarea{
	font-size: 16px;
	line-height: 32px;
}

.submit a{
	font-size: 16px;
}

.map{
	margin-bottom: 100px;
}


.position-pro{
	padding: 120px 0;
}

.pro-bg{
	width: 58.66%;
}


.pro-title .title i{
	font-size: 34px;
}

.pro-title .title p{
	font-size: 18px;
}

.pro-title .pro-yw i{
	font-size: 16px;
	margin-top: 15px;
}


.pro-describe p{
	font-size: 19px;
	line-height: 32px;
	margin-bottom: 38px;
}


.pos-system{
	padding: 100px 0;
}

.pos-system .title i{
	font-size: 34px;
	line-height: 40px;
}


.pos-system .title p{
	font-size: 19px;
	line-height: 22px;
}


.sys-content .sub-tit p{
	font-size: 26px;
	line-height: 44px;
}

.sys-content .des p{
	font-size: 17px;
	line-height: 30px;
}

.sys-content .des span{
	font-size: 12px;
}


.sys-trait-box .item .trait-text i{
	font-size: 22px;
}

.sys-trait-box .item .trait-text p{
	font-size: 15px;
}



.pos-ser{
	padding-top: 95px;
}

.pos-ser .title i{
	font-size: 34px;
}

.pos-ser .title p{
	font-size: 15px;
}


.ser-no-1{
	padding: 95px 0 100px 0;
	margin-top: 65px;
}

.ser-no1-title i{
	display: block;
	font-size: 28px;
	line-height: 36px;
	padding-left: 40px;
	width: 41%;
}

.ser-no1-title p{
	font-size: 19px;
	line-height: 36px;
}


.ser-no1-icon .xz p{
	font-size: 17px;
	line-height: 24px;
}


.ser-no-2{
	padding: 120px 0;
}

.ser-no2-text{
	margin-top: 56px;
}

.ser-no2-text p{
	font-size: 16px;
	line-height: 32px;
	display: inline;
}

.ser-no3-text i {
    font-size: 19px;
    line-height: 38px;
}

.ser-no3-text p {
    font-size: 16px;
    line-height: 32px;
}
.pos-step{
	padding: 100px 0;
}


.over-title i{
	font-size: 34px;
}

.over-title p{
	font-size: 16px;
}

.step-content ul li p{
	font-size: 20px;
}

.step-content ul li i{
	font-size: 22px;
}


.pos-stand{
	padding: 100px 0;
}


.stand-content ul li i{
	font-size: 20px;
}


.stand-content ul li p{
	font-size: 15px;
	line-height: 30px;
}



.pos-ability{
	padding: 100px 0;
}

.ability-content{
	margin-top: 50px;
}

.ability-content ul li i{
	font-size: 19px;
	line-height: 30px;
}

.ability-content ul li p{
	font-size: 15px;
	line-height: 28px;
	height: 84px;
	padding: 0 10%;
	text-align: justify;
}

.ability-content ul li p span{
	font-size: 17px;
	line-height: 32px;
}


.pos-submit{
	padding: 100px 0;
}

.pos-submit .title i{
	font-size: 34px;
	line-height: 48px;
}

.pos-submit .title span{
	font-size: 17px;
	line-height: 32px;
}

.pos-submit .gift i{
	font-size: 26px;
	line-height: 38px;
}

.pos-submit .gift p{
	font-size: 14px;
	line-height: 25px;
}

.pos-submit .submit-tel p{
	font-size: 30px;
	line-height: 36px;
}

.pos-submit .submit-tel span{
	font-size: 16px;
}



.pos-name input{
	font-size: 16px;
}

.pos-wt textarea{
	font-size: 16px;
	line-height: 32px;
}


.submit-anniu a{
	font-size: 16px;
}



/*视觉设计*/

.visual-pro{
	padding: 150px 0;
}

.visual-title{
	width: 38%;
	padding-left: 9%;
}

.visual-title .title i{
	font-size: 34px;
	line-height: 54px;
}

.visual-describe p{
	font-size: 17px;
	line-height: 36px;
}

.visual-describe span{
	font-size: 15px;
	margin-top: 42px;
}



.visual-problem{
	padding: 100px 0 80px 0;
}

.visual-title-global .text i{
	font-size: 34px;
}


.vis-pro-con{
	margin-top: 90px;
}

.vis-pro-con ul li p{
	font-size: 22px;
	line-height: 36px;
}


.vis-pro-dic p{
	font-size: 15px;
	line-height: 30px;
}

.visual-ideas{
	padding: 100px 0;
}

.vis-ser{
	padding: 100px 0 110px 0;
}

.vis-ser-con{
	margin-top:98px;
}


.ser-des .title i{
	font-size: 27px;
}

.ser-des .title span{
	font-size: 14px;
}

.ser-des-con ul li i{
	font-size: 22px;
}



.vis-prod{
	height: 850px;
}

.vis-prod .text{
	padding-top: 138px;
}

.vis-prod .text i{
	font-size: 46px;
	line-height: 60px;
}

.vis-prod .text p{
	font-size: 18px;
	line-height: 36px;
	margin-top: 42px;
}



.vis-adv{
	padding: 100px 0;
}

.vis-adv-con{
	margin-top: 75px;
}

.vis-adv-con .text i{
	font-size: 22px;
	line-height: 30px;
}

.vis-adv-con .text p{
	font-size: 15px;
	line-height: 32px;
}



.vis-case{
	padding: 100px 0;
}


.vis-submit .title i{
	font-size: 26px;
}

.vis-submit .title span{
	font-size: 17px;
}


.vis-submit .gift i{
	font-size: 34px;
	line-height: 48px;
}



/*营销网站*/

.mark-js{
	padding: 140px 0;
}

.mark-title{
	width: 40%;
	float: left;
	padding-left: 5%;
	padding-top: 96px;
}

.mark-title .title i{
	font-size: 32px;
	line-height: 50px;
}

.mark-describe p{
	font-size: 16px;
	line-height: 36px;
}


.mark-potential{
	padding: 100px 0;
}

.mark-title-unify i{
	font-size: 34px;
}

.mark-title-unify p{
	font-size: 16px;
}

.pot-title i{
	font-size: 22px;
}

.pot-title p{
	font-size: 28px;
	margin-top: 10px;
}


.pot-con-no1 .tp{
	margin-top: 100px;
}


.pot-con-no2 .pot-title{
	margin-top: 60px;
}


.mark-pro{
	padding: 100px 0;
}


.mark-pro .mark-title-unify.bai p{
	font-size: 20px;
}

.mark-pro-con{
	margin-top: 60px;
}


.mark-pro-con ul li i{
	font-size: 17px;
}

.mark-pro-con ul li p{
	font-size: 16px;
}


.mark-server{
	padding: 100px 0;
}

.ser-con-1{
	margin-top: 86px;
}


.ser-con-1 .text .title em{
	font-size: 16px;
}

.ser-con-1 .text .title i{
	font-size: 28px;
}

.ser-con-1 .text .title p{
	font-size: 20px;
	margin-top: 8px;
}

.ser-con-1 .text .con-wz{
	margin-top: 50px;
}

.ser-con-1 .text .con-wz p{
	font-size: 16px;
	line-height: 32px;
}


.ser-con-2{
	padding: 100px 0;
}

.ser-con-3{
	margin-top: 100px;
}

.ser-con-3 .text{
	margin-top: 46px;
}


.mark-adv{
	padding: 100px 0;
}

.mark-adv .mark-title-unify.bai p{
	font-size: 20px;
	margin-top: 12px;
}


.marl-con-list ul li i{
	font-size: 22px;
}

.marl-con-list ul li font{
	font-size: 16px;
}

.marl-con-list ul li p{
	font-size: 14px;
	line-height: 24px;
}


.mark-step{
	padding-top: 100px;
}

.mark-step .mark-title-unify p{
	font-size: 20px;
}


.mark-step-line ul li i{
	font-size: 16px;
	margin-top: 10px;
	letter-spacing: 0;
}

.mark-case{
	padding: 95px 0 100px 0;
}

.mark-case .mark-title-unify p{
	font-size: 18px;
	margin-top: 20px;
}



.mon-pro{
	padding: 90px 0 100px 0;
}

.mon-pro .title i{
	font-size: 34px;
}

.mon-pro .title span{
	font-size: 18px;
	margin-top: 3px;
}

.con-mon-pro .tab .nav-tabs li a i{
	font-size: 20px;
	margin-right: -40px;
}


.con-mon-pro .pro-item .pro-q{
	font-size: 16px;
}

.con-mon-pro .pro-item .pro-a{
	font-size: 14px;
	line-height: 28px;
}




.contact-box{
	padding: 100px 0;
}



.contact-con{
	margin-top: 65px;
}


.con-tel i{
	font-size: 19.7px;
	margin-bottom: 10px;
}

.con-wx{
	margin-top: 70px;
}

.con-wx p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}


.con-add-c i{
	font-size: 20px;
	line-height: 30px;
}

.con-add-c p{
	font-size: 16px;
	line-height: 32px;
}


.con-yx i{
	font-size: 16px;
	line-height: 32px;
}

.con-yx p{
	font-size: 20px;
}


.con-message-lb{
	padding: 100px 0;
}

.mess-con{
	margin-top: 55px;
}

.per-info .info-name i{
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 28px;
}

.per-info .info-name input{
	font-size: 18px;
	width: 100%;
	height: 42px;
}


.pro-need i{
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 28px;
}

.pro-need textarea{
	font-size: 18px;
	line-height: 36px;
}

.info-submit a{
	font-size: 18px;
}




/*传播*/

.spr-par{
	padding: 120px 0;
}

.spr-bg{
	width: 58.66%;
}

.spr-title .title i{
	font-size: 34px;
}

.spr-title .spr-yw i{
	font-size: 16px;
	margin-top: 15px;
}

.spr-describe p{
	font-size: 18px;
	line-height: 36px;
}

.spr-describe b{
	margin-bottom: 18px;
}


.spr-pro{
	padding: 100px 0;
}

.spr-pro-describe ul li{
	font-size: 20px;
	line-height: 36px;
}



.spr-sys-core{
	padding: 100px 0 40px 0;
}

.sys-core-step1{
	padding: 70px 0;
}


.sys-core-step1 .title em{
	font-size: 14px;
	line-height: 26px;
}

.sys-core-step1 .title i{
	font-size: 34px;
	line-height: 44px;
}


.sys-core-step1 .text i{
	font-size: 44px;
	line-height: 40px;
}

.sys-core-step1 .text p{
	font-size: 17px;
	line-height: 40px;
}


.spr-mark-sys{
	padding: 120px 0;
}

.spr-mark-sys .title .text{
	line-height: 48px;
}

.spr-mark-sys .title .text i{
	font-size: 28.5px;
	margin-bottom: 30px;
}

.spr-mark-sys .title .text p{
	font-size: 34px;
}


.spr-mark-sys .title .yw-xs i{
	font-size: 14px;
	margin-top: 15px;
}


.spr-mark-sys .tp ul li{
	font-size: 16px;
}

.spr-mark-sys .tp p{
	font-size: 16px;
}


.spr-ser{
	padding: 100px 0;
}


.ser-step1 .title i{
	font-size: 28px;
	line-height: 38px;
}

.ser-step1 .title span{
	font-size: 18px;
	line-height: 30px;
	padding-top: 10px;
}

.ser-step-text ul li{
	line-height: 28px;
	font-size: 18px;
}

.ser-step-text p{
	line-height: 32px;
	font-size: 16px;
}



.region.label-list .region-list ul li a {
    font-size: 12px;
}


.con-lab-list{
	padding: 60px 0 80px 0;
}


.con-lab-list ul li a{
	font-size: 16px;
	line-height: 34px;
}

}


@media screen and (max-width: 1400px) {
.marl-con-list ul li{
}	
.who-bg{
	width: 66.66%;
}
.spr-sys-core .container{
	width: 1024px;
}
.sys-core-step1 .text p{
	font-size: 16px;
	line-height: 40px;
}



}


@media screen and (max-width: 1280px) {
.phone-header {
    height: 150px;
}

#starlist {
    padding-left: 17.6%;
}
.home-news{
	margin-top: 22px;
}

.home-news ul li{
	width: 32%;
	margin-left: 2%;
	line-height: 28px;
	height: 28px;
}

.home-news ul li:nth-child(3n+1){
	margin-left: 0;
}

.home-news ul li a{
	font-size: 14px;
}

.home-news ul li p{
	width: 70%;
}

.home-news ul li span{
	width: 26%;
}

.home-news ul li:before{
	font-size: 12px;
	line-height: 28px;
	width: 3%;
}



.list-banner img:first-child{
	max-width: 100%;
	height: auto;
	display: block;
	position: initial;
	left: initial;
	margin-left: initial;
}


.ser-no-2 .tp ul li{
	width: 44%;
	height: 60px;
	box-shadow: 0 0 5px #eee;
	margin: 0 1.5%;
	float: left;
	margin-bottom: 15px;
}

.ser-no-2 .tp ul li i{
	font-size: 16px;
	margin-left: 15px;
}

.ser-no-2 .tp b{
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    padding-right: 5%;
}

.ser-no-3{
	padding: 85px 0 80px 0;
}

.ser-no-3 .text{
	width: 100%;
}

.ser-no3-title{
	width: 50%;
}

.ser-no3-title i{
	font-size: 30px;
	line-height: 36px;
	padding-left: 40px;
}
.ser-no3-title i:after{
	width: 27px;
	height: 30px;
	left: 0;
	top: 5px;
}

.ser-no3-title img{
	margin-top: 60px;
}


.ser-no3-text{
	float: left;
	width: 50%;
}

.ser-no3-text i{
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 20px;
}

.ser-no3-text p{
	font-size: 16px;
	line-height: 30px;
}

.ser-icon-6{
	padding-top: 40px;
	margin-top: 40px;
}

.ser-icon-6 b{
	font-size: 22px;
	margin-bottom: 20px;
}

.ser-icon-6 ul {
}

.ser-icon-6 ul li{
	width: 16.56%;
	height: 20px;
	float: left;
	border-left: 1px solid #ccc;
}

.ser-icon-6 ul li:first-child{
	border-left: initial;
}

.ser-icon-6 ul li img{
	height: 15px;
}

.ser-icon-6 ul li i{
	margin-left: 7px;
	font-size: 16px;
}



.who .container{
	width: 1024px;
}

.head .container{
	width: 935px;
}

.menu-box .container{
	width: 990px;
}

#starlist li:first-child {
    width: 9.5%;
    padding-left: 2%;
}

.spr-pro-describe ul {
	padding: 0 0 0 5%;
}

.spr-pro-describe ul li{
	font-size: 18px;
	line-height: 32px;
	padding-top: 69px;
	width: 24.33%;
	margin: 0 3%;
}

.contact-box{
	padding: 80px 0;
}


.contact-con{
	margin-top: 45px;
}

.con-tel-wx {
	float: left;
}

.con-tel {
}

.con-tel i{
	font-size: 16px;
	margin-bottom: 10px;
}




.con-wx{
}

.con-wx p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
}

.con-dzyx{
	margin-top: 40px;
	float: right;
}

.con-add-c:before{
	width: 18px;
	height: 22px;
	position: absolute;
	left: 0px;
	top: -34px;
	background: url(../images/con_icon1.png) center top no-repeat;
}

.con-add-c i{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 12px;
}

.con-add-c p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 3px;
}


.con-yx{
	margin-top: 104px;
}

.con-yx i{
	font-size: 16px;
	line-height: 32px;
}

.con-yx p{
	font-size: 20px;
}

.con-yx .hr{
	float: left;
	width: 50%;
}

.con-yx .hr:before{
	width: 20px;
	height: 15px;
	left: 0px;
	top: -28px;
}

.con-yx .sum{
	float: right;
	width: 42%;
	position: relative;
}

.con-yx .sum:before{
	width: 20px;
	height: 15px;
	left: 0px;
	top: -28px;
}




.con-message-lb{
	padding: 80px 0;
}

.mess-con{
	margin-top: 45px;
}

.per-info .info-name{
	width: 31.83%;
	float: left;
	margin-left: 2%;
}

.per-info .info-name:first-child{
	margin-left: 0;
}

.per-info .info-name i{
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 28px;
}


.per-info .info-name input{
	font-size: 16px;
	height: 36px;
}


.pro-need{
	margin-top: 44px;
}

.pro-need i{
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 28px;
}

.pro-need textarea{
	font-size: 16px;
	line-height: 32px;
	width: 99.8%;
	height: 96px;
}

.info-submit a{
	width: 140px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	margin: 40px auto 0 auto;
}




.find-par .container{
	padding: 80px 0;
}

.find-par .title{
	width: 33.33%;
	float: left;
}

.find-par .title i{
	font-size: 30px;
	line-height: 30px;
}

.find-par .title span{
	font-size: 30px;
	line-height: 30px;
	margin-top: 30px;
}

.find-par .text{
	width: 66%;
	float: right;
}

.find-par .text p{
	font-size: 15px;
	line-height: 30px;
}


.par-foot-wz{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 80px;
}

.par-list{
	width: 100%;
	margin: 0px 0 40px 0;
}

.par-list .par-line{
	border: 2px solid #f4f4fe;
	padding: 40px 0;
}

.par-idem{
	float: left;
	width: 20%;
}

.par-idem .line{
	padding: 0 9%;
	border-left: 1px solid #edeefe;
}

.par-idem .character i{
	font-size: 16px;
	margin-top: -7px;
}

.par-idem .character em{
	font-size: 24px;
	margin-left: 10px;
}

.par-idem .category{
	margin: 20px 0 20px 0;
}

.par-idem .category ul li{
	font-size: 16px;
	line-height: 28px;
}

.par-idem .text p{
	font-size: 12px;
	line-height: 22px;
}



.origin{
	padding: 80px 0;
}

.origin i{
	font-size: 30px;
}

.origin p{
	font-size: 16px;
	line-height: 32px;
}

.origin p span{
	display: inline;
}


.position-pro{
	padding: 80px 0;
}

.pro-bg{
	width: 55.66%;
}

.pro-title{
	float: left;
	width: 43.33%;
	padding-top: 0px;
}

.pro-title .title i{
	font-size: 30px;
}

.pro-title .title p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 16px;
}

.pro-title .title p span{
	display: block;
}


.pro-title .pro-yw{
	position: absolute;
	bottom: 0;
}

.pro-title .pro-yw span{
	height: 3px;
	width: 30px;
}

.pro-title .pro-yw i{
	font-size: 14px;
	margin-top: 15px;
}

.pro-describe{
	width: 50%;
	float: right;
}

.pro-describe p{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 28px;
}




.pos-system{
	padding: 80px 0;
}

.pos-system .title i{
	font-size: 30px;
	line-height: 40px;
}

.pos-system .title span{
	width: 30px;
	height: 3px;
	margin: 20px auto 14px auto;
}

.pos-system .title p{
	font-size: 18px;
	line-height: 22px;
}


.sys-content{
	margin-top: 52px;
}

.sys-content .text{
	float: left;
	width: 46%;
}

.sys-content .sub-tit p{
	font-size: 24px;
	line-height: 40px;
}

.sys-content .sub-tit span{
	display: inline;
}

.sys-content .des{
	position: absolute;
	bottom: 0;
}

.sys-content .des p{
	font-size: 16px;
	line-height: 28px;
}

.sys-content .des span{
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
}


.sys-trait{
	width: 50%;
	float: right;
	border-radius: 12px;
}

.sys-trait-box{
	padding: 20px 25px;
}

.sys-trait-box .item{
	border-top: 1px solid #dcdcdc;
	padding-top: 25px;
	margin-top: 25px;
}

.sys-trait-box .item:first-child{
	border-top: initial;
	padding-top: initial;
	margin-top: initial;
}

.sys-trait-box .item .tp{
	float: left;
	width: 25%;
}

.sys-trait-box .item .trait-text{
	float: right;
	width: 70%;
}

.sys-trait-box .item .trait-text i{
	font-size: 20px;
}

.sys-trait-box .item .trait-text p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}



.ser-no-1{
	padding: 65px 0 60px 0;
	margin-top: 50px;
}

.ser-no1-title i{
	font-size: 22px;
	line-height: 30px;
	padding-left: 30px;
}

.ser-no1-title i:after{
	width: 14px;
	height: 22px;
	top: 4px;
	background-size: auto 22px ; 
}

.ser-no1-title p{
	font-size: 18px;
	line-height: 32px;
}

.ser-no1-title p span{
	display: block;
}

.ser-no1-icon{
	margin-top: 35px;
	padding: 0 0px 0 0px;
}

.ser-no1-icon .tp{
	width: 20%;
	float: left;
	position: relative;
	z-index: 2;
}

.ser-no1-icon .tp img{
	max-width: initial;
	height: 318px;
	position: absolute;
	left: 40px;
}


.ser-no1-icon .text{
	width:53%;
	float: right;
}

.ser-no1-icon .text ul li{
	margin-top: 16px;
	line-height: 28px;
	font-size: 14px;
	padding-left: 18px;
}

.ser-no1-icon .text ul li:after{
	width: 252px;
	height: 5px;
	background: url(../images/position_line.png) right top no-repeat;
	position: absolute;
	left: -252px;
	top: 12px;
	z-index: 1;
}

.ser-no1-icon .xz p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 40px;
}



.ser-no-2{
	padding: 80px 0;
}

.ser-no-2 .text{
	width: 46%;
	float: left;
}

.ser-no1-title.ser-no2 i{
	padding-left: 34px;
}
.ser-no1-title.ser-no2 i:after{
	content: "";
	display: block;
	width: 27px;
	height: 22px;
	background: url(../images/position_no2.png) left top no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
	background-size: auto 22px ; 
}

.ser-no1-title.ser-no2 p {
    float: initial;
    width: auto;
    margin-top: 40px;
    text-align: center;
}

.ser-no2-text{
	margin-top: 40px;
}

.ser-no2-text p{
	font-size: 14px;
	line-height: 28px;
	display: block;
}

.ser-no-2 .tp{
	width: 50%;
	float: right;
	text-align: center;
}


.pos-ser{
	padding-top: 80px;
}

.pos-step{
	padding: 80px 0;
}

.over-title i{
	font-size: 30px;
}

.over-title span{
	width: 30px;
	height: 3px;
	margin: 21px auto 12px auto;
}

.over-title p{
	font-size: 14px;
}

.step-content{
	margin-top: 75px;
}

.step-content ul:after{
	left: 0;
	bottom: 48px;
	width: 100%;
	height: 2px;
	z-index: 1;
}

.step-content ul li{
	width: 25%;
	float: left;
}

.step-content ul li:after{
	display: none;
}

.step-content ul li p{
	font-size: 18px;
	line-height: 30px;
	padding: 13px 0 24px 0;
	background-size: auto 100%;
}

.step-content ul li img{
	margin: 18px auto;
}

.step-content ul li i{
	font-size: 20px;
}



.pos-stand{
	padding: 80px 0;
}

.stand-content{
	margin-top: 42px;
}

.stand-content ul li{
	width: 32.43%;
	float: left;
	margin-left: 1.3%;
	background: #FFFFFF;
	box-shadow: 0 0 5px #CCCCCC;
}

.stand-content ul li:nth-child(3n+1){
	margin-left: 0;
}

.stand-content ul li{
	padding: 34px 0;
	text-align: center;
	margin-top: 13px;
}

.stand-content ul li i{
	font-size: 20px;
	line-height: 20px;
}

.stand-content ul li i img{
	margin-right: 10px;
	height: 20px;
}

.stand-content ul li p{
	font-size: 15px;
	line-height: 28px;
	padding: 0 9%;
	height: 112px;
	margin-top: 15px;
}



.pos-ability{
	padding: 80px 0;
}

.ability-content{
	margin-top: 50px;
}

.ability-content ul li{
	width: 32.63%;
	float: left;
	margin-left: 1%;
}

.ability-content ul li:nth-child(3n+1){
	margin-left: 0;
}


.ability-content ul li .line{
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	padding: 24px 0;
}

.ability-content ul li:nth-child(3n+1) .line{
	border-left: initial;
}

.ability-content ul li:nth-child(1) .line,.ability-content ul li:nth-

child(2) .line,.ability-content ul li:nth-child(3) .line{
	border-top: initial;
}

.ability-content ul li i{
	font-size: 18px;
	line-height: 30px;
}

.ability-content ul li p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 5px;
	padding: 0 12%;
	height: 78px;
	
}

.ability-content ul li p span{
	font-size: 16px;
	line-height: 32px;
}




.pos-submit{
	padding: 80px 0;
}

.pos-submit .text{
	width: 45%;
	float: left;
	margin-left: 0%;
}

.pos-submit .title i{
	font-size: 30px;
	line-height: 40px;
}

.pos-submit .title em{
	display: block;
}

.pos-submit .title span{
	font-size: 14px;
	line-height: 32px;
	margin-top: 10px;
	font-weight: 100;
}

.pos-submit .gift{
	margin-top: 45px;
}

.pos-submit .gift i{
	font-size: 24px;
	line-height: 38px;
}

.pos-submit .gift p{
	font-size: 14px;
	line-height: 25px;
	margin-top: 10px;
}

.pos-submit .gift span{
	display: block;
}

.pos-submit .submit-tel{
	margin-top: 42px;
}

.pos-submit .submit-tel p{
	font-size: 26px;
	line-height: 32px;
	margin-left: 15px;
}

.pos-submit .submit-tel span{
	font-size: 16px;
}



.pos-mit-box{
	width: 45%;
	float: right;
	margin-right: 0;
}

.pos-name{
	position: relative;
	margin-bottom: 15px;
}

.pos-name input{
	width: 84%;
	border-radius: 6px;
	height: 48px;
	padding: 0 3% 0 13%;
	font-size: 16px;
}

.pos-name:after{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 14px;
	left: 4.8%;
}

.pos-name.pos-tel:after{
}

.pos-name.pos-com:after{
}


.pos-wt textarea{
	width: 84%;
	border-radius: 10px;
	padding: 8px 3% 8px 13%;
	font-size: 16px;
	line-height: 32px;
	height: 110px;
}

.pos-wt:after{
	width: 20px;
	height: 20px;
	top: 14px;
	left: 4.8%;
}

.submit-anniu{
	margin-top: 15px;
}

.submit-anniu a{
	border-radius: 10px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
}

.submit-anniu a i{
	position: relative;
	margin-left: -15px;
}

.submit-anniu a i:before{
	width: 20px;
	height: 20px;
	top: 2px;
	right: -30px;
}

.logo {
    float: left;
    height: 101px;
    margin-left: 0;
}


.logo h1{
	float: left;
	padding-top: 0px;
}


.logo i{
	font-size: 15px;
	letter-spacing:4px;
	line-height: 36px;
    margin-left: 15px;
    padding-left: 20px;
    margin-top: 33px;
}

.tel{
	padding-top: 37px;
	padding-right: 0;
}


#starlist li {
	float: left;
	width: 12.5%;
	z-index: 99;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

#starlist li a {
	color: #333;
	font-size: 16px;
	border-radius: 14px;
	padding: 2px 10px 4px 10px;
	letter-spacing: initial;
}

#starlist li a:hover {
	color: #FFFFFF;
	background: #1f28f1;
	border-radius: 14px;
	
}

#starlist ul {}

#starlist li .sub {
	position: absolute;
	right: 0;
	top: 150px;
	width: 100%;
	z-index: 9;
}


#starlist ul.sub {
	text-align: right;
	
}

#starlist ul.sub li {
	float: initial;
	height: auto;
	line-height: 50px;
	display: inline-table;
	width: auto;
	text-align: center;
}

#starlist ul.sub li:nth-child(4) {
	margin-right: 3%;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 16px;
	
}


#starlist ul.sub li:hover a {
	color: #1f28f1;
	background: initial;
}



.menu-box{
	background: #f6f6f6;
}





.item1 {
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: 40px;
	left: 0;
	text-align: center;
}

.item1 a {
	display: inline-block;
	width: 16px;
	margin: 0 5px;
}


.item1 a.cur {
	width: 16px;
}



.who{
	padding: 80px 0;
}

.who-bg{
	width: 66.66%;
}

.who-title .title i{
	font-size: 30px;
}

.who-title .who-yw span{
	height: 3px;
	width: 30px;
}

.who-title .who-yw i{
	font-size: 14px;
	margin-top: 15px;
}




.culture{
	padding: 55px 0 60px 0;
}

.culture-list ul li{
	width: 33.33%;
}

.culture-list ul li em{
	display: inline;
}

.culture-list ul li i{
	line-height: 28px;
	font-size: 14px;
}

.culture-list ul li p{
	color: #444;
	font-weight: bold;
	line-height: 28px;
	font-size: 16px;
	margin-top: 10px;
}

.culture-list ul li:first-child p,.culture-list ul li:last-child p{
	line-height: 28px;
	margin-top: 24px;
}


.culture-list ul li span{
	display: block;
	width: 20px;
	height: 3px;
	margin: 18px auto 0 auto;
}



.confused{
	padding: 80px 0;
}

.confused .title i{
	font-size: 30px;
}

.confused .title span{
	font-size: 14px;
	margin: 15px 0 30px 0;
}


.confused .content ul li{
	width: 25.5%;
	padding: 0 1%;
	margin-top: 56px;
}

.confused .content ul li i{
	font-size: 24px;
	line-height: 40px;
}

.confused .content ul li p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 16px;
}

.confused .content ul li span{
	margin: 24px auto 0 auto;
	width: 30px;
	height: 3px;
	
}

.confused .content ul li em{
	display: inline;
}



.what{
	padding-top: 80px;
}

.what .title{
	background-size: auto 90px;
	padding-bottom: 70px;
}

.what .title i{
	font-size: 30px;
}

.what .title span{
	width: 30px;
	height: 3px;
	margin: 22px auto 0 auto;
}



.strategic{
	padding: 80px 0;
}

.strategic:before{
	display: none;
}

.strategic .content{
	width: 50%;
	float: left;
}

.strategic .steps h2{
	font-size: 22px;
	line-height: 34px;
}

.strategic .steps span{
	width: 30px;
	height: 3px;
	margin-top: 22px;
}

.strategic .subtitle{
	margin-top: 48px;
}

.strategic .subtitle i{
	font-size: 28px;
	line-height: 38px;
}

.strategic .subtitle p{
	font-size: 16px;
	line-height: 32px;
}

.strategic .subtitle span{
	font-size: 28px;
	line-height: 38px;
}

.strategic .text{
	margin-top: 25px;
	width: 94%;
}

.strategic .text p{
	font-size: 14px;
	line-height: 28px;
}

.strategic .icon{
	width: 50%;
	height: 360px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.strategic.bg:before{
	display: none;
}

.strategic.bg .steps{
	margin-top: 19px;
}




.quotes{
	padding: 80px 0 80px 0;
}

.quotes .title i{
	font-size: 30px;
}

.quotes .content ul li{
	width: 47%;
	margin-top: 52px;
	margin-left: 6%;
	padding-bottom: 35px;
}

.quotes .content ul li i{
	font-size: 20px;
	line-height: 40px;
}

.quotes .content ul li span{
	font-size: 14px;
	line-height: 24px;
	margin-top: 22px;
}



.case{
	padding: 75px 0 80px 0;
}

.case .title i{
	font-size: 30px;
	line-height: 34px;
}

.case .title p{
	font-size: 16px;
	line-height: 26px;
	margin-top: 16px;
}

.case .title span{
	width: 30px;
	height: 3px;
	margin: 25px auto 0 auto;
}

.case .content{
	margin-top: 50px;
	max-width: 90%;
}

.case .content .list:nth-child(3n+1){
	margin-left: 0;
}

.case .content .list{
	float: left;
	width: 32.66%;
	margin-left: .5%;
	margin-top: 6px;
}

.case .content .list .tp img{
	display: block;
}

.case .content .list:hover .text{
	top: 0;
}

.case .content .text i{
	font-size: 18px;
	line-height: 30px;
	height: 30px;
}

.case .content .text span{
	font-size: 14px;
	line-height: 26px;
}

.more{
	margin-top: 40px;
}

.more a{
	width: 164px;
	height: 40px;
	display: block;
	border: 2px solid #666666;
	line-height: 40px;
	font-size: 16px;
}

.more a i{
	margin-left: -8px;
}

.more a:before{
	right: 30px;
	top: 15px;
	width: 7px;
	height: 11px;
}

.more a:hover{
	width: 164px;
	height: 44px;
}



.honor{
	padding: 75px 0 80px 0;
}

.honor .title i{
	font-size: 30px;
	line-height: 44px;
}

.honor .title p{
	font-size: 16px;
	line-height: 26px;
	margin-top: 10px;
}

.honor .title span{
	display: block;
	width: 30px;
	height: 3px;
	margin: 25px auto 0 auto;
}


.honor .content{
	margin-top: 50px;
}

.honor-text-list{
	float: left;
	width: 32%;
	margin-left: 2%;
	padding: 30px 0 50px 0;
}

.honor-text-list:first-child{
	margin-left: 0;
}

.focus-on i{
	font-size: 60px;
}

.focus-on span{
	font-size: 20px;
	margin-top: 16px;
	margin-left: 5px;
}

.honor .honor-text-list:last-child .focus-on span{
	font-size: 26px;
	margin-top: 3px;
}


.honor-text-list .text{
	font-size: 16px;
	line-height: 30px;
	height: 80px;
	margin-top: 15px;
	padding: 0 4%;
}

.honor-text-list .text span{
	display: inline;
}


.honor-text-list .subtitle{
	font-size: 16px;
	margin-top: 0px;
}

.honor-text-list .subtitle i{
	margin: 0 10px;
}

.honor-text-list .subtitle span{
	font-size: 18px;
}




.news{
	padding: 75px 0 80px 0;
}

.news-top .title{
	float: left;
	width: 40%;
}

.news-top .title i{
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}

.news-top .title p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 12px;
}

.news-top .title span{
	width: 30px;
	height: 3px;
	margin-top: 25px;
}

.news-box{
	margin-top: 50px;
}

.news-tab{
	float: right;
	width: 55%;
}

.tabs{ 
	margin-top: 75px;
}
.tabs a{
	width:108px;
	height: 30px;
	line-height:30px;
	font-size:15px;
	margin-left: 5px;
}

.tabs a.active{
	
}

.news-list{
	float: left;
	width: 32%;
	margin-left: 2%;
}

.news-list:first-child{
	margin-left: 0;
}

.news-list .title a{
	font-size: 16px;
	line-height: 20px;
	
}

.news-list .title a i{
	height: 20px;
}

.news-list .title span{
	font-size: 12px;
	line-height: 12px;
	margin-top: 6px;
}

.news-list .text{
	margin-top: 19px;
}

.news-list .text p{
	font-size: 14px;
	line-height: 25px;
	height: 50px;
}

.news-list .details{
	margin-top: 30px;
}

.news-list .details a{
	font-size: 14px;
	line-height: 22px;
}




.trait{
	padding: 44px 0;
}


.trait-logo{
	width: 20%;
	float: left;
}

.trait-logo img{
	margin-top: 3px;
}

.trait-logo i{
	font-size: 16.5px;
	line-height: 36px;
}

.trait-box{
	width: 80%;
	float: right;
}

.trait-box ul li{
	width: 22.2%;
	font-size: 16px;
	line-height: 30px;
}

.trait-box ul li:first-child{
	width: 35%;
}

.trait-box ul li:nth-child(2){
	width: 41.2%;
}

.trait-box ul li:last-child{
	text-align: right;
}



.foot{
	padding-top: 80px;
}

.foot-com-name{
	font-size: 18px;
	line-height: 36px;
	padding-bottom: 22px;
}

.foot-com-name span{
	
}


.foot-box{
	padding-top: 30px;
}

.foot-con{
	float: left;
	width: 36%;
}

.ewm .tp{
	width: 25%;
	float: left;
	margin-right: 5%;
}

.ewm .text{
	width: 60%;
	float: left;
}

.ewm .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 2px;
}

.ewm .text span{
	display: block;
}

.ewm .text b{
	margin-top: 6px;
	font-size: 14px;
}


.foot-infor{
	margin-top: 10px;
}

.foot-infor ul li{
	padding: 15px 0;
}

.foot-infor ul li p{
	float: left;
	width: 90%;
	margin-left: 3%;
}


.city{
	margin-top: 24px;
	font-size: 12px;
	line-height: 22px;
}

.area{
	margin-top: 9px;
	font-size: 12px;
	line-height: 22px;
}


.foot-submenu{
	float: right;
	width: 50%;
	margin-top: -84px;
}

.foot-submenu ul li{
	float: right;
	width: 28%;
}

.foot-submenu ul li a{
	font-size: 16px;
}

.foot-submenu ul li i{
	font-size: 16px;
}

.foot-submenu ul li ul li{
	width: 100%;
}

.foot-submenu ul li ul{
	margin-top: 55px;
}

.foot-submenu ul li ul li a{
	font-size: 12px;
	line-height: 30px;
}

.foot-submenu ul li:first-child {
	text-align: right;
	width: 20%;
}

.foot-submenu ul li:nth-child(2) {
	width: 23%;
}


.foot-submenu ul li ul li:first-child,.foot-submenu ul li ul li:nth-child(2) {
	text-align: left;
	width: 100%;
}

.foot-submenu ul li:first-child ul li{
	text-align: right;
}

.foot-copy{
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 12px;
}




.foot-menu{
	display: none;
	padding: 10px 0;
	border-bottom: 1px solid #3b3b42;
}

.foot-menu ul li{
	float: left;
	width: 25%;
	height: 36px;
	line-height: 36px;
}

.foot-menu ul li a{
	font-size: 16px;
}

.foot-menu ul li a:hover{
	color: #fff;
	
}

.foot .content{
	padding: 34px 0 0px 0;
}

.foot-information{
	float: left;
	width: 70%;
}

.foot-information i{
	font-size: 18px;
	line-height: 36px;
}

.foot-information ul{
	padding-top: 12px;
}

.foot-information ul li{
	margin-top: 15px;
}

.foot-information ul li img{
	float: left;
	display: block;
	height: 30px;
}

.foot-information ul li p{
	float: left;
	line-height: 30px;
	font-size: 14px;
	margin-left: 10px;
}


.foot-wx{
	float: right;
	width: 30%;
	text-align: right;
}

.foot-wx .wx-box p{
	display: none;
}

.foot-wx .wx-box i{
	font-size: 14px;
	line-height: 30px;
	margin-top: 10px;
}

.foot-wx .wx-box img{
	height: 160px;
}

.foot-wx .wx-box{
	position: relative;
	display: inline-block;
	text-align: center;
}

.foot-copyright{
	font-size: 12px;
	margin-top: 40px;
	padding-top: 26px;
}

.link{
	margin-top: 0px;
	padding:0 0 20px 0;
	background: #25252c;
}

.link i{
	display: block;
	float: left;
	width: 100%;
	font-size: 12px;
	color: #aaaaaa;
	line-height: 22px;
}

.link ul{
	float: right;
	width: 100%;
}

.link ul li{
	font-size: 12px;
	float: left;
	line-height: 24px;
}

.link ul li a{
	margin: 0 10px 0 0;
}

/*首页 end*/




.container{
	width: 1024px;
	margin: 0 auto;
}	


.visual-ideas .container{
	width: 1024px;
}


.visual-title-global.vis-hei em{
	margin-left: -128px;
}

.vis-ideas-con{
	margin-top: 60px;
}

.vis-ideas-no1{
	height: 560px;
}

.vis-ideas-no1 .text{
	float: left;
	width: 42%;
	margin-left: 8%;
	padding-top: 110px;
}

.num{
	font-size: 14px;
	width: 110px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
}

.vis-ideas-no1 .text .title i{
	font-size: 36px;
	line-height: 46px;
	margin-top: 25px;
}

.vis-ideas-no1 .text .title p{
	font-size: 16px;
	margin-top: 18px;
}

.vis-ideas-no1 .ideas-des{
	margin-top: 38px;
}

.vis-ideas-no1 .ideas-des p{
	font-size: 15px;
	line-height: 32px;
	width: 93%;
}


.no1-ideas-con{
	width: 45%;
	float: right;
}

.mt-tabpage-title {
	bottom: 50px;
}

.mt-tabpage-title img{
	height: 80px;
}

.mt-tabpage-count {
	width: 341px;
	height: 260px;
	margin-top: 110px;
}

.mt-tabpage-count .mt-tabpage-item {
	width: 341px;
	height: 260px;
}

.mt-tabpage-count .mt-tabpage-item i{
	display: block;
	font-size: 14px;
	margin-top: 50px;
}

.mt-tabpage-count .mt-tabpage-item p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
}


.vis-ideas-no2{
	margin-bottom: 60px;
	padding: 60px 0 54px 0;
}

.vis-ideas-no2 .text{
	float: left;
	width: 42%;
	margin-left: 8%;
	padding: 30px 0 40px 0;
}

.vis-ideas-no2 .text .title i{
	font-size: 32px;
	line-height: 42px;
	margin-top: 25px;
}

.vis-ideas-no2 .text .title i em,.vis-ideas-no2 .ideas-des p em{
	display: block;
}

.vis-ideas-no2 .ideas-des{
	margin-top: 52px;
}

.vis-ideas-no2 .ideas-des span{
	width: 30px;
	height: 3px;
}

.vis-ideas-no2 .ideas-des p{
	font-size: 16px;
	line-height: 32px;
	width: 93%;
	margin-top: 20px;
}

.vis-ideas-no2 .ideas-tp{
	float: right;
	width: 49%;
}

.vis-ideas-no2 .ideas-tp img{
	width: 89%;
}

.vis-ideas-no2 .ideas-tp i{
	font-size: 16px;
	margin-left: 10%;
	margin-top: -20px;
}

.vis-ideas-no2 .ideas-tp p{
	font-size: 14px;
	margin-top: 8px;
	margin-left: 10%;
}



.vis-ideas-no3{
	margin-top: 60px;
	padding: 60px 0 60px 0;
}

.vis-ideas-no3 .text{
	float: left;
	width: 42%;
	margin-left: 8%;
	padding: 20px 0 80px 0;
}

.vis-ideas-no3 .text .title i{
	font-size: 32px;
	line-height: 48px;
	margin-top: 25px;
}

.vis-ideas-no3 .text .title p{
	font-size: 17px;
	line-height: 30px;
	margin-top: 20px;
}

.vis-ideas-no3 .text .title i em,.vis-ideas-no3 .ideas-des p em,.vis-

ideas-no3 .text .title p em{
	display: block;
}

.vis-ideas-no3 .ideas-des{
	margin-top: 52px;
}

.vis-ideas-no3 .ideas-des span{
	width: 30px;
	height: 3px;
}

.vis-ideas-no3 .ideas-des p{
	font-size: 28px;
	line-height: 40px;
	width: 93%;
	margin-top: 20px;
}

.vis-ideas-no3 .ideas-tp{
	float: right;
	width: 45%;
	padding: 0 5% 0 0;
}




.visual-pro{
	padding: 80px 0;
}

.visual-title{
	width: 34%;
	float: left;
	padding-left: 8%;
}

.visual-title .title i{
	font-size: 30px;
	line-height: 44px;
}

.visual-title .title i span{
	display: block;
}

.visual-title .visual-yw{
	position: absolute;
	bottom: 0;
	width: 30px;
	height: 3px;
}

.visual-describe{
	width: 53%;
	float: left;
	padding-right: 5%;
}

.visual-describe p{
	font-size: 16px;
	line-height: 32px;
}

.visual-describe span{
	font-size: 12px;
	margin-top: 42px;
}



.visual-problem{
	padding: 80px 0 80px 0;
}

.visual-title-global .text i{
	font-size: 30px;
}

.visual-title-global .text span{
	width: 30px;
	height: 3px;
	margin: 22px auto 0 auto;
}

.visual-title-global em{
	font-size: 72px;
	top: -5px;
	margin-left: -216.5px;
}

.vis-pro-con{
	margin-top: 60px;
}

.vis-pro-con ul li{
	float: left;
	width: 30.33%;
	margin: 0 1.5%;
	border-radius: 5px;
	padding: 32px 0;
}

.vis-pro-con ul li p{
	font-size: 20px;
	line-height: 36px;
	padding: 0 10%;
}

.vis-pro-con ul li span{
	display: inline;
}

.vis-pro-dic{
	margin-top: 44px;
}

.vis-pro-dic p{
	font-size: 16px;
	line-height: 30px;
}

.vis-pro-dic p span{
	display: block;
}



.visual-ideas{
	padding: 80px 0;
	background: url(../images/visual_bg_3.jpg) center top no-repeat;	
}


.visual-title-global.vis-hei em{
	margin-left: -112px;
}

.vis-ideas-con{
	margin-top: 50px;
}


.vis-ser{
	padding: 80px 0 80px 0;
}

.vis-ser .visual-title-global.vis-hei em{
	margin-left: -161px;
}

.vis-ser-con{
	margin-top:80px;
}

.ser-des{
	float: left;
	width: 44%;
	margin: 0 3%;
}

.ser-des .ser-line{
	border: 2px solid #f0f4f9;
	border-radius: 10px;
}

.ser-des .title{
	width: 205px;
	margin: 0 auto;
	margin-top: -25px;
}

.ser-des .title i{
	font-size: 22px;
}

.ser-des .title span{
	font-size: 12px;
	margin-top: 6px;
}

.ser-des-con ul{
	padding: 40px 0 50px 0;
}

.ser-des-con ul li{
	width: 40%;
	float: left;
	border-bottom: 1px solid #eee;
	margin: 0 5% 20px 5%;
	padding-bottom: 20px;
}

.ser-des-con ul li:nth-child(3),.ser-des-con ul li:nth-child(4){
	border-bottom: initial;
	padding-bottom: 0px;
	margin-bottom: 0;
}

.ser-des-con ul li img{
	height: 30px;
}


.ser-des-con ul li i{
	font-size: 18px;
	margin-left: 12px;
}




.vis-prod{
	height: 650px;
	background-size: auto 100%;
}

.vis-prod .text{
	padding-top: 88px;
}

.vis-prod .text i{
	font-size: 36px;
	line-height: 48px;
}

.vis-prod .text em{
	display: block;
}

.vis-prod .text span{
	display: block;
	width: 30px;
	height: 3px;
	margin-top: 30px;
}

.vis-prod .text p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 32px;
}



.vis-adv{
	padding: 80px 0;
}

.vis-adv .visual-title-global em{
	margin-left: -227px;
}

.vis-adv-con{
	margin-top: 45px;
}

.vis-adv-con ul li{
	width: 43.5%;
	margin-left: 2.4%;
	float: left;
	margin-top: 28px;
	padding: 30px 2.6%;
}

.vis-adv-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.vis-adv-con .adv-icon {
	
	float: left;
}

.vis-adv-con .text{
	width: 78%;
	float: right;
	margin-top: 10px;
}

.vis-adv-con .text i{
	font-size: 20px;
	line-height: 30px;
}

.vis-adv-con .text p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 12px;
}



.vis-case{
	padding: 80px 0;
}

.vis-case .visual-title-global em{
	margin-left: -104px;
}


.vis-submit .title i{
	font-size: 22px;
}

.vis-submit .title span{
	font-size: 18px;
	margin-top: 0;
}

.vis-submit .gift i span{
	 display: inline;
}

.vis-submit .gift i{
	font-size: 30px;
	line-height: 48px;
}


.mark-js{
	padding: 100px 0;
}


.mark-title{
	width: 38%;
	float: left;
	padding-left: 6%;
	padding-top: 56px;
}

.mark-title .title i{
	font-size: 30px;
	line-height: 44px;
}


.mark-title .mark-yw{
	position: absolute;
	bottom: 0;
	width: 30px;
	height: 3px;
}

.mark-describe{
	width: 54%;
	float: right;
}

.mark-describe p{
	font-size: 14px;
	line-height: 28px;
}




.mark-potential{
	padding: 80px 0;
}


.mark-title-unify i{
	font-size: 30px;
}

.mark-title-unify span{
	width: 30px;
	height: 3px;
	margin: 22px auto 13px auto;
}

.mark-title-unify p{
	font-size: 14px;
}


.pot-con-box{
	margin-top: 40px
}

.pot-con-no1{
	float: left;
	width: 40%;
}

.pot-title{
	margin-top: 26px;
	padding-left: 70px;
}

.pot-title:before{
	width: 50px;
	height: 107px;
	background-size: 50px auto;
}

.pot-title i{
	font-size: 18px;
}

.pot-title p{
	font-size: 24px;
	margin-top: 10px;
}

.pot-title span{
	width: 30px;
	height: 2px;
	margin-top: 26px;
}

.pot-con-no1 .tp{
	margin-top: 50px;
}

.pot-con-no2{
	float: right;
	width: 45%;
}

.pot-con-no2 .pot-title{
	margin-top: 66px;
}


.pot-con-no2 .pot-title:before{
	background-size: 50px auto;
}




.mark-pro{
	padding: 80px 0;
}

.mark-pro .mark-title-unify.bai span{
	margin: 22px auto 16px auto;
}

.mark-pro .mark-title-unify.bai p{
	font-size: 16px;
}

.mark-pro-con{
	margin-top: 40px;
}

.mark-pro-con ul li{
	float: left;
	width: 32.63%;
	margin-left: 1%;
	margin-top: 15px;
	padding: 32px 0;
}

.mark-pro-con ul li:nth-child(3n+1){
	margin-left: 0;
}

.mark-pro-con ul li i{
	font-size: 18px;
}

.mark-pro-con ul li img{
	margin-right: 10px;
}

.mark-pro-con ul li p{
	padding: 0 11.9%;
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}





.mark-server{
	padding: 80px 0;
}

.ser-con-1{
	margin-top: 56px;
}

.ser-con-1 .text{
	float: left;
	width: 50%;
}

.ser-con-1 .text .title em{
	font-size: 14px;
	width: 100px;
	height: 24px;
	line-height: 24px;
	border-radius: 13px;
	margin-bottom: 10px;
}

.ser-con-1 .text .title i{
	font-size: 24px;
}

.ser-con-1 .text .title p{
	font-size: 16px;
	margin-top: 8px;
}

.ser-con-1 .text .title span{
	width: 20px;
	height: 2px;
	margin-top: 20px;
}

.ser-con-1 .text .con-wz{
	margin-top: 25px;
}

.ser-con-1 .text .con-wz p{
	font-size: 14px;
	line-height: 26px;
}

.ser-con-1 .tp{
	float: right;
	width: 46%;
}


.ser-con-2{
	padding: 80px 0;
}

.ser-con-3{
	margin-top: 80px;
}

.ser-con-3 .text{
	margin-top: 66px;
}

.ser-con-1 .tp img{
	margin-top: -26px;
}

.ser-con-2 .tp img{
	margin-top: -56px;
}

.ser-con-3 .tp img{
	margin-top: -46px;
}



.mark-adv{
	padding: 80px 0;
}

.mark-adv .mark-title-unify.bai span{
	margin: 22px auto 0px auto;
}

.mark-adv .mark-title-unify.bai p{
	font-size: 18px;
	margin-top: 12px;
}


.marl-con-list{
	margin-top: 10px;
}

.marl-con-list ul li{
	float: left;
}

.marl-con-list ul li i{
	font-size: 20px;
}

.marl-con-list ul li font{
	font-size: 16px;
	margin-top: 14px;
}

.marl-con-list ul li p{
	font-size: 14px;
	line-height: 24px;
	padding: 0 10%;
	margin-top: 6px;
	height: 48px;
}



.mark-step{
	padding-top: 80px;
}

.mark-step .mark-title-unify span{
	margin: 20px auto;
}

.mark-step .mark-title-unify p{
	font-size: 18px;
}

.step-con{
	margin-top: 45px;
	padding-bottom: 23px;
}

.mark-step-line{
	width: 700px;
	margin: 0 auto;
}

.mark-step-line ul li{
	float: left;
	width: 10%;
}

.mark-step-line ul li img{
	display: block;
	margin: 0 auto;
}

.mark-step-line ul li i{
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
}

.mark-step-line ul li:nth-child(2n+1) i{
	margin-top: 0px;
	margin-bottom: 10px;
}

.mark-step-line ul li:nth-child(1){
	margin-top: 53px;
}

.mark-step-line ul li:nth-child(2){
	margin-top: 169px;
}

.mark-step-line ul li:nth-child(3){
	margin-top: 18px;
}

.mark-step-line ul li:nth-child(4){
	margin-top: 145px;
}

.mark-step-line ul li:nth-child(5){
	margin-top: 3px;
}

.mark-step-line ul li:nth-child(6){
	margin-top: 140px;
}

.mark-step-line ul li:nth-child(7){
	margin-top: 8px;
}

.mark-step-line ul li:nth-child(8){
	margin-top: 154px;
}

.mark-step-line ul li:nth-child(9){
	margin-top: 34px;
}

.mark-step-line ul li:nth-child(10){
	margin-top: 188px;
}

.step-y-line{
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -600px;
	z-index: 1;
}

.step-y-line img{
	display: block;
	max-width: initial;
	width: 1200px;
}

.mark-case{
	padding: 80px 0 80px 0;
}

.mark-case .mark-title-unify p{
	font-size: 16px;
	margin-top: 15px;
}




.mon-pro{
	padding: 70px 0 80px 0;
}


.mon-pro .title i{
	font-size: 30px;
}

.mon-pro .title span{
	font-size: 16px;
	margin-top: 3px;
}

.con-mon-pro{
	margin-top: 35px;
}

.con-mon-pro .tab .nav-tabs{
		width: 328px;
	}
	
.con-mon-pro .tab .nav-tabs li{
		float: left;
		margin-left: 24px;
}

.con-mon-pro .tab .nav-tabs li:first-child{
		margin-left: 0;
}
	
.con-mon-pro .tab .nav-tabs li a{
	width: 150px;
	height: 36px;
	line-height: 36px;
	border-radius: 8px;
}

.con-mon-pro .tab .nav-tabs li a i{
	font-size: 16px;
	margin-right: -40px;
}

.con-mon-pro .tab .nav-tabs li a i:before{
	position: absolute;
	left: -40px;
	top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}

.con-mon-pro .tab .nav-tabs li:nth-child(2) a i:before{
	left: -40px;
	top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}

.con-mon-pro .tab .nav-tabs li a:hover i:before,.con-mon-pro .tab 

.nav-tabs li.active a i:before{
	background-size: 20px 20px;
}

.con-mon-pro .tab .nav-tabs li:nth-child(2) a:hover i:before,.con-mon-

pro .tab .nav-tabs li.active:nth-child(2) a i:before{
	background-size: 20px 20px;
}


.con-mon-pro .tab .tab-content{
	margin-top: 20px;
}

.con-mon-pro .pro-item{
	width: 49%;
	float: left;
	border-radius: 8px;
	margin-top: 10px;
}

.con-mon-pro .pro-item .box{
	padding: 25px 56px;
}

.con-mon-pro .pro-item:nth-child(2n+2){
	width: 49%;
	float: right;
}

.con-mon-pro .pro-item .pro-q{
	font-size: 16px;
}

.con-mon-pro .pro-item .pro-q:before{
	left: -30px;
	top: 2px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}

.con-mon-pro .pro-item .pro-a{
	font-size: 14px;
	line-height: 28px;
	margin-top: 16px;
}

.con-mon-pro .pro-item .pro-a:before{
	left: -30px;
	top: 4px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}


.brand-pos{
	padding: 80px 0;
	
}

.pos-title{
	float: left;
}

.pos-title .title i{
	font-size: 24px;
	line-height: 36px;
}

.pos-title .title i span{
	display: block;
}

.pos-title .pos-yw{
	
}

.pos-title .pos-yw span{
	
}

.pos-title .pos-yw i{
	font-size: 16px;
	margin-top: 20px;
}

.pos-describe{
	float: right;
}

.pos-describe i{
	font-size: 16px;
	line-height: 32px;
}

.pos-describe p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 26px;
}


.cul-con{
	padding: 80px 0;
}

.cul-title i{
	font-size: 30px;
	line-height: 34px;
	float: left;
}

.cul-title span{
	font-size: 24px;
	line-height: 34px;
}


.cul-list{
	margin-top: 55px;
}

.cul-list ul li .line{
	padding: 34px 0%;
}


.cul-list ul li:nth-child(3n+2){
	width: 40%;
}

.cul-list ul li i{
	font-size: 16px;
}

.cul-list ul li p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 7px;
	padding: 0 5%;
}

.cul-list ul li p span{
	font-size: 12px;
	width: 80%;
}


.cul-list ul li:nth-child(4) .line,.cul-list ul li:nth-child(6) .line{
	padding-top: 57px;
}




.key-list{
	margin-top: 43px;
}

.key-list ul li{
	float: left;
	width: 32.63%;
	margin-left: 1%;
	margin-top: 12px;
	padding: 38px 0;
}

.key-list ul li:nth-child(3n+1){
	margin-left:0;
}

.key-list ul li i{
	font-size: 18px;
}

.key-list ul li p{
	font-size: 14px;
	line-height: 26px;
	padding: 0 10%;
	margin-top: 10px;
}

}



@media screen and (max-width: 1200px) {
	
.unique{
	height: 500px;
	background: url(../images/unique_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.unique .unique-text{
	padding-top: 152px;
}

.unique .unique-text h2{
	font-size: 32px;
	line-height: 60px;
}

.unique .unique-text h2 span{
	display: block;
}

.unique .unique-text p{
	font-size: 20px;
	line-height: 32px;
	margin-top: 24px;
}



.sever-case{
	padding: 104px 0 104px;
	background: url(../images/sever_case_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.sever-case-text .title h2{
	font-size: 36px;
	line-height: 40px;
}

.sever-case-text .title p{
	font-size: 22px;
	line-height: 30px;
	margin-top: 20px;
}

.sever-case-text .cha{
	margin-top: 40px;
	/*padding-left: 48px;*/
}

.sever-case-text .cha ul li{
	margin-top: 10px;
	line-height: 28px;
}

.sever-case-text .cha ul li:last-child{
	margin-top: 6px;
	padding-left: 4px;
}

.sever-case-text .cha ul li i{
	margin-right: 20px;
}

.sever-case-text .cha ul li p{
	font-size: 17px;
}


.sever-case-text .but{
	margin-top: 48px;
}

.sever-case-text .but a{
	width: 124px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	border-radius: 18px;
}

	
#starlist {
    padding-left: 0%;
}

.foot{
	padding-top: 80px;
}

.foot-com-name{
	font-size: 18px;
	line-height: 36px;
	padding-bottom: 22px;
}

.foot-com-name span{
	
}


.foot-box{
	padding-top: 30px;
}

.foot-con{
	float: left;
	width: 40%;
}

.ewm .tp{
	width: 27%;
	float: left;
	margin-right: 5%;
}

.ewm .text{
	width: 60%;
	float: left;
}

.ewm .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 2px;
}

.ewm .text span{
	display: block;
}

.ewm .text b{
	margin-top: 6px;
	font-size: 14px;
}


.foot-infor{
	margin-top: 10px;
}

.foot-infor ul li{
	font-size: 12px;
	padding: 15px 0;
}

.foot-infor ul li p{
	float: left;
	width: 90%;
	margin-left: 3%;
}





.sales{
	padding-top: 90px;
}

.sales-box{
	padding: 80px 0 120px 0;
}

.sales-box ul li{
	padding: 15px 25px;
	border-radius: 8px;
	margin: 0 30px;
	font-size: 24px;
	line-height: 36px;
}
	
.menu-box .container{
	width: 90%;
}
.spr-sys-core .container{
	width: 92%;
}

.news-tj-case .case-text .text p{
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;
	}
	
	.region.design .region-list ul li{
	width: initial;
	height: 21px;
	margin-top: 14px;
	margin-right: 10px;
}

	.region .region-list ul li{
	width: 33.33%;
	height: 21px;
	float: left;
	margin-top: 14px;
}

.region .region-list ul li a{
	min-width: 57px;
	font-size: 12px;
	line-height: 21px;
	border-radius: 10px;
	padding: 0 10px;
}

.region.design .region-list ul li a{
	min-width: initial;
	max-width: initial;
}

	.foot-menu ul li a{
	font-size: 16px;
}
	.container{
	width: 90%;
	margin: 0 auto;
}
.confused{
	padding: 100px 0;
}

.confused .title i{
	font-size: 32px;
}

.confused .title span{
	font-size: 14px;
	margin: 15px 0 30px 0;
}


.confused .content ul li{
	width: 30%;
	margin-top: 66px;
}

.confused .content ul li i{
	font-size: 28px;
	line-height: 40px;
}

.confused .content ul li p {
    font-size: 17px;
    line-height: 32px;
    margin-top: 16px;
}

.confused .content ul li span{
	margin: 24px auto 0 auto;
	width: 30px;
	height: 3px;
	
}

.confused .content ul li em{
	display: block;
}

}


@media only screen and (min-width: 1025px) and (max-width: 1199px) {

.head .container {
    width: 930px;
}

.menu-box .container{
	width: 970px;
}

.case .content.case-pro{
	margin: 30px auto 0 auto;
	max-width: 90%;
}

.case .content.mark-case-box{
	margin: 30px auto 0 auto;
	max-width: 90%;
}

.case .content.case-pro .list{
	margin-top: 15px;
}

.case .content.mark-case-box .list{
	margin-top: 15px;
}


.ser-step-box{
	width: 85%;
	margin: 0 auto;
}

.ser-no-1{
	padding: 85px 0 80px 0;
	margin-top: 65px;
}

.ser-no1-title i{
	font-size: 26px;
	line-height: 32px;
	padding-left: 30px;
}

.ser-no1-title i:after{
	width: 14px;
	height: 30px;
	top: 5px;
	background-size: auto 26px ; 
}

.ser-no1-title p{
	font-size: 18px;
	line-height: 32px;
	margin-top: 16px;
}

.ser-no1-title p span{
	display: block;
}

.ser-no1-icon{
	margin-top: 35px;
	padding: 0 0px 0 20px;
}

.ser-no1-icon .tp{
	width: 40%;
	float: left;
	position: relative;
	z-index: 2;
}

.ser-no1-icon .tp img{
	max-width: initial;
}


.ser-no1-icon .text{
	width: 56%;
	float: right;
}

.ser-no1-icon .text ul li{
	margin-top: 16px;
	line-height: 28px;
	font-size: 15px;
	padding-left: 18px;
}

.ser-no1-icon .text ul li:after{
	width: 252px;
	height: 5px;
	background: url(../images/position_line.png) right top no-repeat;
	position: absolute;
	left: -252px;
	top: 12px;
	z-index: 1;
}

.ser-no1-icon .xz p{
	font-size: 16px;
	line-height: 24px;
}

	

.pos-title .title i span{
	display: inline;
}

#starlist li {
	width: 12.5%;

}
#starlist li a {
	font-size: 16px;
	padding: 2px 6px 4px 6px;
}
	#starlist ul.sub li {
	width: auto;
	margin-right: 2%;
	}
	
#starlist ul.sub li:nth-child(4) {
	margin-right: 3.5%;
}
	
	.case-menu ul li ul li{
	width: 7.69%;
}
	
	.case-menu ul li ul li a {
    font-size: 15px;
}
	
.case-text .box{
	padding: 40px 30px;
}

.case-text .details{
	position: absolute;
	bottom: 40px;
}



.cul-con{
	padding: 120px 0;
}

.cul-title{
	border-bottom: 1px solid #333333;
	padding-bottom: 34px;
}

.cul-title i{
	font-size: 36px;
	line-height: 40px;
	float: left;
}

.cul-title span{
	font-size: 30px;
	line-height: 40px;
}


.cul-list{
	margin-top: 70px;
}

.cul-list ul li{
	float: left;
	width: 30%;
	border-top: 1px solid #dadcfa;
}

.cul-list ul li .line{
	padding: 54px 0%;
}

.cul-list ul li:nth-child(1),.cul-list ul li:nth-child(2),.cul-list ul 

li:nth-child(3){
	border-top: initial;
}

.cul-list ul li:nth-child(3n+2) .line{
	border-left: 1px solid #dadcfa;
	border-right: 1px solid #dadcfa;
}

.cul-list ul li:nth-child(7),.cul-list ul li:nth-child(4){
	clear: both;
}

.cul-list ul li:nth-child(3n+2){
	width: 40%;
}

.cul-list ul li i{
	font-size: 18px;
}

.cul-list ul li:nth-child(2) p{
	height: 56px;
}

.cul-list ul li p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 7px;
	padding: 0 5%;
}

.cul-list ul li p span{
	font-size: 14px;
	width: 80%;
}

.origin p span{
	display: inline;
}

.cul-list ul li:nth-child(4) .line,.cul-list ul li:nth-child(6) .line{
	padding-top: 77px;
}

.marl-con-list ul li{
	padding: 30px 0;
}
}