﻿@charset "utf-8";
html{
	font-size: 62.5%;
}
body {
	margin: 0;
    padding: 0;
	font-family: "微软雅黑";
	font-size: 1.3rem;
	line-height: 23px;
	font-weight: 400;
	color: #656565;
	background: #FFF;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
a:link,a:visited{color:#656565;text-decoration:none;}


.fnt1{
	font-size: 16px;
}
.fnt3{
	font-size: 17px;
}
.fnt2{
	font-size: 13px;
}
.fnt4{
	font-size: 15px;
}
body p {
    color: #777;
	font-size: 14px;
}

a {
	color: #222;
}

a:hover{
	/*color: #f60861;*/
	text-decoration: none;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

h1 {
    font-size: 3.2rem;
}

h2 {
    font-size: 2.6rem;
}

h3 {
    font-size: 2.1rem;
    font-weight: 400;
}

h4 {
    font-size: 1.3rem;
    /*letter-spacing: 2px;*/
}

h5 {
    font-size: 1.1rem;
    letter-spacing: 2px;
}

h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h2{font-size:2.5rem;font-weight:300;}
h3{font-size:2.0rem;font-weight:300;}
h4{font-size:1.7rem;font-weight:400;color: #000}
h5{font-size:1.3rem;font-weight:400;}
ul{margin:0;padding:0;list-style-type:none;}

.section-heading h2 {
	font-size: 2.8rem;
	text-transform: uppercase;
	color: #222;
	font-weight: 600;
}
.section-heading1>img{
	width: 80%;
	height: auto;
}

.separator-line {
	border-bottom: 2px solid #f60861;
    width: 60px;
    position: relative;
    margin: 0 auto;
    margin-top: 15px;
}

.margint5{margin-top:5px !important;}
.margint10{margin-top:10px !important;}
.margint20{margin-top:20px !important;}
.margint30{margin-top:30px !important;}
.margint40{margin-top:35px !important;}
.margint50{margin-top:50px !important;}
.margint60{margin-top:60px !important;}
.margint70{margin-top:70px !important;}
.margint80{margin-top:80px !important;}
.margint90{margin-top:90px !important;}
.margint100{margin-top:100px !important;}
.margint120{margin-top:120px !important;}
.marginb10{margin-bottom:10px !important;}
.marginb20{margin-bottom:20px !important;}
.marginb30{margin-bottom:30px !important;}
.marginb40{margin-bottom:40px !important;}
.marginb50{margin-bottom:50px !important;}
.marginb60{margin-bottom:60px !important;}
.marginb70{margin-bottom:70px !important;}
.marginb80{margin-bottom:80px !important;}
.marginb90{margin-bottom:90px !important;}
.marginb100{margin-bottom:100px !important;}
.marginb120{margin-bottom:120px !important;}
.marginb200{margin-bottom:200px !important;}
.padrl20{padding:0 20px;}
.padrl50{padding:0 50px;}
.padl100 {padding-left: 100px;}
.padt20{padding-top:20px;}
.padt30{padding-top:30px;}
.padt40{padding-top:40px;}
.padt50{padding-top:50px;}
.padt60{padding-top:60px;}
.padt200{padding-top:200px;}
.padb20{padding-bottom:20px;}
.padb30{padding-bottom:30px;}
.padb50{padding-bottom:50px;}
.padb60{padding-bottom:60px;}
.padb70{padding-bottom:70px;}
.padb80{padding-bottom:80px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.logo {
	padding-left: 45px;
	padding-top: 9px;
}

#navigation {

	border-bottom: solid 1px #f5f5f5;
	background: #FFF !important;
}

#navigation ul li a {
	font-size: 1.4rem;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: 500;
}

#navigation ul li a:hover {
	font-size: 1.4rem;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: 500;
	color: #f60861;
	-webkit-transition-duration: 0.2s;
	  -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
		  -o-transition-duration: 0.2s;
		    transition-duration: 0.2s;
}
	
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - COMMON ELEMENTS & TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.btn-get-btn1{
	border: 1px solid #f60861;
	border-radius: 0;
	background: transparent;
	color: #000;
	opacity: 0.5;
	text-decoration: none;
	padding: 15px 50px;
	font-size: 1.4rem;
	line-height: 21px;
	text-transform: uppercase;	
}

.btn-get-btn1:focus {
	color: #fff;
}

.btn-get-btn1:hover{
	border: 1px solid #f60861;
	border-radius: 0;
	background: #f60861;
	color: #fff;
	opacity: 0.9;
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;
}

.btn-get-btn2{
	border: 1px solid #f60861;
	border-radius: 0;
	background: transparent;
	color: #000;
	opacity: 0.5;
	text-decoration: none;
	padding: 15px 50px;
	font-size: 1.46rem;
	line-height: 21px;
	text-transform: uppercase;	
}

.btn-get-btn2:focus {
	color: #fff;
}

.btn-get-btn2:hover{
	border: 1px solid #f60861;
	border-radius: 0;
	background: #f60861;
	color: #fff;
	opacity: 0.9;
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;
}

.btn-get-btn3{
	border: 2px solid #f60861;
	border-radius: 0;
	background: transparent;
	color: #fff;
	text-decoration: none;
	padding: 15px 50px;
	font-size: 1.6rem;
	line-height: 21px;
	text-transform: uppercase;
}

.btn-get-btn3:hover{
	border: 2px solid #f60861;
	border-radius: 0;
	background: #f60861;
	color: #fff;
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;
}


.btn-get-btn3:focus {
	color: #fff;
}

.btn-get-btn4{
	border:solid 2px #f60861;
	width: 100%;
	border-radius: 0;
	text-decoration: none;
	padding: 15px 50px;
	font-size: 1.4rem;
	line-height: 21px;
	text-transform: uppercase;
}

.btn-get-btn4:focus {
	color: #fff;
}

.btn-get-btn4:hover{
	border:solid 2px #f60861;
	border-radius: 0;
	background: #f60861;
	color: #fff;
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - PAGES SETUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*MAIN NAVIGATION*/
#sm.menu {
	display: none;
}

.header-nav-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 999;
}

.navigation-section {
	width: 100%;
	height: 50px;
	display: block;
	position: relative;
}

.navigation-right {
	float: right;
	padding-right: 45px;
}

.navigation-container ul {
	padding: 0;
	margin: 0;
	margin-top: 14px;
}

.navigation-container ul li {
	display: inline;
	padding-right: 15px;
	margin-right: 15px;
}

.navigation-container ul li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.navigation-container ul li a {
	font-size: 1.2rem;
	line-height: 19px;
	text-transform: uppercase;
}

/*ABOUT*/
.about-text h3 {
	/*font-size: 14px;*/
	font-size: 1.6rem;
	color: #f60861;
	font-weight: 700;
	margin-top: 10px;
}

.about-text h3:hover {
	color: #f60861;
}

.about-text p {
	/*font-size: 14px;*/
	font-size: 1.3rem;
	line-height: 24px;
	padding: 12px;
}

.services-link-about i {
	padding-top: 23px; 
    text-align: center;
	color: #656565;
	border-radius: 50%;
	height: 90px;
	/*width: 90px;*/
	width: 112px;
	background-color: #fff;
	cursor: default;
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;

}

.services-link-about i:hover {
	padding-top: 23px; 
    text-align: center;
	color: #fff;
	border-radius: 50%;
	height: 90px;
	width: 112px;
	/*background-color: #f60861;*/
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;
	
}

/*ARTICLE1*/
#article1 h3 {
	/*padding-left: 30px;*/
	margin-bottom: 10px;
	font-weight: 500;
	color: #222;
	text-transform: uppercase;
}

