@media (min-width: 768px) { .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; } }
  
  
  
  
  




.in-Product { padding: 60px 14px; }

.in-Product img { width: 100%; display: block; -webkit-transition: 1s; transition: 1s; }

.in-Product .in-Product-big { position: relative; margin-bottom: 10px; background-color: #f2f2f2; }

.in-Product .in-Product-big-text { padding-top: 15px; padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 1; line-height: 22px; color: #b2b2b2; }

.in-Product .in-Product-big-text h4 { font-size: 20px; }

.in-Product .in-Product-big-text .type { padding-bottom: 5px; padding-top:10px; }

.in-Product .type { font-size: 16px; color: #929292; padding-top: 3px; }

.in-Product h4 { color: #0062a6; font-size: 20px;  font-weight: lighter; }

.in-Product a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }

.in-Product .thumb { position: relative; background-color: #f2f2f2; }

.in-Product .in-Product-text { position: absolute; left: 0; top: 0; padding-top: 15px; padding-left: 15px; }

.in-Product li { padding-bottom: 10px; }


.inner{ width: 1200px; margin: 0px auto;}
.c205bab{ color: #0071bc; font-size:28px;}
.f24{ font-size: 24px;}
.fixedImg{  background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.ideaPbox{ padding: 5% 0px 8%;}
.ideaPbox a:link, .ideaPbox a:visited { color: #666; }
.ideaPbox a:active, .ideaPbox a:hover { color: #205bab; }
.ideaEn,.ideaZh{ font-size: 16px; color: #ccc; line-height: 1.4; text-align:center}
.ideaEn{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; margin-top: 5px;}
.ideaPlist{ padding-top: 6%; margin-left: -2%; color: #666;}
.ideaPlist dd{ float: left; display: block;  width: 23%; margin-left: 2%; background-color: #fff; margin-bottom:25px;}
.ideaPlist a{ position: relative; display: block;}
.ideaPlist .img{ height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.ideaPlist .con{ padding-top: 18px; /*height: 128px; */text-align: center; margin-left:18px; margin-right:18px; }
.ideaPlist .zh{ font-size: 18px; display: block; padding-bottom:10px}
.ideaPlist .en{ color: #999999; font: 14px/1.4 "pf_din_text_comp_proregular"; text-transform: uppercase; line-height:22px;}
.ideaPlist .bg{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #205bab; color: #fff; text-align: center; opacity: 0; visibility: hidden; }
.ideaPlist .bg .en{ color: #fff;}
.ideaPlist .con2{ padding: 52px 0px 18px; transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0; visibility: hidden; transition: all 0.3s ease 0s; -webkit-transform:all 0.3s ease 0s;}
.ideaPlist .bg .line{ margin: 0px auto; display: block; height: 0px; width: 2px; background-color: #fff; margin-bottom: 17px;}
.ideaPlist .bg .ii1{  background:  url(../images/id_i1.png) no-repeat scroll center center;}
.ideaPlist .bg .ii2{  background:  url(../images/id_i2.png) no-repeat scroll center center;}
.ideaPlist .bg .ii3{  background:  url(../images/id_i3.png) no-repeat scroll center center;}
.ideaPlist .bg .ii4{  background:  url(../images/id_i4.png) no-repeat scroll center center;}
.ideaPlist .bg .iico{ width: 77px; height: 77px; display: block; margin: 0px auto 20px; transform: scale(0); -webkit-transform: scale(0); visibility: hidden;}
.ideaPlist a:hover .bg{ opacity: 1; visibility: visible;}
.ideaPlist a:hover .con2{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px);}
.ideaPlist a:hover .line{ height: 24px; transition: all 0.3s ease 0.2s; -webkit-transform:all 0.3s ease 0.2s;}
.ideaPlist a:hover .iico{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible;  transition: all 0.4s ease 0.7s; -webkit-transform:all 0.4s ease 0.7s;}




/* ----------------------------a------------------------------------ */
.index-data{margin: 80px 0;}   
.index-data ul li{float: left;width: 25%;border-right: 1px solid #eee;text-align: center;}
.index-data ul li:last-child{border: none;}
.index-data ul li span:nth-child(1){display: inline-block;height: 45px;font: 45px/45px "ProximaNova";color: #004098;}
.index-data ul li span:nth-child(1) sup{float: left;margin-top: -5px;font-size: 35px;color: #004098;}
.index-data ul li span:nth-child(2){display: block;line-height: 16px;margin-top: 20px;font-size: 14px;}
.index-data ul li span em{float: left;width: 26px;}

@media (max-width: 800px){

.index-data{margin: 20px 0 0 0; padding-top:30px}
	.index-data ul li{width: 50%;margin-bottom: 40px;}
	.index-data ul li:nth-child(2){border: none;}
}
@media (max-width: 640px){

.ideaPlist .en{ font: 12px/1.2 "pf_din_text_comp_proregular"; line-height:20px;}
.ideaPlist .con{ /*height: 128px*/;margin-left:12px; margin-right:12px; }
}

@media (max-width:480px){

	.index-data{margin-top: 4px;}
	.index-data ul li{margin-bottom: 24px;}
	.index-data ul li span:nth-child(1){display: inline-block;height: 30px;line-height: 30px;font-size: 26px;}
	.index-data ul li span:nth-child(1) em{width: 16px;}
	.index-data ul li span:nth-child(1) sup{font-size: 20px;}
	.index-data ul li span:nth-child(2){margin-top: 5px;font-size: 13px;}
	.index-data ul li span em{float: left;width: 28px;}

}


.about-container{width: 100%;background: url('../images/bg.jpg') repeat center center;background-size: cover;background-repeat: no-repeat;
background-attachment: fixed; height:300px;}
.about{width: 100%;padding: 80px 0;}
.about-words{width: 940px;margin: 0 auto;text-align: center;}
.about-words h4{font-size: 42px;color: #fff;}
.about-words b{display: block;margin: 0 auto;width: 30px;height: 3px;margin-top: 12px;background-color: #fff;}
.about-words p{font-size: 18px;color: #fff;line-height: 26px;margin-top: 24px;}
.about-words p>span{font-weight: bold;}
.about-play{margin-top: 60px;text-align: center;}
.about-play i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;background: url('../images/video-play.png') no-repeat;position: relative;}
.about-play i:before,.about-play i:after{    content: "";
    display: block;width: 58px;height: 58px;border: 1px dotted #fff;border-radius: 100%;position: absolute;
    top: -5px;left: -5px;animation: videoDh 1.5s linear infinite;opacity: 0.8;
}
.about-play i:before{animation-delay: 0.6s}
.about-play i:after{animation-delay: 0s }
@keyframes videoDh { from {transform: scale(1, 1); opacity: 0.8;} to {transform: scale(1.8, 1.8); opacity: 0;} }
.about-play span{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;margin-left: 16px;height: 48px;line-height: 48px;}
.about-play a:hover span{text-decoration: underline;}

@media all and (max-width:1460px) {
  
    .about{padding: 80px 0;}
    .about-words h4{font-size: 36px;}
  
}
@media all and (max-width:1380px) {
    
   .about-words h4 {font-size: 30px;}
 
}
@media all and (max-width:1200px) {
  
    .about-words{width: 94%;}
}
@media screen and (max-width:1180px){
	.inner{ width: 90%;}	}

@media screen and (max-width:1200px) {
    .inner { width: 90%; }

	
	
	
	}
	
	
	
	@media screen and (max-width:861px){
	
	
	
		.ideaPlist{ padding-top: 30px;}
	.ideaPlist dd{ width: 48%; margin-bottom: 2%;}}
	
	
	
	
	
@media screen and (max-width:641px){
	.ideaList{ width: 90%; margin: 0px auto; padding: 20px 5% 0px; background-color: #f4f4f4;}
	.ideaList .item{ margin-top: 20px; background-color: #fff;}
	.ideaList .item:nth-child(1){ margin-top: 0px;}
	.ideaList .con,.ideaList .oneItem .con{ position: relative; height: auto; left: auto; top: auto; margin: 0px auto; padding: 35px 0px; text-align: left;}
	.ideaList .itemBox{ width: auto;}
	.ideaList .itemBox .ico img{ margin: 0; width: 25px;}
	/*.inner{ width: 96%;}*/

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

.fixedImg{ background-attachment: inherit;}
	.ideaPbox{ padding: 60px 0px;}
	.ideaPlist a:hover .bg{ display: none;}.ideaList .img{ width: 100%;}
	.ideaList .img img{ width: 100%;}
	.ideaList .oneItem .img{ float: none; width: 100%;}
	.ideaList .con{ width: 90%; background-color: #fff; background-color: rgba(255,255,255,0.9); left: 5%; top: 10%; height: 80%; text-align: center;}
	.ideaList .oneItem .con{ left: 5%;}
	.ideaList .itemBox .ico img{ margin: 0px auto; width: 30px;}}

@media (min-width: 992px) { .banner .banner-dot { bottom: 15px !important; }
 
  .in-Product .in-Product-big { width: 36.7%; float: left; overflow: hidden; padding-top:14.3%; }
  .in-Product .in-Product-small { float: left; width: 63.3%; overflow: hidden; }
  .in-Product .in-Product-small li { padding: 0 0 1.55% 1.5%; }
  .in-Product .in-Product-small .thumb { overflow: hidden; }
 

}
@media screen and (min-width:1378px){

	
	.ideaList .itemBox{ width: 490px; margin: 0px 0px 0px 70px;}
	.ideaList .oneItem .itemBox{ margin: 0px 70px 0px 0px; float: right;}
	.ideaList .con{ font-size: 14px;}
	.ideaList .itemBox .t{ font-size: 24px;}
	.ideaList .img img{ width: 100%;}

}
@media (min-width: 1024px) { .in-Product-big:hover img, .in-Product-small .thumb:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
 }

@media (min-width: 1200px) { .in-Case { padding: 73px 30px 78px; }

  .in-Product h4 { font-size: 24px; padding-bottom: 5px; }
  .in-Product .type { font-size: 18px; }
  .in-Product .in-Product-text { padding: 8% 0 0 30px; }
  .in-Product .in-Product-big-text { font-size: 16px; padding-top: 8%; padding-left: 30px; }
  .in-Product .in-Product-big-text h4 { font-size: 24px; }
  .in-Product .in-Product-big-text .type { padding-bottom: 10px; }
 }

@media (min-width: 1400px) { .in-Product { padding: 30px; } }