/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*a:hover{ text-decoration:none;}*/





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }
}

/*=====================================================================
	Helpar css
=======================================================================*/
.section_padding{
	padding:50px 0;
}

/*=====================================================================
	css for header area
=======================================================================*/
.header_overlay{
	/*background:url(../img/slider-overlay.png) repeat scroll 0 0;*/
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	bottom:0;
	z-index:14;
	padding-top:40px;
}
.carousel .carousel-indicators {
  position: absolute;
  right: 5%;
  top: 48%;
  z-index: 15;
  text-align:right;
  padding:0;
}
.carousel-indicators li {
display:block;
}
.carousel-indicators li:nth-child(2){
 margin-bottom: 10px;
margin-top: 10px;
}
.header_top{
	margin-bottom:115px;
}
.manu_div {
    position: fixed;
    width: 15%;
    left: 80%;
    text-align: right;
    top:5%;
    z-index: 16;
}
.menu-active {
  right: 20%;
}
.manu_div button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #008ad9;
  font-size: 30px;
  margin-top:10px;
}
.manu_div button:hover {
  color:#01659e;
}
.cbp-spmenu {
  background: #171717 none repeat scroll 0 0;
}
.cbp-spmenu img {
  padding-left: 25px;
  padding-top: 40px;
  padding-bottom:10px;
}
.cbp-spmenu-vertical a {
  border-bottom: medium none;
  color: #c4c4c4;
  font-family: "asapregular";
  font-size: 16px;
  padding: 15px 25px;
  text-transform:uppercase;
}
.cbp-spmenu-vertical a:hover{
  color: #fff;
  font-family: "asapbold";
  text-decoration:none;
  background: none;
}
.header_text1{
	margin-bottom:50px; float:right;
}
.header_text2{
	margin-bottom:70px; float:left;
}
.header_text3{
	margin-bottom:70px;
}
.header_text h1 {
  color: #fff !important;
  font-family: "karlaregular";
  font-size: 40px;
  line-height: 45px;
  margin: 0;
}
.header_text h1 span{
	font-family: 'karlabold';
}
.header_promo {
  color: #fff;
  text-align:center;
}
.single_promo{
	padding-top:60px;
}
.single_promo i {
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 30px;
  height: 60px;
  padding-top: 15px;
  width: 60px;
  margin-bottom:30px;
}
.single_promo h2 {
  font-family: "karlaregular";
  font-size: 24px;
  margin: 0 0 40px;
}
.single_promo a {
  font-family: "karlaregular";
  background:#27AE60;
  height:50px;
  display:block;
  font-size:18px;
  padding:12px 0;
  color:#fff;
  display:none;
}
.single_promo a:hover {
  text-decoration:none;
}
.single_promo:hover{
	width:100%;
	height:187px;
	padding-top:30px;
}
.single_promo:hover.single_promo a{
	display:block;
}

/*=====================================================================
	css for Hareme area
=======================================================================*/
.hireme_text {
  background: rgba(0, 0, 0, 0) url("../img/hire_bg.jpg") repeat scroll 0 0;
  display: block;
  height: 500px;
  padding-right: 0;
}
.hireme_inner {
  float: right;
  padding: 50px 20px 20px;
  width: 580px;
}
.hireme_inner h2 {
  color: #191919;
  font-family: "微软雅黑","asapregular";
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: 0;
}
.hireme_inner h2 span{
 font-family: "微软雅黑",'asapbold';
}
.hireme_inner p {
  color: #404040;
  font-family:"微软雅黑", "karlaregular";
  font-size: 16px;
  line-height: 29px;
  text-align: justify;
  text-indent:2em;
}
.hireme_inner a{
  border: 2px solid #2ec06c;
  border-radius: 5px;
  color: #2ec06c;
  display: inline-block;
  font-family:"微软雅黑", "asapregular";
  font-size: 18px;
  line-height: 29px;
  margin-top: 50px;
  padding: 20px 70px;
}
.hireme_inner a:hover{
text-decoration:none;
background:#2ec06c;
color:#fff;
border-radius:50px;
}
.my_work {
  margin-right: 10px;
}
.hair_me{
	margin-left: 10px;
	margin-right: 40px;
}
.hireme_slider {
  padding-left: 0;
  margin-top:30px;
}
#hireme_slide .item img {
  height: 450px;
  width: auto;
}
.hireme_slider .owl-wrapper-outer{
position:relative;
	
}
.hireme_slider .owl-controls {
  position: absolute;
  top: 45%;
  left:5%;
}
.hireme_slider .owl-page {
  display: block !important;
}
.hireme_slider .owl-page span {
  background: #404040 none repeat scroll 0 0 !important;
  opacity: 1 !important;
}
.hireme_slider .owl-page.active span,.hireme_slider .owl-page:hover span {
  background: #2ec06c none repeat scroll 0 0 !important;
}