#article1 p {
	/*padding-left: 30px;
	margin-right: 200px;*/
}

#article2 {
	width: 100%;
	padding: 60px 0;
	height: 350px;
	text-align: center;
}

#article2 h1 {
	margin-top: 45px;
	margin-bottom: 30px;
	color: #fff;
}

.article1-button-margin a {
	margin-left: 45px;
	margin-top: 20px;
}

/*SERVICES*/
.services-box-small {
	margin-bottom: 30px;
}

.services-box-small h4 {
	line-height: normal;
	padding-bottom: 20px;
	text-transform: uppercase;
	/*font-size: 14px;*/
	font-size: 1.8rem;
	font-weight: 700;
	color: #222;
}
.services-box-small .services-content {
	padding: 20px 10px;
}
.services-box-small .services-content {
	background: #fff;
}

.text-content-services {
	text-align: center;
}

.text-content-services p {
	/*margin-left: 40px;
	margin-right: 40px;*/
}

.services-box-small .text-content-services {
	padding: 0px 10px 0px 10px;
	overflow: hidden;
}

.services-box-small .text-content-services i {
	color: #656565;
	border: 2px solid #f60861;
	height: 82px;
	width: 82px;
	font-size: 2.3rem;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	padding-top: 26px;
	margin-top: 10px;
	margin-bottom: 25px;
	cursor: crosshair;
	-webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
          -ms-transition: all .4s ease;
            transition: all .4s ease;
}

.services-box-small .text-content-services i:hover {
	/*background-color: #f60861;*/
	color: #fff;
	border: 2px solid #f60861;
	height: 82px;
	width: 82px;
	font-size: 2.3rem;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	padding-top: 26px;
	margin-top: 10px;
	margin-bottom: 25px;
	-webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
          -ms-transition: all .4s ease;
            transition: all .4s ease;
}

/*PORTFOLIO*/
#portfolio {
	background: #f5f5f5;
	height: auto;
}

.works-gallery .custom-works-center {
	/*margin-left: 3%;*/
}
.news-detail{
	margin-bottom: 20px;
}
.news-detail:last-child{
	margin-bottom: 0;
}
.works-gallery .category div.filter {
	display: inline-block;
	cursor: pointer;
	padding: 5px;
	margin-right: 15px;
	font-size: 1.5rem;
	line-height: 21px;
	text-transform: uppercase;
}

.works-gallery .category div.filter:hover {
	background-color: #f60861;
	color: #fff;
	-webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
          -ms-transition: all .4s ease;
            transition: all .4s ease;
}

.works-gallery .category div.filter:last-child {
	margin-right: 0;
}
/**/
.works-gallery .category li.filter {
	display: inline-block;
	cursor: pointer;
	padding: 5px;
	margin-right: 15px;
	font-size: 1.5rem;
	line-height: 21px;
	text-transform: uppercase;
}
.works-gallery .category li.filter:hover {
	background-color: #f60861;
	color: #fff;
	-webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
          -ms-transition: all .4s ease;
            transition: all .4s ease;
}
.works-gallery .category li.brands-active{
	background-color: #f60861;
	color: #fff;
}
/**/
#Grid{
	text-align: center;
}
.works-gallery #Grid .mix{
	display: none;
	width: 28%;
	height: auto;
	/*margin-right: 3%;
	margin-bottom: 3%*/
}

.works-gallery .works-item a.more_info {
	display: block;
	position: relative;
	overflow: hidden;
}

.works-gallery .works-item a.more_info .hover-hidden-content {
	position: absolute;
	width: 100%;
	height: 50px;
	background-color: #f60861;
	/*top: 0;*/
	bottom: 0;
	left: 0%;
	opacity: 0;
	text-align: center;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ie-transition: all 0.2s ease-in-out;
}

.works-gallery .works-item a.more_info .hover-hidden-content h1 {
	display: block;
	width: 100%;
	font-size: 2.2rem;
	letter-spacing: 2px;
	line-height: 29px;
	text-transform: uppercase;
	padding: 15px;
	color: #FFF;
}

.works-gallery .works-item a.more_info .hover-hidden-content h2 {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	line-height: 25px;
	color: #FFF;
}

.works-gallery .works-item a.more_info .hover-hidden-content .type{
	width: 100%;
	display: block;
	position: absolute;
	height: auto;
	min-height: 2px;
	bottom: 18px;
	text-align: center;
}

.works-gallery .works-item a.more_info .hover-hidden-content .type p{
	border: 1px solid #fff;
	background: #f60861;
	color: #fff;
	width: 60px;
	font-size: 1.6rem;
	line-height: 23px;
	display: inline-block;
	padding: 5px 8px;

}

.hover-hidden-slide {
	opacity: 1 !important;
}

.filter:hover {
	color: #FFF;
}

.works-item:hover {
	/*background-color:#f60861;*/
	opacity: 0.8;
}

/*TEAM*/
#team {
	/*background: #f5f5f5;*/
	background: #000;
	height: auto;	
}

.team-container {
	padding:0px 15px;
}

