*

{

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.card1

{

	width: 480px;

	padding: 20px 28px;

}

.pad-btm0

{

	  padding-bottom: 0;

}

.pad-btm5

{

	padding-bottom: 5px;

}

.pad-btm10

{

	padding-bottom: 10px;

}

.pad-btm15

{

	padding-bottom: 15px;

}

.pad-btm20

{

	padding-bottom: 20px;

}

.mar-btm0

{

	margin-bottom: 0px;

}

.mar-btm5

{

	margin-bottom: 5px;

}

.mar-btm10

{

	margin-bottom: 10px;

}

.mar-btm15

{

	margin-bottom: 15px;

}

.mar-btm20

{

	margin-bottom: 2%;

}



.car2

{

	width: 151px;

	padding: 14px;

	margin-right: 18px;

	  position: relative;

}
.car2:last-child

{

	margin-right: 0px;

}



.car2 > div

{

	 margin-right: 14px;

}

.car2 > div:last-child

{

	 margin-right: 0px;

}

.car2 .img img{

	width: 123px;

}

.car2 a{
	
	/*padding-left:28px;*/
}









.card2

{

	width: 370px;

	padding: 14px;

	margin-right: 18px;

	  position: relative;

}






.card2:last-child

{

	margin-right: 0px;

}



.card2 > div

{

	 margin-right: 14px;

}

.card2 > div:last-child

{

	 margin-right: 0px;

}

.card2 .img img{

	width: 125px;

}



.card3

{

	position: relative;

	/* padding: 1.6% 0% 1.4% 3.93%; */

	padding: 0.7% 0% 0.7% 3.93%;

	

	border: 0px solid #f00;

	/* -webkit-box-shadow: 2px 2px 26px #aaa;

	-moz-box-shadow: 2px 2px 26px #aaa;

	box-shadow: 2px 2px 26px #aaa; */

	

	-webkit-box-shadow: 0px 0px 10px #5F5656;

	-moz-box-shadow: 0px 0px 10px #5F5656;

	box-shadow: 0px 0px 10px #5F5656;

	

	min-height: 50px;

}

.card3 .logo

{

	display: block;

	position: relative;

	width: 14%;

}

.card3 .logo img

{

	width: 100%

}

.card3 .logo a 

{

  display: block;

}

.card3 .navigation 

{

  position: absolute;

  left: 19%;

  right: 25%;

  top: 0.5%;

  border: 0px solid #f00;

  color: #004784;

  /* font-size: 14.39px; */

}

.card3 ul

{

  overflow:auto

}

.card3 .navigation ul li 

{

  float: left;

    font-weight: 700;

}

.card3 .navigation ul li > a 

{

  display: table-cell;

  vertical-align: middle;

  height: 65px;

  padding: 0em 1.2em;

}

.card3 .language

{

  position: absolute;

  top: 0%;

  right: 0%;

  /*border-left: 2px solid #002837;*/

  padding-left: 0.1%;

  width: 25%;

  /* width: 10%; */

  letter-spacing: 0px;

}

.card3 .language a {

  display: inline-block;

  width: 100%;

  /* width: 40%; */

  height: 68px;

  text-align: center;

  line-height: 68px;

  vertical-align: middle;

}



.card3 .language ul li 

{

  float: left;

}

.card3 .language ul li > a 

{

  display: table-cell;

  vertical-align: middle;

  height: 65px;

  padding: 0em 0.2em;

}

.text

{

	float: left;
	width: 125px;
	text-align: center;
}

.text1

{

	font-size: 45px!important;

	color: #00c3ea;

	font-size: 3.571em;

	line-height: 100%;

}

.text2

{

	font-size: 20px!important;

	color: #fff;

	font-size: 1.429em;

	line-height: 127%;

}

.text3

{

	font-size: 15px!important;

	color: #fff;

	font-size: 1em;

	line-height: 140%;
	

}

.text4

{	font-size: 14px!important;

	color: #00c3ea;

	font-size: 1.071em;

	font-weight: 800;

}

.text5 

{

	font-size: 14px!important;

	color: #00c3ea;

	font-size: 1em;

	font-weight: 800;

	position: absolute;

	bottom: 12px;

	left: 0px;

	  z-index: 9999;

}

.text6 

{

	font-size: 14px!important;

	color: #fff;

	font-size: 1.357em;

	line-height: 22px;

}

.text7

{

	font-size: 12px!important;

	color: #fff;

	line-height: 14px;

	padding-bottom: 20px;

	position: relative;

}

.text8

{

	font-size: 60px;

	color: #929497;

	line-height: 68px;

	margin-bottom: 17px;

}

.text9

{

	font-size: 22px;

	color: #929497;

	line-height: 30px;

}

.text_center

{

	top:0;

    left: 0;

    margin: auto;

    position: absolute;

    width: 100%;

	text-align: center;

}

.card1.content

{

	min-height: 173px;

}

.attach_bg1

{

	background: url("../images/lines.png") no-repeat bottom right;

	background-size: 100%;

}

.attach_bg2

{

	background: url("../images/footerbg_m.jpg") repeat;

	background-size: 100%;

}

.plain_bg1	/* grey blue */

{

	background-color: rgba(18,52,86,0.7);

}
.plain_bg1-3	/* grey blue */

{

	background-color: rgba(18,52,86,0.7);
	width:346px;

}

.plain_bg1-2{
	
	background-color: rgba(18,52,86,0.7);
	
}

.plain_bg1-22{
	
	background-color: rgba(18,52,86,0.7);
	width: 497px;
	height: 13px;
}



.productss{
	margin-top: 45px;
margin-left: 6px;
}
.newss{
	margin-top: 94px;

	
}

.plain_bg123{
	background-color: rgba(18,52,86,0.7);
	
	
}


.plain1{
	margin-left: 730px;
	background-color: rgba(18,52,86,0.7);
	width: 338px;
}
.plain_bg1-2	/* grey blue */

{

	/*background-color: rgba(18,52,86,0.9);*/

}

.plain_bg1-2 a{
	
	padding-top:-5px
	
}


.ximg{
	    background-color: rgba(18,52,86,0.9);

	
}
.ximg img{
	padding-top:5px;
	margin-left: 56px;
	
}

.plain_bg2	/* black */

{

  background: rgba(0,0,0,0.5);
  height: 156px;

}

.plain_bg2-1 {

  background: rgba(0,0,0,0.1);

}

.plain_bg3	/* white */

{

	background: rgba(255, 255, 255, 1);

}

.width100

{

	width:100%;

}

.propro{
	margin-top: 183px;
	margin-left: 830px;

}
.card2{
	height: 154px;
	
}


.fixed

{

	position: fixed;

	z-index: 20;

	/* background: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	-webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);

	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);

	transform: translate3d(0px, 0px, 0px); */

}
.aa{
	bottom: 45px;

	left: 3.93%;
	position: fixed;
z-index: 20;
	
}
.sycontact {
    background-color: rgba(18,52,86,0.7);
	width: 480px;
    padding: 20px 28px;
    padding-bottom: 20px;
	width: 338px;
	margin-top: 76px;
	margin-top: -13px;
	margin-left: 730px;
}


.pos1

{

	top: 14%;

	left: 3.93%;

}
.pos1-1

{

	top: 66%;

	left: 3.93%;

}
.pos2

{

	bottom: 45px;

	left: 3.93%;

	opacity: 0;

}

.pos3

{

	top: 40px;

	left: 0px;

}

.tol

{

	float: left;

}



.tor

{

	float: right;

}

#fusionads.slider ul li a

{

	cursor: pointer;

}

/****************************/

.form1

{

	/* position: absolute;

	top: 200px;

	left: 330px;

	z-index: 30; */

	

  /* margin: 200px auto 28px;

  width: 1048px;

  

    margin: 0 auto;*/
margin: 0 auto;
width: 1112px;
padding: 260px 0px 0px 0px;

}




.text10x

{

	text-transform: uppercase;

	font-size: 3.231em;

	color:#00C3EA;


	margin-bottom: 35px;
margin-top: -102px;

}

.text11

{

	text-transform: uppercase;

	font-weight: 700;

	font-size: 13px;

	color:#58595B;

	margin-bottom: 10px;

}

.text12

{

	font-weight: 300;

	font-size: 12px;

	color:#58595B;

	  line-height: 17px;

	  margin-bottom: 22px;

}

.form1 textarea, .code, .form1 input, .form1 select

{

	font-weight: 300;

  

  font-size: 12px;

  border: solid 1px #58595B;

  width: 100%;

  height: 22px;

  padding: 0px 5px;

  border-radius: 0px;

    margin-bottom: 13px;

}



body.cn .form1 textarea

{

	padding-top: 5px;

}



 .form1 select{

  padding: 0px 2px;

  color:#B6B6B6;

 }

 

 .form1 select option{

  color:#B6B6B6;

 }

 .form1 select option:checked{

  color:#B6B6B6;

 }

.form1 .h1

{

  margin-top: 0px;

	height: 69px;

}

::-webkit-input-placeholder { /* WebKit browsers */

  color:#B6B6B6;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

  color:#B6B6B6;

   opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

  color:#B6B6B6;

   opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

  color:#B6B6B6;

}

input.arrow

{

	background: #FFFFFF url(../images/form_arrow.png) no-repeat scroll right center;

	background-size: 6%;

}

.code

{

	background: #FFFFFF url(../images/refresh.png) no-repeat scroll 99% 11%;

}

.submit

{text-transform: uppercase;

  color: #ffffff;

  font-weight: 300;

  font-size: 14px;

  width: 75px;

  height: 25px;

  background: #0090B8;

  vertical-align: middle;

  border: none;

}

.submit:hover

{

	  background: #3BC8EF;

}

.p1

{

  width:500px; margin-right:50px;

}

.p2

{

width:500px; 
margin-left: 47px;

}

.table1

{

width: 100%;

}

.table1 tr td

{

	width: 50%;

	padding-right: 21px;

	vertical-align: top;

}

.table1 tr + tr + tr td, .table1 tr td + td

{

  padding-right: 0px;

  padding-left: 21px;

 }

.footer ul li > ul li:first-child, .text13, .footer ul li

{

	font-weight: 700;

	font-size: 14px;

	color: #ffffff;

	  padding-bottom: 5px;

	  text-transform: none;

	  white-space: nowrap;

}

.footer ul li > ul li:first-child, .footer ul li > ul li:last-child, .footer ul li > ul li

{

	  padding-bottom: 2px;

}

.text14, .footer ul li:first-child

{

	font-weight: 900;

	font-size: 14px;

	color: #00C3EA;

	text-transform: uppercase;

	padding-bottom: 5px;

}

.text14, .footer ul li:last-child

{

	padding-bottom: 29px;

}



.text15

{

	font-size: 12px;

	color: #ffffff;

}

.light

{

	font-weight: 400!important;

}

.footer_bg

{

	background: url(../images/footer1.jpg) no-repeat 50% 50%;

	background-size: 2000px;

	width: 100%

	

}

.p3

{

	width: 230px;

}

.p4

{

	width: 224px;

}

.p5

{

	width: 232px;

}

.p6

{

	width: 258px;

}

.p7

{

	width: 168px;

}

.form1.footer

{

	padding-top: 35px;

	padding-bottom: 5px;

	/* padding: 35px 0px 5px 0px; */

}

/****************************/

@media only screen and (max-width: 1275px)

{

	.card2 {	width: 30.5%}

	.text{float: left}



	.card3 .language{width:23%}

	.card3 .language ul li img{width: 98%}

	.card3 .navigation ul li > a {padding: 0em 1em;}

	

	.card2 .img {  width: 38%;}

	.card2 .img img{  width: 100%;}

	.card2 .text{  width: 62%;}

	.card2 > div {margin-right: 0px; }

	.card2 .text {  padding-left: 14px;}

}

@media only screen and (max-width: 1230px)

{

	.card3 .language{width:21%}

	.card3 .language ul li img{width: 96%}

	.card3 .navigation ul li > a {padding: 0em 0.8em;}

	.pos2,.pos1 {left: 3.7%;}

}/* 1140 1085 1025 960 */

@media only screen and (max-width: 1221px)

{

	.form1{  padding-left: 3.9%;padding-right: 3.9%;margin: 0;width:100%}

	.p1{width: 36%;}

	.p2{width: 97%;margin-left: 0px;margin-top: 13px;}



	.p3 { 	width: 20.7%; }

	.p4 { 	width: 20.2%; }

	.p5 { 	width: 20.9%; }

	.p6 { 	width: 23.2%; }

	.p7 { 	width: 15%; }

	

	.footer ul li > ul li:first-child, .text13, .footer ul li {white-space: normal;}

}

@media only screen and (max-width: 1185px)

{

	.card3 .language{width:19%}

	.card3 .language ul li img{width: 94%}

	.card3 .language ul li > a  {padding: 0em 0.1em;}

	.card3 .navigation ul li > a {padding: 0em 0.6em;}

	.pos2,.pos1 {left: 3.6%;}

}/* 1140 1085 1025 960 */

@media only screen and (max-width: 1148px)

{

}

@media only screen and (max-width: 1140px)

{

	.card3 .language{width:21%}

	.card3 .language ul li img{width: 92%}

	.card3 .navigation ul li > a {padding: 0em 0.4em;}

	.pos2,.pos1 {left: 3.5%;}

}

@media only screen and (max-width: 1085px)

{

	.card3 .language{width:23%}

	.card3 .language ul li img{width: 90%}

	.pos2,.pos1 {left: 3.4%;}

}

@media only screen and (max-width: 1025px)

{

	.card3 .language{width:25%}

	.card3 .language ul li img{width: 88%}

	.form1, .card3 {padding-left:3.7%}

	.form1{padding-right:3.7%}

	.pos2,.pos1 {left: 3.3%;}

	.card3 .navigation{left:18.5%}

}/* 1105 1070 1035 990 935 875 */

@media only screen and (max-width: 990px)

{

	.form1, .card3 {padding-left:3.3%}

	.form1{padding-right:3.3%}

	.pos2,.pos1 {left: 3.2%;}

	.card3 .navigation ul li {font-size: 14px;}

	.card3 .navigation{left:18%}

}

@media only screen and (max-width: 935px)

{

	.form1, .card3 {padding-left:3.0%}

	.form1{padding-right:3.0%}

	.pos2,.pos1 {left: 3.1%;}

	.card3 .navigation ul li {font-size: 13px;}

	.card3 .navigation{left:17.5%}

}

@media only screen and (max-width: 875px)

{

	body {font-size: 12px}

	.card3 .navigation ul li {font-size: 12px;}

	.form1, .card3 {padding-left:2.7%}

	.form1{padding-right:2.7%}

	.pos2,.pos1 {left: 3%;}

	.card3 .navigation{left:17%}

}



@media only screen and (max-width: 855px)

{

	

	body {font-size: 11px}

}



@media only screen and (max-width: 835px)

{

	

	body {font-size: 10px}

}

@media only screen and (max-width: 825px)

{

	

	body {font-size: 9px}

}



@media only screen and (max-height:  600px){



 } 

 

@media only screen and (max-height:  550px){

 } 

 

 .test01

 {

	width:100%;

	height:100vh;

}

 

 

 .test02

 {

	z-index:99999;

	position:fixed;

	top: 0;

	width:100%;

	height:100vh;

}

/* 2015 05 14 After cms*/



 

 .bx-wrapper .bx-viewport {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: none;

  left: 0;

  background: none;

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

}

.pos1{display:none;}

p{margin:0}

 

 

.card4

{  min-height: 0px;

	width: 100%;

	padding: 20px 28px;

}

.card4 .text111 {font-size: 2.692em;

	color: #00c3ea;

	line-height: 100%;}

.card4 .text30 {font-size: 1.077em;

	color: #fff;

	line-height: 140%; }

.card4-1

{

	height: 30%;

	width: 100%;

	padding: 20px 28px;

}

.card5

{

	color:#fff;

	 font-size: 1.385em;

	/*min-height: 190px;*/

	width: 100%;

	padding: 5%;

	  display: inline-block;
margin-top: 93px;
}

.card5-1

{

	width:30%;

	margin-left: 5%;

	float:left;

	padding: 10px;

}

.card5-1:first-child

{

	margin-left: 0;

}

.card6

{

  width: 100%;

  padding: 3% 5%;

  color: #fff;

  font-size: 12px;

}

.card7:first-child

{

	  margin-top: 57px;

}

.card7

{

	

	width: 100%;

	/* min-height:  530px; */

	  position: relative;

}

.pad1528

{

	  padding: 2% 28px;

}

/* 32 32 32 2 2 */

.width32{width:32%}



.comp_desktop{display: block}

.comp_mobile{display: none}



.form1-semi-l,.form1-semi-r{width:47%;}

.form1-semi-l input{color : black}

.form1-semi-l{float: left;}

.form1-semi-r{float: right;}



.card7 .text_center .text8{padding: 0px 10%;}

.card7 .text_center .text9{padding: 0px 20%;}



@media only screen and (max-width: 970px)

{

	.comp_desktop{display: none}

	.comp_mobile{display: block}

	.headerWrap{top: 0; position:absolute}

	html{

		overflow-y: auto;

	}

	#fusionads.slider { display: none}

	

	/* mobile form */

	.form1

	{

		padding: 0;

		padding-top: 5%;

	}

	.text10x {

		  line-height: 100%;

		margin-bottom: 12%;
		text-align: center;
		font-size: 2.692em;

	}



	.p1 {

		width: 100%;

	}

	

.form1-semi-l,.form1-semi-r{width:100%;}

	.form1-semi-l{float: none;}

	.form1-semi-r{float: none;}







@media only screen and (max-width: 550px)

{

	.text8{font-size: 43px}

	.text9{font-size: 18px}

}



      .other { height: 300px; }

      .other div {

        width: 100%;

      }

	   .bxslider{}

	  

	  .bx-wrapper .bx-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  background: #666\9;

  background: rgba(80, 80, 80, 0.75);

  width: 100%;

  top: 70%;

}

	  

	  .bx-wrapper .bx-controls-direction a {

  z-index: 9;

}



.bxslider {display: inline-block;}

.bxslider a, .floatpos a{ color: #00c3ea; font-weight:bold}

.bxslider a:hover, .floatpos a:hover{ color: #fff;}







.bx-wrapper .bx-prev {

  left: 30px;

  background: url("../images/arrow_3_tol.png") no-repeat 0 0px;

   background-size:15px;

}







.bx-wrapper .bx-next {  right: 20px;

  background: url("../images/arrow_3_tor.png") no-repeat 0 0px;

   background-size:15px;

}



.bx-wrapper .bx-controls-direction a {

  top: 45%;

}



.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {

  background-position: 0 0;

  opacity: 0.8;

}



pre {

  margin: 0;

 }

 .crop{}