.hireme_slider .owl-buttons{
	display:none;
}

/*=====================================================================
	css for Sarvice area
=======================================================================*/
.service_area{
padding-bottom:50px;
}
.service{
	text-align:center;
}
.service_title h2{
	color:#202020;
	font-family: "asapregular";
	font-size:30px;
	margin-top:0;
	margin-bottom:15px;
}
.service_title h2 span{
	font-family: 'asapbold';
}
.service_title p{
	font-family: 'asapregular';
	color:#202020;
	font-size:18px;
	line-height:29px;
	margin:0 15% 50px;
}
.single_servicr {
  margin-bottom: 50px;
}
.service_icon {
  float: left;
  width:30%;
}
.service_icon img{
  float: left;
  width: 100%;
  height:auto;
}
/*.service_icon i {
  color: #2ec06c;
  font-size: 35px;
}*/
.service_text {
  float: right;
  padding-right:40px;
  padding-left:10px;
  text-align: justify;
  width: 70%;
}
.service_text h3{
	color:#202020;
	font-size:20px;
	line-height:29px;
	font-family:"微软雅黑", 'asapbold';
	margin-top:0;
	margin-bottom:10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	
}
.service_text p{
	color:#666666;
	font-size:16px;
	height:80px;
	line-height:20px;
	font-family:"微软雅黑", 'karlaregular';
	overflow:hidden;
/*	white-space:nowrap;*/
	
	text-overflow:ellipsis;
	
	text-overflow: ellipsis;/* IE/Safari */
	
	-ms-text-overflow: ellipsis;
	
	-o-text-overflow: ellipsis;/* Opera */
	
	-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/
}