.team-container .team-pack {
	padding:15px;
	cursor: pointer;
}
.item .team-pack:hover {
	background: #fff;
	opacity: 0.5;
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.item .team-pack:hover .team-social-icons i {
	opacity: 1;
	margin-bottom: 10px;
}

.team-pack h2 {
	font-size: 1.4rem;
	line-height: 21px;
	margin-top: 15px;
	text-transform: uppercase;
}

.team-pack h3 {
	font-size: 1.4rem;
	line-height: 21px;
	margin-top: 10px;
}

.team-pack .team-social-icons {
	width: 100%;
	display: block;
	margin-top: 10px;
}

.team-pack .team-social-icons a {
	width: 30px;
	height: 30px;
	display: inline-block;
}
.team-pack .team-social-icons i {
	color: #2d2d2d;
}

.team-owl .owl-buttons div {
	position: absolute;
	border-radius: 50% !important;
	background: #f60861 !important;
	width: 60px;
	height: 60px;
	color: transparent;
	font-size: 30px !important;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ie-transform: translateY(-50%);
}

.team-owl .owl-buttons div:hover {
	position: absolute;
	border-radius: 50% !important;
	background: #f60861 !important;
	width: 60px;
	height: 60px;
	color: transparent;
	font-size: 30px !important;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ie-transform: translateY(-50%);
}

.team-owl .owl-buttons div.owl-prev {
	border-radius: 50% !important;
	background: #f60861 url("../images/01051817_03.png")no-repeat -3px !important;
	width: 60px;
	height: 60px;
	left: -30px;
}

.team-owl .owl-buttons div.owl-next {
	border-radius: 50% !important;
	background: #f60861 url("../images/01051818_03.png")no-repeat 3px !important;
	width: 60px;
	height: 60px;
	right: -30px;
}

/*ARTICLE3*/
.intermediate-container .subheading {
	position: relative;
	width: 100%;
	min-height: 20px;
	text-align: center;
}

.intermediate-container .subheading h4 {
	font-size: 3rem;
	line-height: 37px;
	display: inline-block;
	padding: 0px 25px;
	position: relative;
	z-index: 10;
}

.intermediate-container .subheading .divider {
	position: absolute;
	width: 60%;
	margin-left: 20%;
	height: 1px;
	top: 17px;
	z-index: 1;
}

.intermediate-container .heading h2 {
	font-size: 4rem;
	line-height: 47px;
	text-transform: uppercase;
	margin-top: 30px;
}

.intermediate-container .intermediate-button-margin {
	margin-top:20px;
}

/*PRICING*/
.pricing-container .actives {
	background: #f60861;
	color: #fff;
	opacity: 0.9;
}

.pricing-container .no-actives {
	border: 1px solid #f60861;
	color: #000;
	opacity:0.5;
}

.pricing-container .pricing-header{
	border: 1px solid #f60861;
	color: #000;
}

.pricing-container:hover .pricing-header {
	background: #f60861;
	opacity: 0.9;
	color: #000;
	-webkit-transition-duration:all 0.2s ease-in-out;
	  -moz-transition-duration: all 0.2s ease-in-out;
	    -ms-transition-duration: all 0.2s ease-in-out;
		  -o-transition-duration: all 0.2s ease-in-out;
		    transition-duration: all 0.2s ease-in-out;
}

.pricing-container:hover .btn-get-btn4 {
	background: #f60861;
	opacity: 0.9;
	color: #fff;
	-webkit-transition-duration: all 0.2s ease-in-out;
	  -moz-transition-duration: all 0.2s ease-in-out;
	    -ms-transition-duration: all 0.2s ease-in-out;
		  -o-transition-duration: all 0.2s ease-in-out;
		    transition-duration: all 0.2s ease-in-out;
}

.pricing-container .pricing-header {
	padding: 20px 0px;
}

.pricing-container .pricing-header h2 {
	font-size: 1.8rem;
	line-height: 25px;
	text-transform: uppercase;
}

.pricing-container .pricing-features {
	padding: 35px 0px;
}

.pricing-container .pricing-features .each h2 {
	font-size: 1.2rem;
	line-height: 21px;
	margin-bottom: 15px;
}

.pricing-container .pricing-features .each h2:last-child {
	margin-bottom: 30px;
}

.pricing-container .pricing-features .custom-pricing-btn-style {
	padding: 12px 40px !important;
	font-size: 1.2rem !important;
}

/*CLIENTS*/
.clients-header {
	text-align: center;
}

.clients-header h2 {
    line-height: 29px;
    text-transform: uppercase;
	color: #f60861;
}

.clients-wrapper h3 {
    line-height: 33px;
	color: #fff;
}

.clients-wrapper p {
    font-size: 1.8rem;
    line-height: 25px;
    margin-top: 10px;
    position: relative;
} 

.clients-wrapper p:before {
    content: "";
    height: 2px;
    margin-left: -18px;
    position: absolute;
    top: 11px;
    width: 12px;
}

.clients-wrapper p span {
	font-size: 1.4rem;
	line-height: 21px;
}

.clients-logo-owl .logo {
	padding: 0px 15px;
}

/*CONTACT*/
.offset1-form {
margin-left: 8.3333%;
}

.col {
float: left;
min-height: 1px;
padding: 0 20px;
position: relative;
}

.contact-section {
	background-size: cover; 
}

.contact-form div {
	background: transparent;
    border: 1px solid #f60861;
	color: #f60861;
    padding:5px 10px;
    border-radius: 0px;
    font-size:1.6rem !important;
    text-shadow:none;
    width: 100%;
	margin-right: 6%;
	resize:none;
	height: 35px !important;
	text-align: center;

}

.contact-form input {
    box-shadow: none !important;
    border: 1px solid #555;
	opacity: 0.4;
    border-radius:0!important;
    font-size:1.4rem !important;
    margin-bottom:10px;
    padding:5px 10px;
    width:100%;
	margin-right: 6%;
	resize:none;
    height: 35px !important;
}

.contact-form button {
	box-shadow: none !important;
	border: 1px solid #555;
	opacity: 0.4;
	border-radius: 0!important;
	font-size: 1.4rem !important;
	margin-top: 15px;
	padding: 5px 10px;
	width: 100%;
	margin-right: 6%;
	resize: none;
	height: 50px !important;
}

.contact-form button:hover {
	border: 1px solid #f60861;
	border-radius: 0;
	background: #f60861;
	color: #fff;
	opacity: 0.9;
	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
		  -o-transition-duration: 0.4s;
		    transition-duration: 0.4s;
}

.cnt-input {
	width: 100%;
	border-radius: 0;
	  -moz-border-radius: 0;
}

.cnt-send {
	width: 100%;
	text-transform: uppercase;
	background: #fff;
	border-radius: 0;
	  -moz-border-radius: 0;
}
	
.cnt-input::-webkit-input-placeholder { color:#797979 !important; opacity: 0.6;}
.cnt-input:-moz-placeholder { color:#797979 !important; opacity: 0.6; } 
.cnt-input::-moz-placeholder { color:#797979 !important; opacity: 0.6; }
.cnt-input:-ms-input-placeholder { /* IE10+ */ color:#797979; opacity: 0.6; }

.contact-form input:focus, .contact-form textarea:focus { 
}

.contact-form textarea {
    box-shadow: none !important;
    border: 1px solid #555;
	opacity: 0.4;
    border-radius:0!important;
    font-size:1.4rem !important;
    height:165px;
    margin-top: 0px;
    padding:5px 10px;
    resize:none;
    width:100%;
    margin-right: 7%;
}

.contact-form-social {
	padding-bottom: 0px;
}

.contact-form-social i {
	padding-right: 30px;
	font-size: 2rem;
	margin-top: 10px;
	opacity: 0.5;
	position: relative;
}

.contact-form-social i:hover {
	color: #f60861;
	opacity: 0.9;
}

.contact-form-address h3{
	font-style: normal;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: 1.3rem;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.contact-form-address p {
	opacity: 0.5;
	margin: 0 0 0;
}

#map {
width: 100%;
height: 400px;
}

.maps {
margin-bottom: 0px;
}

/*BACK TO TOP NAVIGATION*/
.back-to-top {
margin-bottom: -20px;
text-align: center;
}

.back-to-top a {
	display: inline-block;
	border: 1px solid;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
}

.back-to-top a:hover {
	background: #f60861;
}

.back-to-top a span {
	font-size: 2rem;
	line-height: 34px;

}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*06 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#mastfoot {
	/*background: #020202;*/
	background: #404040 url("../images/bottom-03.jpg")no-repeat;
	background-size: cover;
	/*height: 250px;*/
}

.copyright-text p {
	/*margin-top: 35px;*/
	margin-top: 10px;
	/*margin-bottom: 25px;*/
	font-size: 1.4rem;
	line-height: 19px;
}

.footer-social {
	/*margin-top: 15px;*/
}

.footer-social a {
	font-size: 2rem;
	display: inline-block;
	transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
}

.footer-social span a i {	
	font-size: 2rem;
	display: inline-block;
	/*border: 1px solid #f60861;*/
	width: 45px;
	height: 45px;
	border-radius: 50%;
	text-align: center;
	padding-top: 12px;
	/*background-color: #f60861;*/
	transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
}

.footer-social span a i:hover {
	color: #f60861;
	/*background-color: #fff;*/
}

.footer-social a:last-child {
	margin-right: 20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*07 - PARALLAX LAYERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.parallax-bg1{
	width: 100%;
	padding: 60px 0;
	height: auto;
	text-align: center;
	background: url("../images/201605261537_02.jpg") fixed;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	  -moz-transition: all  0.2s ease;
	    -o-transition: all  0.2s ease;
	      transition: all  0.2s ease;

}
.parallax-bg2 {
	width: 100%;
	padding: 60px 0;
	height: auto;
	text-align: center;
	background: url("../images/2.jpg");
	/*background-size: cover;*/
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all  0.2s ease;
	-o-transition: all  0.2s ease;
	transition: all  0.2s ease;

}

.parallax-bg3 {
	width: 100%;
	padding: 60px 0;
	height: auto;
	text-align: center;
	background: url("../images/201605271050_06.jpg");
	/*background-size: cover;*/
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all  0.2s ease;
	-o-transition: all  0.2s ease;
	transition: all  0.2s ease;
}

/****************************新加***********************/
.services-link-about .A-img1{
	background-image: url("../images/201605261413_03.png");
	background-color: transparent;
}
.services-link-about .A-img1:hover{
	background-image: url("../images/113001.gif");
}
.services-link-about .A-img2{
	background-image: url("../images/201605261414_03.png");
	background-color: transparent;
}
.services-link-about .A-img2:hover{
	background-image: url("../images/113002.gif");
}
.services-link-about .A-img3{
	background-image: url("../images/201605261415_03.png");
	background-color: transparent;
}
.services-link-about .A-img3:hover{
	background-image: url("../images/113003.gif");
}
.A-row{
	margin: 0 auto;
	width: 480px;
}
.A-row p{
	font-size: 1.2rem;
	padding-top: 35px;
}
.A-icon1{
	background-image: url("../images/201605261614_03.png");
	background-repeat: no-repeat;
	background-position: center;
}
.services-box-small .text-content-services .A-icon1:hover{
	background-image: url("../images/112401.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.A-icon2{
	background-image: url("../images/201605261615_03.png");
	background-repeat: no-repeat;
	background-position: center;
}
.services-box-small .text-content-services .A-icon2:hover{
	background-image: url("../images/112402.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.A-icon3{
	background-image: url("../images/201605261616_03.png");
	background-repeat: no-repeat;
	background-position: center;
}
.services-box-small .text-content-services .A-icon3:hover{
	background-image: url("../images/112403.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.A-icon4{
	background-image: url("../images/201605261617_03.png");
	background-repeat: no-repeat;
	background-position: center;
}
.services-box-small .text-content-services .A-icon4:hover{
	background-image: url("../images/112404.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.A-icon5{
	background-image: url("../images/201605261618_03.png");
	background-repeat: no-repeat;
	background-position: center;
}
.services-box-small .text-content-services .A-icon5:hover{
	background-image: url("../images/112405.gif");
	background-repeat: no-repeat;
	background-position: center;
}
.A-icon6{
	background-image: url("../images/201605261619_03.png");
	background-repeat: no-repeat;
	background-position: center;
}
.services-box-small .text-content-services .A-icon6:hover{
	background-image: url("../images/112406.gif");
	background-repeat: no-repeat;
	background-position: center;
}


#article5 {
	width: 100%;
	padding: 60px 0;
	height: 350px;
	text-align: center;
}

#article5 h1 {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #666;
}
#article5{
	/*background: url("../images/2.jpg") fixed;*/
}





#article6 {
	width: 100%;
	padding: 60px 0;
	height: 350px;
	text-align: center;
}

#article6 h1 {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #666;
}
#article6{
	/*background: url("../images/201605271050_06.png") fixed;*/
}
.A-img4{
	background-image: url("../images/201605271104_07.png");
	background-position: center;
	background-repeat: no-repeat;
}
.services-link-about .A-img4:hover{
	background-image: url("../images/201605271107_07.png");
}
.A-img5{
	background-image: url("../images/201605271108_07.png");
	background-position: center;
	background-repeat: no-repeat;
}
.services-link-about .A-img5:hover{
	background-image: url("../images/201605271110_07.png");
}
.A-img6{
	background-image: url("../images/201605271111_07.png");
	background-position: center;
	background-repeat: no-repeat;
}
.services-link-about .A-img6:hover{
	background-image: url("../images/201605271114_07.png");
}

#team h2{
	color: #f60861;
}
.A-a a{
	color: #fff;
	line-height: 12px;
}

/*.A-a a:last-child{
	border: none;
}*/
.AA-a{
	display: inline-block;
	width: 70px;
	border-right: 1px solid #fff;
	text-align: center;
	padding-right:4px;
}
.home-owl .item .bg4 {
	background-image: url(../images/201605301046_01.png);
	background-size: cover;
	background-color: #f60861;
}

.parallax-bg4{
	width: 100%;
	padding: 60px 0;
	height: auto;
	text-align: center;
	background: url("../images/aoying-bg_02.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all  0.2s ease;
	-o-transition: all  0.2s ease;
	transition: all  0.2s ease;

}
.home-owl .item .bg5 {
	background-image: url(../images/201605301717_02.png);
	background-size: cover;
	background-color: #222;
}
.parallax-bg5{
	width: 100%;
	padding: 80px 0;
	height: auto;
	text-align: center;
	background: url("../images/201605301719_02.png") fixed;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all  0.2s ease;
	-o-transition: all  0.2s ease;
	transition: all  0.2s ease;

}
.R-item{
	color: #fff;
}
.R-item{
	display: none;
}
#nav a.active {
	background-color: #f60861;
}
@media (max-width: 480px) {
	#nav a{

		margin-bottom: 10px;
	}
}
.R-item>.row>.col-md-2{
	padding: 5px 0;
}
.A-img7{
	background-image: url("../images/01605311329_03.png");
	background-position: center;
	background-repeat: no-repeat;
}
.A-img8{
	background-image: url("../images/201605311329_03.png");
	background-position: center;
	background-repeat: no-repeat;
}
.A-img9{
	background-image: url("../images/201605311330_03.png");
	background-position: center;
	background-repeat: no-repeat;
}
.A-img10{
	background-image: url("../images/201605311331_03.png");
	background-position: center;
	background-repeat: no-repeat;
}
#D-p span{
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #656565;
	/*margin-right: 10px;*/
}
.A-img11{
	background-image: url("../images/201605311444_03.png");
	background-position: center;
	background-repeat: no-repeat;
}

