/* base */

html, body{ 

    width: 100%;

	  overflow-y: hidden;

	/* min-width: 1200px */

}

body{font-size: 14px;}

/* @media only screen and (max-width: 2000px){body{font-size: 100%}  }

@media only screen and (max-width: 1900px){body{font-size: 95%}  }

@media only screen and (max-width: 1800px){body{font-size: 90%}  }

@media only screen and (max-width: 1700px){body{font-size: 85%}  }

@media only screen and (max-width: 1600px){body.nie, body.ie .fixed_slide{font-size: 80%}}

@media only screen and (max-width: 1500px){body.nie, body.ie .fixed_slide{font-size: 75%}}

@media only screen and (max-width: 1400px){body{font-size: 100%}}

@media only screen and (max-width: 1300px){body.nie, body.ie .fixed_slide{font-size: 65%}}

@media only screen and (max-width: 1200px){body.nie, body.ie .fixed_slide{font-size: 60%}}

@media only screen and (max-width: 1100px){body.nie, body.ie .fixed_slide{font-size: 55%}}

@media only screen and (max-width: 1000px){body.nie{font-size: 50%}}

@media only screen and (max-width:  900px){body.nie{font-size: 45%}}

@media only screen and (max-width:  800px){body.nie{font-size: 40%}} */



.clear{ clear:both }

.sub{  vertical-align: sub;}

.right{float:right}

a {outline : none; }

ul { margin: 0; }

body{ font-family: Arial, 'Arial Unicode MS', sans-serif; }



/* new */

.center{text-align:center}

a:link, a:visited{text-decoration: none;color:inherit}

a:hover, a:active{ 	text-decoration: underline;color:inherit}

.card3 .navigation ul li > a:hover,.card3 .navigation ul li > a:active {text-decoration: none; color: #000}

body{color:#404041}

img {max-width: none;}

/* base */

.container{width:100%; margin: 0 auto; padding: 0}



/* templete */

.welcome .top{}

.welcome .content{}

.welcome .footer{}



.parallax-window {

   min-height: 400px;

    background: transparent;

}

/* div as page */

.slide{

	width: 100%;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	background-size: 100%;

	overflow: hidden;

	/* background-attachment: fixed; */

}/* 

#slide-1{

	background-image: url("../images/img003.jpg");

} */

#slide-2{

	background-image: url("../images/img004.jpg");

}

#slide-3{

	background-image: url("../images/img005.jpg");

}
#left {
    margin-left: 15px;
    margin-right: 15px;
}
@media only screen and (max-width: 1080px){ 

	.slide{

		/* background-size: 1080px auto; */

	}

}

/* slider */

#fusionads.slider ul li{

	/* color:rgba(0,70,139,1); */

	/* color:rgba(89,102,108,0.4); */

	line-height: 0px;

	margin-bottom: 10px;

}

#fusionads.slider ul li span{

	width: 20px;

	height: 20px;

	background: rgba(179,188,193,0.3);

	display:inline-block;

}

#fusionads.slider {

	background: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	top: 0px;

	right: 40px;

	z-index: 20;

	padding: 0px;

}

#fusionads.slider ul li a:hover span, #fusionads.slider ul li.active span {

	background:rgba(0,70,139,1); 

}

/* menu */

#fusionads.top {

  top: 45px;

  right: 0px;

  padding: 12px 0px;

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

  -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);

  width:100%;

}



#fusionads.top .fusion-wrap{

	

	position: relative;

	width: 100%;

}



.top .element{display:inline-block;}

.top .logo{margin-right: 50px;top: 24px;left: 177px; }

.top .logo img{width: 250px;}

.top .menubar{margin-right: 174px;top: 54px; color:#004784; font-size:14.39px;left: 590px;vertical-align: middle;}

.top .icon{vertical-align: middle;float: right;

padding-top: 10px;}

.top .icon ul li img{width:33px}

.top  ul li{display: inline; list-style-type: none; }

.top  .menubar ul li{padding-right:  22.5px; }

.top  .menubar ul li:last-child{padding-right: 0px; }

.top .topwrap1{background:#fff;height: 116px;}

.top .icon ul li{padding-right: 10px; }

.top .icon ul li:last-child{padding-right: 0px; }







.contentwrap{

	margin: 0 auto 0 auto;

	position: relative;

	width: 1600px;

}



.grid4{width: 520px;} 

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



	.contentwrap{

		padding: 0 5%;

		width: 100%;

	}





	#fusionads.top .fusion-wrap{

		width: 100%;

	}

	.top .logo{margin-right: 30px}

	.top .menubar{margin-right: 30px}

	.top .menubar ul li {

		padding-right: 20.5px;

	}

}







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



	

	.contentwrap{

		padding: 0 4%;

		width: 100%;

	}

}



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

	

	.top .logo{margin-right: 15px}

	.top .menubar{margin-right: 15px}

	.top .menubar ul li {

		padding-right: 10.5px;

	}

	.top .icon ul li {

		padding-right: 0px;

	}

	

	.contentwrap{

		padding: 0 3%;

		width: 100%;

	}

}



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



	.top .menubar ul li {

		padding-right: 10.5px;

	}

	.top .icon ul li img{

		width: 25%

	}

	

	.contentwrap{

		padding: 0 2%;

		width: 100%;

	}

}