/*=====================================================================
	css for Sponsor area
=======================================================================*/
.sponsor_area {
  position: relative;
  text-align: center;
}
.sponsor_bg {
  background: rgba(0, 0, 0, 0) url("../img/sponsor_bg.jpg") no-repeat fixed center center / cover ;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sponsor_overlay{
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.sponsor_area h3{
	font-family:"微软雅黑", 'asapregular';
	font-size:24px;
	line-height:20px;
	color:#fff;
	margin-bottom:50px;
}
.sponsor_inner .owl-buttons {
  margin-top: -120px;
  padding-bottom: 50px;
  position: absolute;
  width: 100%;
  z-index: 999;
}
.sponsor_inner .owl-prev {
  background: rgba(0, 0, 0, 0) url("../img/left_nav.png") no-repeat scroll 0 0;
  height: 20px;
  width: 20px;
  float: left;
}
.sponsor_inner .owl-prev:hover {
  background: rgba(0, 0, 0, 0) url("../img/left_nav_h.png") no-repeat scroll 0 0;
}
.sponsor_inner .owl-next{
  background: rgba(0, 0, 0, 0) url("../img/right_nav.png") no-repeat scroll 0 0;
  float: right;
  height: 20px;
  width: 20px;
  z-index:16;
}
.sponsor_inner .owl-next:hover {
  background: rgba(0, 0, 0, 0) url("../img/right_nav_h.png") no-repeat scroll 0 0;
}

/*=====================================================================
	css for Project area
=======================================================================*/
.project_area {
  padding-bottom: 80px;
  text-align: center;
}
.prject_area_title {
  margin-bottom: 40px;
}
.prject_area_title h2{
color:#008bdc;
font-size:30px;
line-height:40px;
font-family: "微软雅黑",'asapregular';
margin-top:0;
margin-bottom:25px;
}
.prject_area_title h2 span{
font-family: "微软雅黑",'asapbold';
color:#008bdc;
}
.prject_area_title h2 a{
font-family: "微软雅黑",'asapregular';
text-decoration:none;
color:#000;
}
.prject_area_title p {
  color: #333;
  font-family: "微软雅黑","karlaregular";
  font-size: 16px;
  line-height: 29px;
  margin: 0 10% 15px;
}
.single_project{
	margin-bottom:20px;
}
.work_img{
	position:relative;
}
.project_overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: #008bdc none repeat scroll 0 0;
	transform: scale(0);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	opacity:0.9;
}
.project_overlay a {
  border: 2px solid #fff;
  border-radius: 5px;
  color: #fff;
  font-family: "asapregular";
  font-size: 16px;
  left: 27%;
  padding: 15px 40px;
  position: absolute;
  top: 40%;
}
.project_overlay .button {
  border: 3px solid #fff;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  left: 0;
  letter-spacing: 1px;
  outline: medium none;
  overflow: hidden;
  padding: 15px 40px;
  position: relative;
  text-transform: uppercase;
  top: 40%;
  transition: all 0.3s ease 0s;
  text-decoration:none;
}
.project_overlay .button:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: 3px solid #fff;
  color: #fff;
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.project_overlay .button:hover,
.button:active {
  color: #008bdc;
  text-decoration:none;
}
.project_overlay .button:hover:after {
  height: 225%;
  opacity: 1;
}
.project_overlay .button:active:after {
  height: 225%;
  opacity: 1;
}
.single_project img {
  width: 100%;
  transition: all 1.2s linear;
}
.single_project h3 {
  background: #1a97e0 none repeat scroll 0 0;
  border-radius: 0 0 10px 10px;
  color: #fff;
  font-family:"微软雅黑", "asapregular";
  font-size: 20px;
  margin: 0;
  padding: 15px 0;
}
.single_project:hover div.project_overlay {
	transform: scale(1);
}

/*=====================================================================
	css for Testmonial area
=======================================================================*/
.testmonial_area{
position:relative;
color:#fff;
text-align:center;
}
.testmonial_bg {
  background: rgba(0, 0, 0, 0) url("../img/feedback_bg.jpg") no-repeat fixed center center / cover ;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.testmonial_overlay{
 /* background:url(../img/feedback_ov.png) repeat;*/
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.testmonial i {
  color: #0189e1;
  font-size: 35px;
  margin-bottom: 30px;
}
.c_comment{
	font-family:"微软雅黑", 'asapregular';
	font-size:18px;
	line-height:29px;
	margin-top:0;
	margin-bottom:30px;
	color:#2f2f2f;
}
.c_name{
	font-family: "微软雅黑",'asapbold';
	color:#0189e1;
	font-size:26px;
	margin-top:0;
	margin-bottom:20px;
	font-weight:700;
}
.c_name span{
	font-family:"微软雅黑", 'asapitalic';
	color:#2f2f2f;
	font-size:26px;
}
.testmonial div.owl-page span {
  background: #b3b3b3 none repeat scroll 0 0 !important;
  opacity: 1 !important;
}
.testmonial .owl-page.active span,.testmonial .owl-page:hover span {
  background: #0189e1 none repeat scroll 0 0 !important;
}

/*=====================================================================
	css for Contact area
=======================================================================*/
.contact_area {
  padding-bottom: 171px;
}
.contact_a_title{
	text-align:center;
	margin-bottom:45px;
}
.contact_a_title h2{
	font-family: 'asapregular';
	color:#202020;
	font-size:30px;
	line-height:40px;
	margin-top:0;
	margin-bottom:25px;
}
.contact_a_title h2 span{
	font-family: 'asapbold';
	color:#2EC06C;
}
.contact_a_title p{
	color:#666666;
	font-family: 'karlaregular';
	font-size:16px;
	margin:0 15% 15px;
}
.single_social a {
  border: 1px solid;
  border-radius: 5px;
  display: block;
  font-size: 60px;
  height: 180px;
  margin-bottom: 35px;
  padding-top: 25%;
  text-align: center;
}
.facebook{
	border-color:#3b5998;
	color:#3b5998;
	
}
.facebook:hover{
	color:#fff;
	border-color:#3b5998;
}
.fb_link .hvr-bounce-to-bottom:before {
  background: #3b5998 none repeat scroll 0 0;
}
.twitter{
	border-color:#00aced;
	color:#00aced;
}
.twitter:hover{
	border-color:#00aced;
	color:#fff;
}
.tw_link .hvr-bounce-to-bottom:before {
  background: #00aced none repeat scroll 0 0;
}
.instagram{
	border-color:#517fa4;
	color:#517fa4;
}
.instagram:hover{
	border-color:#517fa4;
	color:#fff;
}
.int_link .hvr-bounce-to-bottom:before {
  background: #517fa4 none repeat scroll 0 0;
}
.dribbble{
	border-color:#ff0084;
	color:#ff0084;
}
.dribbble:hover{
	border-color:#ff0084;
	color:#fff;
}
.dri_link .hvr-bounce-to-bottom:before {
  background: #ff0084 none repeat scroll 0 0;
}
.contact_box input[type="text"], .contact_box input[type="mail"], .contact_box input[type="numbar"], .contact_box textarea {
  color: #666666;
  font-family: "asapregular";
  font-size: 16px;
  margin-bottom: 20px;
  border-radius: 5px !important;
}
.contact_box input[type="text"],
.contact_box input[type="mail"],
.contact_box input[type="numbar"]{
	height:45px;
}
.contact_box .form-control:focus {
  border-color: #2EC06C;
  box-shadow: none;
  outline: 0 none;
}
.massage_a{
	position:relative;
}
.massage_s {
  background: #2ec06c none repeat scroll 0 0;
  border-radius: 0 5px 5px 0;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  height: 100%;
  padding-left: 15px;
  padding-top: 102px;
  position: absolute;
  right: 16px;
  top: 0;
  width: 50px;
  z-index: 2;
}
.massage_s i{
color:#fff;

}

/*=====================================================================
	css for Footer area
=======================================================================*/
.footer_area {
  background: #eeeeee none repeat scroll 0 0;
  margin: 0;
  padding: 15px;
}
.footer_area p{
	font-family:"微软雅黑", 'asapitalic';
	font-size:16px;
	color:#2f2f2f;
	margin:0;
}
.footer_area p a{
	font-family:"微软雅黑", 'asapbold';
	color:#3f9cc8;
}
.footer_area p a:hover{
	text-decoration:none;
}
.main-bg{}
.fa-paper-plane{}


/*=====================================================================
	css for oel helper
=======================================================================*/
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

/*== 服务流程4板块 =========*/
.cpzl{ margin-top:10%;}
.tupian img{ width:100%; height:auto;}

.mass{ padding:0;}
.blank1{  background-image:url(../img/4_1.png); background-color:#f7fcff; background-repeat:no-repeat; background-position:center center;
	padding:32px 0;}
.blank2{ 
	background-image:url(../img/4_2.png); background-color:#e5f6fe; background-repeat:no-repeat; background-position:center center;
	padding:55px 0;
	}
.blank3{ 
	background-image:url(../img/4_3.png); background-color:#f7fcff; background-repeat:no-repeat; background-position:center center;
	padding:34px 0;}
.blank4{ 
	background-image:url(../img/4_4.png); background-color:#dff5ff; background-repeat:no-repeat; background-position:center center;
	padding:34px 0;}
	
.mass p{
	width:100%;
	font-family:"微软雅黑", 'asapbold';
	color:#2f2f2f;
	clear:both;}
.numeral{
	 width:8%;
	 float:left; 
	 display:block;
	 line-height:28px; 
	 font-size:16px;
	 }
.mass p i{
    width:92%;
    float:left;
    font-style: normal;
    display:block; 
    line-height:28px; 
	font-size:16px;
}
.blank_top{ 
	padding-top:20px;
	}
.before{
	width:110px;
	font-family:"微软雅黑", 'asapbold';
	color:#008bdc;
	font-size:24px;
	line-height:55px;
	border-bottom:2px #008bdc solid;
	display:block;
	float:left;
	text-align:right;
	text-indent:5px;
	}
.Behind{
	width:70%;
	font-family:"微软雅黑", 'asapbold';
	color:#2f2f2f;
	font-size:24px;
	line-height:55px;
	border-bottom:2px #cacaca solid;
	display:block;
	float:left;
	text-indent:5px;}

/*==  渠道  =================================*/
.channel_blank1 strong.bt{ text-align:center; font-size:3em; width:100%; display:block; color:#1179bc; font-family:"微软雅黑";}
.channel_blank1 strong.bt_x{ text-align:center; font-size:1.1em; width:100%; display:block; color:#ccc; font-family:"微软雅黑"; margin-bottom:30px;}

.channel{ background: url(../img/6.jpg) no-repeat 100% 10%; /*opacity:0.3; filter:alpha(opacity=30);-moz-opacity:0.3;*/}
.qudao{ width:100%; height:auto; text-align:center; letter-spacing:0.8em; display:block; line-height:35px; font-size:16px; font-family:"微软雅黑";}
.channel_blank1 img{ width:100%; height:auto; border:3px #fff solid; text-shadow: 5px; box-shadow: 9px 9px 9px 9px #333 inset;}


.menu_right{ float:right;}


.logo_div img{ width:100px; height:auto;}


/*===footer=====*/
.footer_content{ padding-top:3%;}
.box{ width:100%; height:auto; float:right;}

.ewm {width:40%;float:right; margin-left:2%; margin-top:5px;}
.ewm span{ width:100px; height:auto; float:left; display:block; margin-right:8%; font-family:"微软雅黑"; line-height:25px; font-size:1.0em; text-align:center;}
.ewm img{ width:100px; height:auto; }


.footer_content_right{ margin-top:0px;}

.footer_content_right ul li a {
    text-decoration: none;
    color: #000;
    position: relative;
    display: block;
    width: 100%; padding-left:15px;
}

.content{ width:58%;  font-size: 14px;  line-height: 28px;font-family:"微软雅黑"; float:right; letter-spacing:1px;color:#000; padding-top:5px;}

.footer_blank1{ width:48%; height:auto; background:#038dd8; display:block; float:left; margin-right:2%; margin-bottom:2%;}
.footer_blank1_left{ width:20%; height:auto; display:block; float:left; background:#0578b7; padding:3%;}





.footer_blank1_right{ width:80%; display:block; float:left; font-size:1em; color:#fff; padding-left:4%; line-height:20px;}
.footer_blank1_right h4{ font-family:"微软雅黑"; font-size:1.1em; color:#fff; font-weight:700; line-height:20px; margin:0; letter-spacing:1px; padding-top:10px;}

.footer_bt{ text-align:center; line-height:40px; font-family:"微软雅黑";}

@media only screen and (max-width: 767px){
	
.service_icon { width:100%; height:auto;}	
.service_text {
    padding-right: 20px;
    width:100%;
}
.footer_logo{ display:none;}

.ewm{ width:100%;}
.content{ width:100%;}	
.project_overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: none;
	transform: scale(0);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	/*opacity:0.9;*/
}
}

.clear{ clear:both;}
.banner{ margin-bottom:30px;}
.banner img{ width:100%; height:auto;}

.header_overlay1{ padding-top:40px;}
.header_top1 {
     margin-bottom: 0px; 
}
.section_padding1 { padding-top:0px; padding-bottom:50px;}


/*==== 新闻资讯 =================================*/
.stitle {
    border-bottom: 2px solid #c1c1c1;
    line-height: 33px;
	height:35px;
}
.stitle span {
    float: left;
	display:block;
    border-bottom: 2px solid #fff;
}
.stitle span em {
    font-size: 20px;
    color: #222222;
    border-bottom: 2px solid #1880c8;
    padding: 0 2px;
    display: block;
}
.stitle .more {
    float: right;
    color: #9e9e9e;
    font-size: 14px;
}
.military .con, .society .con {
    margin-top: 20px;
}
.military .pic, .society .pic {
    float: left;
    width: 48%;
    overflow: hidden;
	margin-right:2%;
}
.military .text, .society .text {
    font-size: 16px;
    width: 48%;
    float: right;
    overflow: hidden;
	margin-left:2%;
}

.military .pic .first, .society .pic .first {
    width: 100%;
}
.pic ul{ padding:0;}
.first img{ width:100%; height:auto;}

.pic .clearfix img{ width:100%; height:auto;}
.military .pic li, .society .pic li {
    width:49%;
    float: left;
    margin-bottom: 10px;
}
.rit{ margin-right:2%;}

.military .pic li a, .society .pic li a {
    display: block;
    color: #404040;
    overflow: hidden;
}
.military .text ul{ padding:0;}
.military .text li, .society .text li {
    height: 54px;
    line-height: 54px;
    overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
	text-align:left;
}

/*== 新闻bannenr ====*/
.new_banner{ margin-bottom:50px; margin-top:20px;}

/*== 新闻列表 ====*/
.news_list_img img{ width:100%; height:auto;}

.mfk_list{ }
.mfk_list h1{ font-family:"Microsoft YaHei"; font-size:1.5em; color:#000; margin:0 0 8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:35px; line-height:35px; text-align:left; margin-top:10px;}

.time{ width:12%;display:block; float:left;border:1px #ccc solid;}
.time .day{ width:100%; height:47px; line-height:47px; background:#cccccc; font-family:"Microsoft YaHei"; font-size:2.8em; color:#fff; text-align:center; display:block;}
.time .year{ width:100%; height:20px; line-height:20px; background:#fff; font-family:"Microsoft YaHei"; font-size:13px; color:#cbd0d8; text-align:center; display:block;}
.time_text{ width:86%; height:58px;float:right; overflow:hidden;}
.time_text h2{ font-family:"Microsoft YaHei"; font-size:1.2em; color:#000; margin:0 0 8px 0; /*white-space:nowrap; overflow:hidden;*/ text-overflow:ellipsis; height:45px; line-height:20px; text-align:left;}
.time_text h2{font-size:1em; color:#707070;margin:0 0 3px 0;}

.hr_datelist{ width:100%; height:auto; font-family:"Microsoft YaHei"; font-size:1em; color:#9b9b9a; text-align:right; margin:0; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; clear:both; color:#F00;}

a:hover .time{ border:1px #1892e8 solid;}
a:hover .time .day{ background:#fff; color:#1892e8;}
a:hover .time .year{background:#1892e8; color:#fff;}
a:hover .time_text h1,a:hover .time_text h2,a:hover .time_text .hr_datelist{ color:#d4d4d4;}

.news_list_margin{ margin:1% 0; padding:0 0 10px 0; border-bottom:1px #e7e7e7 dashed;}

/*== 新闻首页返回 ==*/
.c_til {
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 27px;
    text-align: right;
    height: 60px;
    z-index: 99;
}
.c_til em {
    display: inline-block;
    padding-left: 21px;
    background: url(../img/m_ico.png) no-repeat 0 6px;
}
.c_til a {
    color: #666;
    padding: 0 6px;
}
.c_til i {
    color: #006db8;
    padding-left: 6px;
}

/*=== 新闻内容页 ===*/
.nco_l{ width:100%; height:auto;}
.xwbt{ line-height:45px; margin-bottom:30px; border-bottom:1px #CCC dashed;}
.xwbt span{ margin:0 3%; color:#666;}
.xwbt b{ float:right;}

.nco_bg p{ text-align:left;}
.nco_bg p img{ max-width:100%;}
.nco_l h5 a {
    color: #666;
    font-size: 14px;
    margin: 0 1%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:48%;
 float:left; display:block;
 margin-top:30px;
}
.nco_l h5 a i{ font-style: normal; color: #0567ab;}



/*== 合作伙伴 ==*/
/* product */
.product{width:23%; padding:2% 0 0 2%; margin:1%; position:relative; float:left; list-style:none; border:1px #e9e9e9 dashed;}
.product img{display:block; position:relative; cursor:pointer;}
.product:hover .product-hover, .product:active .product-hover{opacity:1;}
.product-hover{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
	background-size:30px 30px;
	background-image:-webkit-linear-gradient(45deg, rgba(42, 172, 241, 1) 25%, transparent 25%, transparent 50%, rgba(42, 172, 241, 1) 50%, rgba(42, 172, 241, 1) 75%, transparent 75%, transparent);
	background-image:-moz-linear-gradient(45deg, rgba(42, 172, 241, 1) 25%, transparent 25%, transparent 50%, rgba(42, 172, 241, 1) 50%, rgba(42, 172, 241, 1) 75%, transparent 75%, transparent);
	background-image:linear-gradient(45deg, rgba(42, 172, 241, 1) 25%, transparent 25%, transparent 50%, rgba(42, 172, 241, 1) 50%, rgba(42, 172, 241, 1) 75%, transparent 75%, transparent);
	-webkit-animation:barberpole 0.5s linear infinite;
	-moz-animation:barberpole 0.5s linear infinite;
	animation:barberpole 0.5s linear infinite;
}
@-webkit-keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

@-moz-keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}

@keyframes barberpole{
	from{
		background-position:0 0;
	}
	to{
		background-position:60px 30px;
	}
}
.hz_name{ width:90%; line-height:35px; text-align:center; line-stacking:3px; font-size:1.2em; font-family:"Microsoft YaHei";}

.ipone{ width:100%; text-align:left; display:block;}
.ipone span{ width:30%; display:block; float:left; text-align:right; color:#fff; font-weight:700; margin-right:1%;}

/*== 走进美芙康 ==*/
.Company{ border:1px #ccc solid; padding-bottom:50px;}
.Company p{ text-align:left;}
.Company img{ width:100%; height:auto; margin-top:20px;}

/*== 专家团队 ==*/
.team{border:1px #ccc solid;}
.team ul{ width:100%; height:100%; padding:3%; }
.team ul li{ width:100%; height:auto; float:left; list-style:none; margin:1%; border-bottom:1px #e9e9e9 dashed; padding:2%;}
.man{ width:35%; height:auto; float:left;}
.man img{ width:100%; height:auto;}
.introduce{ width:65%; height:230px; float:left; text-align:left; padding:3%;}
.introduce h4{ color:#69F; font-weight:700;}
.introduce p{}


.txt a{ line-height:35px;}
.txt a:hover{ color:#666; text-decoration:none;}

/*== 合作品牌 ==*/
.partners {border:1px #ccc solid; padding:3% 3% 5%;}
.hzpp{ width:100%; height:100%; padding:0;}
.hzpp li{ width:23%; height:auto; float:left; list-style:none; margin:1%; border-bottom:1px #e9e9e9 dashed; }
.hzpp li img{ width:100%; height:auto;}

.qyry{ width:100%; height:100%; padding:0;}
.qyry li{ width:46%; height:auto; float:left; list-style:none; margin:2%; border-bottom:1px #e9e9e9 dashed; }
.qyry li img{ width:100%; height:auto; border-radius:3px}

.tdry{ width:100%; height:100%; padding:0;}
.tdry li{ width:46%; height:auto; float:left; list-style:none; margin:2%; border-bottom:1px #e9e9e9 dashed; }
.tdry li img{ width:100%; height:auto; border-radius:3px}

/*== 产品内容页 ==*/
.made_r {  float: right;text-align:left;}
.made_r h4 { font-size: 24px;  font-weight: normal; margin-bottom: 15px;}
.made_r h4 a { color: #006db8;}
.made_r .des { font-size: 14px; color: #666; line-height: 24px;}
.made_r .des b { font-size: 16px; color: #333;}
.made_r .tel { display: block; font-size: 14px; color: #006db8; margin: 10px 0 15px;}
.made_r .tel b { font-size: 18px;}
.made_r .zx a { display: inline-block; width: 50%; height: 40px; line-height: 40px;text-align: center; color: #fff; font-size: 14px;  background-color: #006db8; display:block; float:left;}
.made_r .zx .more { background-color: #97d231; color: #fff;}
.made_r>b {  display: block; font-size: 18px; margin: 22px 0 18px;  color: #333;}
.made_r .guan { width:100%; height:auto; float:left;}
.made_r .guan a { width:32%; float: left; margin-right:1%; display:block;}
.made_r .guan a:hover { border:1px #ccc solid;}
.made_r .guan a img{ width:100%; height:auto;}

.cp_conter{ padding:2% 1%; line-height:25px; text-align:left;}
.cp_conter img{ max-width:100%; height:auto;}


/*=== 留言 ===*/
.hr_mainright{  width:100%; height:auto; float:left; }
.mainrighttitle{font-size:30px;line-height:50px;width:80%; margin:0 auto;color:#333; overflow:hidden;text-align:center;}
.mainrightabout{padding:30px 0 20px 0px;}
.mainrightabout p{font-size:15px;line-height:30px;margin-bottom:10px;/*text-indent:2em;*/}
.mainrightabout img{max-width:100%; height:auto; margin-left:0px; padding-left:0px;}

.hr_form div{margin-bottom:15px; width:50%; float:left;}
/*.hr_form div:after {display: block;clear: both;content:'';}*/
.hr_form div label{width:25%; float:left;text-align:right;padding-right:10px;font-size:16px;line-height:44px; font-weight:normal;}
.hr_form div input[type="text"]{font-size: 1em;width: 75%;padding: 0.8em 1em;margin-bottom: 1em;background: #fff;outline: none;border: 1px solid #D6D5D5;color: #8B8A8A;-webkit-appearance: none;float:left;}
.hr_form div textarea {resize: none;font-size: 1em;width:75%;height:7em;padding: 0.8em 1em;background: #fff;outline: none;border: 1px solid #D6D5D5;color: #8B8A8A;-webkit-appearance: none;float:left;}
.hr_form div input[type="submit"] {background: #a2a1a1;color: #fff;font-size: 1em;width:8%;margin-top: 0.8em;border: none; padding: 2% 9% 2% 2%outline: none;margin-right:20px;}
.hr_form div input[type="submit"]:hover {background:#1a97e0;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;}

/*=== 产品左侧导航 ===*/
.hr_mainleft_title {/*padding-top: 50px;*/ padding-bottom: 15px;}
.hr_mainleft_title1 { padding-top: 50px; padding-bottom: 15px;}

.hr_mainleft_title h3 { margin-top: 0px; font-size: 28px; color: #333; margin-bottom: 5px;text-align:left;}
.hr_mainleft_title span { margin-top: 0px; font-size: 20px; color: #666666;text-align:left;display:block;width:100%;}
.hr_mainleft_title img{ width:100%; height:auto;}

.hr_mainleft_title1 h3 { margin-top: 0px; font-size: 28px; color: #333; margin-bottom: 5px;text-align:left;}
.hr_mainleft_title1 span { margin-top: 0px;  font-size: 20px; color: #666666;text-align:left;display:block;width:100%;}
.hr_mainleft_title1 img{ width:100%; height:auto;}

/*=== 联系我们 ===*/
.link_bg{  background:url(../img/shutterstock_184584440.jpg) no-repeat; padding:1% 0 5%;}

.dianhua{ padding-top:50px; text-align:left; padding-left:50px;}

.cc_con dl { overflow: hidden; float: left; width: 100%; float: left;}
.cc_con dl dd { width:100%; float: left; text-align:left;}
.cc_con dl dd h3 { color: #006db8; font-size: 20px; font-weight: normal;  padding-top: 13px;  margin-bottom: 23px;}
.cc_con dl dd p { width:46%; /*font-size: 14px;*/ color: #333; line-height: 26px; margin:0 2% 3%; float:left;}
.cc_con dl dd p i { display: block; font-size: 16px; font-weight: bold;}


/*=== 右侧浮动 ===*/
.im-box { width: 47px; position: fixed; top: 250px; right: 0; z-index: 999; }
.im-box .im-ewm { width: 47px; height: 49px; /*border: 1px solid #e8e8e8;*/ position: relative; }
.im-box .im-ewm .ewm-hover { position: absolute; left: -133px; top: 0px; display: none; }
.im-box .im-ewm:hover .ewm-hover { display: block; }

/*==== 地图 ====*/
.mfk_map{ width:660px; height:520px;}


/*===== 首页banner =====*/
.item .fill img{ width:100%; height:auto;}



@media only screen and (max-width: 767px) {
.hr_form div{ width:50%; height:auto;}

.product {
    width:23%;
    padding: 2% 1% 0 1%;
    margin: 1%;
    position: relative;
    float: left;
    list-style: none;
    border: 1px #e9e9e9 dashed;
}
.product img{ width:100%; height:auto;}
.im-box{ display: none;}
.Company {
    border: none;
    padding-bottom: 50px;
}
}
@media only screen and (max-width:480px) {
.before {
    width:30%;
    font-family: "微软雅黑", 'asapbold';
    color: #008bdc;
    font-size:16px;
    line-height: 55px;
    border-bottom: 2px #008bdc solid;
    display: block;
    float: left;
    text-align: center;
    text-indent: 5px;
}
.Behind {
    width: 70%;
    font-family: "微软雅黑", 'asapbold';
    color: #2f2f2f;
    font-size: 16px;
    line-height: 55px;
    border-bottom: 2px #cacaca solid;
    display: block;
    float: left;
    text-indent: 5px;
}
.channel_blank1 strong.bt {
    text-align: center;
    font-size:1.2em;
    width: 100%;
    display: block;
    color: #1179bc;
    font-family: "微软雅黑";
}
.prject_area_title p {
	width:100%;
    color: #333;
    font-family: "微软雅黑","karlaregular";
    font-size: 14px;
    line-height:25px;
    margin: 0 1% 15px;
	text-align:left;
/*	text-indent:2em;*/
	clear:both;
}
.logo_div{ width:40px; height:auto; margin:0 0 3% 0;}
.new_banner{ width:100%; height:auto;}
.new_banner img{ width:100%; height:auto;}
.military .pic, .society .pic {
    float: left;
    width: 98%;
    overflow: hidden;
    margin: 1%;
}
.military .text, .society .text {
    font-size: 16px;
    width: 98%;
    float: right;
    overflow: hidden;
    margin: 1%;
}

.hezhb{ padding:0; margin:0;}
.product {
    width:48%;
    padding: 2% 1% 0 1%;
    margin: 1%;
    position: relative;
    float: left;
    list-style: none;
    border: 1px #e9e9e9 dashed;
}
.product img{ width:100%; height:auto;}

	
.hireme_inner{ width:100%;}
.single_servicr{ margin-bottom:10px;}


.footer_content{ margin:0; padding:0;}
.footer_content p img{ display:none;}
.ewm span{ width:31%; margin:1%;}
.ewm span img{ width:70px;}

.content{ width:100%; height:auto;}
.footer_blank1{ width:100%; height:auto;}
.footer_bt{ width:100%; line-height:25px; margin:0; padding:0; clear:both;}

.ipone{ color:#fff;}
.ipone a{ color:#333;}
.ipone span {
    width: 42%;
    display: block;
    float: left;
    text-align: right;
    color: #fff;
    font-weight: 700;

}
.cc_con dl dd p {
    width: 96%;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    margin: 0 2% 3%;
    float: left;
}
.mfk_map{ width:100%; height:350px; }


.hr_form div{ width:100%; height:auto;}
.hr_form div label{ width:25%; text-align:right; float:left;}
.hr_form div input[type="text"]{font-size: 1em;width: 75%;padding: 0.8em 1em;margin-bottom: 1em;background: #fff;outline: none;border: 1px solid #D6D5D5; color: #8B8A8A;-webkit-appearance: none;float:left;}
.hr_form div input{
    background: #a2a1a1;
    color: #fff;
    font-size: 1em;
    width: 8%;
    margin-top: 0.8em;
    border: none;
    padding: 2% 9% 2% 2%;
    outline: none;
}
.team{ border:none;}
.dianhua{ padding-top:20px; text-align:left; padding-left:10px;}
.single_project{ padding:1%; margin:0;}
.prject_area_title {
    margin-bottom: 0px;
}
#hireme_slide .item img {
  height:auto;
  width: 100%;
}
.Company {
    border: none;
    padding-bottom: 50px;
}
.logo_div img{ width:60px; height:auto;}
}
@media only screen and (max-width:380px) {
	.hr_form div{ width:100%; height:auto; margin-bottom:0;}
	.hr_form div label{ width:25%; text-align:right; float:left; font-size:12px; line-height:25px; padding-top:10px;}
.hr_form div input[type="text"]{font-size: 0.8em;width: 75%;padding: 0.4em 1em;margin-bottom: 1em;background: #fff;outline: none;border: 1px solid #D6D5D5; color: #8B8A8A;-webkit-appearance: none;float:left;}
.hr_form div input[type="submit"] {
    background: #a2a1a1;
    color: #fff;
    font-size: 1em;
    width: 8%;
    margin-top: 0.8em;
    border: none;
    padding: 2% 11% 2% 2%;
    outline: none;
    margin-right: 20px;
}
.single_project{ padding:2%; margin:0;}
.prject_area_title {
    margin-bottom: 0px;
}

.cp_list_left ul{ padding:0; }
#hireme_slide .item img {
  height:auto;
  width: 100%;
}
.Company {
    border: none;
    padding-bottom: 50px;
}
.prject_area_title h2 p span {
    font-family: "微软雅黑",'asapbold';
    color: #008bdc;
    text-align: center;
    width: 100%;
    display: block;
}
.logo_div img{ width:50px; height:auto;}
}
/*====== 地图 =================*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



/*== 底部 ==*/
.footer_blank1_right a{ color:#fff;}