.CX-div{
	height: 200px;
	margin-bottom: 20px;
}
.CX-div1{
	background: url("../images/201606061330_07.png") no-repeat;
	background-position: center;
}
.CX-div2{
	background: url("../images/201606061331_07.png") no-repeat;
	background-position: center;
}
.CX-div3{
	background: url("../images/201606061332_07.png") no-repeat;
	background-position: center;
}
.CX-div4{
	background: url("../images/201606061333_07.png") no-repeat;
	background-position: center;
}
.CX-p{
	padding-top: 110px;
}
.CX-p a{
	color: #fff;
	cursor: pointer;
}
.CX-p a:hover{
	color: #f60861;
}
.HR-cnt{
	background: url("../images/201606061338_07.png") no-repeat;
	background-position: center;
	background-size: contain;
}
.CX-span{
	display: inline-block;
	text-align: center;
	padding: 5px 15px;
}
.CX-span-color1{
	color: #f60861;
}
.CX-div5{
	background: url("../images/201606061734_07.png") no-repeat;
	background-position: center;
}
.CX-div6{
	background: url("../images/201606061735_07.png") no-repeat;
	background-position: center;
}
.CX-div7{
	background: url("../images/201606061736_07.png") no-repeat;
	background-position: center;
}
.CX-div8{
	background: url("../images/201606061737_07.png") no-repeat;
	background-position: center;
}
.CX-div9{
	background: url("../images/201606071003_03.png") no-repeat;
	background-position: center;
}
.CX-div10{
	background: url("../images/201606071004_03.png") no-repeat;
	background-position: center;
}
.CX-div11{
	background: url("../images/201606071005_03.png") no-repeat;
	background-position: center;
}
.CX-div12{
	background: url("../images/201606071006_03.png") no-repeat;
	background-position: center;
}
.CX-div13{
	background: url("../images/201606071007_03.png") no-repeat;
	background-position: center;
}
.CX-div14{
	background: url("../images/20160608_07.png") no-repeat;
	background-position: center;
}
.CX-div15{
	background: url("../images/20160608_09.png") no-repeat;
	background-position: center;
}
.CX-div16{
	background: url("../images/20160608_11.png") no-repeat;
	background-position: center;
}
.CX-div17{
	background: url("../images/20160608_13.png") no-repeat;
	background-position: center;
}
.CX-span1{
	font-size: 1.6rem;
}
.CX-span-color{
	color: #f60861;
}
.CX-span-color2{
	color: #ddd;
}
.CX-div18{
	background: url("../images/201606081126_07.png") no-repeat;
	background-position: center;
}
.CX-div19{
	background: url("../images/201606081127_07.png") no-repeat;
	background-position: center;
}
.CX-div20{
	background: url("../images/201606081128_07.png") no-repeat;
	background-position: center;
}
.CX-div21{
	background: url("../images/201606081129_07.png") no-repeat;
	background-position: center;
}
.CX-div22{
	background: url("../images/201606081547_07.png") no-repeat;
	background-position: center;
}
.CX-div23{
	background: url("../images/20160608155_07.png") no-repeat;
	background-position: center;
}
.CX-div24{
	background: url("../images/20160608157_07.png") no-repeat;
	background-position: center;
}
.CX-div25{
	background: url("../images/20160608158_07.png") no-repeat;
	background-position: center;
}
.CX-div26{
	background: url("../images/20160608159_07.png") no-repeat;
	background-position: center;
}
.AL-pad1{
	padding: 0 5%;
}
.XQ-span{
	display: inline-block;
	width: 33.3%;
	float: left;
	text-align: center;
	cursor: pointer;
}
.XQ-span1{
	background: url("../images/201606121033_03.png")no-repeat left;
}

