ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: normal;
    vertical-align: baseline;
    _zoom: 1;
    -webkit-text-size-adjust: none;
}
#bg-video-box {
		      margin: 0; padding: 0;
		      position: relative;
		      height: 100%;
		      width: 100%;
		      float: none;
		    }

		    #container {
		      overflow: hidden;
		      position: absolute;
		      top: 0; left: 0px; right: 0; bottom: 0;
		    }

		    #background_video {
		      position: absolute;

		      top: 50%; left: 50%;
		      transform: translate(-50%, -50%);

		      object-fit: cover;
		      height: 100%; width: 100%;
		    }

		    #video_cover {
		      position: absolute;

		      width: 100%; height: 100%;
		      background-size: cover;
		      background-position: center;
		      background-repeat: no-repeat;
		    }

		    #video_controls {
		      position: absolute;
		      left: 50%;
		      transform: translate(-50%, 0);
		    }

		    #play img {
		      width: 100px;
		    }
		    #pause img {
		      width: 90px;
		    }
		    #pause {
		      display: none;
		    }

		    @media (min-width: 768px) {
		      #video_controls {
		        display: none;
		      }
		    }

		    /* Demo page specific styles */

		    #bg-video-box {
		      text-align: center;
		      font-family: 'proxima-nova', Helvetica;
		    }

		    #container {
		      height: 100%;
		    }

		    #overlay {
		      position: absolute;
		      top: 0; right: 0; left: 0; bottom: 0;
		      background: rgba(0,0,0,0.4);
		      -webkit-transition: color,0.8s, ease;
			    -moz-transition: color,0.8s, ease;
			    transition: color,0.8s, ease;
		    }

		    #main_content {
		      z-index: 2;
		      position: relative;
		      display: inline-block;

		      /* Vertical center */
		      top: 50%;
		      transform: translateY(-50%);
		    }

		    #main_content h1 {
		      text-transform: uppercase;
		      font-weight: 600;
		      font-family: 'proxima-nova-condensed', Helvetica;
		      color: #fff;
		      font-size: 35px;
		    }

		    #main_content .sub_head {
		      color: rgba(255,255,255,0.5);
		      font-size: 18px;
		    }

		    #main_content .info {
		      color: rgba(255,255,255,0.5);
		      font-size: 12px;
		      margin-top: 10px;
		    }

		    #links {
		      margin-top: 50px;
		    }

		    #links a {
		      border: 2px solid rgba(255,255,255,0.20);
		      border-radius: 61px;
		      font-size: 12px;
		      color: #FFFFFF;
		      letter-spacing: 1px;
		      text-decoration: none;
		      text-transform: uppercase;
		      padding: 10px 25px;
		      display: inline-block;
		      margin-right: 15px;
		    }

		    #footer {
		      position: absolute;
		      bottom: 0; left: 0; right: 0;
		    }
		    #footer a {
		      color: rgba(255,255,255,0.5);
		      text-decoration: none;
		      margin: 10px;
		      font-size: 12px;
		    }
		    #footer a:first-child {
		      float: left;
		    }
		    #footer a:last-child {
		      float: right;
		    }
		    #video_controls{
					color: #f9f9f9;
					position: absolute;
					left: 50px;
					bottom: 20px;
					cursor: pointer;
					transition: all .5s;
					-o-transition: all .5s;
					-webkit-transition: all .5s;
					-ms-transition: all .5s;
					-moz-transition: all .5s;
				}