.element.menubar{display:inline-block}

.navbar-toggle{display:none}



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

#fusionads.top {

 padding-bottom: 0px; 

}

.nav {

 margin-bottom: 0px; 

}

.element.menubar{display:none}

.navbar-toggle{display:inline-block}

.element.logo{float: left; }

.element.icon{

padding-top: 18px;}



	/* mobile display */



	.contentwrap{

		padding: 0 1%;

		width: 100%;

	}

}

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

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

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





/* page */





.navbar-collapse {

}



.navbar-collapse ul li a:hover{background:  #FEEDE5}

.navbar-collapse ul li a.actived{background:  #FEEDE5}

.navbar-collapse ul li{ }

.navbar-collapse ul li a{display: block; padding: 10px 15px}

.navbar-collapse ul li dd{margin-left:0; color: gray;}

.navbar-collapse ul li dl{margin-bottom: 0}

.navbar-collapseul li dd a{padding-left: 40px;}



.navbar-toggle {

position: relative;

float: right;

padding: 10px 10px;

margin-top: 16px;

/* margin-right: 15px; */

margin-bottom: 8px;

background-color: transparent;

background-image: none;

border: 1px solid transparent;

border-radius: 4px;

}

.sr-only {

position: absolute;

width: 1px;

height: 1px;

padding: 0;

margin: -1px;

overflow: hidden;

clip: rect(0,0,0,0);

border: 0;

}

.navbar-toggle .icon-bar {

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

}

.navbar-toggle .icon-bar {

display: block;

width: 22px;

height: 2px;

border-radius: 1px;

margin-bottom: 4px;

}

.fixed_slide{

	

	background-image: url("../images/img003.jpg");

	background-repeat: no-repeat;

	background-position: 50% 0;

	background-size: 100%;

	

}

.content .element {vertical-align: top;display: inline-block;}



.content .grid1 {background:#f1f1f2;}

.content .grid1 .title{color:#929497; font-size:2.714em;line-height: 100%;}

.content .grid1 .content{color:#808184; font-size:1.143em;line-height: 120%;}

.content .grid1 .more{color:#00c3ea; font-size:0.714em; font-weight: 800}



.content .grid2 {background:#004784;}

.content .grid2 .title{color:#ffffff; font-size:2.714em;line-height: 100%;}

.content .grid2 .content{color:#ffffff; font-size:0.929em;line-height: 120%;}



hr{margin: 0}

.width100{width:100%}



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

.grid3.black{ background-color:rgba(0,0,0,0.5);}

.grid3{

	width: 598px;

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

	background-size: 100%;

	/* margin-left: 86px; */

	

	}

.grid3 > div:first-child{}

.grid3 .title{color:#00c3ea; font-size:3.571em; line-height: 100% }

.grid3 .content{color:#fff; font-size:1.429em; line-height: 127%}

.grid3 .subcontent{color:#fff; font-size:1em; line-height: 140%}

.grid3 .more{color:#00c3ea; font-size:1.071em; font-weight: 800}



.grid4{ background:rgba(0,0,0,0.5); display: inline-block;}

.grid4 .title{color:#fff; font-size:1.357em; line-height: 100% }

.grid4 .content{color:#fff; font-size:0.857em; line-height: 127%; padding-right: 26px;}

.grid4 .more{color:#00c3ea; font-size:1em;font-weight: 800}



.grid4:last{margin-right: 0px;}







.co_container{width:1630px; margin: 0 auto}

/* .grid4{margin-right: 16;}  */

.grid4{margin-right: 15px; width: 370px} 

.grid4 img{width:100%;} 

.grid4wrap > .grid4:last-child{margin-right: 0;} 



a.findmore:hover{text-decoration: underline!important;}

a.findmore {

	margin-top: 30px;

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

  background-size: 5px;

  padding-right: 25px;

	  font-size: 15px;

}



@media only screen and (max-width:  1700px){.co_container{width:100%} 

.co_container > .ww{padding: 0 35px;}

 } 

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

.grid4{width: 32%;margin-right: 1%} 

.grid4wrap {width: 100%}

 } 



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

	.pos2, .pos3{width: 768px}

	.pos2, .pos1 {   left: 22.5px; }
	
 } 

/*

@media only screen and (max-height: 1200px){body .slide{font-size: 100%}  }

@media only screen and (max-height: 900px){body .slide{font-size: 90%}  }

@media only screen and (max-height: 800px){body .slide{font-size: 80%}  }

@media only screen and (max-height: 700px){body .slide{font-size: 70%}  }

@media only screen and (max-height: 600px){body .slide{font-size: 60%}  }

@media only screen and (max-height: 500px){body .slide{font-size: 50%}  }

@media only screen and (max-height: 400px){body .slide{font-size: 40%}  }

@media only screen and (max-height: 300px){body .slide{font-size: 30%}  }

@media only screen and (max-height: 200px){body .slide{font-size: 20%}  }

@media only screen and (max-height: 100px){body .slide{font-size: 10%}  }*/

/* ============================================================

  FUSION ADS

============================================================ */

#fusionads {

  position: fixed;

  top: 10px;

  right: 10px;

  z-index: 20;

  padding: 20px;

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

  font-size: 12px;

  line-height: 1.2;

  -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);

}



#fusionads .fusion-wrap {

  display: block;

  margin: 0 auto 10px auto;

  width: 130px;

}



#fusionads a.fusion-text {

  display: block;

  color: #787878;

}



#fusionads a.fusion-img {

  display: block;

  margin-bottom: 10px;

  width: 130px;

  height: 100px;

  background-color: #fff;

}



#fusionads a.fusion-img img {

  display: block;

  margin: 0 0 10px 0;

}



#fusionads a.fusion-poweredby {

  color: #b4b4b4;

}

#fusionads a.fusion-poweredby:hover {

  color: #818181;

}



#close-fusionad {

  position: fixed;

  top: 10px;

  right: 10px;

  z-index: 30;

  width: 20px;

  height: 20px;

  background-color: #282828;

  text-align: center;

  line-height: 20px;

  color: #fff;

  font-size: 12px;

  font-weight: 700;

}

/* 

#fusionads .fusion-wrap {

	width: 100%;

}

#fusionads {

	top: 68px;

	left: 0;

	width: 2000px;

	padding: 0px;

	height: 118px;

}

#fusionads .fusion-wrap{

	margin: 0;

	position: relative;

} */



.parallax-window .grid3 { width:50%; }



.parallax-window .grid3 .title { font-size:50px!important; }

.parallax-window .grid3 .content { font-size:20px!important; }

.parallax-window .grid3 .subcontent { font-size:14px!important; }

.parallax-window .grid3 .more { font-size:15px!important; }



.parallax-window .grid4 .title { font-size:19px!important; }

.parallax-window .grid4 .content { font-size:12px!important; }

.parallax-window .grid4 .more { font-size:14px!important; }



.table1 .tag{background:#f1f1f2; color:#0090b8; font-weight:bold}

.table1 .header, .table1 .tag .active{background:#0090b8; color:#fff; text-align:center;}



.card1 a:hover, .card2 a:hover{text-decoration: underline!important; }



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

	.parallax-window .grid3 .title { font-size:45px!important; }

	.parallax-window .grid3 .content { font-size:18px!important; }

	.parallax-window .grid3 .subcontent { font-size:13px!important; }

	.parallax-window .grid3 .more { font-size:13px!important; }

	

	

	.parallax-window .grid4 .title { font-size:17px!important; }

	.parallax-window .grid4 .content { font-size:11px!important; }

	.parallax-window .grid4 .more { font-size:12px!important; }

}

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

	.parallax-window .grid3 .title { font-size:40px!important; }

	.parallax-window .grid3 .content { font-size:16px!important; }

	.parallax-window .grid3 .subcontent { font-size:11px!important; }

	.parallax-window .grid3 .more { font-size:11px!important; }

	

	

	.parallax-window .grid4 .title { font-size:13px!important; }

	.parallax-window .grid4 .content { font-size:11px!important; }

	.parallax-window .grid4 .more { font-size:11px!important; }

}



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

	/* .parallax-window .grid3 .title { font-size:35px!important; }

	.parallax-window .grid3 .content { font-size:14px!important; }

	.parallax-window .grid3 .subcontent { font-size:10px!important; }

	.parallax-window .grid3 .more { font-size:10px!important; } */

}