.XQ-span2{
	background: url("../images/201606121035_03.png")no-repeat right;
}
#AY-hover:hover{
	color: #f60861;
}
.about-text .color-h3{
	/*color: #656565;*/
	color: #f60861;
}
.us-font{
	font-size: 1.4rem;
}
.us-color{
	color: #f60861;
}
.map-a{
	margin-right: 20px;
}
.us-ipt{
	width: 53%;
	height: 30px;
	padding-left: 10px;
}
.us-textarea{
	width: 53%;
	padding-left: 10px;
}
.us-ipt1{
	width: 60px;
}
/*0708*/
.focus-img{
	display: inline-block;
	padding-top: 23px;
	text-align: center;
	color: #656565;
	border-radius: 50%;
	height: 90px;
	width: 112px;
	background-color: #fff;
	cursor: default;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.focus-pic1{
	background-image: url("../images/201605261426_03.png");
	background-color: transparent;
}
.focus-pic2{
	background-image: url("../images/201605261428_03.png");
	background-color: transparent;
}
.focus-pic3{
	background-image: url("../images/201605261424_03.png");
	background-color: transparent;
}
.focus-pic1:hover{
	background-image: url("../images/113001.gif");
	background-color: transparent;
}
.focus-pic2:hover{
	background-image: url("../images/113002.gif");
	background-color: transparent;
}
.focus-pic3:hover{
	background-image: url("../images/113003.gif");
	background-color: transparent;
}
/*0802*/
.scroll-down{
	width: 35px;
	height: 22px;
	background: url("../images/062013_03.png")no-repeat center;
}
.scroll-down:hover{
	background: url("../images/0802_03.png")no-repeat center;
}

/*0928*/
.nature-text{
	width: 70%;
	float: right;
	padding: 15px 0 15px 15px;
	margin: 0;
}
.nature-text dt{
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}
.nature-text dt span{
	font-size: 12px;
	float: right;
}
.nature-text-pro{
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	line-height: 20px;
	text-align:left;
}
.nature-text-a{
	text-align: right;
	font-size: 12px;
	color: #f60861;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.nature-text-a a.Ahover{
	display: inline-block;
	padding: 5px 8px;
}
.nature-text-a a.Ahover:hover{
	background-color: #f60861;
	color: #fff;
}
.nature-text-a a{
	color: #fff;
    background-color: #f60861;
}
#Grid .nature-img{
	width: 30%;
}
/*1117*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f60861;opacity:0.8;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


.footer-icon{

}
.footer-text{
	padding-top: 30px;
}
.footer-text li{
	display: inline-block;
	margin-bottom: 15px;
}
.footer-text li a{
	padding-left: 25px;
	display: inline-block;
	width: 150px;
	background: url("../images/footer-jt_03.png")no-repeat left;
	font-size: 1.4rem;
	color: #fff;
	font-family: "微软雅黑";
}
.footer-text1{
	padding-top: 10px;
}

/*.logos{
	width: 129px;
	height: 35px;
	display: block;
	background-image: url("../images/201605261116_03.png");
}
.logos:hover{
	background-image: url("../images/201611261116_03.png");
}*/