section h2{color:#525252; font-size:24px; font-weight: normal; padding-top:65px; text-align:center; -webkit-animation:gdownIn 1s 0.7s both; -moz-animation:gdownIn 1s 0.7s both; animation:gdownIn 1s 0.7s both;}
section aside{color:#666; font-size:16px; margin-bottom:75px; text-align:center; -webkit-animation:gdownIn 1s 0.9s both; -moz-animation:gdownIn 1s 0.9s both; animation:gdownIn 1s 0.9s both;}
.works_link{width:1200px; height:72px; margin:auto; line-height:72px; border-top:1px dotted #d1d1d1; text-align:center; font-size:14px; -webkit-animation:gdownIn 1s 1.2s both; -moz-animation:gdownIn 1s 1.2s both; animation:gdownIn 1s 1.2s both;}


li{list-style:none;}

#news{width:1200px; margin:30px auto; overflow:hidden;}
#news .item{float:left; width:370px; height:530px; margin-right:20px; background:#f8f8f8; position:relative;}
#news .item h3, #news .signing h3{margin:32px 0 30px; font-size:14px; line-height:18px;}
#news .item h3 a, #news .item h3 a:hover, #news .signing h3 a, #news .signing h3 a:hover{color:#999;}
#news .item h5{font-size:15px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .item a{color:#000; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news .item a:hover{color:#8fc35d;}
#news .item span{display:block; font-size:12px; line-height:12px; margin:10px 0 5px; color:#999;}
#news .item summary{height:46px; color:#999; overflow:hidden;line-height: 24px;margin: 5px 0 20px;}
#news .item h3, #news .item h5, #news .item span, #news .item summary{padding:0 18px;}
#news .pic{position:absolute; bottom:0; left:0; width:100%; height:200px; overflow:hidden;}
/*#news .pic:after{content:''; display:block; position:absolute; top:0; left:30px; width:0; height:0; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #f8f8f8;}*/
#news .pic img{width:100%;}

#news .signing{float:right; width:420px; height:530px; padding:0 30px; background:#f8f8f8; overflow:hidden;}
#news .signing ul{width:100%;margin: 0;padding: 0;}
#news .signing ul li{height:42px; line-height:42px; font-size:16px; position:relative;}
#news .signing ul li a{display:block; height:42px; width:300px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news .signing ul li a:hover{color:#8fc35d; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}
#news .signing ul li span{position:absolute; top:0; right:0; color:#b4b4b4; font-size:12px;}


.bd_top{margin:104px auto; *padding:74px 0; border-top:1px dotted #c8c8c8; position:relative;}
.client{position:absolute; top:-56px; left:50%; width:320px; height:100px; margin-left:-160px; background:#fff; text-align:center;}
.client h2, .client aside{margin:0; padding:0;}
.client h2{font-size:36px; line-height:36px; margin-bottom:6px; color:#7c7c7c; }
.client aside{font-size:16px; color:#666;}
.client span{display:block; margin-top:20px; color:#bbb;}



.profession{position:absolute; top:-20px; left:50%; width:460px; height:60px; margin-left:-230px; background:#fff; text-align:center;}
.profession h2{margin:0; padding:0; color:#525252; font-size:24px;}
.profession h2 em{color:#bbb;}
.profession span{color:#666; font-size:16px; display:block;}
.profession a{color:#525252; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.profession a:hover{color:#000;}

.profession-nr{font-size:14px; color:#999; margin-top:90px; text-align:center;}
.profession-nr p{margin-top:16px;line-height: 30px;}
.profession-nr a{color:#525252; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.profession-nr a:hover{color:#000;}

.profession_list{width:1200px; margin:70px auto 0; overflow:hidden;}
.profession_list dl{float:left; padding-top:88px; width:300px;}
.profession_list dt{color:#333; font-size:18px; font-weight:bold; margin-bottom:30px;}
.profession_list dd{color:#999; font-size:14px; line-height:25px;}


@media screen and (max-width: 767px){
   .motop{display: block;}
   #header{display: none;}
   #container{padding-top: 42px;}
  
   section {min-width: 100%;width: 100%;}
   section h2{font-size: 18px;font-weight: normal;}
   section aside{font-size: 14px;margin-bottom: 40px;}
   .works_link{display: none;}
   #works ul li{width: 50%;}
   #works ul li h5{font-size: 12px;font-weight: normal;}
   .works_wrap2{    padding-top: 730px !important;}
   #client{display: none;}
   #news .item1{display: none;}
   #news{width: 100%;}
   #news .item{width: 100%;box-sizing: border-box;}
   #news .signing ul li{font-size: 14px;}
   #news .signing{padding:0 20px;width: 100%;margin-top: 10px;box-sizing: border-box;}
   #news .item h5{font-size: 16px;font-weight: normal;}
  footer{width: 96%;}
  footer address,footer .copy{width: 100%;}
  footer article{display: none;}
  footer address h1{font-size: 24px;margin-top: 40px;}
  footer address g p{line-height: 20px;bottom: 70px;}
  footer .copy{text-align: center;}
  footer .copy .wx-qrcode{position: static;margin-top: 20px;}
  .index_pop_qq{display: none !important;}
  .right_silderbar{display: none;}
  #banner{min-width: 100%;padding-top: 150%;}
  #focus_dot{padding:0;width:auto;top:auto;left:43%;bottom:10px;transform: translateX(-50%);}
  #focus_info{width: 96%;left:2%;margin-left: 0;bottom: 4%;}
  #focus_info .client_logo{display: none;}
  #focus_info article{height: auto;}
  #focus_info p{box-sizing: border-box;width: auto;    background: none;    padding: 10px;}
  #focus_main li{overflow: hidden;}
  #banner .img2{width: 100%;}
  #focus_info b{font-size: 14px !important;line-height: 20px !important;font-weight: normal !important;-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;}

 .profession{width: 100%;position: static;margin-left: 0;}
 .bd_top{    margin: 60px auto;}
 .profession h2{font-size: 18px;font-weight: normal;margin-top: 20px;}
 .profession-nr{margin-top: 40px;}
 .profession_list{width: 100%;    margin: 40px auto 0;}
 .profession_list dl{width: 50%;text-align: center;margin-top: 16px;}
 .profession_list dt{font-size: 14px;font-weight: normal;    margin-bottom: 10px;}
 .profession_list dd{font-size: 12px;}
  
}   


/* GRID */

.twelve { width: 100%; }
.eleven { width: 91.53%; }
.ten { width: 83.06%; }
.nine { width: 74.6%; }
.eight { width: 66.13%; }
.seven { width: 57.66%; }
.six { width: 49.2%; }
.five { width: 40.73%; }
.four { width: 32.26%; }
.three { width: 23.8%; }
.two { width: 15.33%; }
.one { width: 6.866%; }

/* COLUMNS */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-of-type {
  margin-left: 0;
}



/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* ALL */

.row .three{
  padding: 80px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #2c3e50;
  color: #ecf0f1;
  text-align: center;
}
.hamburger{
	position: fixed;
	top: 50px;
	right: 50px;
	transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	z-index: 99999 !important;
	transition: top .5s;
	-o-transition: top .5s;
	-moz-transition: top .5s;
	-webkit-transition: top .5s;
	-ms-transition: top .5s;
}
.hamburger .line.open{
	background-color: #fff;
}
.hamburger .line{
  width: 30px;
  height: 1px;
  background-color: #ecf0f1;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(5px) rotate(45deg);
  -ms-transform: translateY(5px) rotate(45deg);
  -o-transform: translateY(5px) rotate(45deg);
  transform: translateY(5px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}
#loading{
		background-color: #000000;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 9999999999;
		margin-top: 0px;
		top: 0px;
		display:none;
	}
	#loading-center{
		width: 100%;
		height: 100%;
		position: relative;
		}
	#loading-center-absolute {
		position: absolute;
		left: 50%;
		bottom: 15%;
		height: 200px;
		width: 200px;
		margin-top: -100px;
		margin-left: -100px;
		-ms-transform: rotate(-135deg); 
	   	-webkit-transform: rotate(-135deg); 
	    transform: rotate(-135deg);
	}
	.object{
		
		-moz-border-radius: 50% 50% 50% 50%;
		-webkit-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
		position: absolute;
		border-top: 5px solid #FFF;
		border-bottom: 5px solid transparent;
		border-left:  5px solid #FFF;
		border-right: 5px solid transparent;
		
		-webkit-animation: animate 2s infinite;
		animation: animate 2s infinite;	

		}
	#object_one{
		left: 75px;
		top: 75px;
		width: 50px;
		height: 50px;
		}
								
	#object_two{
		left: 65px;
		top: 65px;
		width: 70px;
		height: 70px;
		-webkit-animation-delay: 0.2s;
	    animation-delay: 0.2s;
		}
			
	#object_three{
		left: 55px;
		top: 55px;
		width: 90px;
		height: 90px;
		-webkit-animation-delay: 0.4s;
	    animation-delay: 0.4s;
		}
	#object_four{
		left: 45px;
		top: 45px;
		width: 110px;
		height: 110px;
		-webkit-animation-delay: 0.6s;
	    animation-delay: 0.6s;
		
		}	

	@-webkit-keyframes animate {
	 

	50% {

		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	  }
	}

	@keyframes animate {
		
	50% {
		
		-ms-transform: rotate(360deg) scale(0.8); 
	   	-webkit-transform: rotate(360deg) scale(0.8); 
	    transform: rotate(360deg) scale(0.8); 
	  }	
	}         
	
	@keyframes huxideng {
		50% {background-color: #c5a47e;}
		100%{background-color: #D36940;box-shadow: 0px 0px 66px 8px #D36940;}
	}       
	@-webkit-keyframes huxideng {
	 	50% {background-color: #c5a47e;}
		100%{background-color: #D36940;box-shadow: 0px 0px 66px 8px #D36940;}
	}
	#loading-center #logo{
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#loading-center .uilogo .logo:after{
		-webkit-animation:huxideng 1.5s infinite;
		-webkit-animation-direction:alternate;
		
		display: block;
		content: "";
		width: 28px;
		height: 28px;
		background-color: #c5a47e;
		position: absolute;
		top: 0;
		right: 0;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
	}
	#loading-center .uilogo .logo {
		box-sizing: content-box;
		overflow: hidden;
		text-indent: -9000px;
		display: block;
		width: 100px;
		height: 100px;
		border-bottom: 28px solid #fff;
		border-left: 28px solid #fff;
		border-radius: 20px 0 0 20px;
	}
	
	#loading-center .uilogo .uilogo-span1 {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 74px;
		border-top: 28px solid #fff;
		display: block;
		border-radius: 20px 0 0 0;
	}
	
	#loading-center .uilogo .uilogo-span2 {
		position: absolute;
		bottom: 0px;
		right: 0;
		content: '';
		height: 74px;
		border-right: 28px solid #fff;
		display: block;
	}
.indexTre .indexTreLeft{ float:left; width:50%; height:860px; position:relative; overflow:hidden;}
.indexTre .indexTreLeft:before{ content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#4c4e4c; opacity:0.7; z-index:1;}
.indexTre .indexTreLeft:after{ content:''; background:url(../img/555.png) no-repeat center center; width:58.333%; position:absolute; right:20%; top:50%; height:480px; margin-top:-240px; z-index:2;}
.indexTre .indexTreLeft .zbox{ width:67.8125%; background:url(../img/666.png); height:480px; position:absolute; left:0; top:50%; margin-top:-240px; padding:85px 8.854% 85px 0; text-align:right; z-index:3;}
.indexTre .indexTreLeft .zbox .title{ width:100%; float:left; padding-bottom:40px; background:url(../img/333.png) no-repeat right bottom; position:relative;}
.indexTre .indexTreLeft .zbox .title h4{ width:100%; font-size:30px; color:#333; line-height:40px; letter-spacing:1px; position:relative; z-index:2;}
.indexTre .indexTreLeft .zbox .title h2{ position:absolute; right:0; top:-20px; font-size:80px; color:#cfcbcb; font-weight:bold; font-family:"Arial Black"; line-height:56px; text-transform:uppercase; letter-spacing:1px; z-index:1; opacity:0.6;}
.indexTre .indexTreLeft .zbox .p{ width:100%; float:left; padding-left:30%; margin-top:16px; font-size:16px; color:#333; line-height:36px; height:72px; overflow:hidden;}
.indexTre .indexTreLeft .zbox ul{ width:100%; float:left; margin-top:52px;}
.indexTre .indexTreLeft .zbox ul li{ text-align:center; display:inline-block; vertical-align:top; width:140px; border-left:solid 1px #d9d9d9;}
.indexTre .indexTreLeft .zbox ul li .ico{ width:100%; height:55px;}
.indexTre .indexTreLeft .zbox ul li .ico img{ height:100%;}
.indexTre .indexTreLeft .zbox ul li h5{ width:100%; margin-top:8px; font-size:18px; color:#333; line-height:30px;}
.indexTre .indexTreLeft .zbox ul li h6{ width:100%; font-size:14px; color:#9f9f9f; line-height:22px; font-family:Arial;}
.indexTre .indexTreLeft .zbox ul li:first-child{ border-left:0;}

.indexTre .indexTreRight{ width:50%; float:right; min-height:829px; padding:48px 10% 40px 60px;}
.indexTre .indexTreRight ul{ width:100%; float:left;}
.indexTre .indexTreRight ul li{ width:100%; float:left; margin-top:37px; padding-left:72px; position:relative;}
.indexTre .indexTreRight ul li .ico{ position:absolute; left:0; top:0; width:57px;}
.indexTre .indexTreRight ul li .title{ width:100%; float:left; font-size:18px; color:#242424; line-height:26px;}
.indexTre .indexTreRight ul li .p{ width:100%; float:left; margin-top:5px; font-size:15px; color:#8a8a8a; line-height:26px;}
@media screen and (max-width:1580px) {
.indexTre .indexTreLeft .zbox ul li{ width:120px;}
}
@media screen and (max-width:1365px) {
.indexTre .indexTreLeft .zbox{ width:80%;}
}
@media screen and (max-width:1199px) {
.indexTre .indexTreLeft{ height:600px;}
.indexTre .indexTreLeft .zbox{ height:400px; margin-top:-200px; padding:65px 5% 45px 0;}
.indexTre .indexTreLeft .zbox .title{ padding-bottom:20px; background-size:auto 10px;}
.indexTre .indexTreLeft .zbox .title h4{ font-size:20px; line-height:30px;}
.indexTre .indexTreLeft .zbox .title h2{ top:-10px; font-size:50px; line-height:46px;}
.indexTre .indexTreLeft .zbox .p{ padding-left:20%; margin-top:10px; font-size:14px; line-height:30px;}
.indexTre .indexTreLeft .zbox ul{ margin-top:32px;}
.indexTre .indexTreLeft .zbox ul li{ width:100px;}
.indexTre .indexTreLeft .zbox ul li .ico{height:35px;}
.indexTre .indexTreLeft .zbox ul li h5{ margin-top:6px; font-size:16px; line-height:24px;}
.indexTre .indexTreLeft .zbox ul li h6{ font-size:12px; line-height:18px;}
.indexTre .indexTreRight{ min-height:600px; padding:28px 10% 20px 40px;}
.indexTre .indexTreRight ul li{ margin-top:20px; padding-left:62px;}
.indexTre .indexTreRight ul li .ico{ width:50px;}
.indexTre .indexTreRight ul li .title{ font-size:16px; line-height:22px;}
.indexTre .indexTreRight ul li .p{ font-size:13px; line-height:20px;}
}
@media screen and (max-width:991px) {
.indexTre .indexTreLeft .zbox{ width:90%;}
.indexTre .indexTreRight{ padding:28px 4% 20px 40px;}
.indexTre .indexTreLeft .zbox .p{ padding-left:10%;}
}
@media screen and (max-width:767px) {
.indexTre .indexTreLeft{ height:auto; width:100%;}
.indexTre .indexTreLeft .zbox{ width:96%; height:auto; position:relative; left:auto; top:auto; margin-top:0; margin:10px 0; padding:35px 5% 25px 0; float:left;}
.indexTre .indexTreRight{min-height:0; padding:18px 10px 10px 10px; height:auto; width:100%;}
.indexTre .indexTreLeft .zbox ul{ margin-top:12px;}
}

.indexFou{ width:100%; float:left; padding:116px 0 93px 0; background:#fafafa; overflow:hidden;}
.indexFou ul{ width:100%; float:left; margin-top:80px;}
.indexFou ul li{ width:16.666%; float:left; text-align:center; position:relative; padding:0 26px;}
.indexFou ul li:before{ content:''; width:1px; height:700px; background:#ebebeb; position:absolute; left:0; bottom:-93px;}
.indexFou ul li .ico{ display:inline-block; vertical-align:top; width:148px; height:148px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.service{background:#FFF;position:relative;z-index:10;width:1180px;margin:-120px auto 30px;}
.service img{ max-width:100%;}
.service p{ font-size:30px; color:#333; width:95%; margin:0 auto; padding:10px 0 9px 0;}
.service-content .servicecon li{width: 100%; *width:99.95%!important;height:590px; overflow:hidden; }
.service-content .servicecon li a:hover img{-o-opacity:0.6;opacity:0.6;-moz-opacity:0.6;-ms-opacity:0.6;-webkit-opacity:0.6;filter:alpha(opacity=60);}
.service-content .servicecon li:nth-of-type(1){ background-color:#FFB71F;}
.service-content .servicecon li:nth-of-type(2){ background-color:#10AF5D;}
.service-content .servicecon li:nth-of-type(3){ background-color:#0050ff;}
.service-content .servicecon li:nth-of-type(4){ background-color:#C01C23;}
.service-content .servicecon li .service-col{ width:590px; height:590px;}
.service-content .servicecon li a{color:#FFF; text-align:center; display:block}
.service-content .servicecon li a h3{ font-size:39px; font-weight:normal; padding-top:220px;}
.service-content .servicecon li a span{ font-size:16px; display:block; line-height:1.8; padding-bottom:10px;padding: 0px 10px 5px 10px;}
.service .w1200 h2{ font-size:40px; font-style:normal; line-height:1;font-family: Pincolor; }
@media only screen and (max-width:720px) and (min-width:0px){
.service{margin-top:-15px; margin-bottom:20px; width:92%;}
.service p{ font-size:14px; padding:30px 0 20px 0;}
.service-content .servicecon{ padding-bottom:20px;}
.service-content .servicecon li{width: 100%; *width:99.95%!important; height:100%; }
.service-content .servicecon li div{width: 100%; *width:99.95%!important; height:100%; float:none; }
.service-content .servicecon li a h3{ font-size:20px;  padding-top:100px;}
.service-content .servicecon li a span{ font-size:12px;padding-bottom:10px;padding: 0px 10px 5px 10px;}
.service-content .servicecon li a h4{  padding-bottom:100px;}
.service-content .servicecon li .service-col{ width: 100%; *width:99.95%!important;}
.service .w1200 h2{ font-size:20px; font-style:normal; line-height:1;font-family: Pincolor; }
	}
.fl, .fr {display: inline; zoom:1;float: left;}.fr {float: right;}.clh{clear:both;}
ins,i{ text-decoration:none; font-style:normal;}
.lh10{ line-height:1}
.lh12{ line-height:1.2}
.lh15{ line-height:1.5}
.lh18{ line-height:1.8}
.lh20{ line-height:2}
/*字体大小*/
.fB{font-weight:bold;}.fem{font-style:italic;}.fU{text-decoration:underline;}
.fs6{font-size:6px;}.fs8{font-size:8px;}.fs9{font-size:9px;-webkit-text-size-adjust: none;}.fs10{font-size:10px;}.fs11{font-size:11px;}.fs12{font-size:12px;}.fs13{font-size:13px;}.fs14{font-size:14px;}.fs15{font-size:15px;}.fs16{font-size:16px;}.fs17{font-size:17px;}.fs18{font-size:18px;}.fs20{font-size:20px;}.fs22{font-size:22px;}.fs23{font-size:23px;}.fs24{font-size:24px;}.fs25{font-size:25px;}.fs26{font-size:26px;}.fs27{font-size:27px;}.fs28{font-size:28px;}.fs30{font-size:30px;}.fs32{font-size:32px;}.fs34{font-size:34px;}.fs40{font-size:40px;}.fs42{font-size:42px;}.fs45{font-size:45px;}.fs52{font-size:52px;}.fs60{font-size:60px;}.fs65{font-size:65px;}
.ff1{font-family:"宋体";}
.ff2{font-family:Georgia, "Times New Roman", Times, serif;}
.ff3{font-family:"Times New Roman", Times;}
.ff4{font-family:"微软雅黑","黑体";}
.service{ margin-bottom:50px; padding-bottom:50px;border-radius:0px;}.service .w1200{ padding-left:30px;}.service .w1200 img{ max-width:100%;}.ser_ul .ser_tit {width:60px;}.ser_ul .ser_con { width:1090px; color:#555;}.ser_ul .ser_con li{ float:left; width:19.8%;}@media only screen and (max-width:720px) and (min-width:0px){.ser_ul .ser_con { width:100%; }.ser_ul .ser_con li{ float:left; width:49.8%;}}
.blk1{height:1px;}.blk8{height:8px;}.blk10{height:10px;}.blk12{height:12px;}.blk15{height:15px;}.blk20{height:20px;}.blk22{height:22px;}.blk30{height:30px;}.blk40{height:40px;}.blk50{height:50px;}.blk60{height:60px;}.blk70{height:70px;}.blk80{height:80px;}.blk90{height:90px;}.blk100{height:100px;}
@media only screen and (max-width:720px) and (min-width:0px){.blk30{ height:10px;}.blk70{ height:30px;}}
/*clear*/
.ct3,a.ct3,.ct3 a,.ct3 a:visited{ color:#999;}
a.ct3:hover,.ct3 a:hover{ color:#999;}
.blk70 {
    height: 70px;
}

.solve_content{width:100%; overflow:hidden; padding-bottom:40px;}
.bgf4{background:#f4f4f4;}
.jjfa_list{width:100%; overflow:hidden;}
.jjfa_list ul{width:102.5%;}
.jjfa_list li{float:left;width:22.5%; background:#fff; border-radius:5px; margin:30px 2.5% 0 0; display:inline-block; padding-bottom:15px;}
.jjfa_list li h1{overflow:hidden; text-align:center; position:relative; border-radius:5px 5px 0 0;}
.jjfa_list li h1 img{width:100%; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s ;}
.jjfa_list li:hover h1 img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.jjfa_list li h1 span{display:none; position:absolute; left:0; top:0; background:rgba(5,13,43,.5); width:100%; height:100%;}
.jjfa_list li h1 span img{width:144px; height:144px; margin-top:32px;}
.jjfa_list li h1 span img{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
.jjfa_list li:hover h1 span img{-webkit-transform: none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
.jjfa_list li:hover h1 span{display:block;}
.jjfa_list li h2, .jjfa_list li p{padding:0 16px;}
.jjfa_list li h2{font-size:14px; color:#333; margin-top:15px; height:20px; overflow:hidden;}
.jjfa_list li p{margin-top:5px; height:20px; overflow:hidden; color:#aaa;}
.jjfa_list li h3{padding:15px 16px 0; overflow:hidden; margin-top:12px; border-top:1px #eeeeee solid;}
.jjfa_list li h3 span{display:block; padding-left:25px; color:#999;}
.wrapper {
    width: 1200px;
    margin: 0 auto;
}
@media all and (min-width:0) and (max-width:768px) {
	.wrapper{width:100%;}
	.content{padding:30px 0;}
	.ilc_ui li{width:27.33%;}
	.icase_ui ul{width:100%;}
	.icase_ui li{width:44%; margin:30px 3% 0;}
	.jjfa_list ul{width:100%;}
	.jjfa_list li{width:44%; margin:30px 3% 0;}
	

	.jjfa_bantxt{padding:50px 0 50px 10px;}
	.jjfa_bantxt h2{font-size:22px; padding-bottom:8px;}
	.jjfa_bantxt .bannerp{font-size:12px; line-height:20px; height:80px;}

}