.contentus-ipt{
	width: 100%;
	height: 35px;
	padding-left: 15px;
	font-size: 1.4rem;
}
.contentus-textarea{
	width: 100%;
	padding-left: 15px;
	font-size: 1.4rem;
}
.contentus-ipt1{
	width: 120px;
	height: 40px;
	background-color: #f60861;
	color: #fff;
	font-size: 1.4rem;
	line-height: 36px;
	border: none;
	margin-right: 40px;
}

/*二维码弹出框*/
.popup-father{
	position: relative;
}
.popup-menu{
	position: absolute;
	width: 100%;
	height: 600px;
	bottom: 0;
	left: 0;
	display: none;
}
.popup-cnt{
	width: 100%;
	height: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}
.popup-erwem{
	width: 300px;
	height: 300px;
	background-color: rgba(245,245,245,1);
	margin: 0 auto;
	padding: 50px 20px;
	text-align: center;
}
.popup-p{
	font-size: 12px;
	font-family: "微软雅黑";
	color: #000;
	margin-top: 10px;
}
.popup-ipt{
	display:inline-block;
	width: 96px;
	height: 40px;
	background-color: transparent;
	color: #f50860;
	font-size: 14px;
	border: none;
	border: 1px solid #f50860;
}
.popup-ipt1{
	display:inline-block;
	width: 96px;
	height: 40px;
	background-color:#f50860;
	color: #fff;
	font-size: 14px;
	border: none;
	margin-right: 10px;
}


.link-hover{
	color:#656565;
}
.link-hover:hover{
	color: #f50860;
}

.maodian{
	position: fixed;
	padding: 10px;
	left: 30px;
	top: 300px;
}
.maodian-ul{
	width: 100%;
	height: 100%;
}
.maodian-ul li{
	margin-bottom:5px;
	color: #6f6f6f;
	padding: 0 20px;
	background: url("../images/maodian01.png")no-repeat left;
}
.maodian-ul .cur{
	margin-bottom:5px;
	color: #f50860;
	padding: 0 20px;
	background: url("../images/maodian02.png")no-repeat left;
}
.maodian-ul li:hover{
	color: #f50860;
	background: url("../images/maodian02.png")no-repeat left;
}
.maodian .current{
	margin-bottom: 5px;
	color: #f50860;
	padding:0 20px;
	background: url('../images/maodian02.png')no-repeat left;
}


.maodian{
position: fixed;
padding: 10px;
left: 50px;
top: 300px;
}
.maodian-ul{
width: 100%;
height: 100%;
}
.maodian-ul li{
margin-bottom:5px;
color: #6f6f6f;
padding: 0 20px;
background: url("../images/maodian01.png")no-repeat left;
}
.maodian .current{
margin-bottom:5px;
color: #f50860;
padding: 0 20px;
background: url("../images/maodian02.png")no-repeat left;
}
.maodian-ul li:hover{
color: #f50860;
background: url("../images/maodian02.png")no-repeat left;
} 



a {
	text-decoration: none;

}

a:focus {
	text-decoration: none;
}
a:active,
a:hover {
	text-decoration: none;
}

.twitter-icon{
	background: url("../images/201605271158_11.png")no-repeat center;
}
.twitter-icon:hover{
	background: url("../images/201605271157_11.png")no-repeat center;
}
.google-icon{
	background: url("../images/201605271160_11.png")no-repeat center;
}
.google-icon:hover{
	background: url("../images/201605271159_11.png")no-repeat center;
}
.more_info img:hover{
	transform: scale(1.1,1.1);
	transition: 1s transform;
}
.loading{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background:#fff;overflow: hidden;}
.loading img{margin: auto;width: 100%;height: auto;}
/*1209   404页面*/
.bg404{
	background-color: #f9f9f9;
}
.bg404-img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -350px;
	margin-left: -438.5px;
}
.bg404-back{
	box-sizing: border-box;
	width: 877px;
	height: 700px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -350px;
	margin-left: -438.5px;
	padding: 600px 300px 0 300px;
	text-align: center;
}
.bg404-back-a{
	margin-right: 90px;
}

/*20170105*/
.img-postions{
	position: relative;
}
.img-postion-img{
	position: absolute;
	width: 100%;
	height: 100%;

	left: 0;
	top: 0;
}
.postion-img-father{
	width: 100%;
	height: 100%;
	position: relative;
	/* background: rgba(0,0,0,0.6); */
}
.postion-img-pic1{
	position: absolute;
	top: 31.5%;
	left: 45%;
	z-index: 1;
}
.postion-img-pic2{
	position: absolute;
	top: 36.6%;
	left: 59%;
	z-index: 2;
}
.postion-img-pic3{
	position: absolute;
	top: 32.4%;
	left: 76.5%;
}
.postion-img-pic4{
	position: absolute;
	top: 69.2%;
	left: 75.5%;
}
.postion-img-pic5{
	position: absolute;
	top: 63.2%;
	left: 6.5%;
}
.postion-img-pic6{
	position: absolute;
	top: 51%;
	left: 61.5%;
}
.postion-img-pic7{
	position: absolute;
	top:56.5%;
	left: 4.2%;
}
.postion-img-pic8{
	position: absolute;
	top: 62.2%;
	left: 77%;
}
.postion-img-pic9{
	position: absolute;
	top: 33.2%;
	left: 18.6%;
	z-index: 2;
}
.postion-img-pic10{
	position: absolute;
	top: 10.8%;
	left: 38.8%;
	z-index: 2;
}
.postion-img-pic11{
	position: absolute;
	top: 54.5%;
	right:0.5%;
}
.postion-img-pic12{
	position: absolute;
	top: 22.9%;
	right:1.9%;
	z-index: 2;
}
.postion-img-pic13{
	position: absolute;
	top: 30.6%;
	left: 8.8%;
	z-index: 1;
}
.postion-img-pic14{
	position: absolute;
	top: 7.8%;
	left: 57.8%;
	z-index: 1;
}
.postion-img-pic15{
	position: absolute;
	bottom: 7.7%;
	left: 21.5%;
	z-index: 2;
}
.postion-img-pic16{
	position: absolute;
	top: 20.9%;
	left: 31.3%;
	z-index: 1;
}
.postion-img-pic17{
	position: absolute;
	top:43.5%;
	left: 0.2%;
}
.postion-img-pic18{
	position: absolute;
	top: 52.9%;
	left: 27.3%;
	z-index: 1;
}
.postion-img-pic19{
	position: absolute;
	top: 9.6%;
	left: 30.3%;
	z-index: 1;
}
.postion-img-pic20{
	position: absolute;
	bottom: 22.1%;
	left: 58.5%;
	z-index: 2;
}
.postion-img-pic21{
	position: absolute;
	bottom: 25.1%;
	left: 42.5%;
	z-index: 2;
}
.postion-img-pic22{
	position: absolute;
	top: 41.5%;
	left: 41%;
	z-index: 2;
}
.postion-img-pic23{
	position: absolute;
	top: 14.5%;
	left: 11.2%;
	z-index: 2;
}
.postion-img-pic24{
	position: absolute;
	top: 15.8%;
	left: 69.8%;
	z-index: 1;
}

.postion-img-pic25{
	position: absolute;
	top: 23.8%;
	left: 65.8%;
	z-index: 2;
}
.postion-img-pic26{
	position: absolute;
	bottom: 10.5%;
	left: 39%;
	z-index: 1;
}
.postion-img-pic:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
@keyframes righteaseinAnimate{
	0%{ transform: translateX(1000px);}
	100%{ transform: translateX(0px);}
}
@-webkit-keyframes righteaseinAnimate{
	0%{ -webkit-transform: translateX(1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
@-o-keyframes righteaseinAnimate{
	0%{ -webkit-transform: translateX(1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
@-ms-keyframes righteaseinAnimate{
	0%{ -webkit-transform: translateX(1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
@-moz-keyframes righteaseinAnimate{
	0%{ -webkit-transform: translateX(1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
.postion-img-picleft{
	animation: righteaseinAnimate 1s ease 1;
	-webkit-animation: righteaseinAnimate 1s ease 1;
	-ms-animation: righteaseinAnimate 1s ease 1;
	-o-animation: righteaseinAnimate 1s ease 1;
	-moz-animation: righteaseinAnimate 1s ease 1;
}
@keyframes lefteaseinAnimate{
	0%{ transform: translateX(-1000px);}
	100%{ transform: translateX(0px);}
}
@-webkit-keyframes lefteaseinAnimate{
	0%{ -webkit-transform: translateX(-1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
@-o-keyframes lefteaseinAnimate{
	0%{ -webkit-transform: translateX(-1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
@-ms-keyframes lefteaseinAnimate{
	0%{ -webkit-transform: translateX(-1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
@-moz-keyframes lefteaseinAnimate{
	0%{ -webkit-transform: translateX(-1000px);}
	100%{ -webkit-transform: translateX(0px);}
}
.postion-img-picright{
	animation: lefteaseinAnimate 1s ease 1;
	-webkit-animation: lefteaseinAnimate 1s ease 1;
	-ms-animation: lefteaseinAnimate 1s ease 1;
	-o-animation: lefteaseinAnimate 1s ease 1;
	-moz-animation: lefteaseinAnimate 1s ease 1;
}

/*0105洞察*/
.h3-line{
	border-bottom: 1px solid #333;
	line-height:4rem;
	position: relative;
	color: #333;
}
.h3-line>hr{
	position: absolute;
	display: block;
	width: 30%;
	height: 4px;
	background-color: #333;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	margin-top: 0;
}
.span-hr{
	display: inline-block;
	width: 8px;
	height: 2px;
	margin-right: 5px;
	background-color: #333;
	margin-bottom: 3px;
}
.p-color{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.p-color:hover{
	color: #f60861;
}
.p-color .span-hr:hover{
	background-color: #f60861;
}
.ingoing{
	width: 100%;
	height: 100%;
}
.ingoing-left{
	width: 61%;
	float: left;
}
.ingoing-right{
	display: block;
	width: 33.8%;
	float: right;
	text-align: center;
	padding: 59.5px 0;
}
.ingoing-left dt{
	font-size: 1.7rem;
	color: #000;
	margin-bottom: 15px;
	margin-top: 25px;
}
.ingoing-left dt a{
	color: #000;
}
.ingoing-left dt a:hover{
	color: #f60861;
}
.ingoing-left-dd1{
	font-size: 14px;
	color: #666;
	line-height:26px;
	margin-bottom: 20px;
	height: 110px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.ingoing-left-dd2a1{
	display: inline-block;
	color: #2f79b9 !important;
	font-size: 14px;
	padding-right: 15px;
	border-right: 1px solid #ccc;
	line-height: 14px;
}
.ingoing-left-dd2a2{
	display: inline-block;
	color: #2f79b9 !important;
	font-size: 14px;
	padding:0 15px;
}
.ingoing-left-dd2>span{
	color: #666;
	font-size: 14px;
}
/* 清除浮 动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
.ingoing-ul{
	width: 100%;
	height: 85px;
	position: relative;
}
.ingoing-ul>a{
	display: block;
}
.ingoing-ul li{
	font-size: 1.5rem;
	color: #333;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	width: 100px;
	cursor: pointer;
	padding-right: 18px;
	background: #fff url("../images/ingoing01_07.png")no-repeat 65px 17.5px;
}
.ingoing-ul li:hover{
	color: #fff;
	background: #f60861 url("../images/ingoing02_07.png")no-repeat 65px 17.5px;
}
.ingoing-ul li.checked{
	background: #f60861 url("../images/ingoing02_07.png")no-repeat 65px 17.5px;
	color: #fff;
}
.ingoing-ul .ingoing-ul-li1{
	top: 0;
	left: 0;
}
.ingoing-ul .ingoing-ul-li2{
	top: 33px;
	left: 140px;
}
.ingoing-ul .ingoing-ul-li3{
	top: 0;
	left: 280px;
}
.ingoing-ul .ingoing-ul-li4{
	top: 33px;
	left: 420px;
}
.ingoing-ul .ingoing-ul-li5{
	top: 0;
	left: 560px;
}
.ingoing-ul .ingoing-ul-li6{
	top: 33px;
	left: 700px;
}
.ingoing-detial-dl{
	width: 100%;
	text-align: left;
}
.ingoing-detial-dl h3{
	font-size: 18px;
	color: #000;
	margin-bottom: 18px;
	font-weight: bold;
}
.ingoing-detial-dl p{
	font-size: 14px;
	color: #777;
	margin-bottom: 18px;
	line-height: 24px;
}
.ingoing-detial-dl p img{
	width: 100%;
}

.ingoing-detial-dl dt{
	font-size: 18px;
	color: #000;
	margin-bottom: 18px;
}
.ingoing-detial-dl dd{
	font-size: 14px;
	color: #777;
	margin-bottom: 18px;
	line-height: 24px;
}
.ingoing-detial-dl dd img{
	width: 100%;
}
.ingoing-p img{
	margin-left: 15px;
	cursor: pointer;
}
.ingoing-btn{
	width: 100px;
	font-size: 14px;
	color: #999;
	height: 20px;
	position: absolute;
	right: 0;
	bottom:32px;
	background: transparent url("../images/201701061428_03.png")no-repeat left;
	margin: 0;
	padding-left: 13px;
	line-height: 20px;
	cursor: pointer;
}
.ingoing-btn-img{
	width: 260px;
	/*height: 245px;*/
	height: 327px;
	position: absolute;
	right: 0;
	top:135px;
	background-color: #fff;
	border: 1px solid #ccc;
	z-index: 999;
	padding: 10px;
	display: none;
}
.ingoing-btn-img>img{
	width: 100%;
}
.ingoing-btn-img>p{
	font-size: 14px;
	color: #333;
	text-align: center;
}

.aoy-lianxi{
	width: 100%;
	height: 217px;
	overflow: hidden;
}
.style-padding{
	padding: 0 60px;
}

.aoy-lianxi>img{
	width: 100%;
}

.aoy-backimg{
	background: url("../images/01061909_03.png")no-repeat center;
}
.aoying-p1{
	display: inline-block;
	font-size: 17px;
	color: #f60861;
	margin-top: 10px;
	text-align: center;
}
.aoying-p1>img{
	margin-bottom: 10px;
}
.aoying-p2{
	font-size: 14px;
	color: #777;
}


.padl60 {padding-left: 60px;}

/*0109*/
.fuwu-guanli{
	width: 100%;
	/*height: 217px;*/
	/*overflow: hidden;*/
	border: 1px solid #d7d7d7;
	position: relative;
}
.img-marginbt{
	margin-bottom: 90px;
}
.fuwu-guanli-div{
	width: 100%;
	height: 100%;
	padding: 65px 20px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.fuwu-guanli-divicon{
	width:82px;
	height: 82px;
	border-radius: 50%;
	position: absolute;
	top: -41px;
	left: 50%;
	margin-left: -41px;
	z-index: 3;
}

.fuwu-guanli-div-p1{
	font-size: 24px;
	color: #222;
	font-family: "微软雅黑";
	margin-bottom: 20px;
}
.fuwu-guanli-div-ul{
	width: 100%;
	text-align: center;
}
.fuwu-guanli-div-ul li{
	display: inline-block;
	font-size:14px;
	color: #222;
	line-height: 28px;
}
.fuwu-guanli-div-p1:hover{
	color: #f60861 ;
}
.fuwu-guanli-divicon1{
	background: #eee url("../images/010901_06.png")no-repeat center;
}
.fuwu-guanli-divicon1:hover{
	background: #f60861 url("../images/010907_06.png")no-repeat center;
}
.fuwu-guanli-divicon2{
	background: #eee url("../images/010902_06.png")no-repeat center;
}
.fuwu-guanli-divicon2:hover{
	background: #f60861 url("../images/010908_06.png")no-repeat center;
}
.fuwu-guanli-divicon3{
	background: #eee url("../images/010903_06.png")no-repeat center;
}
.fuwu-guanli-divicon3:hover{
	background: #f60861 url("../images/010909_06.png")no-repeat center;
}
.fuwu-guanli-divicon4{
	background: #eee url("../images/010904_06.png")no-repeat center;
}
.fuwu-guanli-divicon4:hover{
	background: #f60861 url("../images/010910_06.png")no-repeat center;
}
.fuwu-guanli-divicon5{
	background: #eee url("../images/010905_06.png")no-repeat center;
}
.fuwu-guanli-divicon5:hover{
	background: #f60861 url("../images/010911_06.png")no-repeat center;
}
.fuwu-guanli-divicon6{
	background: #eee url("../images/010906_06.png")no-repeat center;
}
.fuwu-guanli-divicon6:hover{
	background: #f60861 url("../images/010912_06.png")no-repeat center;
}

.mpage{
	display: none;
}

.ingoing-btn-img>.erw-closed{
	width: 50px;
	height: 30px;
	border: 1px solid #f60861;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	color: #f60861;
	line-height: 28px;
	cursor: pointer;
	border-radius: 3px;
}
.ingoing-btn-img>.erw-closed:hover{
	background-color: #f60861;
	color: #fff;
}
.padclass{
	padding-left: 60px;
}
.backgroundimg1{
	background-color: #000;background-image: url('../images/201606071331_02.png');background-position: center;
}
.backgroundpad1{
	padding:80px 0 200px 0 ;
}
.backgroundimg2{
	background-color: #fff;background-image: url('../images/201606071344_04.png');background-position: center;
}
.backgroundimg3{
	background-color: #000;background-image: url('../images/20160608160_10.png');background-position: center;
}
.backgroundimg4{
	background-color: #fff;background-image: url('../images/201606071400_02.png');background-position: center;
}
.backgroundimg5{
	background-color: #fff;background-image: url('../images/201606071410_02.png');background-position: center;
}
.backgroundimg6{
	background-color: #f5f5f5;background-image: url('../images/201606081104_06.png');background-position: center;
}
.backgroundimg7{
	background-color: #f5f5f5;background-image: url('../images/201606081149_10.png');background-position: center;
}



/*0328*/
@-moz-keyframes floatbtm{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0)
	}
	50%{
		-webkit-transform:translateY(12%);
		-moz-transform:translateY(12%);
		-ms-transform:translateY(12%);
		-o-transform:translateY(12%)
	}
	100%{
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0)
	}
}
@-webkit-keyframes floatbtm{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0)
	}
	50%{
		-webkit-transform:translateY(12%);
		-moz-transform:translateY(12%);
		-ms-transform:translateY(12%);
		-o-transform:translateY(12%)
	}
	100%{
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0)
	}
}
@keyframes floatbtm{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0)
	}
	50%{
		-webkit-transform:translateY(12%);
		-moz-transform:translateY(12%);
		-ms-transform:translateY(12%);
		-o-transform:translateY(12%)
	}
	100%{
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0)
	}
}
.dhanimation{
	-webkit-animation: floatbtm 1.5s ease infinite 0s;
	-moz-animation: floatbtm 1.5s ease infinite 0s;
	animation: floatbtm 1.5s ease infinite 0s;
}
